.hours-panel{--hx-blue:#075985;--hx-line:#dfe7ef;--hx-muted:#617185}.hx-tabs{display:flex;gap:6px;overflow:auto;padding:5px;background:#edf2f7;border:1px solid var(--hx-line);border-radius:12px;margin:20px 0}.hx-tabs button{border:0;background:transparent;color:#52657a;padding:11px 16px;white-space:nowrap;border-radius:9px;font:600 13px inherit;cursor:pointer}.hx-tabs button[aria-selected=true]{background:white;color:var(--hx-blue);box-shadow:0 2px 5px #133e5b12}.hx-card{background:#fff;border:1px solid var(--hx-line);border-radius:16px;padding:24px;min-width:0}.hx-card h2{font-size:18px;margin:0 0 8px;color:#20364d}.hx-card p{color:var(--hx-muted);font-size:13px;line-height:1.6;margin:0 0 18px}.hx-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1.2fr);gap:22px}.hx-edit{align-self:start}.hx-edit>label,.hx-rules label{display:flex;flex-direction:column;gap:7px;margin:14px 0}.hours-panel label>span{font-size:13px;font-weight:600;color:#344b62}.hours-panel input:not([type=checkbox]),.hours-panel select,.hours-panel textarea{width:100%;box-sizing:border-box;min-height:42px;padding:10px 12px;border:1px solid #cdd8e4;border-radius:9px;background:#fff;color:#263e54;font:inherit;font-size:14px}.hours-panel input:focus,.hours-panel select:focus,.hours-panel textarea:focus{outline:3px solid #0284c71c;border-color:#0284c7}.hours-panel label small,.hx-help{font-size:12px;line-height:1.6;color:var(--hx-muted)}.hx-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hx-field-pair label{display:flex;flex-direction:column;gap:7px;margin:12px 0}.hx-primary,.hx-secondary{border-radius:9px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;font:600 13px system-ui;cursor:pointer;min-height:42px;box-sizing:border-box}.hx-primary{border:1px solid var(--hx-blue);background:var(--hx-blue);color:white}.hx-secondary{border:1px solid #cdd8e4;background:white;color:#345269}.hours-panel button:disabled{opacity:.5;cursor:default}.hx-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.hx-message{min-height:0;margin:0;color:#126449;font-size:14px}.hx-message:not(:empty){padding:12px 16px;background:#eaf9f1;border-radius:10px;margin-bottom:18px}.hx-message.hx-error{color:#a12f31;background:#fff0f0}.hx-note{background:#f1f6fb;color:#526b82;border-left:3px solid #93bbd6;border-radius:7px;padding:12px 16px;font-size:12px;line-height:1.7;margin:16px 0}.hx-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-top:20px}.hx-toolbar label{display:flex;flex-direction:column;gap:7px;flex:1;min-width:140px}.hx-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.hx-metrics article{border:1px solid var(--hx-line);border-radius:12px;padding:16px;background:#f9fbfd}.hx-metrics span{font-size:12px;color:var(--hx-muted);display:block}.hx-metrics strong{font-size:25px;color:#173e58;display:block;margin-top:7px}.hx-card-head{display:flex;justify-content:space-between;align-items:start;gap:15px}.hx-item{padding:18px 0;border-bottom:1px solid var(--hx-line)}.hx-item:first-child{padding-top:10px}.hx-item:last-child{border:0}.hx-item strong{font-size:14px;color:#263e54}.hx-item p{margin:6px 0;font-size:13px}.hx-item small{display:block;color:var(--hx-muted);font-size:12px}.hx-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.hx-chips span{background:#f0f5fa;border-radius:6px;padding:5px 8px;font-size:11px;color:#3e5c73}.hx-pill{display:inline-block;background:#fff4d8;color:#87620f;border-radius:20px;padding:6px 10px;font-size:11px;white-space:nowrap}.hx-pill.hx-ok{background:#e3f5ed;color:#14724f}.hx-link{display:block;border:0;background:none;color:#0876ad;padding:8px 0;font:600 12px system-ui;cursor:pointer;text-align:left}.hx-empty{padding:20px 0;color:var(--hx-muted);font-size:13px}.hx-segment{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:8px;background:#f6f9fc;border:1px solid var(--hx-line);border-radius:11px;padding:12px;margin:14px 0}.hx-segment label{display:flex;flex-direction:column;gap:6px;min-width:0}.hx-check,.hx-segment .hx-check,.hx-rules .hx-check{flex-direction:row;align-items:center;gap:8px;font-size:13px}.hx-segment .hx-check{grid-column:1/3}.hx-remove{border:0;background:transparent;font-size:24px;color:#8696a6;cursor:pointer;justify-self:end}.hx-setup{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;background:#f7fafc;border:1px solid var(--hx-line);border-radius:12px;margin-bottom:22px}.hx-setup>strong{font-size:13px;color:#3c566d}.hx-setup>div{display:flex;gap:18px;flex-wrap:wrap}.hx-setup button{background:none;border:0;cursor:pointer;color:#506b82;font-size:12px;padding:5px}.hx-step{color:#9aaabd;padding-right:6px}.hx-step.hx-done{color:#178461}.hx-report{min-width:1550px!important;font-size:12px}.hx-report-wrap{max-height:60vh}.hx-report td{vertical-align:top}.hx-report td small{display:block;white-space:normal;margin-top:5px;color:#75869a}.hx-report .hx-punches{min-width:170px;max-width:230px;white-space:normal;line-height:1.8}.hx-observations{min-width:180px;max-width:250px;white-space:normal!important}.hx-observations span{display:block;font-size:11px;line-height:1.7;color:#946724}.hx-report tfoot th{position:sticky;bottom:0;background:#edf3f8;padding:15px 10px;color:#244b66}.hx-rules{max-width:1000px}.hx-rules>.hx-grid{grid-template-columns:1fr 1fr;gap:12px 30px}.hx-dialog{border:1px solid var(--hx-line);border-radius:16px;padding:28px;max-width:480px;width:calc(100% - 48px);box-sizing:border-box;color:#2b445c}.hx-dialog::backdrop{background:#19344a66}.hx-dialog h2{font-size:20px;margin:0 0 12px}.hx-dialog p{font-size:13px;line-height:1.7;color:var(--hx-muted)}.hx-dialog label{display:flex;flex-direction:column;gap:7px;margin:16px 0}.hx-dialog [hidden],.hours-panel [hidden]{display:none!important}.hx-dialog #hxDialogError{color:#b33b3b}button:focus-visible,a:focus-visible{outline:3px solid #5fb2dc;outline-offset:3px}
@media(max-width:1050px){.hx-grid{grid-template-columns:1fr}.hx-setup{align-items:start;flex-direction:column;gap:10px}.hx-metrics{grid-template-columns:repeat(2,1fr)}.hx-card{padding:18px}}@media(max-width:600px){.hx-rules>.hx-grid{grid-template-columns:1fr}.hx-toolbar label{flex-basis:42%}.hx-toolbar label:has(#hxReportEmployee){flex-basis:100%}.hx-tabs{margin:14px 0}.hx-tabs button{padding:10px 12px}.hx-field-pair{grid-template-columns:1fr}.hx-card{padding:16px}.hx-metrics strong{font-size:22px}.hx-metrics article{padding:13px}.hx-setup>div{gap:6px}.hx-segment{grid-template-columns:1fr 1fr}.hx-segment>label:first-child{grid-column:1/-1}.hx-segment .hx-check{grid-column:1}.hx-rules h2{font-size:18px}}
.hours-panel .hx-danger{color:#b03c42}.hx-history{border-top:1px solid #dfe7ef;margin-top:18px;padding-top:16px}.hx-history summary{cursor:pointer;color:#617185;font-size:13px;font-weight:600}.hx-history .hx-item{padding-left:10px}

.hx-flex-intro{max-width:720px;margin:12px 0 24px}.hx-flex-intro h2{font-size:28px;color:#173e58;margin:12px 0}.hx-flex-intro p{color:#617185;line-height:1.65}.hx-flex-day,.hx-flex-day-head{display:grid;grid-template-columns:100px 100px minmax(120px,1fr);gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf2f7}.hx-flex-day-head{font-size:11px;color:#617185}.hx-flex-day strong{font-size:13px}.hx-flex-employees{max-height:300px;overflow:auto;border:1px solid #dfe7ef;border-radius:10px;margin:14px 0}.hx-flex-person{display:flex;gap:12px;padding:12px;border-bottom:1px solid #edf2f7;align-items:center;cursor:pointer}.hx-flex-person input{width:20px;height:20px;flex:none}.hx-flex-person span{display:flex;flex-direction:column;gap:4px}.hx-flex-person small{font-weight:400}.hx-flex-adjust{padding:14px 0;border-top:1px solid #dfe7ef}.hx-flex-adjust summary{cursor:pointer;font-size:13px;color:#075985;font-weight:600}.hx-flex-adjust label{display:flex;flex-direction:column;gap:6px;margin-top:10px}.hx-flex-adjust .hx-check{flex-direction:row}.hx-flex-preview{margin-top:24px;padding:18px;border:2px solid #93bbd6;border-radius:12px;background:#f8fbfd}.hx-flex-conflict{color:#a12f31!important;background:#fff0f0;padding:10px;border-radius:8px}.hx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:600px){.hx-flex-day,.hx-flex-day-head{grid-template-columns:78px 76px minmax(0,1fr);gap:6px}.hx-flex-day select{font-size:11px;padding:8px 4px}.hx-flex-day strong{font-size:12px}.hx-flex-intro h2{font-size:24px}.hx-flex-preview{padding:12px}.hx-flex-preview .hx-primary{width:100%}}

/* Compact report: controls stay visible; small screens use labeled cards. */
.hours-panel .hx-optional-note{background:#f0f7fb;border:1px solid #cbdfea;border-radius:10px;padding:12px 14px;color:#345269;line-height:1.6;font-size:13px;margin:16px 0}
.hours-panel .hx-report{min-width:0!important;width:100%;table-layout:fixed;font-size:12px}
.hours-panel .hx-report th,.hours-panel .hx-report td{padding:12px 7px;white-space:normal!important;overflow-wrap:anywhere;min-width:0!important;max-width:none}
.hours-panel .hx-report th:nth-child(1){width:13%}.hours-panel .hx-report th:nth-child(2){width:12%}.hours-panel .hx-report th:nth-child(3){width:12%}
.hours-panel .hx-report th:nth-child(n+4):nth-child(-n+9){width:6%}.hours-panel .hx-report th:nth-child(10){width:12%}.hours-panel .hx-report th:nth-child(11){width:15%}
.hours-panel .hx-report .hx-punches,.hours-panel .hx-report .hx-observations{min-width:0;max-width:none}
.hours-panel .hx-report .hx-pill{white-space:normal;line-height:1.5;padding:5px 8px}
.hours-panel .hx-report .hx-link{white-space:normal;line-height:1.5;min-height:40px}
.hours-panel .hx-report .hx-extra-state{color:#52657a;font-size:11px;line-height:1.5}
.hours-panel .hx-report-wrap{max-height:none;overflow:visible}
@media(max-width:1200px){
.hours-panel .hx-report,.hours-panel .hx-report tbody,.hours-panel .hx-report tfoot{display:block;width:100%}
.hours-panel .hx-report thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.hours-panel .hx-report tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #dfe7ef;border-radius:12px;padding:10px;margin:14px 0;background:#fff}
.hours-panel .hx-report td{display:block;border:0!important;padding:8px;box-sizing:border-box}
.hours-panel .hx-report td::before,.hours-panel .hx-report tfoot th[data-label]::before{content:attr(data-label);display:block;color:#617185;font-size:11px;font-weight:500;margin-bottom:5px}
.hours-panel .hx-report td:nth-child(1),.hours-panel .hx-report td:nth-child(2),.hours-panel .hx-report td:nth-child(3),.hours-panel .hx-report td:nth-child(10),.hours-panel .hx-report td:nth-child(11){grid-column:1/-1}
.hours-panel .hx-report td:nth-child(11){border-top:1px solid #dfe7ef!important;margin-top:6px;background:#f7fafc;border-radius:8px}
.hours-panel .hx-report tfoot tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#edf3f8;border-radius:10px;padding:10px}
.hours-panel .hx-report tfoot th{display:block;position:static;padding:8px;text-align:left;border:0!important}
.hours-panel .hx-report tfoot th:first-child{grid-column:1/-1}.hours-panel .hx-report tfoot th:last-child{display:none}
}

.hours-panel .hx-report thead th{font-size:11px;overflow-wrap:normal;word-break:normal}.hours-panel .hx-report thead th:nth-child(n+4):nth-child(-n+9){padding-left:4px;padding-right:4px}.hours-panel .hx-report td:nth-child(n+4):nth-child(-n+9){white-space:nowrap!important}

@media(max-width:1200px){.hours-panel .hx-report tfoot th{width:auto!important;min-width:0;overflow-wrap:normal;white-space:normal!important}.hours-panel .hx-report tbody td{width:auto!important;text-align:left}.hours-panel .hx-report tbody td:nth-child(11){justify-self:stretch}}