
.model-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:10px 0 30px}.model-toolbar>label{width:280px}.model-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;font-size:12px;padding:8px 10px;text-decoration:none;color:#315763}.employee-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dfe5e8;padding-bottom:18px}.employee-heading h2{font-size:25px;margin-top:5px}.employee-heading>span{color:#287d69;font-size:12px}.model-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 32px;padding:24px 0 28px;border-bottom:1px solid #dfe5e8;margin-bottom:30px}.model-setting{min-width:0}.model-setting dt{font-size:11px;font-weight:600;color:#667b84;margin-bottom:7px}.model-setting dd{margin:0;font-size:13px;color:#263b44;overflow-wrap:anywhere}.model-card{border:1px solid #d9e4e8;border-radius:6px;padding:20px;margin-bottom:15px;background:#fff}.model-card.current{border-left:4px solid #328b76}.model-card.future{border-left:4px solid #007da0}.model-card-head{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}.model-card-head h3{font-size:15px;line-height:1.5;margin:0;overflow-wrap:anywhere}.model-card-head p{margin:5px 0 0;font-size:11px;color:#75858d}.model-card-head .model-badge{font-size:10px;font-weight:600;padding:4px 7px;display:inline-block;background:#eff3f5;color:#63747c;border-radius:3px;margin:0 0 7px}.current .model-badge{color:#24745e;background:#e5f5ed}.future .model-badge{color:#007699;background:#e5f4f9}.model-body{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:18px}.model-metrics{display:flex;align-items:flex-start;gap:38px;flex-wrap:wrap}.model-metrics span{display:block;font-size:10px;color:#73848d;margin-bottom:5px}.model-metrics strong{font-size:19px;font-weight:600}.model-week{display:grid;grid-template-columns:repeat(7,minmax(40px,1fr));gap:4px;max-width:430px}.model-week>div{padding:8px 5px;background:#f3f7f9;text-align:center;border-radius:3px;font-size:11px}.model-week .work-day{background:#e8f4f8;color:#256c81}.model-week span{display:block;font-size:9px;margin-bottom:4px}.model-card details{margin-top:17px;border-top:1px solid #e4eaed;padding-top:12px}.model-card summary{font-size:11px;color:#617881;cursor:pointer}.model-card .model-settings{padding:18px 0 0;margin:0;border:0;gap:16px 25px}.model-card .model-setting dd{font-size:12px}.model-legacy{font-size:11px;color:#788b94;margin-top:10px}.daily-fields{border:0;border-top:1px solid #dfe5e8;padding:16px 0 0;margin:22px 0 0;min-width:0}.daily-fields legend{font-size:12px;font-weight:600;padding-right:10px}#dailyInputs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}#dailyInputs input{font-size:12px;padding:9px 4px;text-align:center;min-width:0}.model-options{border-top:1px solid #e1e8ec;padding-top:20px;margin-top:20px}.distribute-action{display:flex;align-items:flex-end}.distribute-action button{font-size:11px!important;min-height:43px!important}.model-main #modelDialog{width:min(780px,calc(100% - 24px))}#modelDialog{width:min(780px,calc(100% - 24px))}#templateDialog{width:min(680px,calc(100% - 24px))}.template-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #dfe5e8;padding:15px 0}.template-row>div{min-width:0}.template-row strong{font-size:14px;overflow-wrap:anywhere}.template-row p{font-size:11px;color:#71868e;margin:5px 0 0}.model-empty{padding:40px 0;color:#72858e;border-top:1px solid #e0e7eb}.form-hint.mismatch{color:#a65327}
@media(max-width:1000px){.model-body{align-items:flex-start;flex-direction:column}.model-week{width:100%;max-width:none}.model-settings{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.model-toolbar{gap:15px;margin-bottom:24px}.model-toolbar>label{width:100%}.model-toolbar .wf-actions{gap:8px;width:100%}.model-toolbar .wf-actions button{font-size:11px}.employee-heading{align-items:flex-start;gap:10px}.employee-heading h2{font-size:23px}.employee-heading>span{max-width:45%;text-align:right;font-size:11px}.model-settings{gap:17px 16px}.model-setting dd{font-size:12px}.model-card{padding:15px 12px}.model-card-head h3{font-size:14px}.model-body{gap:18px}.model-metrics{gap:25px}.model-metrics strong{font-size:18px}.model-week{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.model-week>div{font-size:10px;padding:7px 2px}.model-week span{font-size:9px}.model-card .model-settings{grid-template-columns:1fr 1fr}.model-card-head .icon{width:36px!important;min-width:36px!important;min-height:36px!important}.model-main .wf-section-heading h2{font-size:18px}#dailyInputs{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px}#dailyInputs input{font-size:16px}#modelDialog .form-grid{grid-template-columns:1fr 1fr}.model-options{grid-template-columns:1fr!important}#modelDialog .dialog-actions{justify-content:space-between}.distribute-action button{font-size:10px!important;padding:8px!important}.model-link{font-size:11px;padding-left:0}}

.model-settings-inner{display:contents}

#dailyInputs .model-day{min-width:0}
#dailyInputs .model-day-toggle{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;min-height:42px;margin-bottom:6px;padding:4px;border:1px solid #d9e4e8;border-radius:4px;background:#f7f9fa;cursor:pointer;font-size:12px}
#dailyInputs .model-day-toggle:has(input:checked){border-color:#007da0;background:#e8f4f8;color:#006f90}
#dailyInputs .model-day-toggle input[type=checkbox]{width:18px;min-width:18px;height:18px;min-height:18px;margin:0;padding:0;accent-color:#007da0;cursor:pointer}
#dailyInputs .model-day-toggle:focus-within{outline:2px solid #007da0;outline-offset:2px}
