.leave-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 20px;margin:22px 0}.leave-fields .field{min-width:0;margin:0}.leave-preview{padding:18px;background:#f5f4f0;border:1px solid var(--line);border-radius:8px;margin:18px 0}.leave-balance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.leave-balance-grid>div{min-width:0}.leave-balance-grid span{display:block;font-size:10px;color:var(--muted)}.leave-balance-grid strong{display:block;font-size:21px;font-weight:500;line-height:1.35;margin-top:5px}.leave-balance-grid small{font-size:11px;font-weight:400}.leave-preview>.spread{margin-bottom:17px}.capacity-warning{font-size:11px;color:var(--warn);margin-top:10px}.leave-files{list-style:none;padding:0;margin:12px 0;font-size:11px}.leave-files li{padding:10px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.leave-files li strong{font-weight:500;display:block}.leave-files li span{display:block;font-size:10px;color:var(--muted)}.leave-request-card{padding:20px 0;border-bottom:1px solid var(--line)}.leave-request-card:first-child{padding-top:0}.leave-request-card:last-child{border:0}.leave-request-card>.spread{align-items:flex-start;gap:15px}.leave-request-card p{font-size:12px}.leave-request-card .actions{margin-top:15px;flex-wrap:wrap}.leave-history{margin-top:15px;font-size:11px}.leave-history summary{cursor:pointer;color:var(--muted)}.leave-history p{font-size:10px;line-height:1.7}#leave-file-error{font-size:11px;color:var(--muted)}
@media(max-width:650px){.leave-fields{grid-template-columns:minmax(0,1fr);gap:15px}.leave-fields input,.leave-fields select{font-size:16px}.leave-preview{padding:16px}.leave-balance-grid{gap:15px 12px}.leave-balance-grid strong{font-size:19px}.leave-request-card>.spread{flex-wrap:wrap}.leave-request-card p{font-size:11px}.leave-preview>.spread{gap:12px;flex-wrap:wrap}}

.assessment-dates{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.assessment-dates .field{min-width:0}.assessment-people{margin:18px 0}.assessment-people>div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}.assessment-people label{display:grid;gap:3px}.assessment-people label strong{font-size:13px;font-weight:500}.assessment-people label span{font-size:10px;color:var(--muted)}.assessment-people>div>div{display:flex;align-items:center;gap:8px}.assessment-people input{width:100px;min-width:0;padding:9px 12px}.assessment-people>div>div>span{font-size:10px;color:var(--muted)}.assessment-total{display:flex;justify-content:space-between;gap:15px;align-items:baseline;margin:20px 0;font-size:12px}.assessment-total strong{font-size:25px;font-weight:500}.assessment-result{margin-top:23px;padding-top:20px;border-top:1px solid var(--line)}.role-assessment-list{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:14px}.role-assessment-list article{border:1px solid var(--line);border-radius:7px;padding:14px;min-width:0}.role-assessment-list h3{font-size:12px}.role-assessment-list p{font-size:11px;line-height:1.7}.role-assessment-list strong{font-weight:500}.role-assessment-list small{display:block;font-size:10px;color:var(--muted);margin-top:6px}
@media(max-width:650px){.assessment-dates,.role-assessment-list{grid-template-columns:minmax(0,1fr)}.assessment-people input{font-size:16px;width:95px}.assessment-people>div{gap:12px}.assessment-total strong{font-size:24px}}

#dialog.about-demo{padding:0;max-width:700px;max-height:calc(100dvh - 32px);overflow:hidden}#dialog.about-demo #dialogbody{max-height:calc(100dvh - 32px);display:flex;min-height:0}.about-shell{display:flex;flex-direction:column;min-height:0;max-height:calc(100dvh - 32px);width:100%}.about-header{padding:32px 36px 23px;border-bottom:1px solid var(--line);flex-shrink:0}.about-header h2{font-size:31px;line-height:1.2;font-weight:500;letter-spacing:-.7px;margin:15px 0 12px;padding-right:22px}.about-header p{font-size:12px;color:var(--muted);max-width:450px}.about-scroll{padding:7px 36px 25px;overflow-y:auto;min-height:0;overscroll-behavior:contain}.about-step{display:grid;grid-template-columns:25px minmax(0,1fr);gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.about-step>span{font:10px monospace;color:#a09c92;padding-top:3px}.about-step h3{font-size:14px;font-weight:500}.about-step p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:7px}.about-sample{padding:17px 20px;background:#f3f2ed;border-radius:7px;margin-top:23px}.about-sample strong{font-size:11px;font-weight:500}.about-sample p{font-size:11px;line-height:1.7;color:var(--muted)}.about-footer{padding:20px 36px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;background:#fff}.about-footer>span{font-size:10px;color:var(--muted);max-width:230px}.about-footer button{white-space:nowrap;min-height:44px}.about-demo>.close{top:18px;right:18px}
@media(max-width:650px){#dialog.about-demo{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}#dialog.about-demo #dialogbody,.about-shell{max-height:calc(100dvh - 24px)}.about-header{padding:25px 24px 20px}.about-header h2{font-size:27px}.about-scroll{padding:0 24px 22px}.about-step{gap:10px;padding:17px 0}.about-step p{font-size:12px}.about-footer{padding:18px 24px;display:block}.about-footer>span{display:block;margin-bottom:13px;max-width:none}.about-footer button{width:100%;justify-content:center}.about-sample{padding:15px}.about-demo>.close{top:13px;right:13px}}