html:has(body.sia-standalone) { margin-top: 0 !important; }
body.sia-standalone { margin: 0; min-height: 100vh; background: #f8f3eb; }
html.sia-app-shell.sia-view-registratie { height: 100%; overflow: hidden; }
body.sia-standalone.sia-view-registratie { height: 100dvh; min-height: 0; overflow: hidden; }
html.sia-app-shell.sia-staff-hours { height: 100%; overflow: hidden; }
body.sia-standalone.sia-staff-hours { height: 100dvh; min-height: 0; overflow: hidden; }
.sia-app {
--sia-ink: #382417;
--sia-muted: #755d4b;
--sia-line: #e8cba9;
--sia-sticky-nav-height: 55px;
box-sizing: border-box;
width: min(calc(100% - 1rem), 1700px);
min-height: calc(100vh - 1rem);
margin: .5rem auto;
padding: 0 1rem 1rem;
border: 1px solid var(--sia-line);
border-radius: 16px;
background: #fffdfa;
color: var(--sia-ink);
font: 16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
}
/* Salary payment control and ING/SEPA export. */
.sia-payroll-payments{display:grid;gap:16px;padding:20px;border:1px solid #e5ba86;border-radius:16px;background:#fffdfa;color:#382316}.sia-payroll-payments__header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.sia-payroll-payments__header small{color:#914b98;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sia-payroll-payments__header h2{margin:3px 0 5px;font:700 30px/1.1 Georgia,serif}.sia-payroll-payments__header p{margin:0;color:#765640}.sia-payroll-payments__header form{display:flex;align-items:flex-end;gap:10px}.sia-payroll-payments__header label{display:grid;gap:5px;font-size:12px;font-weight:800}.sia-payroll-payments__header select,.sia-payroll-payments__header button,.sia-payroll-payments__settings input{min-height:44px;border:1px solid #e5ba86;border-radius:10px;background:#fff;padding:0 14px;color:#382316;font:inherit}.sia-payroll-payments__header button,.sia-payroll-payments__actions button{border:0;background:#412718;color:#fff;font-weight:800;cursor:pointer}.sia-payroll-payments__notice{display:flex;gap:14px;align-items:center;padding:13px 16px;border-left:4px solid #bd6900;background:#fff4e3}.sia-payroll-payments__notice strong{white-space:nowrap}.sia-payroll-payments__notice span{color:#694b38}.sia-payroll-payments__settings{display:grid;grid-template-columns:minmax(220px,1fr) minmax(190px,.7fr) 1fr;gap:12px;align-items:end}.sia-payroll-payments__settings label{display:grid;gap:5px;font-size:12px;font-weight:800}.sia-payroll-payments__settings span{padding:0 0 12px;color:#765640;font-size:13px}.sia-payroll-payments__summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sia-payroll-payments__summary>div{display:grid;gap:5px;padding:13px 15px;border:1px solid #ecd0af;border-radius:12px;background:#fff9f1}.sia-payroll-payments__summary small{color:#765640;font-weight:700}.sia-payroll-payments__summary strong{font-size:22px}.sia-payroll-payments__table-wrap{overflow:auto;border:1px solid #ecd0af;border-radius:12px}.sia-payroll-payments table{width:100%;border-collapse:collapse;min-width:1180px}.sia-payroll-payments th{padding:12px;text-align:left;background:#fbf0e3;font-size:13px}.sia-payroll-payments td{padding:10px 12px;border-top:1px solid #efd4b3;vertical-align:middle}.sia-payroll-payments tbody tr.needs-review{background:#fff8f1}.sia-payroll-payments tbody tr.is-ready{background:#fbfff8}.sia-payroll-payments td>strong,.sia-payroll-payments td>small{display:block}.sia-payroll-payments td small{margin-top:3px;color:#80614d}.sia-payroll-payments td a{color:#985400;font-weight:700}.sia-payroll-payments td input[type=text],.sia-payroll-payments td input[type=number]{width:100%;min-width:150px;min-height:39px;border:1px solid #e1b47e;border-radius:8px;background:#fff;padding:7px 10px;color:#382316}.sia-payroll-payments td input:focus{outline:2px solid #b76b16;outline-offset:1px}.sia-payroll-payments__amount{display:flex;align-items:center;gap:6px}.sia-payroll-payments__amount input{min-width:115px!important}.sia-payroll-payments__status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.sia-payroll-payments__status.is-loading{background:#f4eadf;color:#765640}.sia-payroll-payments__status.is-ready{background:#e4f2dc;color:#1e6928}.sia-payroll-payments__status.is-review{background:#f9e7e3;color:#963628}.sia-payroll-payments__actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.sia-payroll-payments__actions p{margin:0;color:#765640}.sia-payroll-payments__actions>div{display:flex;gap:10px}.sia-payroll-payments__actions button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:10px}.sia-payroll-payments__actions button.is-secondary{border:1px solid #d8aa72;background:#fff;color:#5a351f}.sia-payroll-payments__actions button:disabled{opacity:.45;cursor:not-allowed}.sia-payroll-payments__actions svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.sia-payroll-payments__empty{display:grid;gap:6px;padding:30px;border:1px dashed #deb987;border-radius:12px;text-align:center;background:#fff9f1}.sia-payroll-payments__settings-link{justify-self:start;color:#985400;font-weight:700}.sia-administration__tabs a svg{flex:0 0 auto}
@media(max-width:900px){.sia-payroll-payments__header,.sia-payroll-payments__actions{align-items:stretch;flex-direction:column}.sia-payroll-payments__header form,.sia-payroll-payments__actions>div{flex-wrap:wrap}.sia-payroll-payments__settings{grid-template-columns:1fr}.sia-payroll-payments__summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Employee document hub: document type tabs, payroll subtabs and delivery state. */
.sia-staff-documents-tabs,
.sia-staff-payroll-document-tabs {
display: flex;
flex-wrap: wrap;
gap: .55rem;
margin: 0 0 1rem;
padding: .5rem;
border: 1px solid #ead1b2;
border-radius: 12px;
background: #fff9f1;
}
.sia-staff-documents-tabs a,
.sia-staff-payroll-document-tabs a {
display: inline-flex;
align-items: center;
justify-content: center;
gap: .5rem;
min-height: 42px;
padding: .55rem .8rem;
border: 1px solid transparent;
border-radius: 9px;
color: #60422f;
font-size: .78rem;
font-weight: 850;
text-decoration: none;
}
.sia-staff-documents-tabs a.is-active,
.sia-staff-payroll-document-tabs a.is-active {
border-color: #432a1b;
background: #432a1b;
color: #fff;
}
.sia-staff-documents-tabs em,
.sia-staff-payroll-document-tabs em {
display: inline-grid;
min-width: 24px;
min-height: 24px;
place-items: center;
padding: 0 .35rem;
border-radius: 999px;
background: rgba(142, 82, 21, .12);
font-size: .7rem;
font-style: normal;
}
.sia-staff-documents-tabs a.is-active em,
.sia-staff-payroll-document-tabs a.is-active em { background: rgba(255, 255, 255, .17); }
.sia-staff-payroll-document-tabs {
width: fit-content;
margin-top: 1rem;
background: #fff;
}
.sia-staff-documents-panel {
padding: 1rem;
border: 1px solid #e8c59d;
border-radius: 12px;
background: #fffdf9;
}
.sia-staff-documents-panel > header {
display: flex;
align-items: end;
justify-content: space-between;
gap: 1rem;
margin-bottom: .85rem;
}
.sia-staff-documents-panel > header small {
display: block;
color: #98519d;
font-size: .68rem;
font-weight: 900;
letter-spacing: .08em;
}
.sia-staff-documents-panel > header h3 { margin: .12rem 0 0; }
.sia-staff-document-list > li {
display: grid;
grid-template-columns: auto minmax(220px, 1fr) minmax(180px, auto) auto;
gap: .8rem;
align-items: center;
}
.sia-staff-document-list > li > svg { width: 22px; height: 22px; }
.sia-staff-document-status {
display: grid;
gap: .1rem;
min-width: 180px;
padding: .45rem .65rem;
border: 1px solid #e0cfb9;
border-radius: 9px;
background: #fff8ee;
font-size: .72rem;
}
.sia-staff-document-status small { color: #715a4a; }
.sia-staff-document-status.is-sent { border-color: #b9d9ae; background: #edf8e9; color: #276a26; }
.sia-staff-document-status.is-failed { border-color: #e7b7b0; background: #fff0ee; color: #9b3026; }
.sia-staff-document-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .4rem; }
.sia-staff-document-actions form { margin: 0; }
.sia-staff-document-actions a,
.sia-staff-document-actions button {
display: inline-flex;
align-items: center;
gap: .35rem;
min-height: 38px;
padding: .45rem .65rem;
border: 1px solid #dfbd94;
border-radius: 8px;
background: #fffaf3;
color: #432a1b;
font: inherit;
font-size: .72rem;
font-weight: 800;
text-decoration: none;
cursor: pointer;
}
.sia-staff-document-actions a:hover,
.sia-staff-document-actions button:hover { border-color: #9c671d; background: #fff2df; }
.sia-staff-document-actions button.is-delete{border-color:#e4aaa2;background:#fff5f3;color:#a33228}.sia-staff-document-actions button.is-delete:hover{border-color:#b94135;background:#ffe7e3;color:#8d2118}
.sia-staff-document-actions button:disabled { cursor: not-allowed; opacity: .45; }
.sia-staff-document-actions svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.sia-payroll-mail-settings .sia-dossier__checkbox {
display: flex;
align-items: flex-start;
gap: .55rem;
padding: .75rem;
border: 1px solid #dec3a2;
border-radius: 9px;
background: #fffaf3;
}
.sia-payroll-mail-settings .sia-dossier__checkbox input { margin-top: .15rem; }
@media (max-width: 980px) {
.sia-staff-document-list > li { grid-template-columns: auto minmax(0, 1fr); }
.sia-staff-document-status,
.sia-staff-document-actions { grid-column: 2; }
.sia-staff-document-actions { justify-content: flex-start; }
}
@media (max-width: 620px) {
.sia-staff-documents-tabs a { flex: 1 1 100%; }
.sia-staff-payroll-document-tabs { width: 100%; }
.sia-staff-payroll-document-tabs a { flex: 1 1 calc(50% - .3rem); }
.sia-staff-document-actions span { display: none; }
}
/* Monthly financial reconciliation */
.sia-month-report{display:grid;gap:18px;color:#382317}.sia-month-report__head{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:24px;align-items:end;padding:8px 2px 2px}.sia-month-report__head small,.sia-month-partners>header small,.sia-month-checks>header small,.sia-platform-card>header small,.sia-settlement-dialog header small{display:block;margin-bottom:4px;color:#98519d;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.sia-month-report__head h1,.sia-month-partners h2,.sia-month-checks h2,.sia-platform-card h3,.sia-settlement-dialog h2{margin:0;font-family:Georgia,'Times New Roman',serif;line-height:1.05}.sia-month-report__head h1{font-size:30px}.sia-month-report__head p,.sia-month-partners>header p,.sia-month-checks>header p{margin:6px 0 0;color:#765341}.sia-month-report__period{display:flex;align-items:end;gap:8px}.sia-month-report__period label{min-width:170px}.sia-month-report__period input{min-height:48px}.sia-month-report__notice{margin:0;padding:12px 16px;border:1px solid #efc692;border-radius:10px;background:#fff5e3;font-weight:700}.sia-month-report__notice.is-success{border-color:#a7d3ad;background:#edf8ed;color:#17632c}.sia-month-report__notice.is-error{border-color:#e1a19b;background:#fff0ef;color:#91271c}.sia-month-report__explanation{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-left:4px solid #b97818;background:#fff7e8}.sia-month-report__explanation>span{display:grid;width:24px;height:24px;place-items:center;color:#8b5b11}.sia-month-report__explanation svg{width:20px;height:20px}.sia-month-report__explanation p{margin:0;line-height:1.5}.sia-month-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sia-month-summary article{display:grid;gap:5px;padding:16px 18px;border:1px solid #e7ba82;border-radius:12px;background:#fffdf9}.sia-month-summary small{font-weight:800}.sia-month-summary strong{font-size:23px}.sia-month-summary span{color:#806252;font-size:12px}.sia-month-checks,.sia-month-partners{padding:18px;border:1px solid #e7ba82;border-radius:14px;background:#fffdf9}.sia-month-checks>header,.sia-month-partners>header{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:14px}.sia-month-checks>header p,.sia-month-partners>header p{max-width:600px;text-align:right}.sia-month-checks>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sia-month-checks article{display:flex;gap:13px;align-items:center;padding:14px;border:1px solid #e5c49f;border-radius:11px;background:#fffaf3}.sia-month-checks article.is-complete{border-color:#83bd8b;background:#edf8ee}.sia-month-checks__icon{display:grid;flex:0 0 44px;width:44px;height:44px;place-items:center;border-radius:10px;background:#402719;color:#fff}.sia-month-checks__icon svg{width:23px;height:23px}.sia-month-checks article>div{display:grid;gap:3px}.sia-month-checks article strong{font-size:16px}.sia-month-checks article small{color:#765341}.sia-month-checks__tick{display:inline-grid;width:20px;height:20px;margin-left:4px;place-items:center;border-radius:50%;background:#2f7a3f;color:#fff;vertical-align:-4px}.sia-month-checks__tick svg{width:14px;height:14px}.sia-platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sia-platform-card{display:flex;min-width:0;flex-direction:column;padding:16px;border:1px solid #e5c49f;border-top:5px solid #d7b181;border-radius:13px;background:#fff;box-shadow:0 5px 18px rgba(70,41,23,.05)}.sia-platform-card.is-complete{border-top-color:#4f9b5b}.sia-platform-card.is-warning{border-top-color:#c17a10}.sia-platform-card>header{display:flex;justify-content:space-between;gap:10px;align-items:start;padding-bottom:12px}.sia-platform-card h3{font-size:23px}.sia-platform-card__status{display:inline-flex;gap:5px;align-items:center;padding:6px 9px;border-radius:999px;background:#f2eee9;color:#62493b;font-size:11px;font-weight:800;white-space:nowrap}.sia-platform-card.is-complete .sia-platform-card__status{background:#e6f5e8;color:#17632c}.sia-platform-card.is-warning .sia-platform-card__status{background:#fff0d8;color:#8a5400}.sia-platform-card__status svg{width:14px;height:14px}.sia-platform-card__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #ead5bd;border-radius:10px;overflow:hidden}.sia-platform-card__metrics>div{display:grid;gap:3px;padding:10px 12px;border-bottom:1px solid #ead5bd}.sia-platform-card__metrics>div:nth-child(odd){border-right:1px solid #ead5bd}.sia-platform-card__metrics>div:last-child{grid-column:1/-1;border-bottom:0;border-right:0}.sia-platform-card__metrics>div:nth-last-child(2):nth-child(even){border-bottom:0}.sia-platform-card__metrics span{color:#806252;font-size:11px}.sia-platform-card__metrics strong{font-size:13px}.sia-platform-card__metrics .has-alert{background:#fff4df;color:#8a5400}.sia-platform-card__differences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.sia-platform-card__differences>span{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;background:#edf8ee;color:#276d35;font-size:11px}.sia-platform-card__differences>span.is-alert{background:#fff0d8;color:#8a5400}.sia-platform-card__documents{display:grid;margin-top:10px;border:1px solid #ead5bd;border-radius:9px;overflow:hidden}.sia-platform-card__documents>div{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 10px;border-bottom:1px solid #ead5bd}.sia-platform-card__documents>div:last-child{border-bottom:0}.sia-platform-card__documents span{display:grid;gap:2px}.sia-platform-card__documents small{color:#806252}.sia-platform-card__documents a{display:grid;width:34px;height:34px;place-items:center;border:1px solid #e5b97d;border-radius:8px;color:#402719}.sia-platform-card__documents svg{width:18px;height:18px}.sia-platform-correction,.sia-platform-corrections{margin-top:10px;border:1px solid #e8be84;border-radius:9px;background:#fff7e7}.sia-platform-correction summary,.sia-platform-corrections summary{padding:10px 12px;cursor:pointer;font-weight:800;color:#7b4b05}.sia-platform-correction form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 10px 10px}.sia-platform-correction label,.sia-settlement-dialog label{display:grid;gap:5px;font-size:11px;font-weight:800}.sia-platform-correction .is-wide{grid-column:1/-1}.sia-platform-correction input,.sia-platform-correction select,.sia-settlement-dialog input{min-width:0;min-height:42px;padding:8px 10px;border:1px solid #deb176;border-radius:8px;background:#fff}.sia-platform-correction button{grid-column:1/-1;justify-self:end;min-height:40px;padding:0 16px;border:0;border-radius:8px;background:#402719;color:#fff;font-weight:800}.sia-platform-corrections{background:#faf7f2}.sia-platform-corrections>div{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px;border-top:1px solid #ead5bd}.sia-platform-corrections span{display:grid;gap:2px}.sia-platform-corrections small{color:#806252}.sia-platform-corrections form{display:flex;gap:6px}.sia-platform-corrections input{min-width:150px}.sia-platform-corrections button{border:1px solid #c66b61;border-radius:7px;background:#fff;color:#9a2e23}.sia-platform-corrections em{color:#806252}.sia-platform-card>footer{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px}.sia-platform-card>footer>button{display:inline-flex;gap:8px;align-items:center;min-height:42px;padding:0 14px;border:0;border-radius:8px;background:#402719;color:#fff;font-weight:800}.sia-platform-card>footer svg{width:18px;height:18px}.sia-platform-card>footer small{max-width:230px;color:#806252;text-align:right}.sia-settlement-dialog{width:min(880px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:0;border:1px solid #dcae77;border-radius:16px;background:#fffaf3;color:#382317;box-shadow:0 22px 70px rgba(40,20,10,.28)}.sia-settlement-dialog::backdrop{background:rgba(39,25,18,.5)}.sia-settlement-dialog form>header{display:flex;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid #ead5bd}.sia-settlement-dialog header p{margin:6px 0 0;color:#765341}.sia-settlement-dialog header button{display:grid;width:42px;height:42px;place-items:center;border:1px solid #dfb47e;border-radius:9px;background:#fff;color:#402719}.sia-settlement-dialog header svg{width:21px;height:21px}.sia-settlement-dialog__body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px 22px;overflow:auto}.sia-settlement-dialog .is-wide{grid-column:1/-1}.sia-settlement-dialog label small{color:#806252;font-weight:400}.sia-settlement-dialog__calculation{margin:0;padding:11px 13px;border-radius:8px;background:#f2ece4;color:#62493b}.sia-settlement-dialog__calculation.is-warning{background:#fff0d8;color:#8a5400}.sia-settlement-dialog form>footer{display:flex;justify-content:flex-end;gap:9px;padding:14px 22px;border-top:1px solid #ead5bd}.sia-settlement-dialog form>footer button{display:inline-flex;gap:8px;align-items:center;min-height:44px;padding:0 16px;border:0;border-radius:8px;background:#402719;color:#fff;font-weight:800}.sia-settlement-dialog form>footer button.is-secondary{border:1px solid #dcae77;background:#fff;color:#402719}.sia-settlement-dialog form>footer svg{width:18px;height:18px}
@media(max-width:1100px){.sia-month-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.sia-platform-grid{grid-template-columns:1fr}}@media(max-width:760px){.sia-month-report__head{grid-template-columns:1fr}.sia-month-report__period{flex-wrap:wrap}.sia-month-report__period label{flex:1}.sia-month-summary,.sia-month-checks>div{grid-template-columns:1fr}.sia-month-checks>header,.sia-month-partners>header{display:block}.sia-month-checks>header p,.sia-month-partners>header p{text-align:left}.sia-platform-card__metrics,.sia-platform-card__differences{grid-template-columns:1fr}.sia-platform-card__metrics>div,.sia-platform-card__metrics>div:nth-child(odd){border-right:0;border-bottom:1px solid #ead5bd}.sia-platform-card__metrics>div:last-child{border-bottom:0}.sia-platform-correction form{grid-template-columns:1fr}.sia-platform-correction .is-wide{grid-column:auto}.sia-platform-card>footer{align-items:flex-start;flex-direction:column}.sia-platform-card>footer small{text-align:left}.sia-platform-corrections>div,.sia-platform-corrections form{align-items:stretch;flex-direction:column}.sia-settlement-dialog__body{grid-template-columns:1fr}.sia-settlement-dialog .is-wide{grid-column:auto}}
.sia-classpass-report-upload{display:flex;gap:12px;align-items:end;margin-top:10px;padding:12px;border:1px solid #c9b1dc;border-radius:10px;background:#faf6fd}.sia-classpass-report-upload label{display:grid;flex:1;gap:5px;font-size:12px;font-weight:800}.sia-classpass-report-upload label small{color:#735d81;font-weight:400}.sia-classpass-report-upload input{min-height:42px;padding:8px;border:1px solid #bfa0d6;border-radius:8px;background:#fff}.sia-classpass-report-upload button{display:inline-flex;gap:7px;align-items:center;min-height:42px;padding:0 14px;border:0;border-radius:8px;background:#5d2e86;color:#fff;font-weight:800}.sia-classpass-report-upload button svg{width:17px;height:17px}.sia-classpass-reconciliation{display:grid;gap:10px;margin-top:10px;padding:12px;border:1px solid #d2b7e5;border-left:4px solid #c17a10;border-radius:10px;background:#faf6fd}.sia-classpass-reconciliation.is-complete{border-left-color:#4f9b5b;background:#f2faf3}.sia-classpass-reconciliation>header{display:flex;justify-content:space-between;gap:12px;align-items:center}.sia-classpass-reconciliation>header div{display:grid;gap:2px}.sia-classpass-reconciliation>header small{color:#735d81}.sia-classpass-reconciliation>header a{display:grid;width:34px;height:34px;place-items:center;border:1px solid #bfa0d6;border-radius:8px;background:#fff;color:#5d2e86}.sia-classpass-reconciliation>header svg{width:18px;height:18px}.sia-classpass-reconciliation__counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.sia-classpass-reconciliation__counts span{display:grid;gap:2px;padding:8px;border-radius:8px;background:#fff;color:#735d81;font-size:11px}.sia-classpass-reconciliation__counts b{color:#382317;font-size:16px}.sia-classpass-reconciliation details{border-top:1px solid #decbe9;padding-top:8px}.sia-classpass-reconciliation summary{cursor:pointer;color:#5d2e86;font-weight:800}.sia-classpass-reconciliation__differences{display:grid;gap:10px;margin-top:9px}.sia-classpass-reconciliation__differences section{display:grid;gap:6px}.sia-classpass-reconciliation__differences ul{display:grid;gap:4px;max-height:230px;margin:0;padding:0;overflow:auto;list-style:none}.sia-classpass-reconciliation__differences li{display:grid;grid-template-columns:105px minmax(0,1fr) auto;gap:8px;padding:7px 8px;border-radius:7px;background:#fff;font-size:11px}.sia-classpass-reconciliation__differences em{color:#806252}@media(max-width:760px){.sia-classpass-report-upload{align-items:stretch;flex-direction:column}.sia-classpass-reconciliation__counts{grid-template-columns:repeat(2,minmax(0,1fr))}.sia-classpass-reconciliation__differences li{grid-template-columns:1fr}.sia-classpass-reconciliation__differences li time{font-weight:800}}
/* Microsoft 365 invoice inbox: read-only staging queue. */
.sia-documents-admin__tabs { display: flex; gap: .4rem; padding: .65rem .9rem 0; border-top: 1px solid #ead7bf; background: #fffaf3; }
.sia-documents-admin__tabs button { display: inline-flex; align-items: center; gap: .42rem; min-height: 42px; padding: .55rem .8rem; border: 1px solid #dfc3a0; border-bottom-color: #c99a62; border-radius: 9px 9px 0 0; background: #fff; color: #684b38; cursor: pointer; font-size: .72rem; font-weight: 900; }
.sia-documents-admin__tabs button.is-active { border-color: var(--sia-ink); background: var(--sia-ink); color: #fff; }
.sia-documents-admin__tabs svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.sia-documents-admin__tabs em { display: inline-grid; min-width: 21px; min-height: 21px; place-items: center; padding: 0 .28rem; border-radius: 999px; background: rgba(135,81,143,.12); font-size: .61rem; font-style: normal; }
.sia-documents-admin__tabs button.is-active em { background: rgba(255,255,255,.18); }
.sia-documents-admin__tab-panel[hidden] { display: none !important; }
.sia-mail-inbox { border-top: 1px solid #e8d2b7; border-bottom: 1px solid #e8d2b7; background: #fffaf3; }
.sia-mail-inbox__header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem .9rem .55rem; }
.sia-mail-inbox__header small { color: #87518f; font-size: .61rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.sia-mail-inbox__header h3 { margin: .1rem 0 0; font: 700 1rem/1.2 Georgia, serif; }
.sia-mail-inbox__header h3 span { display: inline-grid; place-items: center; min-width: 24px; min-height: 24px; margin-left: .25rem; padding: 0 .35rem; border-radius: 999px; background: var(--sia-ink); color: #fff; font: 900 .65rem/1 sans-serif; }
.sia-mail-inbox__controls { display: flex; align-items: center; justify-content: flex-end; gap: .6rem; flex-wrap: wrap; }
.sia-mail-inbox__controls form { margin: 0; }
.sia-mail-inbox__controls button { display: inline-flex; align-items: center; gap: .35rem; min-height: 36px; padding: .45rem .65rem; border: 1px solid #d7b78e; border-radius: 8px; background: #fff; color: #75430c; cursor: pointer; font-size: .65rem; font-weight: 900; }
.sia-mail-inbox__controls button svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; }
.sia-mail-inbox__state { display: flex; align-items: center; gap: .42rem; max-width: 420px; color: #8b5b13; font-size: .66rem; font-weight: 800; text-align: right; }
.sia-mail-inbox__state i { flex: 0 0 8px; width: 8px; height: 8px; border-radius: 999px; background: #c98a26; box-shadow: 0 0 0 4px rgba(201,138,38,.12); }
.sia-mail-inbox__state.is-ready { color: #397847; }
.sia-mail-inbox__state.is-ready i { background: #4c9a56; box-shadow: 0 0 0 4px rgba(76,154,86,.12); }
.sia-mail-inbox__last-result { display: flex; align-items: center; gap: .4rem; margin: 0 .9rem .45rem; color: #5e4636; font-size: .67rem; }
.sia-mail-inbox__last-result svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; }
.sia-mail-inbox__schedule { margin: 0; padding: 0 .9rem .7rem; color: var(--sia-muted); font-size: .62rem; }
.sia-mail-inbox__filters { display: flex; align-items: center; gap: .65rem; margin: 0 .9rem .75rem; padding: .55rem .65rem; border: 1px solid #ead4b8; border-radius: 10px; background: #fff; }
.sia-mail-inbox__filters > span { color: #513522; font-size: .67rem; font-weight: 900; }
.sia-mail-inbox__filters > div { display: inline-flex; flex: 0 1 auto; align-items: center; gap: .16rem; max-width: 100%; overflow-x: auto; padding: .18rem; border: 1px solid #ddc19f; border-radius: 9px; background: #fff; scrollbar-width: thin; }
.sia-mail-inbox__filters button { flex: 0 0 auto; min-height: 34px; padding: .38rem .55rem; border: 0; border-radius: 7px; background: transparent; color: #6d5545; cursor: pointer; font-size: .64rem; font-weight: 850; white-space: nowrap; }
.sia-mail-inbox__filters button:hover, .sia-mail-inbox__filters button:focus-visible { background: #fff6ea; color: var(--sia-ink); }
.sia-mail-inbox__filters button.is-active { border-color: var(--sia-ink); background: var(--sia-ink); color: #fff; }
.sia-mail-inbox__filters button em { margin-left: .08rem; font-size: .6rem; font-style: normal; opacity: .78; }
.sia-mail-inbox__filters small { margin-left: auto; color: var(--sia-muted); font-size: .61rem; white-space: nowrap; }
.sia-mail-inbox__empty { display: flex; align-items: center; gap: .65rem; padding: .75rem .9rem .95rem; color: #5f493a; }
.sia-mail-inbox__empty > svg { width: 28px; height: 28px; fill: none; stroke: #87518f; stroke-width: 1.6; }
.sia-mail-inbox__empty div { display: grid; gap: .12rem; }
.sia-mail-inbox__empty strong { font-size: .75rem; }
.sia-mail-inbox__empty span { color: var(--sia-muted); font-size: .64rem; }
.sia-mail-inbox__list { display: grid; gap: .5rem; padding: 0 .9rem .9rem; }
.sia-mail-inbox__columns, .sia-mail-inbox__item { display: grid; grid-template-columns: minmax(105px, .5fr) minmax(150px, .72fr) minmax(270px, 1.35fr) minmax(210px, 1fr) 122px; align-items: center; gap: .75rem; }
.sia-mail-inbox__columns { padding: .15rem .68rem .05rem; color: #6f4f39; font-size: .6rem; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.sia-mail-inbox__item { padding: .68rem; border: 1px solid #e2c49f; border-radius: 10px; background: #fff; }
.sia-mail-inbox__item[hidden], .sia-mail-inbox__item.is-location-hidden { display: none !important; }
.sia-mail-inbox__file, .sia-mail-inbox__message { display: flex; align-items: center; gap: .55rem; min-width: 0; }
.sia-mail-inbox__file > svg { flex: 0 0 auto; width: 25px; height: 25px; fill: none; stroke: #87518f; stroke-width: 1.7; }
.sia-mail-inbox__file > div, .sia-mail-inbox__message { display: grid; gap: .1rem; min-width: 0; }
.sia-mail-inbox__file strong, .sia-mail-inbox__message strong { overflow: hidden; font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
.sia-mail-inbox__file span, .sia-mail-inbox__message span { overflow: hidden; color: var(--sia-muted); font-size: .6rem; text-overflow: ellipsis; white-space: nowrap; }
.sia-mail-inbox__received { display: grid; gap: .08rem; min-width: 0; }
.sia-mail-inbox__received small { color: #87518f; font-size: .56rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.sia-mail-inbox__received strong { color: #513522; font-size: .7rem; white-space: nowrap; }
.sia-mail-inbox__received span { color: var(--sia-muted); font-size: .6rem; }
.sia-mail-inbox__supplier { display: grid; gap: .14rem; min-width: 0; }
.sia-mail-inbox__supplier > small { color: #87518f; font-size: .56rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.sia-mail-inbox__supplier > span { display: flex; align-items: center; gap: .38rem; min-width: 0; }
.sia-mail-inbox__supplier strong { overflow: hidden; font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
.sia-mail-inbox__location { display: inline-flex; width: max-content; max-width: 100%; align-items: center; padding: .22rem .42rem; overflow: hidden; border-radius: 999px; background: #f2ece4; color: #785f4b; font-size: .58rem; font-style: normal; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }
.sia-mail-inbox__location.is-ready { background: #eaf5e8; color: #2f7135; }
.sia-mail-inbox__location.is-warning { background: #fff0dd; color: #8b5208; }
.sia-mail-inbox__location.is-pending { background: #f4eff6; color: #754d7e; }
.sia-mail-inbox__actions { display: flex; align-items: center; justify-content: flex-end; gap: .4rem; }
.sia-mail-inbox__actions > a, .sia-mail-inbox__actions > button { display: inline-grid; flex: 0 0 36px; width: 36px; min-height: 36px; place-items: center; padding: 0; border: 1px solid #d7b78e; border-radius: 8px; background: #fffaf3; color: #75430c; cursor: pointer; text-decoration: none; }
.sia-mail-inbox__actions > button.is-primary { border-color: var(--sia-ink); background: var(--sia-ink); color: #fff; }
.sia-mail-inbox__actions > button[hidden] { display: none; }
.sia-mail-inbox__actions svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; }
.sia-cashbook-drawer.sia-mail-classification-drawer { width: min(720px, calc(100vw - 18px)); }
.sia-mail-inbox__analysis { display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem 0 .15rem; }
.sia-mail-inbox__analysis .sia-financial-upload__ocr { margin: 0; }
.sia-mail-inbox__reanalyze { display:inline-flex;align-items:center;gap:.4rem;flex:0 0 auto;min-height:2.25rem;padding:.4rem .7rem; }
.sia-mail-inbox__reanalyze svg { width:1rem;height:1rem; }
.sia-mail-inbox__form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.sia-mail-inbox__form-grid label { display: grid; gap: .23rem; min-width: 0; color: #513522; font-size: .69rem; font-weight: 850; }
.sia-mail-inbox__form-grid label.is-wide { grid-column: 1/-1; }
.sia-mail-inbox__form-grid input, .sia-mail-inbox__form-grid select, .sia-mail-inbox__form-grid textarea { width: 100%; min-height: 43px; border-color: #ddc19f; border-radius: 8px; background: #fffdfa; }
.sia-mail-inbox__form-grid textarea { resize: vertical; }
.sia-mail-inbox__verification-note { margin: .6rem 0 0; color: #7d531e; font-size: .62rem; font-weight: 750; }
.sia-supplier-profile__note { margin: .7rem 0 0; color: #765b48; font-size: .65rem; }
.sia-supplier-profile__confirm { display: grid; gap: .6rem; }
.sia-supplier-profile__confirm[hidden] { display: none !important; }
.sia-supplier-profile__confirm > small { color: #87518f; font-size: .62rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.sia-supplier-profile__confirm h4 { margin: 0; font: 700 1.15rem/1.25 Georgia, serif; }
.sia-supplier-profile__confirm dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; margin: 0; }
.sia-supplier-profile__confirm dl div { display: grid; gap: .1rem; padding: .6rem; border-radius: 9px; background: #fff8ef; }
.sia-supplier-profile__confirm dl div.is-category { grid-column: 1/-1; }
.sia-supplier-profile__confirm dt { color: #7a6352; font-size: .59rem; font-weight: 850; text-transform: uppercase; }
.sia-supplier-profile__confirm dd { margin: 0; color: #382417; font-size: .75rem; font-weight: 850; }
.sia-supplier-profile__confirm select { width: 100%; min-height: 40px; margin-top: .2rem; border: 1px solid #ddc19f; border-radius: 8px; background: #fffdfa; color: #382417; font-size: .78rem; font-weight: 800; }
.sia-supplier-profile__confirm p { margin: 0; padding: .65rem; border-left: 3px solid #87518f; background: #f7eff8; color: #5d4462; font-size: .67rem; }
.sia-supplier-profile__status { flex: 1 1 150px; margin: 0; color: #2f7135; font-size: .68rem; font-weight: 800; }
.sia-supplier-profile__status.has-error { color: #9a352b; }
.sia-mail-inbox__item.is-supplier-saved { animation: sia-supplier-saved 1.4s ease-out; }
@keyframes sia-supplier-saved { 0%, 35% { box-shadow: 0 0 0 3px rgb(73 143 69 / 28%); } 100% { box-shadow: none; } }
.sia-supplier-profile-drawer button[hidden], .sia-supplier-profile-drawer [data-sia-supplier-profile-edit][hidden] { display: none !important; }
@media (max-width: 840px) {
.sia-documents-admin__header { grid-template-columns: 1fr !important; }
.sia-documents-admin__mail-summary { border-top: 1px solid #ead7bf; border-left: 0; padding: .65rem 0 0; }
.sia-documents-admin__header-actions { grid-column: auto; align-items: stretch; flex-direction: column; }
.sia-documents-admin__header-actions .sia-documents-admin__period { flex-wrap: wrap; }
.sia-mail-inbox__header { align-items: flex-start; flex-direction: column; }
.sia-mail-inbox__controls { align-items: flex-start; justify-content: flex-start; }
.sia-mail-inbox__state { text-align: left; }
.sia-mail-inbox__filters { align-items: flex-start; flex-direction: column; }
.sia-mail-inbox__filters > div { width: 100%; }
.sia-mail-inbox__filters small { white-space: normal; }
.sia-mail-inbox__columns { display: none; }
.sia-mail-inbox__item { grid-template-columns: minmax(0, 1fr); }
.sia-mail-inbox__actions { justify-content: flex-start; }
.sia-mail-inbox__form-grid { grid-template-columns: 1fr; }
}
.sia-app *, .sia-app *::before, .sia-app *::after { box-sizing: border-box; }
.sia-app__topbar { position: sticky; top: 0; z-index: 100; display: flex; align-items: center; justify-content: space-between; gap: .75rem; min-height: var(--sia-sticky-nav-height); border-bottom: 1px solid var(--sia-line); background: rgb(255 253 250 / 97%); box-shadow: 0 7px 18px rgb(56 36 23 / 5%); backdrop-filter: blur(10px); }
.sia-app__menus { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem 1rem; min-width: 0; }
.sia-app__topbar-actions { display: flex; flex: 0 0 auto; align-items: center; gap: .45rem; }
.sia-app__topbar-context { display: grid; align-content: center; min-width: 112px; min-height: 40px; padding: .2rem .7rem; border-left: 1px solid var(--sia-line); }
.sia-app__topbar-context small { color: #87518f; font-size: .55rem; font-weight: 900; letter-spacing: .09em; line-height: 1.15; text-transform: uppercase; }
.sia-app__topbar-context strong { color: var(--sia-ink); font: 700 .92rem/1.15 Georgia, "Times New Roman", serif; }
.sia-app form.sia-app__location-select { display: block; flex: 0 0 auto; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
.sia-app__location-select label { display: block; }
.sia-app__location-select select { width: auto; min-width: 145px; min-height: 38px; padding: .38rem 2.1rem .38rem .7rem; border-color: #d9b98f; border-radius: 8px; background-color: #fff8ee; color: #6f4518; font-size: .75rem; font-weight: 800; }
.sia-app__location-select select:hover, .sia-app__location-select select:focus { border-color: #a96811; box-shadow: 0 0 0 3px rgb(169 104 17 / 12%); outline: 0; }
.sia-app__nav { display: flex; flex-wrap: wrap; align-items: center; gap: .2rem 1.35rem; font-size: .76rem; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.sia-app__nav a { padding: .2rem 0; color: var(--sia-ink); text-decoration: none; }
.sia-app__nav a:hover, .sia-app__nav a.is-active { color: #a96811; box-shadow: inset 0 -2px #a96811; }
.sia-app__account { display: flex; align-items: center; gap: .75rem; font: 600 .82rem/1.3 system-ui, -apple-system, "Segoe UI", sans-serif; }
.sia-app__account span { color: var(--sia-muted); }
.sia-app__account a { padding: .55rem .8rem; border: 1px solid var(--sia-line); border-radius: 7px; color: var(--sia-ink); text-decoration: none; }
.sia-app__account a:hover { border-color: #a96811; color: #a96811; }
.sia-app__more { position: relative; flex: 0 0 auto; }
.sia-app__more > summary { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--sia-line); border-radius: 9px; background: #fffaf3; color: var(--sia-ink); cursor: pointer; list-style: none; }
.sia-app__more > summary::-webkit-details-marker { display: none; }
.sia-app__more > summary:hover, .sia-app__more[open] > summary { border-color: #a96811; background: #fff2dd; color: #8b550d; }
.sia-app__more > summary svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.sia-app__more-menu { position: absolute; top: calc(100% + .45rem); right: 0; z-index: 110; display: grid; width: min(245px, calc(100vw - 32px)); padding: .4rem; border: 1px solid var(--sia-line); border-radius: 11px; background: #fff; box-shadow: 0 18px 38px rgb(56 36 23 / 18%); }
.sia-app__more-menu > strong { padding: .55rem .65rem; overflow: hidden; border-bottom: 1px solid #f0dfca; color: var(--sia-muted); font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.sia-app__more-menu a { display: flex; align-items: center; gap: .55rem; min-height: 40px; padding: .5rem .65rem; border-radius: 7px; color: var(--sia-ink); font-size: .78rem; font-weight: 800; text-decoration: none; }
.sia-app__more-menu a:hover { background: #fff4e4; color: #8b550d; }
.sia-app__more-menu a svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.sia-app__notifications { position: relative; flex: 0 0 auto; margin-left: auto; }
.sia-app__notifications > summary { position: relative; display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--sia-line); border-radius: 50%; background: #fffaf3; color: var(--sia-ink); cursor: pointer; list-style: none; }
.sia-app__notifications > summary::-webkit-details-marker { display: none; }
.sia-app__notifications > summary:hover, .sia-app__notifications[open] > summary { border-color: #a96811; background: #fff2dd; color: #8b550d; }
.sia-app__notifications > summary svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.sia-app__notification-count { position: absolute; top: -5px; right: -5px; display: grid; place-items: center; min-width: 19px; height: 19px; padding: 0 5px; border: 2px solid #fffdfa; border-radius: 99px; background: #a43127; color: #fff !important; font-size: .64rem; font-weight: 900; line-height: 1; }
.sia-app__notification-panel { position: absolute; top: calc(100% + .5rem); right: 0; z-index: 112; width: min(380px, calc(100vw - 24px)); overflow: hidden; border: 1px solid var(--sia-line); border-radius: 13px; background: #fff; box-shadow: 0 20px 45px rgb(56 36 23 / 20%); }
.sia-app__notification-panel > header { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: .75rem; padding: .8rem .9rem; border-bottom: 1px solid #efdeca; background: #fff9f1; }
.sia-app__notification-panel > header > div { display: grid; gap: .1rem; }
.sia-app__notification-panel > header strong { font: 700 1rem Georgia, serif; }
.sia-app__notification-panel > header small { color: var(--sia-muted); font-size: .69rem; }
.sia-app__notification-panel > p { margin: 0; padding: 1rem; color: var(--sia-muted); font-size: .78rem; }
.sia-app__notification-panel ul { max-height: min(470px, 70vh); margin: 0; padding: .35rem; overflow-y: auto; list-style: none; }
.sia-app__notification-panel li + li { border-top: 1px solid #f2e6d7; }
.sia-app__notification-panel a { display: grid; gap: .2rem; padding: .68rem .72rem; border-radius: 8px; color: var(--sia-ink); text-decoration: none; }
.sia-app__notification-panel a:hover { background: #fff5e7; }
.sia-app__notification-panel a strong { font-size: .8rem; }
.sia-app__notification-panel a span { color: var(--sia-muted); font-size: .72rem; }
.sia-app__notification-panel a b { color: #8b550d; font-size: .69rem; }
.sia-app__notification-panel li.is-overdue a b { color: #a43127; }
.sia-app__notification-panel li.is-due a b { color: #337044; }
.sia-app__context-bar,
.sia-staff__toolbar { position: sticky; top: var(--sia-sticky-nav-height); z-index: 80; background: rgb(255 253 250 / 97%); box-shadow: 0 8px 18px rgb(56 36 23 / 5%); backdrop-filter: blur(10px); }
.sia-app__panel { margin-top: .75rem; padding: clamp(1rem, 2vw, 1.75rem); border: 1px solid var(--sia-line); border-radius: 12px; background: #fff; }
.sia-app__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; }
.sia-app__eyebrow { margin: 0 0 .35rem; color: #a56b21; font-size: .75rem; font-weight: 750; letter-spacing: .15em; text-transform: uppercase; }
.sia-app h1 { margin: 0; color: var(--sia-ink); font: clamp(2rem, 4vw, 2.75rem)/1.1 Georgia, serif; }
.sia-app__badge { padding: .4rem .8rem; border: 1px solid var(--sia-line); border-radius: 99px; color: var(--sia-muted); font-size: .8rem; }
.sia-app__note { color: var(--sia-muted); font-size: .9rem; }
.sia-app__locations { display: flex; flex-wrap: wrap; gap: .35rem; }
.sia-app__locations a { min-width: 8rem; padding: .6rem 1rem; border: 1px solid var(--sia-line); border-radius: 8px; background: #fff9f1; color: var(--sia-ink); font-size: .88rem; font-weight: 700; text-align: center; text-decoration: none; }
.sia-app__locations a:hover, .sia-app__locations a.is-active { border-color: #a96811; background: #a96811; color: #fff; }
.sia-app__locations--top { padding-left: 1rem; border-left: 1px solid var(--sia-line); }
.sia-app__locations--top a { min-width: 0; padding: .35rem .7rem; border-radius: 99px; font-size: .74rem; }
.sia-app__panel--calendar { margin-top: .5rem; padding: .75rem; }
.sia-app__workspace { padding: .75rem 0; }
.sia-management { display: grid; gap: 1rem; }
.sia-management__context { display: flex; align-items: center; gap: .8rem; min-height: 64px; padding: .75rem 1rem; overflow: hidden; border: 1px solid #dfc09d; border-radius: 13px; background: linear-gradient(105deg, #fffaf3 0%, #f7ead8 100%); box-shadow: 0 8px 22px rgb(83 50 25 / 7%); }
.sia-management__context-icon { display: inline-grid; flex: 0 0 40px; place-items: center; width: 40px; height: 40px; border-radius: 11px; background: #382417; color: #fff; }
.sia-management__context-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sia-management__context div { min-width: 0; }
.sia-management__context strong, .sia-management__context span { display: block; }
.sia-management__context strong { font: 700 1rem/1.2 Georgia, serif; }
.sia-management__context div span { margin-top: .15rem; color: var(--sia-muted); font-size: .76rem; }
.sia-management__count { margin-left: auto; padding: .35rem .65rem; border: 1px solid rgb(169 104 17 / 25%); border-radius: 99px; background: rgb(255 255 255 / 65%); color: #8b560e; font-size: .7rem; font-weight: 800; white-space: nowrap; }
.sia-management__group { display: grid; gap: .45rem; }
.sia-management__group h2 { margin: 0; color: #8a5a24; font: 800 .69rem/1.2 system-ui, -apple-system, "Segoe UI", sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.sia-management__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; }
.sia-management__card { position: relative; display: grid; grid-template-columns: 44px minmax(0, 1fr) 24px; align-items: center; gap: .7rem; min-height: 86px; padding: .8rem; overflow: hidden; border: 1px solid #ead3b9; border-radius: 13px; background: #fff; color: var(--sia-ink); text-decoration: none; box-shadow: 0 5px 16px rgb(76 43 18 / 5%); transition: translate .16s ease, border-color .16s ease, box-shadow .16s ease, background-color .16s ease; }
.sia-management__card::after { position: absolute; right: 0; bottom: 0; width: 64px; height: 64px; border-radius: 100% 0 0 0; background: rgb(181 111 18 / 5%); content: ""; }
.sia-management__card:hover { translate: 0 -2px; border-color: #bd7b28; background: #fffdf9; box-shadow: 0 11px 24px rgb(76 43 18 / 11%); }
.sia-management__icon { display: inline-grid; place-items: center; width: 44px; height: 44px; border: 1px solid #e7c9a7; border-radius: 12px; background: #fbf0e1; color: #9e6214; }
.sia-management__icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.sia-management__copy { min-width: 0; }
.sia-management__copy strong, .sia-management__copy small { display: block; }
.sia-management__copy strong { margin-bottom: .18rem; color: var(--sia-ink); font-size: .86rem; line-height: 1.2; }
.sia-management__copy small { color: var(--sia-muted); font-size: .7rem; line-height: 1.35; }
.sia-management__arrow { position: relative; z-index: 1; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 99px; background: #fff6e8; color: #a96811; font-size: .95rem; font-weight: 800; }
.sia-management__card--reviews .sia-management__icon, .sia-management__card--finance .sia-management__icon { border-color: #c7d9b8; background: #eff6e9; color: #4f733c; }
.sia-management__card--people .sia-management__icon, .sia-management__card--access .sia-management__icon { border-color: #cbbada; background: #f3edf7; color: #6b497d; }
.sia-management__card--location .sia-management__icon, .sia-management__card--rooms .sia-management__icon { border-color: #b9d1dc; background: #ecf5f8; color: #3c6e81; }
.sia-management__card--partners .sia-management__icon, .sia-management__card--document .sia-management__icon { border-color: #e0c6a6; background: #fcf1e3; color: #915d1f; }
.sia-layout-switch { display: flex; justify-content: flex-end; gap: .35rem; }
.sia-layout-switch a { display: inline-flex; align-items: center; gap: .35rem; min-height: 34px; padding: .38rem .62rem; border: 1px solid var(--sia-line); border-radius: 8px; background: #fff; color: var(--sia-muted); font-size: .72rem; font-weight: 800; text-decoration: none; }
.sia-layout-switch a:hover, .sia-layout-switch a.is-active { border-color: #a96811; background: #fff3df; color: #8f570d; }
.sia-layout-switch svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sia-management.is-list .sia-management__grid { grid-template-columns: 1fr; gap: .38rem; }
.sia-management.is-list .sia-management__card { min-height: 62px; padding: .6rem .75rem; }
.sia-management.is-list .sia-management__icon { width: 38px; height: 38px; }
.sia-management.is-list .sia-management__copy { display: grid; grid-template-columns: minmax(170px, .7fr) minmax(260px, 2fr); align-items: center; gap: .8rem; }
.sia-treatments { display: grid; gap: .85rem; }
.sia-treatments__head { display: flex; align-items: center; gap: .8rem; min-height: 76px; padding: .8rem 1rem; border: 1px solid #dfc09d; border-radius: 13px; background: linear-gradient(105deg, #fffaf3 0%, #f7ead8 100%); box-shadow: 0 8px 22px rgb(83 50 25 / 7%); }
.sia-treatments__heading { min-width: 0; }
.sia-treatments__heading small { display: block; margin-bottom: .12rem; color: #8a5a24; font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.sia-treatments__heading h2 { margin: 0; color: var(--sia-ink); font: 700 1.25rem/1.2 Georgia, serif; }
.sia-treatments__heading p { margin: .18rem 0 0; color: var(--sia-muted); font-size: .74rem; }
.sia-treatments__actions { display: flex; align-items: center; gap: .5rem; margin-left: auto; }
.sia-treatments__badge { padding: .38rem .65rem; border: 1px solid #bed2ae; border-radius: 99px; background: #eef6e9; color: #416b32; font-size: .7rem; font-weight: 800; white-space: nowrap; }
.sia-treatments__summary { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .55rem .7rem; border-bottom: 1px solid var(--sia-line); color: var(--sia-muted); font-size: .73rem; }
.sia-treatments__summary strong { color: var(--sia-ink); font-size: .8rem; }
.sia-treatments__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)); gap: .75rem; }
.sia-treatments__card { position: relative; min-width: 0; overflow: hidden; border: 1px solid #ead3b9; border-radius: 12px; background: #fff; box-shadow: 0 4px 14px rgb(76 43 18 / 5%); transition: border-color .15s ease, box-shadow .15s ease, opacity .15s ease; }
.sia-treatments__card:hover, .sia-treatments__card.is-editing { border-color: #bd7b28; box-shadow: 0 8px 20px rgb(76 43 18 / 10%); }
.sia-treatments__card.is-dragging { opacity: .45; }
.sia-treatments__card.is-drag-over { border-color: #8f5c19; box-shadow: 0 0 0 3px rgb(169 104 17 / 18%); }
.sia-treatments__open { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: .7rem; width: 100%; min-height: 76px; padding: .75rem 3.2rem .75rem .75rem; border: 0; background: transparent; color: var(--sia-ink); font: inherit; text-align: left; cursor: pointer; }
.sia-treatments__open:disabled { cursor: default; }
.sia-treatments__card-icon { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid #e7c9a7; border-radius: 11px; background: #fbf0e1; color: #9e6214; }
.sia-treatments__card-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.sia-treatments__copy { min-width: 0; }
.sia-treatments__copy strong, .sia-treatments__copy small { display: block; }
.sia-treatments__copy strong { color: var(--sia-ink); font-size: .84rem; line-height: 1.25; }
.sia-treatments__copy small { margin-top: .15rem; color: var(--sia-muted); font-size: .7rem; }
.sia-treatments__price { padding: .3rem .5rem; border-radius: 99px; background: #fff6e8; color: #8b560e; font-size: .68rem; font-weight: 800; white-space: nowrap; }
.sia-treatments__details { display: grid; gap: .55rem; padding: 0 .75rem .75rem; }
.sia-treatments__variants { display: flex; flex-wrap: wrap; gap: .35rem; }
.sia-treatments__variants > span { display: inline-flex; align-items: center; gap: .35rem; padding: .35rem .5rem; border: 1px solid #e8d1b5; border-radius: 8px; background: #fffaf3; color: #805523; font-size: .7rem; }
.sia-treatments__variants > span strong { color: var(--sia-ink); font-size: .73rem; }
.sia-treatments__locations { display: flex; flex-wrap: wrap; gap: .3rem; padding-top: .5rem; border-top: 1px dashed #ead7c1; }
.sia-treatments__locations .sia-location-label { padding: .22rem .48rem; background: #f3f7ef; color: #44693a; font-size: .68rem; }
.sia-treatments__order-actions { position: absolute; top: .32rem; right: .32rem; display: grid; gap: .2rem; opacity: .25; transition: opacity .15s ease; }
.sia-treatments__card:hover .sia-treatments__order-actions, .sia-treatments__card:focus-within .sia-treatments__order-actions { opacity: 1; }
.sia-treatments__order-actions .sia-icon-button { display: grid; place-items: center; width: 25px; min-width: 25px; height: 21px; min-height: 21px; padding: 0; border: 1px solid #e8cba9; border-radius: 5px; background: #fffaf3; color: #704617; cursor: pointer; }
.sia-treatments__order-actions .sia-icon-button:hover { border-color: #a96811; background: #fff0dc; }
.sia-treatments__order-actions svg { width: 14px; height: 14px; fill: currentColor; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.sia-treatment-drag { cursor: grab !important; }
.sia-treatment-drag:active { cursor: grabbing !important; }
.sia-treatments__editor[hidden] { display: none !important; }
.sia-treatments__editor { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: end !important; gap: .55rem !important; margin: 0 !important; padding: .75rem !important; border: 0 !important; border-top: 1px solid var(--sia-line) !important; border-radius: 0 !important; background: #fffaf2 !important; }
.sia-treatments__editor label { min-width: 0; font-size: .72rem; }
.sia-treatments__editor label:first-of-type { grid-column: 1 / -1; }
.sia-treatments__editor input { width: 100%; min-width: 0; }
.sia-treatments__editor-variants { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .35rem .75rem; grid-column: 1 / -1; padding: .65rem .7rem; border: 1px solid var(--sia-line); border-radius: 12px; background: #fff; }
.sia-treatments__editor-variants > strong { color: var(--sia-ink); font-size: .82rem; white-space: nowrap; }
.sia-treatments__editor-variants > p { margin: 0; color: var(--sia-muted); font-size: .7rem; }
.sia-treatments__editor-variant { display: grid; grid-template-columns: 90px minmax(210px, 300px) minmax(190px, 280px); gap: .65rem; align-items: center; grid-column: 1 / -1; padding-top: .45rem; border-top: 1px solid #f0e1cf; }
.sia-treatments__editor-variant > span { align-self: center; color: #805523; font-size: .68rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.sia-treatments__editor-variant label { display: flex !important; align-items: center; gap: .4rem; white-space: nowrap; }
.sia-treatments__editor-variant label input { flex: 1 1 auto; width: auto; min-width: 80px; min-height: 36px; padding: .35rem .55rem; }
.sia-treatments__editor-variant--standard { padding-top: .45rem; }
.sia-treatments__editor-locations { display: grid; gap: .45rem; grid-column: 1 / -1; margin: 0; padding: .7rem; border: 1px solid var(--sia-line); border-radius: 12px; background: #fff; }
.sia-treatments__editor-locations legend { padding: 0 .25rem; color: var(--sia-ink); font-size: .82rem; font-weight: 800; }
.sia-treatments__editor-locations > p { margin: 0; color: var(--sia-muted); font-size: .7rem; }
.sia-treatments__editor-locations > div { display: flex; flex-wrap: wrap; gap: .45rem; }
.sia-location-switch { position: relative; display: inline-flex !important; flex: 0 0 auto !important; cursor: pointer; }
.sia-location-switch input { position: absolute; width: 1px !important; height: 1px; opacity: 0; }
.sia-location-switch span { display: inline-flex; align-items: center; min-height: 36px; padding: .4rem .7rem; border: 1px solid #ddc4a6; border-radius: 999px; background: #fffaf3; color: #805523; font-size: .72rem; font-weight: 800; }
.sia-location-switch input:checked + span { border-color: #8fb777; background: #edf7e8; color: #2f691f; box-shadow: inset 0 0 0 1px #8fb777; }
.sia-location-switch input:focus-visible + span { outline: 3px solid rgba(180,106,0,.25); outline-offset: 2px; }
.sia-location-label { gap: .35rem; }
.sia-location-label small { font-size: .6rem; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; }
.sia-location-label.is-enabled { border-color: #bad4aa; background: #f1f8ed; color: #2f691f; }
.sia-location-label.is-disabled { border-style: dashed; opacity: .58; }
.sia-treatments__editor-actions { display: flex; justify-content: flex-end; gap: .35rem; grid-column: 1 / -1; }
.sia-treatments__editor-actions .sia-icon-button { display: grid; place-items: center; width: 42px; min-width: 42px; height: 42px; min-height: 42px; padding: 0; }
.sia-treatments__editor-actions svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.sia-treatments__order-form { display: flex !important; align-items: center !important; gap: .6rem !important; margin: .2rem 0 0 !important; padding: .65rem .75rem !important; }
.sia-treatments__order-form > span { color: var(--sia-muted); font-size: .75rem; }
.sia-treatments__order-form .sia-icon-link { cursor: pointer; }
.sia-treatments__order-form .sia-icon-link:disabled { border-color: #dfd3c6; background: #f5f1ec; color: #9b8d82; cursor: default; opacity: .75; }
.sia-treatments.is-list .sia-treatments__grid { display: flex; flex-direction: column; gap: .4rem; }
.sia-treatments.is-list .sia-treatments__card { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
.sia-treatments.is-list .sia-treatments__open { grid-column: 1; min-height: 62px; padding-top: .55rem; padding-bottom: .55rem; }
.sia-treatments.is-list .sia-treatments__order-actions { position: static; grid-column: 2; grid-row: 1; display: flex; padding: .5rem .6rem .5rem 0; opacity: 1; }
.sia-treatments.is-list .sia-treatments__order-actions .sia-icon-button { width: 32px; min-width: 32px; height: 32px; min-height: 32px; }
.sia-treatments.is-list .sia-treatments__details { grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr) minmax(220px, .7fr); align-items: center; padding-top: .55rem; border-top: 1px solid #f0e1cf; }
.sia-treatments.is-list .sia-treatments__locations { justify-content: flex-end; padding-top: 0; border-top: 0; }
.sia-treatments.is-list .sia-treatments__editor { grid-column: 1 / -1; }
.sia-native-module { display: grid; gap: .85rem; }
.sia-native-module .sia-management__icon--large { flex: 0 0 auto; width: 44px; height: 44px; }
.sia-native-module .sia-treatments__badge { margin-left: auto; }
.sia-native-module__body { padding: 1.15rem; border: 1px solid var(--sia-line); border-radius: 12px; background: #fff; color: var(--sia-muted); }
.sia-native-module__body strong { color: var(--sia-ink); }
.sia-native-module__body p { margin: .35rem 0 0; }
.sia-app__notice { margin: .65rem 0; padding: .7rem .9rem; border-left: 4px solid #a96811; background: #fff8e8; color: var(--sia-ink); }
.sia-app__notice.is-success { border-left-color: #397847; background: #e5f3e7; color: #245c2d; font-weight: 800; }
.sia-app__empty { margin: .75rem 0; padding: 1rem; border: 1px dashed var(--sia-line); border-radius: 8px; color: var(--sia-muted); }
.sia-app form { display: flex; flex-wrap: wrap; align-items: end; gap: .55rem; margin: 0 0 .8rem; padding: .65rem; border: 1px solid var(--sia-line); border-radius: 9px; background: #fff9f1; }
.sia-app label { display: grid; gap: .35rem; color: var(--sia-ink); font-size: .85rem; font-weight: 650; }
.sia-app select, .sia-app input, .sia-app textarea { min-height: 44px; padding: .5rem .75rem; border: 1px solid var(--sia-line); border-radius: 7px; background: #fff; color: var(--sia-ink); font: inherit; }
.sia-app input[type="number"] { appearance: textfield; -moz-appearance: textfield; }
.sia-app input[type="number"]::-webkit-outer-spin-button, .sia-app input[type="number"]::-webkit-inner-spin-button { margin: 0; appearance: none; -webkit-appearance: none; }
.sia-app form button { min-height: 44px; padding: .5rem 1.2rem; border: 1px solid #382417; border-radius: 7px; background: #382417; color: #fff; font-weight: 650; cursor: pointer; transition: background-color .12s ease, border-color .12s ease, transform .12s ease, box-shadow .12s ease; }
.sia-app form button:hover { border-color: #a96811; background: #a96811; }
.sia-app form button:active, .sia-app form button.is-loading { border-color: #c27a12; background: #c27a12; transform: translateY(1px); box-shadow: inset 0 2px 5px rgb(56 36 23 / 28%); }
.sia-app form button:disabled { opacity: 1; cursor: wait; }
.sia-app__day-button { display: inline-grid; place-items: center; width: 44px; min-height: 44px; border: 1px solid var(--sia-line); border-radius: 7px; background: #fff; color: var(--sia-ink); font-size: 1.25rem; font-weight: 800; text-decoration: none; }
.sia-app__today-button { width: auto; min-width: 0; padding: 0 .85rem; font-size: .85rem; white-space: nowrap; }
.sia-app__day-button:hover, .sia-app__day-button:active { border-color: #a96811; background: #a96811; color: #fff; }
.sia-app__day-name { align-self: end; display: inline-flex; align-items: center; min-height: 44px; margin-left: .15rem; padding: 0 .35rem; color: var(--sia-ink); font-size: 1.05rem; font-weight: 800; line-height: 1; text-transform: capitalize; }
.sia-app__filter-title { align-self: stretch; display: grid; align-content: center; flex: 0 0 auto; min-width: 145px; padding-right: .75rem; border-right: 1px solid var(--sia-line); }
.sia-app__filter-title small { color: #87518f; font-size: .58rem; font-weight: 900; letter-spacing: .09em; line-height: 1.2; text-transform: uppercase; }
.sia-app__filter-title strong { color: var(--sia-ink); font-family: Georgia, "Times New Roman", serif; font-size: .98rem; line-height: 1.15; }
.sia-app__period-switch { align-self: end; display: inline-flex; min-width: 0; min-height: 44px; overflow: hidden; border: 1px solid #d8b98f; border-radius: 9px; background: #fff; }
.sia-app__period-switch a { display: inline-flex; align-items: center; min-width: 0; padding: 0 .72rem; color: #6d4a28; font-size: .88rem; font-weight: 800; line-height: 1; text-decoration: none; text-transform: capitalize; white-space: nowrap; }
.sia-app__period-switch a + a { border-left: 1px solid #e3ceb2; }
.sia-app__period-switch a:hover, .sia-app__period-switch a:focus-visible { background: #fff4e3; color: #6f430c; }
.sia-app__period-switch a.is-active { background: #382417; color: #fff; }
.sia-app__custom-period { display: inline-flex; align-items: end; gap: .45rem; }
.sia-app__custom-period label { min-width: 150px; }
.sia-app__toolbar-button, .sia-app__icon-action { align-self: end; display: inline-grid; width: 44px; min-width: 44px; height: 44px; min-height: 44px; place-items: center; padding: 0; border: 1px solid var(--sia-line); border-radius: 8px; background: #fff; color: var(--sia-ink); line-height: 1; text-decoration: none; }
.sia-app__toolbar-button svg, .sia-app__icon-action svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.sia-app__toolbar-button:hover { border-color: #a96811; background: #fff4e3; color: #8c560d; }
.sia-app form button.sia-app__icon-action { width: 44px; min-width: 44px; height: 44px; min-height: 44px; padding: 0; border-radius: 8px; }
.sia-app form button.sia-app__manual-button, .sia-app form button.sia-app__save-registration, .sia-app form button.sia-app__show { display: inline-grid; place-items: center; }
.sia-app form button.sia-app__gift-card-button { display: inline-grid; width: 68px; min-width: 68px; height: 44px; min-height: 44px; place-items: center; overflow: hidden; padding: 0; border: 0; border-radius: 6px; background: transparent; box-shadow: none; }
.sia-app form button.sia-app__gift-card-button:hover, .sia-app form button.sia-app__gift-card-button:focus-visible { border: 0; background: transparent; box-shadow: none; }
.sia-app__gift-card-button img { display: block; width: 68px; height: 44px; object-fit: contain; border-radius: 6px; }
.sia-app form button.sia-app__save-registration { background: #382417; color: #fff; }
.sia-app form button.sia-app__show.is-loading svg { animation: sia-icon-pulse .7s ease-in-out infinite alternate; }
@keyframes sia-icon-pulse { to { opacity: .35; scale: .9; } }
.sia-app__booking-count { align-self: end; display: inline-flex; align-items: center; min-height: 44px; margin-left: auto; padding: 0 .82rem; border: 1px solid #ead0af; border-radius: 9px; background: #fff7eb; color: #684117; font-size: .82rem; font-weight: 750; line-height: 1; white-space: nowrap; }
.sia-app__booking-count::before { width: 7px; height: 7px; margin-right: .45rem; border-radius: 50%; background: #b96f08; content: ""; }
.sia-app__booking-count small { margin-left: .28rem; color: #8b6744; font: inherit; }
.sia-app form button.sia-registration__delete { display: inline-grid; width: 32px; min-width: 32px; height: 32px; min-height: 32px; place-items: center; padding: 0; border: 0; border-radius: 7px; background: transparent; color: #c62828; cursor: pointer; box-shadow: none; }
.sia-app form button.sia-registration__delete:hover, .sia-app form button.sia-registration__delete:focus-visible { border: 0; background: #fff0ef; color: #a91515; transform: none; box-shadow: none; }
.sia-app form button.sia-registration__delete:active { border: 0; background: #ffe5e2; color: #8f1111; transform: none; box-shadow: none; }
.sia-registration__delete svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.sia-registration__row.is-approved .sia-registration__delete { display: none !important; }
.sia-app :is(a, select, input, button):focus-visible { outline: 3px solid #a56b21; outline-offset: 2px; }
.sia-app__error { padding: 1rem; border-left: 4px solid #b4362b; background: #fff5f2; color: #61221b; }
.sia-app__button { display: inline-block; margin-top: .5rem; padding: .7rem 1.2rem; border-radius: 7px; background: #382417; color: #fff; font-weight: 700; text-decoration: none; }
.sia-app__table-wrap { overflow-x: auto; }
.sia-app table { width: 100%; border-collapse: collapse; border: 1px solid var(--sia-line); background: #fff; }
.sia-app th { background: #fbf4eb; font-weight: 700; text-align: left; }
.sia-app th, .sia-app td { padding: .8rem 1rem; border-bottom: 1px solid var(--sia-line); color: var(--sia-ink); }
.sia-calendar { display: grid; grid-template-columns: 64px repeat(var(--sia-bed-count), minmax(180px, 1fr)); min-width: calc(64px + var(--sia-bed-count) * 180px); overflow: hidden; border: 1px solid var(--sia-line); border-radius: 9px; background: #fff; }
.sia-calendar__corner, .sia-calendar__bed { position: sticky; top: 0; z-index: 3; padding: .6rem; border-bottom: 1px solid var(--sia-line); background: #fbf4eb; font-size: .78rem; font-weight: 750; text-align: center; }
.sia-calendar__corner { left: 0; z-index: 4; }
.sia-calendar__times { position: relative; border-right: 1px solid var(--sia-line); background: #fffdfa; }
.sia-calendar__times span { position: absolute; right: .45rem; translate: 0 -.55em; color: var(--sia-muted); font-size: .7rem; }
.sia-calendar__column { position: relative; min-width: 0; border-right: 1px solid var(--sia-line); }
.sia-calendar__column > i { position: absolute; right: 0; left: 0; height: 1px; background: #efe2d3; }
.sia-calendar__event { position: absolute; right: .3rem; left: .3rem; z-index: 2; min-height: 30px; overflow: hidden; padding: .28rem .4rem; border-left: 4px solid #a96811; border-radius: 5px; background: #f1ddbd; color: #382417; font-size: .7rem; line-height: 1.2; box-shadow: 0 1px 2px rgb(56 36 23 / 12%); }
.sia-calendar__event strong, .sia-calendar__event span, .sia-calendar__event small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sia-calendar__event small { color: #755d4b; }
.sia-calendar__event--classpass { border-color: #7750a6; background: #eee5f6; }
.sia-calendar__event--treatwell { border-color: #34816b; background: #e2f2ed; }
.sia-calendar__event--fresha { border-color: #3e73a8; background: #e4edf7; }
.sia-calendar__event--salonized { border-color: #b55d2d; background: #f6e6dd; }
.sia-registration { display: block !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
.sia-registration__table { width: 100%; min-width: 0; table-layout: fixed; font-size: clamp(.72rem, .82vw, .86rem); }
.sia-registration__table th, .sia-registration__table td { min-width: 0; padding: .42rem .32rem; overflow: hidden; vertical-align: middle; }
.sia-registration__table select, .sia-registration__table input { width: 100%; min-width: 0; min-height: 36px; padding: .3rem .38rem; font-size: inherit; }
.sia-registration__table th:nth-child(1), .sia-registration__table td:nth-child(1) { width: 4.5%; }
.sia-registration__table th:nth-child(2), .sia-registration__table td:nth-child(2) { width: 4.5%; }
.sia-registration__table th:nth-child(3), .sia-registration__table td:nth-child(3) { width: 7%; }
.sia-registration__table th:nth-child(4), .sia-registration__table td:nth-child(4) { width: 10.5%; }
.sia-registration__table th:nth-child(5), .sia-registration__table td:nth-child(5) { width: 22%; }
.sia-registration__table th:nth-child(6), .sia-registration__table td:nth-child(6) { width: 5.5%; }
.sia-registration__table th:nth-child(7), .sia-registration__table td:nth-child(7) { width: 9%; }
.sia-registration__table th:nth-child(8), .sia-registration__table td:nth-child(8) { width: 6.2%; }
.sia-registration__table th:nth-child(9), .sia-registration__table td:nth-child(9) { width: 6.8%; }
.sia-registration__table th:nth-child(10), .sia-registration__table td:nth-child(10) { width: 6.8%; }
.sia-registration__table th:nth-child(11), .sia-registration__table td:nth-child(11) { width: 5.2%; text-align: center; }
.sia-registration__table th:nth-child(12), .sia-registration__table td:nth-child(12) { width: 6.5%; }
.sia-registration__table th:nth-child(13), .sia-registration__table td:nth-child(13) { width: 62px; padding-right: .12rem; padding-left: .12rem; text-align: center; }
.sia-registration__approval-cell { position: relative; line-height: 0; white-space: nowrap; }
.sia-registration__approval-label { display: inline-flex !important; align-items: center; justify-content: center; width: 21px; min-width: 21px; height: 32px; flex: none; margin: 0; padding: 0; gap: 0 !important; vertical-align: middle; }
.sia-registration__approval-cell .sia-registration__approve { vertical-align: middle; }
.sia-registration__approval-cell .sia-registration__delete { display: inline-grid; margin: 0 0 0 .1rem; vertical-align: middle; }
.sia-registration__table input.sia-registration__approve,
.sia-registration__table input[data-sia-approve-all] { width: 21px; min-width: 21px; height: 21px; min-height: 21px; margin: 0; padding: 0; accent-color: #245f34; cursor: pointer; }
.sia-registration__table input.sia-registration__approve:disabled,
.sia-registration__table input[data-sia-approve-all]:disabled { cursor: not-allowed; opacity: .5; }
.sia-registration__row > td { transition: background-color .16s ease, border-color .16s ease; }
.sia-registration__row.is-approved > td { border-bottom-color: #a8cfb0; background: #dcefe1; }
.sia-registration__row.is-approved:hover > td { background: #d2e9d7; }
.sia-registration__row.is-saving > td { background: #fff8e9; }
/* Keep the approval control usable while a changed field is queued; green requires a receipt. */
.sia-registration__row.is-saving input.sia-registration__approve { accent-color: #a8a095; }
.sia-registration__row.has-save-error > td { background: #fff1ef; }
.sia-registration__save-status { position: absolute; right: 2px; bottom: 2px; left: 2px; overflow: hidden; color: #245f34; font-size: .48rem; font-weight: 800; line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
.sia-registration__row.has-save-error .sia-registration__save-status { color: #a91515; }
.sia-registration__row.has-validation-error > td { border-bottom-color: #edc4bd; background: #fff2ef; }
.sia-registration__row [aria-invalid="true"] { border-color: #b4362b; box-shadow: 0 0 0 1px rgb(180 54 43 / 14%); }
.sia-registration__validation-message,
[data-sia-validation-message] { margin: 0 0 .7rem; padding: .72rem .85rem; border: 1px solid #e5b6ae; border-left: 4px solid #b4362b; border-radius: 7px; background: #fff5f2; color: #61221b; font-size: .82rem; font-weight: 700; }
.sia-registration__validation-message[hidden],
[data-sia-validation-message][hidden] { display: none !important; }
.sia-app form button.sia-app__close-day { align-self: end; min-height: 44px; padding: 0 .9rem; border: 1px solid #397847; border-radius: 8px; background: #397847; color: #fff; font-size: .78rem; font-weight: 850; white-space: nowrap; }
.sia-app form button.sia-app__close-day:hover, .sia-app form button.sia-app__close-day:focus-visible { border-color: #285d34; background: #285d34; }
.sia-app form button.sia-app__close-day:disabled { border-color: #cfcbc6; background: #e9e6e2; color: #8d8780; cursor: not-allowed; opacity: 1; }
.sia-registration__scroll { height: clamp(300px, calc(100vh - 270px), 690px); overflow-x: hidden; overflow-y: scroll; overscroll-behavior: contain; scrollbar-gutter: stable; border: 1px solid var(--sia-line); border-radius: 8px; background: #fff; }
.sia-view-registratie .sia-app { display: flex; flex-direction: column; height: calc(100dvh - 1rem); min-height: 0; overflow: hidden; }
.sia-view-registratie .sia-app__topbar { flex: 0 0 auto; }
.sia-view-registratie .sia-app__panel--calendar { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; overflow: hidden; }
.sia-view-registratie .sia-app__filter { position: static; top: auto; }
.sia-view-registratie .sia-app__filter,
.sia-view-registratie .sia-app__panel--calendar > :is(.sia-app__note, .sia-app__notice, .sia-app__error, .sia-app__empty) { flex: 0 0 auto; }
.sia-view-registratie .sia-registration { display: flex !important; flex: 1 1 auto; flex-direction: column; min-height: 0; margin: 0 !important; overflow: hidden; }
.sia-view-registratie .sia-registration__scroll { flex: 1 1 auto; height: auto; min-height: 0; max-height: none; }
.sia-registration__scroll .sia-registration__table { border: 0; }
.sia-registration__scroll thead th { position: sticky; top: 0; z-index: 3; background: #fbf4eb; box-shadow: 0 1px 0 var(--sia-line); }
.sia-registration__scroll:focus-visible { outline: 3px solid #a56b21; outline-offset: 2px; }
.sia-registration__table--month td { text-overflow: ellipsis; white-space: nowrap; }
.sia-registration__table--month .sia-registration__date-row th { position: sticky; top: 34px; z-index: 2; width: auto !important; padding: 0; border-top: 1px solid #dfc29c; border-bottom: 1px solid #dfc29c; background: #fff4e3; box-shadow: 0 1px 0 rgb(56 36 23 / 8%); text-align: left; }
.sia-registration__date-row a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 38px; padding: .45rem .7rem; color: #4e301b; font-weight: 850; text-decoration: none; text-transform: capitalize; }
.sia-registration__date-row a:hover, .sia-registration__date-row a:focus-visible { background: #f7e5ce; color: #7b480a; }
.sia-registration__date-row small { color: #866442; font-size: .73rem; font-weight: 750; text-transform: none; white-space: nowrap; }
.sia-registration__month-row td { background: #fff; }
.sia-registration__month-row:hover td { background: #fffaf4; }
.sia-registration__read-only-check { display: inline-grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: #f1ece6; color: #9a8b7d; font-weight: 900; }
.sia-registration__read-only-check.is-checked { background: #e6f2e3; color: #347047; }
.sia-registration__table select, .sia-registration__table .sia-duration-select, .sia-registration__table .sia-treatment-select { width: 100%; min-width: 0; }
.sia-bed-label { display: inline-block; min-width: 0; font-weight: 750; white-space: nowrap; }
.sia-registration__table .sia-partner-logo { width: 34px; min-width: 34px; min-height: 34px; padding: .14rem; border-radius: 8px; }
.sia-registration__table .sia-partner-logo img { width: 27px; height: 27px; }
.sia-registration__table .sia-source-cell { gap: .2rem; }
.sia-partner-logo { display: inline-flex; align-items: center; justify-content: center; gap: .34rem; min-width: 40px; min-height: 40px; padding: .2rem; border: 1px solid #cab59e; border-radius: 10px; background: #fff; color: #382417; font-size: .7rem; font-weight: 850; white-space: nowrap; }
.sia-partner-logo img { display: block; width: 32px; height: 32px; border-radius: 7px; object-fit: contain; }
.sia-partner-logo__mark { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 6px; background: currentColor; color: inherit; }
.sia-partner-logo__mark svg { width: 15px; height: 15px; fill: none; stroke: #fff; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.sia-partner-logo--classpass { border-color: #9672b9; color: #5d2e86; }
.sia-partner-logo--treatwell { border-color: #58a58e; color: #17654e; }
.sia-partner-logo--fresha { border-color: #5187bd; color: #1e5a91; }
.sia-partner-logo--salonized { border-color: #d47e4d; color: #9b4317; }
.sia-partner-logo--googleagenda { border-color: #7991ae; color: #3d5d83; }
.sia-partner-logo--amelia { border-color: #c2769e; color: #8a3463; }
.sia-partner-logo--handmatig { border-color: #caa873; color: #8d5917; }
.sia-partner-logo--walk-in, .sia-partner-logo--walkin { border-color: #a79d93; color: #665b52; }
.sia-source-cell { display: inline-flex; align-items: center; gap: .35rem; }
.sia-app form button.sia-customer-info { position: relative; display: inline-grid; place-items: center; width: 22px; height: 22px; min-width: 22px; min-height: 22px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #a29285; opacity: .78; box-shadow: none; transform: none; }
.sia-app form button.sia-customer-info:hover, .sia-app form button.sia-customer-info:active, .sia-app form button.sia-customer-info:focus-visible { border: 0; background: #f1ebe4; color: #6f6258; opacity: 1; box-shadow: none; transform: none; }
.sia-app form button.sia-customer-info.has-data { width: 23px; height: 23px; min-width: 23px; min-height: 23px; background: #e6f2e3; color: #347047; opacity: 1; }
.sia-app form button.sia-customer-info.has-data::after { position: absolute; top: -1px; right: -1px; width: 6px; height: 6px; border: 2px solid #fff; border-radius: 50%; background: #4a8a55; content: ""; }
.sia-customer-info svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.sia-app form button.sia-customer-info.has-data svg { width: 14px; height: 14px; stroke-width: 2.2; }
.sia-price { display: inline-flex; align-items: baseline; min-width: 0; font-weight: 800; white-space: nowrap; }
.sia-upsell-input, .sia-discount-input { width: 100%; }
.sia-money-input { display: inline-flex; align-items: center; gap: .28rem; padding-left: .45rem; border: 1px solid var(--sia-line); border-radius: 7px; background: #fff; }
.sia-money-input input { width: 5.2rem; min-height: 36px; padding-left: .1rem; border: 0; }
.sia-money-input input:focus { outline: none; box-shadow: none; }
.sia-payment-split { display: grid; min-width: 0; gap: .2rem; }
.sia-registration__table select.sia-payment--classpass { border-color: #4d4e51; background-color: #5d5e61; background-image: repeating-linear-gradient(135deg, rgb(255 255 255 / 7%) 0, rgb(255 255 255 / 7%) 3px, transparent 3px, transparent 8px); color: #fff; font-weight: 850; }
.sia-registration__table select.sia-payment--salonized { border-color: #d45f65; background: #ff7f84; color: #3f2022; font-weight: 850; }
.sia-registration__table .sia-payment-split.is-locked select.sia-payment { cursor: not-allowed; opacity: 1; -webkit-text-fill-color: currentColor; }
.sia-app form button.sia-payment-split__badge { display: block; width: 100%; min-height: 25px; padding: .18rem .3rem; overflow: hidden; border: 1px solid #d4a56c; border-radius: 6px; background: #fff4e2; color: #7a490d; font-size: .62rem; font-weight: 850; line-height: 1.2; text-align: left; text-overflow: ellipsis; white-space: nowrap; box-shadow: none; transform: none; }
.sia-app form button.sia-payment-split__badge:hover, .sia-app form button.sia-payment-split__badge:focus-visible { border-color: #a96811; background: #ffeed3; color: #623802; box-shadow: none; transform: none; }
.sia-app form button.sia-payment-split__badge.is-complete { border-color: #91bf98; background: #edf7ef; color: #2f6a3c; }
.sia-app form button.sia-payment-split__badge.is-missing { border-color: #d47d73; background: #fff0ed; color: #8f2e24; }
.sia-app form button.sia-payment-split__badge.needs-review { border-color: #dfa24f; background: #fff3dc; color: #82500c; }
.sia-app form button.sia-payment-split__badge[hidden] { display: none; }
.sia-shower-check { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; min-height: 38px; padding: .35rem .58rem; border: 1px solid var(--sia-line); border-radius: 7px; background: #fff; font-weight: 750; cursor: pointer; }
.sia-shower-check input { width: 18px; min-height: 0; }
.sia-manual-dialog { width: min(860px, calc(100vw - 2rem)); padding: 0; border: 1px solid var(--sia-line); border-radius: 14px; background: #fffdfa; color: var(--sia-ink); box-shadow: 0 18px 60px rgb(56 36 23 / 24%); }
.sia-manual-dialog::backdrop { background: rgb(47 28 17 / 42%); }
.sia-app .sia-manual-booking { display: block; margin: 0; padding: 0; border: 0; border-radius: 14px; background: #fffdfa; }
.sia-manual-booking header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1rem 1.1rem; border-bottom: 1px solid var(--sia-line); }
.sia-manual-booking h2 { margin: 0; font: 700 1.25rem/1.2 Georgia, serif; }
.sia-manual-booking header p { margin: .25rem 0 0; color: var(--sia-muted); font-size: .8rem; }
.sia-app .sia-manual-booking .sia-dialog-close { display: inline-grid; width: 36px; min-width: 36px; height: 36px; min-height: 36px; place-items: center; padding: 0; border-radius: 50%; }
.sia-dialog-close svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sia-manual-booking__fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; padding: 1rem 1.1rem; }
.sia-manual-booking__fields label { min-width: 0; }
.sia-manual-booking__fields label small { color: var(--sia-muted); font-weight: 500; }
.sia-manual-booking__fields input, .sia-manual-booking__fields select { width: 100%; }
.sia-manual-booking__treatment { grid-column: span 2; }
.sia-manual-booking footer { display: flex; justify-content: flex-end; gap: .55rem; padding: .85rem 1.1rem; border-top: 1px solid var(--sia-line); }
.sia-app .sia-manual-booking button.sia-manual-booking__cancel { border-color: var(--sia-line); background: #fff; color: var(--sia-ink); }
.sia-customer-dialog { width: min(430px, calc(100vw - 2rem)); padding: 0; border: 1px solid var(--sia-line); border-radius: 14px; background: #fffdfa; color: var(--sia-ink); box-shadow: 0 18px 60px rgb(56 36 23 / 24%); }
.sia-customer-dialog::backdrop { background: rgb(47 28 17 / 42%); }
.sia-customer-dialog header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem 1rem; border-bottom: 1px solid var(--sia-line); }
.sia-customer-dialog h2 { margin: 0; font-size: 1.08rem; }
.sia-customer-dialog header button { display: inline-grid; place-items: center; width: 34px; min-height: 34px; padding: 0; border-radius: 50%; }
.sia-customer-dialog header button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sia-customer-dialog [data-sia-customer-content] { padding: 1rem; }
.sia-customer-dialog [data-sia-customer-content] p { margin: 0 0 .55rem; overflow-wrap: anywhere; }
.sia-customer-dialog__body { display: grid; gap: .7rem; }
.sia-customer-dialog__body label { display: grid; gap: .28rem; font-size: .78rem; font-weight: 750; }
.sia-customer-dialog__body input { width: 100%; min-height: 42px; }
.sia-customer-dialog footer { display: flex; justify-content: flex-end; gap: .55rem; padding: .8rem 1rem; border-top: 1px solid var(--sia-line); }
.sia-payment-dialog { width: min(500px, calc(100vw - 2rem)); padding: 0; border: 1px solid var(--sia-line); border-radius: 14px; background: #fffdfa; color: var(--sia-ink); box-shadow: 0 18px 60px rgb(56 36 23 / 24%); }
.sia-payment-dialog::backdrop { background: rgb(47 28 17 / 46%); }
.sia-app .sia-payment-dialog form { display: block; margin: 0; padding: 0; border: 0; background: transparent; }
.sia-payment-dialog header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; border-bottom: 1px solid var(--sia-line); }
.sia-payment-dialog header small { display: block; margin-bottom: .15rem; color: #7b4b86; font-size: .66rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.sia-payment-dialog h2 { margin: 0; font: 700 1.25rem/1.2 Georgia, serif; }
.sia-app .sia-payment-dialog header button { display: inline-grid; width: 34px; min-width: 34px; min-height: 34px; place-items: center; padding: 0; border-radius: 50%; }
.sia-payment-dialog header button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sia-payment-dialog__body { display: grid; gap: .65rem; padding: 1rem; }
.sia-payment-dialog__body > p:first-child { margin: 0; color: var(--sia-muted); font-size: .8rem; }
.sia-payment-dialog__total { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem .85rem; border: 1px solid #e7ceb0; border-radius: 9px; background: #fff6e8; }
.sia-payment-dialog__total span { color: var(--sia-muted); font-size: .78rem; font-weight: 750; }
.sia-payment-dialog__total strong { font-size: 1.12rem; }
.sia-payment-dialog__body > label { display: grid; grid-template-columns: minmax(120px,1fr) minmax(150px,.8fr); align-items: center; gap: .8rem; font-size: .82rem; font-weight: 800; }
.sia-payment-dialog__body > label[hidden] { display: none; }
.sia-payment-dialog__money { display: flex; align-items: center; gap: .4rem; }
.sia-payment-dialog__money input { width: 100%; min-height: 42px; }
.sia-payment-dialog__money input[readonly] { background: #f0ece7; color: #665c54; cursor: default; }
.sia-gift-card-dialog .sia-payment-dialog__body > label input, .sia-gift-card-dialog .sia-payment-dialog__body > label select { width: 100%; min-height: 42px; }
.sia-gift-card-dialog [data-sia-gift-card-select][hidden] { display: none !important; }
.sia-gift-card-dialog__available { display: grid; gap: .45rem; }
.sia-gift-card-dialog__available-head { display: flex; align-items: center; justify-content: space-between; gap: .75rem; font-size: .82rem; }
.sia-app .sia-gift-card-dialog__available-head button { display: grid; flex: 0 0 42px; place-items: center; width: 42px; min-height: 42px; padding: 0; border-radius: 8px; }
.sia-gift-card-dialog__available-head button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; }
.sia-gift-card-dialog__list { display: grid; grid-auto-rows: max-content; gap: .38rem; max-height: 270px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; padding: .38rem; border: 1px solid #e7ceb0; border-radius: 9px; background: #fff; }
.sia-gift-card-dialog__list:focus-visible { outline: 3px solid #a96811; outline-offset: 2px; }
.sia-app .sia-gift-card-dialog__list button { display: grid; gap: .22rem; width: 100%; min-height: 58px; padding: .62rem .72rem; border: 1px solid #ead5bd; border-radius: 8px; background: #fffaf3; color: var(--sia-ink); font-family: inherit; font-weight: 400; line-height: 1.25; text-align: left; }
.sia-app .sia-gift-card-dialog__list button:hover { border-color: #c98b3c; background: #fff2df; }
.sia-app .sia-gift-card-dialog__list button.is-selected { border-color: #397348; background: #edf7ef; box-shadow: inset 0 0 0 1px #397348; color: #245b31; }
.sia-gift-card-dialog__item-top { display: flex; align-items: baseline; justify-content: space-between; gap: .75rem; color: var(--sia-ink); }
.sia-gift-card-dialog__item-top strong { font-family: inherit; font-size: .84rem; font-weight: 750; letter-spacing: 0; }
.sia-gift-card-dialog__item-top b { flex: 0 0 auto; color: #5d3822; font-family: inherit; font-size: .84rem; font-weight: 750; }
.sia-gift-card-dialog__item-meta { color: var(--sia-muted); font-size: .73rem; font-weight: 500; }
.sia-gift-card-dialog__list button.is-selected .sia-gift-card-dialog__item-top,
.sia-gift-card-dialog__list button.is-selected .sia-gift-card-dialog__item-top b,
.sia-gift-card-dialog__list button.is-selected .sia-gift-card-dialog__item-meta { color: #397348; }
.sia-gift-card-dialog__empty { margin: 0; padding: .8rem; color: var(--sia-muted); font-size: .78rem; text-align: center; }
.sia-gift-card-dialog__manual { display: grid; gap: .65rem; padding: .75rem; border: 1px solid #e7ceb0; border-radius: 9px; background: #fffaf2; }
.sia-gift-card-dialog__manual[hidden] { display: none; }
.sia-gift-card-dialog__manual label { display: grid; grid-template-columns: minmax(120px,1fr) minmax(150px,.8fr); align-items: center; gap: .8rem; font-size: .82rem; font-weight: 800; }
.sia-gift-card-dialog__manual input { width: 100%; min-height: 42px; }
.sia-payment-dialog__status { margin: .1rem 0 0; padding: .65rem .75rem; border-radius: 8px; font-size: .76rem; font-weight: 750; }
.sia-payment-dialog__status.is-valid { border: 1px solid #b9d7bf; background: #edf7ef; color: #2d6a3b; }
.sia-payment-dialog__status.is-invalid { border: 1px solid #e5b6ae; background: #fff2ef; color: #8b2f25; }
.sia-payment-dialog footer { display: flex; justify-content: flex-end; gap: .55rem; padding: .85rem 1rem; border-top: 1px solid var(--sia-line); }
.sia-payment-dialog footer button:disabled { border-color: #cfcbc6; background: #e9e6e2; color: #8d8780; cursor: not-allowed; opacity: 1; }
.sia-staff__add { margin-bottom: .7rem !important; }
.sia-staff__list { display: grid; gap: .45rem; }
.sia-staff__row { display: grid !important; grid-template-columns: minmax(220px, 1fr) auto auto; align-items: end !important; margin: 0 !important; padding: .55rem !important; }
.sia-staff__row .sia-check { display: flex; align-items: center; gap: .4rem; min-height: 44px; }
.sia-staff__row .sia-check input { min-height: 0; }
.sia-staff__row--source { align-items: center !important; min-height: 52px; border: 1px solid var(--sia-line); border-radius: 10px; background: #fffdf9; }
.sia-staff__row--source span { color: var(--sia-muted); font-weight: 700; }
.sia-staff__row--source small { color: var(--sia-muted); }
.sia-staff__table { min-width: 920px; }
.sia-staff__scroll { height: clamp(300px, calc(100vh - 210px), 720px); overflow-x: auto; overflow-y: scroll; overscroll-behavior: contain; scrollbar-gutter: stable; border: 1px solid var(--sia-line); border-radius: 8px; background: #fff; }
.sia-staff__scroll .sia-staff__table { border: 0; }
.sia-staff__scroll thead th { position: sticky; top: 0; z-index: 3; background: #fbf4eb; box-shadow: 0 1px 0 var(--sia-line); }
.sia-staff__scroll:focus-visible { outline: 3px solid #a56b21; outline-offset: 2px; }
.sia-staff__table td { vertical-align: middle; }
.sia-staff__table td small { display: block; margin-top: .18rem; color: var(--sia-muted); font-size: .74rem; }
.sia-staff__table td a { color: #85520e; }
.sia-status { display: inline-block; padding: .28rem .55rem; border-radius: 99px; font-size: .76rem; font-weight: 750; }
.sia-status.is-active { background: #e5f2df; color: #326427; }
.sia-status.is-inactive { background: #f3e8e4; color: #8a3d31; }
.sia-location-label { display: inline-block; padding: .28rem .55rem; border: 1px solid var(--sia-line); border-radius: 99px; background: #fff9f1; color: var(--sia-muted); font-size: .76rem; font-weight: 750; white-space: nowrap; }
.sia-staff__ao-column { width: 76px; text-align: center; }
.sia-staff__ao-column abbr { cursor: help; text-decoration: none; }
.sia-staff__ao-toggle { display: inline-grid; grid-template-columns: 15px auto; align-items: center; gap: .35rem; min-width: 58px; padding: .27rem .48rem; border: 1px solid #d8c8ba; border-radius: 99px; background: #f4f0ec; color: #715f52; font-size: .74rem; font-weight: 850; line-height: 1; white-space: nowrap; }
.sia-staff__ao-toggle i { display: block; width: 15px; height: 15px; border: 2px solid currentColor; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(56,36,23,.14); }
.sia-staff__ao-toggle.is-yes { border-color: #b6d6ae; background: #e8f4e3; color: #2f6b27; }
.sia-staff__ao-toggle.is-yes i { border-color: #4e8a44; background: #4e8a44; box-shadow: inset 0 0 0 3px #fff; }
.sia-staff__ao-toggle.is-no { border-color: #d9c9bd; background: #f3eee9; color: #765f50; }
.sia-staff__action-column { width: 96px; text-align: center; }
.sia-staff__quick-actions { display: inline-flex; align-items: center; justify-content: center; gap: .32rem; }
.sia-staff__actions { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; gap: .42rem; min-width: 40px; }
.sia-staff__actions form { display: inline-flex !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
.sia-action-button, .sia-staff__actions button { min-height: 36px; padding: .4rem .65rem; border: 1px solid var(--sia-line); border-radius: 7px; background: #fff9f1; color: var(--sia-ink); font: 650 .75rem/1.2 system-ui, -apple-system, "Segoe UI", sans-serif; cursor: pointer; }
.sia-action-button:hover, .sia-staff__actions button:hover { border-color: #a96811; background: #fff0dc; color: #7d4b09; }
.sia-staff__actions .sia-icon-button, .sia-staff__action-column .sia-icon-button { display: inline-flex; align-items: center; justify-content: center; width: 38px; min-width: 38px; height: 38px; min-height: 38px; padding: 0; border: 1px solid var(--sia-line); border-radius: 9px; background: #fff9f1; color: var(--sia-ink); text-decoration: none; }
.sia-staff__action-column .sia-icon-button:hover { border-color: #a96811; background: #fff0dc; color: #7d4b09; }
.sia-icon-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.sia-staff__editor-actions .sia-icon-button, .sia-staff__move .sia-icon-button { display: inline-flex; align-items: center; justify-content: center; width: 42px; min-width: 42px; height: 42px; min-height: 42px; padding: 0; border: 1px solid var(--sia-line); border-radius: 9px; background: #fff9f1; color: var(--sia-ink); cursor: pointer; }
.sia-staff__editor-actions .sia-icon-button--save { border-color: var(--sia-ink); background: var(--sia-ink); color: #fff; }
.sia-staff__editor-actions .sia-icon-button--save:hover { border-color: #7d4b09; background: #7d4b09; }
.sia-staff__editor-actions .sia-icon-button--cancel:hover, .sia-staff__move .sia-icon-button--cancel:hover { border-color: #a96811; background: #fff0dc; color: #7d4b09; }
.screen-reader-text { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.sia-staff__actions .sia-icon-button--status.is-deactivate { border-color: var(--sia-ink); background: var(--sia-ink); color: #fff; }
.sia-staff__actions .sia-icon-button--status.is-deactivate:hover { border-color: #7d4b09; background: #7d4b09; color: #fff; }
.sia-staff__actions .sia-icon-button--status.is-activate { border-color: #b8d6ae; background: #e5f2df; color: #326427; }
.sia-staff__actions .sia-icon-button--status.is-activate:hover { border-color: #6c9d5e; background: #d8ebd1; color: #244c1d; }
.sia-staff__actions .sia-icon-button--move { border-color: #b9c9dc; background: #f2f7fc; color: #315f87; }
.sia-staff__actions .sia-icon-button--move:hover { border-color: #6288ac; background: #e3eef8; color: #244d72; }
.sia-staff__actions .sia-icon-button--private { border-color: #bfa9ce; background: #f5eff9; color: #68417d; }
.sia-staff__actions .sia-icon-button--private:hover { border-color: #8d68a3; background: #eadff1; color: #503061; }
.sia-staff__actions .sia-icon-button--finance { border-color: #b7cfaa; background: #eff7eb; color: #466d37; }
.sia-staff__actions .sia-icon-button--finance:hover { border-color: #789e67; background: #e1efda; color: #345628; }
.sia-staff__actions .sia-icon-button--danger { border-color: #d9a69d; background: #fff7f5; color: #9a3327; }
.sia-staff__actions .sia-icon-button--danger:hover { border-color: #b64b3e; background: #fde9e5; color: #84291f; }
.sia-icon-button:focus-visible { outline: 3px solid rgba(184, 112, 14, .28); outline-offset: 2px; }
.sia-staff__move-row[hidden] { display: none; }
.sia-staff__move-row td { padding: 0; background: #f4f8fc; }
.sia-staff__move { display: flex !important; align-items: end !important; gap: .7rem !important; margin: 0 !important; padding: .85rem 1rem !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
.sia-staff__move > span { align-self: center; margin-right: .35rem; color: var(--sia-muted); font-size: .84rem; }
.sia-staff__move select { min-width: 190px; }
.sia-staff__editor-row[hidden] { display: none; }
.sia-staff__editor-row td { padding: 0; background: #fffaf2; }
.sia-staff__editor { display: grid !important; grid-template-columns: repeat(5, minmax(145px, 1fr)); align-items: start !important; gap: .7rem !important; margin: 0 !important; padding: 1rem !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
.sia-staff__editor fieldset { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .8rem; min-height: 44px; margin: 0; padding: .45rem .65rem; border: 1px solid var(--sia-line); border-radius: 7px; }
.sia-staff__editor fieldset label { display: flex; align-items: center; gap: .25rem; font-size: .74rem; }
.sia-staff__editor fieldset input { min-height: 0; }
.sia-staff__wide { grid-column: span 2; }
.sia-staff__editor-actions { display: flex; align-items: end; gap: .45rem; align-self: end; }
.sia-staff__manual { margin-top: .8rem; color: var(--sia-muted); }
.sia-staff__manual summary { cursor: pointer; font-weight: 700; }
.sia-staff__manual form { margin-top: .55rem; }
.sia-finance { margin: .8rem 0 1rem; padding: 1rem; border: 1px solid var(--sia-line); border-radius: 10px; background: #fffaf2; }
.sia-finance > header:not(.sia-finance__print-head) { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.sia-finance h2 { margin: .15rem 0; font: 1.45rem/1.2 Georgia, serif; }
.sia-finance header small { color: #7b4b86; font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.sia-finance header p { margin: .25rem 0 .7rem; color: var(--sia-muted); }
.sia-finance__periods { display: flex; flex-wrap: wrap; gap: .4rem; margin: 0; }
.sia-finance__periods a { padding: .4rem .7rem; border: 1px solid var(--sia-line); border-radius: 99px; background: #fff; color: var(--sia-ink); font-size: .76rem; font-weight: 750; text-decoration: none; }
.sia-finance__periods a.is-active, .sia-finance__periods a:hover { border-color: #a96811; background: #a96811; color: #fff; }
.sia-finance__toolbar { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: .75rem; margin-bottom: .75rem; padding: .6rem .7rem; border: 1px solid #ead8c2; border-radius: 9px; background: #fffaf2; }
.sia-finance__toolbar form { margin: 0; padding: 0; border: 0; background: transparent; }
.sia-finance__toolbar-primary { display: flex; min-width: 0; flex-wrap: wrap; align-items: end; gap: .7rem; }
.sia-finance__date-nav, .sia-finance__toolbar-actions { display: flex; align-items: end; gap: .45rem; }
.sia-finance__date-nav { padding-left: .7rem; border-left: 1px solid #ead8c2; }
.sia-finance__toolbar-actions { justify-self: end; }
.sia-finance__icon-action { width: 44px; min-width: 44px; justify-content: center; padding: .45rem; cursor: pointer; }
.sia-finance__print-head { display: none !important; }
.sia-finance__totals { display: grid; grid-template-columns: repeat(3,minmax(180px,1fr)); gap: .65rem; margin: .2rem 0 .85rem; }
.sia-finance__totals > span { display: grid; gap: .18rem; padding: .7rem .8rem; border: 1px solid #ead7bf; border-radius: 8px; background: #fff; }
.sia-finance__totals small { color: var(--sia-muted); font-size: .7rem; font-weight: 750; }
.sia-finance__totals strong { font-size: 1rem; }
.sia-finance__totals em { color: var(--sia-muted); font-size: .7rem; font-style: normal; }
.sia-finance__totals--print-copy { display: none; }
.sia-finance__rows { max-height: clamp(360px, calc(100dvh - 390px), 690px); overflow-y: auto; scrollbar-gutter: stable; }
.sia-finance__rows thead th { position: sticky; z-index: 2; top: 0; background: #fff8ef; box-shadow: 0 1px 0 var(--sia-line); }
.sia-finance__rows tbody tr:nth-child(even) td { background: #fffbf6; }
.sia-finance__rows tbody tr:hover td { background: #fff4e5; }
.sia-staff-hours .sia-app { display: flex; flex-direction: column; height: calc(100dvh - 1rem); min-height: 0; overflow: hidden; }
.sia-staff-hours .sia-app__topbar { flex: 0 0 auto; }
.sia-staff-hours .sia-app__workspace { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; overflow: hidden; }
.sia-staff-hours .sia-app__workspace > :is(.sia-app__notice, .sia-app__error) { flex: 0 0 auto; }
.sia-staff-hours .sia-staff-detail { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; }
.sia-staff-hours .sia-staff-detail__sticky { flex: 0 0 auto; }
.sia-staff-hours .sia-staff-detail__content { display: flex; flex: 1 1 auto; min-height: 0; overflow: hidden; }
.sia-staff-hours .sia-finance { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; min-height: 0; }
.sia-staff-hours .sia-finance__toolbar, .sia-staff-hours .sia-finance > .sia-app__notice { flex: 0 0 auto; }
.sia-staff-hours .sia-finance__rows { flex: 1 1 auto; min-height: 0; max-height: none; overflow-y: auto; }
.sia-finance__status { display: inline-flex; align-items: center; min-height: 25px; padding: .2rem .5rem; border-radius: 99px; font-size: .68rem; font-weight: 850; white-space: nowrap; }
.sia-finance__status.is-approved { background: #e3f2e5; color: #2d6a3b; }
.sia-finance__status.is-pending { background: #fff0d8; color: #8a550d; }
.sia-cashbook__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.sia-cashbook__head small { color: #7b4b86; font-size: .7rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.sia-cashbook__head h1 { margin: .2rem 0; font: 1.6rem/1.2 Georgia, serif; }
.sia-day-closing__status-row { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .42rem; }
.sia-day-closing__closed-at { margin: .32rem 0 0; color: var(--sia-muted); font-size: .72rem; }
.sia-day-closing__closure-explainer { display: flex; align-items: center; justify-content: space-between; gap: .8rem; margin-bottom: .8rem; padding: .72rem .8rem; border: 1px solid #e2bd83; border-radius: 9px; background: #fff5e3; color: #72480e; }
.sia-day-closing__closure-explainer.is-complete { border-color: #b7d9bd; background: #edf7ef; color: #2f6538; }
.sia-day-closing__closure-explainer > div { display: grid; gap: .16rem; }
.sia-day-closing__closure-explainer strong { font-size: .76rem; }
.sia-day-closing__closure-explainer span { font-size: .69rem; line-height: 1.4; }
.sia-day-closing__closure-explainer a { flex: 0 0 auto; padding: .48rem .65rem; border: 1px solid currentColor; border-radius: 7px; color: inherit; font-size: .68rem; font-weight: 900; text-decoration: none; white-space: nowrap; }
.sia-cashbook__date { display: flex; align-items: end; gap: .5rem; margin: .8rem 0; }
.sia-cashbook__totals { display: grid; grid-template-columns: repeat(6,minmax(120px,1fr)); gap: .6rem; }
.sia-cashbook__totals > span { display: grid; gap: .18rem; padding: .75rem; border: 1px solid var(--sia-line); border-radius: 8px; background: #fff; }
.sia-cashbook__totals > span.is-total { border-color: #397847; background: #edf7ef; }
.sia-cashbook__totals small { color: var(--sia-muted); font-size: .7rem; font-weight: 750; }
.sia-cashbook__totals strong { font-size: 1.03rem; }
.sia-cashbook__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; margin-top: .8rem; }
.sia-cashbook__grid > section { padding: 1rem; border: 1px solid var(--sia-line); border-radius: 9px; background: #fff; }
.sia-cashbook__grid h2 { margin-top: 0; font-size: 1rem; }
.sia-cashbook__grid dl { margin: 0; }
.sia-cashbook__grid dl > div { display: flex; justify-content: space-between; gap: 1rem; padding: .45rem 0; border-bottom: 1px solid #eee2d4; }
.sia-cashbook__grid dd { margin: 0; font-weight: 800; }
.sia-cashbook__reopen { background: #fff !important; color: #8a3b31 !important; border-color: #cf8f86 !important; }
.sia-icon-link { display: inline-flex; align-items: center; gap: .38rem; min-height: 44px; padding: .45rem .65rem; border: 1px solid var(--sia-line); border-radius: 7px; background: #fff; color: var(--sia-ink); font-size: .75rem; font-weight: 750; text-decoration: none; }
.sia-icon-link:hover { border-color: #a96811; color: #7d4b09; }
.sia-icon-link svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.sia-staff__toolbar { display: flex; align-items: center; justify-content: space-between; gap: .65rem; margin-bottom: .8rem; padding: .7rem .8rem; border: 1px solid var(--sia-line); border-radius: 10px; background: #fffaf2; }
.sia-staff__summary { display: grid; flex: 0 0 auto; gap: .08rem; }
.sia-staff__summary span { color: var(--sia-muted); font-size: .76rem; }
.sia-staff__search { position: relative; display: flex !important; width: min(360px, 34vw); flex: 1 1 260px !important; align-items: center; }
.sia-staff__search svg { position: absolute; left: .7rem; width: 17px; height: 17px; fill: none; stroke: #7b6859; stroke-width: 1.9; pointer-events: none; }
.sia-staff__search input { width: 100%; min-height: 44px; padding-left: 2.2rem !important; background: #fff !important; }
.sia-staff__active-filter { display: inline-flex !important; flex: 0 0 auto !important; align-items: center; gap: .5rem; min-height: 44px; padding: .42rem .72rem; border: 1px solid var(--sia-line); border-radius: 99px; background: #fff; color: var(--sia-ink); font-size: .76rem; font-weight: 750; cursor: pointer; white-space: nowrap; }
.sia-staff__active-filter input { position: relative; width: 36px !important; height: 20px; min-height: 20px !important; margin: 0; appearance: none; border: 0; border-radius: 99px; background: #d7c9bc; cursor: pointer; transition: background .16s ease; }
.sia-staff__active-filter input::after { position: absolute; top: 3px; left: 3px; width: 14px; height: 14px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgb(54 34 20 / 24%); content: ""; transition: transform .16s ease; }
.sia-staff__active-filter input:checked { background: #4f7f3e; }
.sia-staff__active-filter input:checked::after { transform: translateX(16px); }
.sia-staff__active-filter input:focus-visible { outline: 3px solid rgba(79,127,62,.25); outline-offset: 2px; }
.sia-staff__toolbar-actions { display: flex; flex: 0 0 auto; gap: .45rem; }
.sia-staff__toolbar .sia-icon-link { cursor: pointer; }
.sia-staff__toolbar .sia-staff__reports-link { border-color: #b7cfaa; background: #eff7eb; color: #3d6933; }
.sia-staff__toolbar .sia-staff__reports-link:hover { border-color: #789e67; background: #e1efda; color: #2e5427; }
.sia-staff__no-results { margin: 1rem; color: var(--sia-muted); text-align: center; }
.sia-new-staff { margin: 0 0 1rem; padding: 1rem; border: 1px solid var(--sia-line); border-radius: 12px; background: #fffdf9; }
.sia-new-staff[hidden] { display: none; }
.sia-new-staff h2 { margin: 0 0 .15rem; font: 700 1.25rem/1.2 Georgia,serif; }
.sia-new-staff > p { margin: .15rem 0 .75rem; color: var(--sia-muted); }
.sia-dossier { margin: .8rem 0 1rem; padding: 1rem; border: 1px solid var(--sia-line); border-radius: 12px; background: #fffaf2; }
.sia-dossier > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: .9rem; }
.sia-dossier__identity { display: flex; align-items: center; gap: .8rem; }
.sia-dossier__identity h2 { margin: .08rem 0; font: 700 1.5rem/1.15 Georgia,serif; }
.sia-dossier__identity p { margin: .15rem 0 0; color: var(--sia-muted); }
.sia-dossier__identity small { color: #7b4b86; font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.sia-dossier__photo, .sia-dossier__photo-placeholder { display: grid; width: 64px; height: 64px; flex: 0 0 64px; place-items: center; border: 1px solid var(--sia-line); border-radius: 50%; background: #fff; object-fit: cover; }
.sia-dossier__photo-placeholder svg { width: 30px; height: 30px; fill: none; stroke: #8c6f5b; stroke-width: 1.6; }
.sia-dossier__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; }
.sia-dossier__card { min-width: 0; padding: .9rem; border: 1px solid var(--sia-line); border-radius: 10px; background: #fff; }
.sia-dossier__card--profile, .sia-dossier__card--documents { grid-column: 1/-1; }
.sia-dossier__card h3 { margin: 0 0 .65rem; font-size: 1rem; }
.sia-dossier__card > p { color: var(--sia-muted); font-size: .82rem; }
.sia-dossier__source-status { margin: 0 0 .8rem; padding: .65rem .75rem; border: 1px solid #b8d6ae; border-radius: 8px; background: #f2f8ef; color: #315529; font-size: .78rem; font-weight: 700; }
.sia-dossier__source-status.is-error { border-color: #e8b9b3; background: #fff2f0; color: #8e2d23; }
.sia-dossier__form { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
.sia-dossier__form label, .sia-invite label, .sia-document-upload label { display: grid; gap: .25rem; font-size: .76rem; font-weight: 750; }
.sia-dossier__form fieldset { min-width: 0; grid-column: 1/-1; margin: 0; padding: .8rem; border: 1px solid #ead8c2; border-radius: 9px; background: #fffdf9; }
.sia-dossier__form legend { padding: 0 .4rem; color: #6d3f0b; font-size: .84rem; font-weight: 850; }
.sia-dossier__fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; }
.sia-dossier__fieldset-note { margin: -.15rem 0 .65rem; color: var(--sia-muted); font-size: .73rem; }
.sia-dossier__form label.sia-dossier__checkbox { display: flex; min-height: 42px; flex-direction: row; align-items: center; gap: .5rem; padding: .45rem .55rem; border: 1px solid var(--sia-line); border-radius: 7px; background: #fff; }
.sia-dossier__checkbox input { width: auto !important; min-height: auto !important; }
.sia-dossier__wide, .sia-dossier__form button { grid-column: 1/-1; }
.sia-tax-pdf { margin: .75rem 0; padding: .75rem; border: 1px solid var(--sia-line); border-radius: 9px; background: #fffaf2; }
.sia-tax-pdf > p { margin: 0 0 .55rem; }
.sia-tax-pdf__actions { margin-bottom: .55rem; }
.sia-tax-pdf iframe { width: 100%; height: 560px; border: 1px solid var(--sia-line); border-radius: 8px; background: #fff; }
.sia-invite { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
.sia-invite__actions { display: flex; grid-column: 1/-1; flex-wrap: wrap; gap: .45rem; }
.sia-invite__actions button, .sia-document-upload button { display: inline-flex; align-items: center; justify-content: center; gap: .38rem; min-height: 42px; }
.sia-invite__actions svg, .sia-document-upload button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.sia-invite__result { display: grid; grid-column: 1/-1; grid-template-columns: 160px minmax(0,1fr); gap: .65rem; align-items: center; padding: .75rem; border: 1px solid #b8d6ae; border-radius: 9px; background: #f2f8ef; }
.sia-invite__result[hidden] { display: none; }
.sia-invite__result [data-sia-invite-qr] { grid-row: span 3; width: 150px; height: 150px; padding: 5px; background: #fff; }
.sia-invite__result img, .sia-invite__result canvas { display: block; max-width: 100%; height: auto; }
.sia-document-upload { display: grid !important; grid-template-columns: 160px minmax(220px,1fr) auto; align-items: end !important; gap: .65rem !important; margin: 0 0 .75rem !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
.sia-document-upload--contract, .sia-document-upload--payslip { grid-template-columns: minmax(220px,1fr) auto; }
.sia-documents, .sia-candidates ul { display: grid; gap: .4rem; margin: 0; padding: 0; list-style: none; }
.sia-documents li { display: grid; grid-template-columns: 28px minmax(0,1fr) auto; align-items: center; gap: .5rem; padding: .55rem; border: 1px solid #eee1d2; border-radius: 8px; }
.sia-documents li > svg { width: 22px; height: 22px; fill: none; stroke: #a96811; stroke-width: 1.8; }
.sia-documents li small { display: block; color: var(--sia-muted); }
.sia-candidates { margin: 0 0 .8rem; padding: .75rem; border: 1px solid #c4d6b8; border-radius: 10px; background: #f3f8ef; }
.sia-candidates summary { cursor: pointer; font-weight: 800; }
.sia-candidates ul { margin-top: .6rem; }
.sia-candidates li { padding: .5rem; border-top: 1px solid #dbe8d3; }
.sia-candidates li details > summary { display: grid; grid-template-columns: minmax(150px,.7fr) minmax(180px,1fr) minmax(220px,1.2fr); gap: .5rem; align-items: center; }
.sia-candidates dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .5rem; margin: .7rem 0 0; padding: .7rem; border-radius: 8px; background: #fff; }
.sia-candidates dl div { min-width: 0; }
.sia-candidates dt { color: var(--sia-muted); font-size: .68rem; font-weight: 800; text-transform: uppercase; }
.sia-candidates dd { margin: .1rem 0 0; overflow-wrap: anywhere; font-weight: 700; }
.sia-candidates small { color: var(--sia-muted); }
.sia-staff-detail { overflow: visible; border: 1px solid var(--sia-line); border-radius: 12px; background: #fffdf9; }
.sia-staff-detail__head { display: flex; align-items: center; gap: 1rem; padding: 1rem 1.1rem; background: #fffaf2; }
.sia-staff-detail__identity { min-width: 220px; flex: 1 1 auto; }
.sia-staff-detail__eyebrow { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.sia-staff-detail__status-form { display: inline-flex !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
.sia-staff-detail__status-form .sia-status { min-height: 32px; padding: .25rem .55rem; border: 0; cursor: pointer; }
.sia-staff-detail__status-form .sia-status.is-active { background: #e5f2df; color: #326427; }
.sia-staff-detail__status-form .sia-status.is-inactive { background: #f3e8e4; color: #8a3d31; }
.sia-staff-detail__head-actions { display: flex; flex: 0 1 auto; align-items: end; justify-content: flex-end; gap: .55rem; margin-left: auto; }
.sia-staff-detail__location-form { display: flex !important; align-items: end !important; gap: .35rem !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
.sia-staff-detail__location-form label { display: grid; gap: .16rem; color: var(--sia-muted); font-size: .67rem; font-weight: 800; }
.sia-staff-detail__location-form select { min-width: 140px; min-height: 40px; }
.sia-staff-detail__location-form button { min-height: 40px; padding: .4rem .65rem; white-space: nowrap; }
.sia-staff-detail__back { display: inline-flex; align-items: center; gap: .4rem; min-height: 40px; padding: .4rem .65rem; border: 1px solid var(--sia-line); border-radius: 8px; background: #fff; color: var(--sia-ink); font-size: .76rem; font-weight: 750; text-decoration: none; white-space: nowrap; }
.sia-staff-detail__back:hover { border-color: #a96811; color: #7d4b09; }
.sia-staff-detail__back svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.sia-staff-detail__identity small { color: #7b4b86; font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.sia-staff-detail__identity h1 { margin: .1rem 0; font: 700 1.55rem/1.15 Georgia, serif; }
.sia-staff-detail__identity p { margin: 0; color: var(--sia-muted); font-size: .8rem; }
.sia-staff-detail__title-row { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem .7rem; }
.sia-staff-detail__hours-overview { display: flex; min-width: 0; flex: 1 1 620px; flex-wrap: wrap; align-items: center; gap: .35rem; }
.sia-staff-detail__hours-summary { display: inline; }
.sia-staff-detail__hours-summary:not(:empty)::before { content: " · "; }
.sia-staff-detail__hours-summary .sia-finance__summary--header { display: inline; margin: 0; padding: 0; border: 0; background: transparent; color: inherit; font-size: inherit; white-space: normal; }
.sia-finance__totals--header { display: flex; min-width: 0; flex: 1 1 420px; gap: .35rem; margin: 0; }
.sia-finance__totals--header > span { display: flex; min-width: 0; flex: 1 1 125px; flex-wrap: wrap; align-items: baseline; gap: .12rem .35rem; padding: .32rem .5rem; border: 1px solid #ead7bf; border-radius: 7px; background: #fff; }
.sia-finance__totals--header small { width: 100%; color: var(--sia-muted); font-size: 0; font-weight: 800; }
.sia-finance__totals--header small::after { font-size: .61rem; content: attr(data-compact-label); letter-spacing: .02em; text-transform: uppercase; }
.sia-finance__totals--header strong { font-size: .82rem; line-height: 1.05; }
.sia-finance__totals--header em { color: var(--sia-muted); font-size: .58rem; font-style: normal; }
.sia-staff-detail__head--hours { display: grid; grid-template-columns: minmax(250px, .8fr) minmax(500px, 1.45fr) auto; grid-template-areas: "identity totals actions"; gap: .8rem 1rem; padding-block: .8rem; }
.sia-staff-detail__head--hours .sia-staff-detail__identity { grid-area: identity; min-width: 0; }
.sia-staff-detail__head--hours .sia-staff-detail__hours-overview { display: block; grid-area: totals; min-width: 0; align-self: center; }
.sia-staff-detail__head--hours .sia-staff-detail__head-actions { grid-area: actions; margin-left: 0; }
.sia-staff-detail__head--hours .sia-finance__totals--header { display: grid; grid-template-columns: repeat(3, minmax(120px, 1fr)); width: 100%; }
.sia-staff-detail__head--hours .sia-finance__totals--header > span { display: grid; grid-template-columns: auto 1fr; align-items: baseline; gap: .12rem .35rem; padding: .42rem .55rem; }
.sia-staff-detail__head--hours .sia-finance__totals--header small { grid-column: 1 / -1; }
.sia-staff-detail__head--hours .sia-finance__totals--header em { justify-self: start; }
.sia-staff-detail__sticky { position: sticky; top: var(--sia-sticky-nav-height); z-index: 80; overflow: hidden; border-radius: 11px 11px 0 0; background: rgb(255 253 250 / 97%); box-shadow: 0 8px 18px rgb(56 36 23 / 5%); backdrop-filter: blur(10px); }
.sia-staff-detail__sticky > .sia-app__context-bar { position: static; top: auto; box-shadow: none; backdrop-filter: none; }
.sia-staff-detail__tabs { display: flex; flex-wrap: wrap; gap: .15rem; padding: 0 1rem; border-top: 1px solid #f0dfca; border-bottom: 1px solid var(--sia-line); background: #fff; }
.sia-staff-detail__tabs a { position: relative; display: inline-flex; min-height: 48px; align-items: center; padding: .55rem .75rem; color: #654733; font-size: .78rem; font-weight: 800; text-decoration: none; }
.sia-staff-detail__tabs a::after { position: absolute; right: .7rem; bottom: -1px; left: .7rem; height: 3px; border-radius: 3px 3px 0 0; background: transparent; content: ""; }
.sia-staff-detail__tabs a:hover { color: #9b5e0a; }
.sia-staff-detail__tabs a.is-active { color: #8e5407; }
.sia-staff-detail__tabs a.is-active::after { background: #b8700e; }
.sia-staff-detail__tabs a.is-danger { margin-left: auto; color: #9a3327; }
.sia-staff-detail__tabs a.is-danger.is-active::after { background: #b64b3e; }
.sia-staff-detail__content { min-height: 260px; padding: 1rem; }
.sia-staff-detail__panel { padding: 1rem; border: 1px solid var(--sia-line); border-radius: 10px; background: #fff; }
.sia-staff-detail__panel--danger { border-color: #e3b4ad; background: #fff8f6; }
.sia-staff-detail__panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: .9rem; }
.sia-staff-detail__panel-head h2 { margin: 0; font: 700 1.25rem/1.2 Georgia, serif; }
.sia-staff-detail__panel-head p { margin: .25rem 0 0; color: var(--sia-muted); }
.sia-employment { display: grid; gap: .8rem; }
.sia-contract-maker { display: grid; gap: .8rem; }
.sia-contract-maker__summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .65rem; }
.sia-contract-maker__summary span { display: grid; gap: .2rem; padding: .75rem; border: 1px solid var(--sia-line); border-radius: 8px; background: #fffaf4; }
.sia-contract-maker__summary small { color: var(--sia-muted); font-size: .68rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.sia-contract-maker__summary strong { font-family: Georgia,serif; }
.sia-contract-maker__missing { padding: .75rem; border: 1px solid #e8b9b3; border-radius: 8px; background: #fff2f0; color: #8e2d23; }
.sia-contract-maker__missing p { margin: .25rem 0; }
.sia-contract-maker__missing small { color: inherit; }
.sia-bandwidth-contract-fields { padding: .8rem; border: 1px solid #d8b9dc; border-radius: 10px; background: #fcf6fd; }
.sia-bandwidth-contract-fields[hidden] { display: none !important; }
.sia-bandwidth-contract-fields__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .7rem; }
.sia-bandwidth-contract-fields__grid label { align-content: start; }
.sia-bandwidth-contract-fields__grid label small { margin-top: .15rem; color: #78547e; font-size: .68rem; font-weight: 700; }
.sia-bandwidth-law-note { grid-column: 1/-1; padding: .8rem .9rem; border: 1px solid #d8b9dc; border-radius: 10px; background: #fcf6fd; color: #4b304f; }
.sia-bandwidth-law-note strong { font-family: Georgia,serif; }
.sia-bandwidth-law-note p { margin: .3rem 0; font-size: .78rem; line-height: 1.5; }
.sia-bandwidth-law-note a { color: #8d3698; font-size: .74rem; font-weight: 800; }
.sia-contract-example-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .5rem; }
.sia-contract-example-link { display: inline-flex; min-height: 38px; align-items: center; justify-content: center; gap: .42rem; padding: .55rem .75rem; border: 1px solid #d8ba94; border-radius: 8px; background: #fffaf3; color: #714211; font-size: .72rem; font-weight: 800; line-height: 1.2; text-decoration: none; white-space: nowrap; }
.sia-contract-example-link:hover { border-color: #a66a1a; background: #fff3df; color: #53300d; }
.sia-contract-example-link svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.sia-contract-maker form { display: flex; justify-content: flex-end; }
.sia-contract-maker form .sia-app__button { display: inline-flex; width: auto; min-height: 42px; align-items: center; justify-content: center; gap: .45rem; margin-top: 0; padding: .65rem 1rem; border: 1px solid #382417; border-radius: 8px; font-family: inherit; font-size: .75rem; font-weight: 800; line-height: 1.2; white-space: nowrap; cursor: pointer; }
.sia-contract-maker form .sia-app__button svg { flex: 0 0 17px; width: 17px !important; height: 17px !important; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.sia-contract-maker form .sia-app__button:hover:not(:disabled) { border-color: #7d4b09; background: #7d4b09; }
.sia-contract-maker form .sia-app__button:disabled { border-color: #d8c8ba; background: #eee6dd; color: #8a786a; opacity: 1; cursor: not-allowed; }
.sia-fixed-hours-offer__status { align-self: flex-start; padding: .36rem .64rem; border: 1px solid #d8bd92; border-radius: 99px; background: #fff5e5; color: #8b550d; font-size: .68rem; font-weight: 900; white-space: nowrap; }
.sia-fixed-hours-offer__status.is-due { border-color: #aad0a6; background: #eef8eb; color: #2e6b35; }
.sia-fixed-hours-offer__status.is-overdue { border-color: #e7b4ad; background: #fff0ee; color: #9b3028; }
.sia-fixed-hours-offer__documents { margin-top: .2rem; }
.sia-finance__summary { margin: 0 0 .7rem; color: var(--sia-muted); }
.sia-staff-detail__simple-form { display: flex !important; flex-wrap: wrap; align-items: end !important; gap: .7rem !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
.sia-staff-detail__simple-form label { display: grid; gap: .25rem; min-width: 260px; }
.sia-staff-detail__simple-form .sia-app__button, .sia-staff__editor--screen .sia-app__button { display: inline-flex; align-items: center; justify-content: center; gap: .42rem; }
.sia-staff-detail__simple-form svg, .sia-staff__editor--screen .sia-app__button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.sia-app .sia-app__button--danger { border-color: #a93629; background: #a93629; color: #fff; }
.sia-app .sia-app__button--danger:hover { border-color: #84291f; background: #84291f; }
.sia-staff__editor--screen { grid-template-columns: repeat(3,minmax(160px,1fr)); padding: 0 !important; }
.sia-staff__editor--screen .sia-staff__editor-actions { grid-column: 1/-1; justify-content: flex-end; }
.sia-staff-number-warning { margin-right: auto; color: #8a550d; font-size: .72rem; font-weight: 800; }
.sia-staff__editor-actions .sia-app__button.is-secondary { border: 1px solid #d8ba94; background: #fffaf3; color: #714211; }
.sia-staff-detail__content > .sia-dossier, .sia-staff-detail__content > .sia-finance { margin: 0; border: 0; padding: 0; background: transparent; }
@media (max-width: 760px) {
.sia-staff-detail__panel-head { flex-direction: column; }
.sia-contract-example-actions { width: 100%; justify-content: flex-start; }
.sia-finance__totals, .sia-cashbook__totals, .sia-cashbook__grid { grid-template-columns: 1fr; }
.sia-cashbook__head { align-items: stretch; flex-direction: column; }
.sia-day-closing__closure-explainer { align-items: stretch; flex-direction: column; }
.sia-day-closing__closure-explainer a { text-align: center; }
.sia-app__filter { align-items: end; }
.sia-app__period-switch { flex: 1 1 auto; }
.sia-app__period-switch a { flex: 1 1 auto; justify-content: center; }
.sia-app__booking-count { flex: 1 1 100%; justify-content: center; margin-left: 0; }
.sia-app__cash-summary-group { width: 100%; margin-left: 0; flex-wrap: wrap; }
.sia-app__cash-summary-group .sia-app__booking-count { flex: 1 1 auto; }
.sia-registration__month-scroll { height: clamp(360px, calc(100dvh - 330px), 690px); }
.sia-registration__table--month, .sia-registration__table--month tbody { display: block; width: 100%; }
.sia-registration__table--month thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.sia-registration__table--month .sia-registration__date-row { display: block; }
.sia-registration__table--month .sia-registration__date-row th { position: sticky; top: 0; display: block; width: 100% !important; }
.sia-registration__table--month .sia-registration__month-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: .55rem; overflow: hidden; border: 1px solid #ead8c1; border-radius: 9px; background: #fff; }
.sia-registration__table--month .sia-registration__month-row td { display: grid; grid-template-columns: minmax(76px, .7fr) minmax(0, 1fr); align-items: center; gap: .4rem; width: auto !important; min-height: 42px; padding: .45rem .55rem; border: 0; border-bottom: 1px solid #f1e5d6; white-space: normal; }
.sia-registration__table--month .sia-registration__month-row td::before { color: #8a705b; content: attr(data-label); font-size: .67rem; font-weight: 850; letter-spacing: .025em; text-transform: uppercase; }
.sia-registration__table--month .sia-registration__month-row td:nth-last-child(-n+2) { border-bottom: 0; }
}
@media (max-width: 760px) { .sia-app { width: 100%; min-height: 100vh; margin: 0; border-radius: 0; } .sia-view-registratie .sia-app { height: 100dvh; min-height: 0; } .sia-app__topbar { align-items: flex-start; flex-direction: column; padding: .75rem 0; } .sia-app__menus { width: 100%; } .sia-app__location-select { width: 100%; } .sia-app__location-select select { width: 100%; } .sia-app form label { flex: 1 1 10rem; } .sia-management__context { align-items: flex-start; } .sia-management__count { display: none; } .sia-management__grid { grid-template-columns: 1fr; } .sia-management.is-list .sia-management__copy { display: block; } .sia-treatments__head { align-items: flex-start; flex-wrap: wrap; } .sia-treatments__heading { flex: 1 1 calc(100% - 60px); } .sia-treatments__actions { width: 100%; margin-left: 52px; } .sia-treatments__summary { align-items: flex-start; flex-direction: column; } .sia-treatments__open { grid-template-columns: 40px minmax(0, 1fr); } .sia-treatments__price { grid-column: 2; justify-self: start; } .sia-treatments.is-list .sia-treatments__card { grid-template-columns: minmax(0, 1fr); } .sia-treatments.is-list .sia-treatments__order-actions { grid-column: 1; grid-row: auto; justify-content: flex-end; padding: 0 .6rem .5rem; } .sia-treatments.is-list .sia-treatments__details { grid-template-columns: 1fr; } .sia-treatments.is-list .sia-treatments__locations { justify-content: flex-start; } .sia-treatments__editor { grid-template-columns: 1fr !important; } .sia-treatments__editor-variants { grid-template-columns: 1fr; } .sia-treatments__editor-variant { grid-template-columns: 1fr; gap: .35rem; } .sia-treatments__editor-variant label { justify-content: space-between; } .sia-treatments__editor-variant label input { max-width: 55%; } .sia-treatments__editor-actions { justify-content: flex-end; } }
@media (max-width: 760px) { .sia-staff__toolbar { align-items: stretch; flex-direction: column; } .sia-staff__search { width: 100%; } .sia-staff__active-filter { align-self: flex-start; } .sia-staff__toolbar-actions { flex-wrap: wrap; } .sia-staff-detail__head { align-items: stretch; flex-direction: column; } .sia-staff-detail__head-actions { width: 100%; flex-wrap: wrap; margin-left: 0; } .sia-staff-detail__location-form { flex: 1 1 100%; } .sia-staff-detail__location-form label { flex: 1 1 auto; } .sia-staff-detail__location-form select { width: 100%; } .sia-staff-detail__back { margin-left: auto; } .sia-staff-detail__tabs { overflow-x: auto; flex-wrap: nowrap; padding: 0 .45rem; } .sia-staff-detail__tabs a { white-space: nowrap; } .sia-staff-detail__tabs a.is-danger { margin-left: 0; } .sia-staff-detail__content { padding: .65rem; } .sia-staff__editor--screen { grid-template-columns: 1fr !important; } .sia-staff__editor--screen .sia-staff__wide, .sia-staff__editor--screen .sia-staff__editor-actions { grid-column: auto; } .sia-dossier__grid, .sia-dossier__form, .sia-dossier__fields, .sia-invite, .sia-contract-maker__summary, .sia-bandwidth-contract-fields__grid { grid-template-columns: 1fr; } .sia-dossier__card--profile, .sia-dossier__card--documents, .sia-dossier__wide, .sia-dossier__form button, .sia-invite__actions, .sia-invite__result { grid-column: auto; } .sia-document-upload { grid-template-columns: 1fr; } .sia-invite__result { grid-template-columns: 1fr; } .sia-invite__result [data-sia-invite-qr] { grid-row: auto; } .sia-candidates li details > summary, .sia-candidates dl { grid-template-columns: 1fr; } .sia-tax-pdf iframe { height: 420px; } }
@media (min-width: 761px) and (max-width: 1100px) { .sia-management__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 1100px) { .sia-staff__editor { grid-template-columns: repeat(2, minmax(160px, 1fr)); } .sia-staff__wide { grid-column: span 2; } }
/* Admin > Administratie visual foundation. Data connections are added separately. */
.sia-admin__home, .sia-administration .sia-app__workspace { display: grid; gap: .55rem; }
.sia-admin__hero, .sia-administration__head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: clamp(1rem, 2vw, 1.4rem); border: 1px solid #e9c9a4; border-radius: 14px; background: linear-gradient(135deg, #fffaf3 0%, #fff 68%); }
.sia-admin__hero small, .sia-administration__head small, .sia-administration__panel header small { color: #87518f; font-size: .69rem; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.sia-admin__hero h1, .sia-administration__head h1 { margin: .15rem 0; font: 700 clamp(1.65rem, 2.6vw, 2.25rem)/1.08 Georgia, serif; }
.sia-admin__hero p, .sia-administration__head p { margin: .2rem 0 0; color: var(--sia-muted); }
.sia-admin__location, .sia-administration__status { display: inline-flex; align-items: center; gap: .45rem; flex: 0 0 auto; padding: .55rem .75rem; border: 1px solid #e9c9a4; border-radius: 999px; background: #fff; font-size: .78rem; font-weight: 850; }
.sia-administration__status i { width: 8px; height: 8px; border-radius: 50%; background: #d88913; box-shadow: 0 0 0 4px #f8e7ca; }
.sia-admin__modules { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; }
.sia-admin__module { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: .9rem; min-height: 118px; padding: 1rem; border: 1px solid #e9c9a4; border-radius: 14px; background: #fff; color: var(--sia-ink); text-decoration: none; box-shadow: 0 8px 24px rgba(61,37,22,.055); }
.sia-admin__module.is-primary { border-color: #dca258; background: linear-gradient(145deg, #fff 48%, #fff4e2); }
.sia-admin__module.is-primary:hover { transform: translateY(-2px); border-color: #b66d08; box-shadow: 0 12px 28px rgba(61,37,22,.1); }
.sia-admin__module.is-muted { opacity: .62; }
.sia-admin__module-icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 13px; background: #f8ead8; color: #8b4e0a; }
.sia-admin__module-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.sia-admin__module span:nth-child(2) { display: grid; gap: .2rem; }
.sia-admin__module small { color: #87518f; font-size: .68rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.sia-admin__module strong { font: 700 1.25rem/1.15 Georgia, serif; }
.sia-admin__module em { color: var(--sia-muted); font-size: .82rem; font-style: normal; }
.sia-admin__module b { color: #9a5d12; font-size: .78rem; }
.sia-administration__head { justify-content: flex-start; }
.sia-administration__head > div { flex: 1 1 auto; }
.sia-administration__back { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; flex: 0 0 44px; border: 1px solid #e9c9a4; border-radius: 10px; background: #fff; color: var(--sia-ink); }
.sia-administration__back svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.sia-administration__context, .sia-reporting__context { display: grid; gap: .35rem; padding: .3rem; border: 1px solid #e9c9a4; border-radius: 11px; background: rgb(255 253 250 / 98%); }
.sia-administration__tabs, .sia-reporting__tabs { display: flex; gap: .22rem; overflow-x: auto; padding: .08rem; border: 0; border-radius: 8px; background: transparent; scrollbar-width: thin; }
.sia-administration__tabs a, .sia-reporting__tabs a { display: inline-flex; align-items: center; gap: .34rem; min-height: 36px; padding: .45rem .62rem; border-radius: 7px; color: var(--sia-ink); font-size: .73rem; font-weight: 850; text-decoration: none; white-space: nowrap; }
.sia-administration__tabs a:hover, .sia-reporting__tabs a:hover { background: #fff7ec; }
.sia-administration__tabs a.is-active, .sia-reporting__tabs a.is-active { background: var(--sia-ink); color: #fff; }
.sia-administration__tabs svg, .sia-reporting__tabs svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.sia-administration__subtabs { display: flex; gap: .4rem; padding: .75rem 1rem; overflow-x: auto; border-bottom: 1px solid #ead3b7; background: #fffaf3; scrollbar-width: thin; }
.sia-administration__subtabs a { display: inline-flex; min-height: 38px; align-items: center; padding: .5rem .9rem; border: 1px solid #dfbd94; border-radius: 8px; background: #fff; color: var(--sia-ink); font-size: .75rem; font-weight: 850; text-decoration: none; white-space: nowrap; }
.sia-administration__subtabs a:hover { background: #fff4e5; }
.sia-administration__subtabs a.is-active { border-color: var(--sia-ink); background: var(--sia-ink); color: #fff; }
.sia-payment-terminals__provider { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem; border-bottom: 1px solid #ead3b7; background: #fff; }
.sia-payment-terminals__provider small { color: #87518f; font-size: .65rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.sia-payment-terminals__provider h3 { margin: .15rem 0 .25rem; font: 700 1.25rem/1.2 Georgia, serif; }
.sia-payment-terminals__provider p { margin: 0; color: #765640; font-size: .78rem; }
.sia-administration__filter { display: flex; align-items: end; gap: .5rem; padding: .55rem; border: 1px solid #e9c9a4; border-radius: 10px; background: #fffaf3; }
.sia-administration__filter label { display: grid !important; flex: 0 1 190px !important; gap: .25rem; }
.sia-administration__filter label span { font-size: .7rem; font-weight: 850; }
.sia-administration__filter input { min-height: 42px; }
.sia-administration__filter button, .sia-administration__panel header button, .sia-administration__overview-grid button { min-height: 42px; padding: .62rem .9rem; border: 0; border-radius: 8px; background: var(--sia-ink); color: #fff; font-weight: 850; }
.sia-administration__filter button { cursor: pointer; }
.sia-administration__scope { margin-left: auto; padding: .55rem .7rem; border-radius: 8px; background: #f4e4cf; font-size: .75rem; font-weight: 850; }
.sia-reporting__period, .sia-reporting__context .sia-cashbook__date { display: flex; align-items: end; gap: .5rem; margin: 0; padding: .42rem .5rem; border-top: 1px solid #f0dfca; background: #fffaf3; }
.sia-reporting__period label, .sia-reporting__context .sia-cashbook__date label { display: grid !important; flex: 0 1 190px !important; gap: .2rem; margin: 0; }
.sia-reporting__period label span, .sia-reporting__context .sia-cashbook__date label span { font-size: .68rem; font-weight: 850; }
.sia-reporting__period input, .sia-reporting__context .sia-cashbook__date input { min-height: 40px; }
.sia-reporting__period button, .sia-reporting__context .sia-cashbook__date button { min-height: 40px; padding: .55rem .8rem; border: 0; border-radius: 8px; background: var(--sia-ink); color: #fff; font-size: .73rem; font-weight: 850; }
.sia-reporting__scope { align-self: center; margin-left: auto; padding: .5rem .7rem; border-radius: 8px; background: #f4e4cf; font-size: .73rem; font-weight: 850; }
.sia-administration__preview-note { display: flex; align-items: center; gap: .55rem; margin: 0; padding: .7rem .8rem; border-left: 4px solid #b66d08; background: #fff5e4; color: #6c4b27; font-size: .8rem; }
.sia-administration__preview-note svg { width: 18px; height: 18px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 2; }
.sia-administration__kpis { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .7rem; }
.sia-administration__kpis article { display: grid; gap: .24rem; min-height: 112px; padding: .85rem; border: 1px solid #ead5bb; border-radius: 12px; background: #fff; }
.sia-administration__kpis article::before { width: 34px; height: 4px; border-radius: 4px; background: #b66d08; content: ""; }
.sia-administration__kpis small { color: var(--sia-muted); font-size: .71rem; font-weight: 850; }
.sia-administration__kpis strong { font: 700 1.45rem/1.05 Georgia, serif; }
.sia-administration__kpis span { color: #8b735e; font-size: .71rem; }
.sia-administration__overview-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr); gap: .8rem; }
.sia-administration__overview-grid > section, .sia-administration__panel { overflow: hidden; border: 1px solid #e9c9a4; border-radius: 13px; background: #fff; }
.sia-administration__overview-grid header, .sia-administration__panel > header { display: flex; align-items: flex-start; justify-content: space-between; gap: .8rem; padding: 1rem; border-bottom: 1px solid #f0dfca; background: #fffaf3; }
.sia-administration__overview-grid h2, .sia-administration__panel h2 { margin: .15rem 0 0; font: 700 1.25rem/1.15 Georgia, serif; }
.sia-administration__overview-grid header small, .sia-administration__panel header p { color: var(--sia-muted); }
.sia-administration__badge { padding: .38rem .55rem; border-radius: 999px; background: #e5f2df; color: #28632a; font-size: .67rem; font-weight: 900; }
.sia-administration__badge.is-warm { background: #f7e8d4; color: #86520e; }
.sia-administration__overview-grid ol { display: grid; gap: 0; margin: 0; padding: .4rem 1rem 1rem; list-style: none; }
.sia-administration__overview-grid li { display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: center; gap: .7rem; padding: .65rem 0; border-bottom: 1px solid #f1e5d7; }
.sia-administration__overview-grid li:last-child { border-bottom: 0; }
.sia-administration__overview-grid li > b { display: inline-flex; align-items: center; justify-content: center; width: 27px; height: 27px; border-radius: 50%; background: #f3dfc6; color: #7c4708; }
.sia-administration__overview-grid li span { display: grid; gap: .12rem; }
.sia-administration__overview-grid li small, .sia-administration__package small { color: var(--sia-muted); }
.sia-administration__package { display: flex; align-items: center; gap: .7rem; margin: 1rem; padding: .8rem; border: 1px dashed #d9b98f; border-radius: 10px; background: #fffdf9; }
.sia-administration__package > span { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 10px; background: #f3dfc6; color: #7c4708; }
.sia-administration__package svg, .sia-administration__panel button svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.sia-administration__package div { display: grid; gap: .15rem; }
.sia-administration__overview-grid button { margin: 0 1rem 1rem; width: calc(100% - 2rem); opacity: .5; }
.sia-administration__panel > header h2 { margin-bottom: .25rem; }
.sia-administration__panel > header p { margin: 0; font-size: .82rem; }
.sia-administration__panel > header button { display: inline-flex; align-items: center; gap: .4rem; flex: 0 0 auto; opacity: .5; }
.sia-administration__table-scroll { max-height: calc(100dvh - 405px); min-height: 285px; overflow: auto; }
.sia-administration__table-scroll table { width: 100%; border-collapse: collapse; }
.sia-administration__table-scroll th { position: sticky; top: 0; z-index: 1; padding: .75rem; border-bottom: 1px solid #e9c9a4; background: #fffaf3; text-align: left; font-size: .74rem; }
.sia-administration__table-scroll td { padding: 1rem; }
.sia-administration__empty { display: grid; place-items: center; gap: .45rem; min-height: 210px; color: var(--sia-muted); text-align: center; }
.sia-administration__empty svg { width: 34px; height: 34px; fill: none; stroke: #b66d08; stroke-width: 1.65; }
.sia-administration__empty strong { color: var(--sia-ink); font: 700 1.05rem/1.2 Georgia, serif; }
.sia-administration__empty span { max-width: 520px; font-size: .8rem; }
@media (max-width: 980px) {
.sia-administration__kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sia-administration__overview-grid { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
.sia-admin__modules, .sia-administration__kpis { grid-template-columns: 1fr; }
.sia-admin__hero, .sia-administration__head { align-items: flex-start; flex-wrap: wrap; }
.sia-admin__location, .sia-administration__status { margin-left: 52px; }
.sia-administration__filter { align-items: stretch; flex-direction: column; }
.sia-administration__filter label { flex: 1 1 auto !important; }
.sia-administration__filter button, .sia-administration__scope { width: 100%; margin-left: 0; text-align: center; }
.sia-administration__panel > header { flex-direction: column; }
.sia-administration__panel > header button { width: 100%; justify-content: center; }
}
.sia-financial-notice { display: flex; align-items: center; gap: .55rem; margin: 0; padding: .7rem .8rem; border-left: 4px solid #327333; border-radius: 0 8px 8px 0; background: #edf7e9; color: #285a29; font-size: .8rem; font-weight: 750; }
.sia-financial-notice.is-warning { border-color: #bd7b14; background: #fff6e8; color: #77500f; }
.sia-financial-notice.is-error { border-color: #b94133; background: #fff0ed; color: #8d3027; }
.sia-financial-notice svg { width: 18px; height: 18px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 2; }
.sia-administration__live-panel { overflow: hidden; border: 1px solid #e9c9a4; border-radius: 13px; background: #fff; }
.sia-administration__live-panel > header { display: flex; align-items: flex-start; justify-content: space-between; gap: .65rem; padding: .65rem .8rem; border-bottom: 1px solid #f0dfca; background: #fffaf3; }
.sia-administration__live-panel > header small { color: #87518f; font-size: .69rem; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.sia-administration__live-panel > header h2 { margin: .08rem 0 .15rem; font: 700 1.15rem/1.12 Georgia, serif; }
.sia-administration__live-panel > header p { margin: 0; color: var(--sia-muted); font-size: .75rem; }
.sia-staff-month__header { flex-wrap: wrap; }
.sia-staff-month__period, .sia-documents-admin__period { display: flex; align-items: end; gap: .4rem; flex-wrap: wrap; }
.sia-staff-month__period label, .sia-documents-admin__period label { display: grid !important; gap: .2rem; }
.sia-staff-month__period label span, .sia-documents-admin__period label span { font-size: .65rem; font-weight: 850; }
.sia-staff-month__period input, .sia-documents-admin__period input { min-height: 38px; border: 1px solid #ddc19f; border-radius: 7px; background: #fffdfa; }
.sia-staff-month__period button, .sia-documents-admin__period button { min-height: 38px; padding: .5rem .75rem; border: 0; border-radius: 7px; background: var(--sia-ink); color: #fff; font-size: .72rem; font-weight: 850; cursor: pointer; white-space: nowrap; }
.sia-banner-period { display: flex !important; align-items: end !important; gap: .4rem !important; flex-flow: row wrap !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
.sia-banner-period label { display: grid !important; gap: .2rem !important; color: var(--sia-ink); }
.sia-banner-period label span { font-size: .65rem; font-weight: 850; }
.sia-banner-period input { min-height: 38px; border: 1px solid #ddc19f; border-radius: 7px; background: #fffdfa; }
.sia-banner-period button { min-height: 38px; padding: .5rem .75rem; border: 0; border-radius: 7px; background: var(--sia-ink); color: #fff; font-size: .72rem; font-weight: 850; cursor: pointer; white-space: nowrap; }
.sia-documents-admin__header { display: grid !important; grid-template-columns: minmax(250px, 1.05fr) minmax(205px, .6fr) minmax(570px, 1.6fr); align-items: center !important; gap: 1rem !important; }
.sia-documents-admin__intro { min-width: 0; }
.sia-documents-admin__mail-summary { display: grid; min-width: 0; gap: .18rem; padding: .55rem .7rem; border-left: 1px solid #ead7bf; }
.sia-documents-admin__mail-summary > small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sia-documents-admin__mail-summary > strong { display: flex; align-items: center; gap: .4rem; font: 700 .92rem/1.2 Georgia, serif; }
.sia-documents-admin__mail-summary > strong span { display: inline-grid; min-width: 23px; min-height: 23px; place-items: center; padding: 0 .32rem; border-radius: 999px; background: var(--sia-ink); color: #fff; font: 900 .62rem/1 system-ui, sans-serif; }
.sia-documents-admin__mail-summary .sia-mail-inbox__state { max-width: none; text-align: left; }
.sia-documents-admin__header-actions { display: flex; min-width: 0; align-items: flex-end; justify-content: flex-end; gap: .45rem; }
.sia-documents-admin__header-actions .sia-documents-admin__period { flex-wrap: nowrap; }
.sia-documents-admin__mail-action, .sia-documents-admin__mail-action form { display: flex; margin: 0; }
.sia-documents-admin__mail-action button { display: inline-flex; min-height: 38px; align-items: center; gap: .35rem; padding: .5rem .7rem; border: 1px solid #d7b78e; border-radius: 7px; background: #fff; color: #75430c; cursor: pointer; font-size: .68rem; font-weight: 900; white-space: nowrap; }
.sia-documents-admin__mail-action button svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; }
.sia-documents-admin__archive-badge { display: inline-flex; margin-top: .42rem; }
.sia-documents-admin__period .sia-documents-admin__add { min-height: 38px; padding: .45rem .58rem; border: 1px solid #d8b88e; background: #fff; color: var(--sia-ink); }
.sia-documents-admin__period .sia-documents-admin__add:hover, .sia-documents-admin__period .sia-documents-admin__add:focus-visible { border-color: #a96811; background: #fff7ec; color: #7d4b09; }
.sia-documents-admin__period .sia-documents-admin__add svg { width: 15px; height: 15px; }
.sia-staff-month__header-right { display: flex; flex-direction: column; align-items: flex-end; gap: .5rem; flex-shrink: 0; }
.sia-staff-month__header-actions { display: flex; align-items: center; gap: .4rem; }
.sia-staff-month__header-actions .sia-icon-link { display: inline-flex; align-items: center; gap: .32rem; min-height: 36px; padding: .4rem .55rem; border: 1px solid #dfc29d; border-radius: 7px; background: #fffaf3; color: var(--sia-ink); font-size: .68rem; font-weight: 850; text-decoration: none; }
.sia-staff-month__header-actions .sia-icon-link:hover { border-color: #a96811; color: #7d4b09; }
.sia-staff-month__header-actions svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.sia-cashbook-admin__totals, .sia-bankbook-admin__totals { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .55rem; padding: .8rem; border-bottom: 1px solid #f0dfca; background: #fff; }
.sia-bankbook-admin__totals { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.sia-cashbook-admin__totals article, .sia-bankbook-admin__totals article { display: grid; gap: .2rem; min-height: 74px; padding: .65rem .7rem; border: 1px solid #ead8c1; border-radius: 9px; background: #fffdf9; }
.sia-cashbook-admin__totals article.is-total, .sia-bankbook-admin__totals article.is-total { border-color: #8e5a1b; background: #3d2516; color: #fff; }
.sia-cashbook-admin__totals small, .sia-bankbook-admin__totals small { color: var(--sia-muted); font-size: .67rem; font-weight: 800; }
.sia-cashbook-admin__totals .is-total small, .sia-bankbook-admin__totals .is-total small { color: #ead8c1; }
.sia-cashbook-admin__totals strong, .sia-bankbook-admin__totals strong { font: 700 1.05rem/1.1 Georgia, serif; }
.sia-bankbook-admin__totals article.sia-bankbook-admin__view-card { grid-column: span 2; }
.sia-bankbook-admin__view-toggle { display: grid; grid-template-columns: 1fr 1fr; gap: .3rem; padding: .2rem; border-radius: 8px; background: #f2e8dc; }
.sia-bankbook-admin__view-toggle button { display: flex; align-items: center; justify-content: space-between; gap: .45rem; min-height: 38px; padding: .38rem .55rem; border: 0; border-radius: 6px; background: transparent; color: #6d5849; cursor: pointer; font: inherit; font-size: .66rem; font-weight: 850; }
.sia-bankbook-admin__view-toggle button:hover, .sia-bankbook-admin__view-toggle button:focus-visible { background: #fffaf3; color: var(--sia-ink); box-shadow: 0 0 0 2px rgba(169,104,17,.14); }
.sia-bankbook-admin__view-toggle button.is-active { background: var(--sia-ink); color: #fff; box-shadow: 0 2px 7px rgba(61,37,22,.18); }
.sia-bankbook-admin__view-toggle button strong { display: grid; place-items: center; min-width: 25px; height: 25px; padding: 0 .35rem; border-radius: 999px; background: rgba(255,255,255,.82); color: var(--sia-ink); font: 900 .66rem/1 var(--sia-font, inherit); }
.sia-cashbook-admin__head-actions, .sia-documents-admin__head-actions { display: flex; align-items: center; gap: .55rem; }
.sia-cashbook-admin__add, .sia-documents-admin__add { display: inline-flex; align-items: center; justify-content: center; gap: .42rem; min-height: 40px; padding: .58rem .75rem; border: 0; border-radius: 8px; background: var(--sia-ink); color: #fff; cursor: pointer; font-size: .72rem; font-weight: 900; }
.sia-cashbook-admin__add:hover, .sia-cashbook-admin__add:focus-visible, .sia-documents-admin__add:hover, .sia-documents-admin__add:focus-visible { background: #6d421f; box-shadow: 0 0 0 3px rgba(169,104,17,.16); }
.sia-cashbook-admin__add svg, .sia-documents-admin__add svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.sia-bankbook-admin__header { align-items: flex-start; }
.sia-bankbook-admin__filters { justify-content: flex-end; }
.sia-bankbook-admin__search { min-width: 240px; }
.sia-bankbook-admin__search input { width: 240px; }
.sia-bankbook-admin__actions { display: flex; align-items: center; justify-content: flex-end; gap: .45rem; }
.sia-bankbook-admin__button { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-height: 40px; padding: .56rem .72rem; border: 0; border-radius: 8px; background: var(--sia-ink); color: #fff; cursor: pointer; font-size: .7rem; font-weight: 900; line-height: 1.1; text-decoration: none; white-space: nowrap; }
.sia-bankbook-admin__button.is-secondary { border: 1px solid #d8ba94; background: #fffaf3; color: #714211; }
.sia-bankbook-admin__button:hover, .sia-bankbook-admin__button:focus-visible { background: #6d421f; color: #fff; box-shadow: 0 0 0 3px rgba(169,104,17,.16); }
.sia-bankbook-admin__button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.sia-bank-import-file { position: relative; display: flex !important; align-items: center; gap: .7rem; min-height: 82px; padding: .8rem; border: 2px dashed #d8ae78; border-radius: 11px; background: #fffaf3; color: var(--sia-ink); cursor: pointer; }
.sia-bank-import-file:hover, .sia-bank-import-file:focus-within { border-color: #9e6013; background: #fff6e7; }
.sia-bank-import-file > svg { flex: 0 0 auto; width: 30px; height: 30px; fill: none; stroke: #9e6013; stroke-width: 1.8; }
.sia-bank-import-file > span { display: grid; gap: .18rem; }
.sia-bank-import-file small { color: var(--sia-muted); font-size: .67rem; font-weight: 650; }
.sia-bank-import-file input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.sia-bank-import-checks { display: grid; gap: .48rem; margin: 0; padding: 0 0 0 1.15rem; color: #6d584a; font-size: .72rem; line-height: 1.45; }
.sia-bank-import-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
.sia-bank-import-summary article { display: grid; gap: .22rem; padding: .65rem; border: 1px solid #ead8c1; border-radius: 9px; background: #fff; }
.sia-bank-import-summary small { color: var(--sia-muted); font-size: .63rem; font-weight: 800; }
.sia-bank-import-summary strong { overflow-wrap: anywhere; font-size: .78rem; }
.sia-bank-import-summary article.is-location { border-color: #c9ad82; background: #fff9ef; }
.sia-bank-import-summary article.is-location select { width: 100%; min-height: 42px; padding: .45rem; border: 1px solid #d4b488; border-radius: 7px; background: #fff; color: var(--sia-ink); font-size: .72rem; font-weight: 800; }
.sia-bank-import-location-warning { margin: 0; padding: .62rem .7rem; border-left: 4px solid #a96811; border-radius: 6px; background: #fff2dd; color: #6f450f; font-size: .69rem; line-height: 1.45; }
.sia-bank-import-preview { overflow: auto; border: 1px solid #e5ceb0; border-radius: 10px; background: #fff; }
.sia-bank-import-preview table { width: 100%; min-width: 520px; border-collapse: collapse; font-size: .7rem; }
.sia-bank-import-preview th, .sia-bank-import-preview td { padding: .55rem .6rem; border-bottom: 1px solid #f0e4d5; text-align: left; vertical-align: top; }
.sia-bank-import-preview td strong, .sia-bank-import-preview td small { display: block; }
.sia-bank-import-preview td small { max-width: 330px; margin-top: .12rem; color: var(--sia-muted); white-space: normal; }
.sia-bank-import-preview > p { margin: .65rem; color: var(--sia-muted); font-size: .68rem; }
.sia-finance-inbox-status { display: grid; gap: .25rem; margin: 0; padding: .75rem; border: 1px solid #dfc8e4; border-radius: 10px; background: #f7eff8; color: #6d4774; }
.sia-finance-inbox-status strong { font-size: .78rem; }
.sia-finance-inbox-status span { font-size: .68rem; line-height: 1.45; }
.sia-partner-profile-list { display: grid; gap: .45rem; }
.sia-partner-profile-list article { display: flex; align-items: center; justify-content: space-between; gap: .65rem; padding: .6rem .65rem; border: 1px solid #ead8c1; border-radius: 9px; background: #fffdf9; }
.sia-partner-profile-list article > div { display: grid; gap: .12rem; }
.sia-partner-profile-list strong { font-size: .75rem; }
.sia-partner-profile-list small { color: var(--sia-muted); font-size: .62rem; }
.sia-partner-profile-list article > span { padding: .25rem .42rem; border-radius: 999px; background: #f3e7d8; color: #714719; font-size: .6rem; font-weight: 850; white-space: nowrap; }
.sia-partner-settings__list { display: grid; gap: .65rem; }
.sia-partner-settings__list article { overflow: hidden; border: 1px solid #e4ccb0; border-radius: 10px; background: #fffdfa; }
.sia-partner-settings__list article > header { display: flex; align-items: center; justify-content: space-between; gap: .6rem; padding: .6rem .7rem; border-bottom: 1px solid #eee0cf; background: #fff7ec; }
.sia-partner-settings__list article > header strong { font-size: .78rem; }
.sia-partner-settings__list article > header small { color: #87518f; font-size: .58rem; font-weight: 900; letter-spacing: .08em; }
.sia-partner-settings__list article > div { display: grid; grid-template-columns: 1.1fr .65fr 1fr 1fr; gap: .6rem; padding: .7rem; }
.sia-partner-settings__list label { display: grid !important; gap: .25rem; min-width: 0; font-size: .68rem; font-weight: 800; }
.sia-partner-settings__list input, .sia-partner-settings__list select, .sia-partner-settings__list textarea { width: 100%; min-height: 40px; border: 1px solid #d9b98f; border-radius: 7px; background: #fff; }
.sia-partner-settings__list textarea { resize: vertical; }
.sia-admin-settings__note { margin: .65rem 0 0 !important; padding: .55rem .65rem; border-radius: 7px; background: #f6efe7; color: #6b5140; font-size: .66rem !important; }
@media (max-width: 900px) { .sia-partner-settings__list article > div { grid-template-columns: 1fr 1fr; } }
@media (max-width: 620px) { .sia-partner-settings__list article > div { grid-template-columns: 1fr; } }
.sia-bank-transactions { min-width: 1460px; }
.sia-bank-transactions tbody tr.is-reconciled > td { background: #e3f2e1; border-bottom-color: #b9d8b5; }
.sia-bank-transactions tbody tr.is-reconciled > td:first-child { box-shadow: inset 4px 0 0 #34733a; }
.sia-bank-counterparty { display: inline-flex; align-items: center; gap: .3rem; }
.sia-bank-counterparty > button { display: grid; place-items: center; width: 25px; height: 25px; min-height: 25px; padding: 0; border: 1px solid #dfc29d; border-radius: 6px; background: #fffaf3; color: #7d4b09; cursor: pointer; }
.sia-bank-counterparty > button:hover, .sia-bank-counterparty > button:focus-visible { border-color: #a96811; background: #fff1dc; box-shadow: 0 0 0 2px rgba(169,104,17,.14); }
.sia-bank-counterparty > button svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.sia-bank-transaction-description { max-width: 320px; color: #695548; font-size: .68rem; line-height: 1.4; white-space: normal; }
.sia-bank-transaction-type, .sia-bank-reconciliation-status { display: inline-flex; align-items: center; padding: .28rem .48rem; border-radius: 999px; background: #eee8e2; color: #6d625a; font-size: .62rem; font-weight: 900; white-space: nowrap; }
.sia-bank-transaction-type.is-cash-deposit { background: #fff0d7; color: #82510f; }
.sia-bank-transaction-type.is-cash-withdrawal { background: #e8edf8; color: #304d7a; }
.sia-bank-transaction-type.is-financial-category { background: #e9f1e6; color: #315f34; }
.sia-bank-transaction-type.is-partner-payout { background: #eee5f1; color: #704a78; }
.sia-bank-reconciliation-status.is-matched, .sia-bank-reconciliation-status.is-cash-transfer, .sia-bank-reconciliation-status.is-classified { background: #dcefd8; color: #245d29; }
.sia-bank-reconciliation-status.is-partial { background: #fff0d7; color: #82510f; }
.sia-bank-transactions .is-amount.is-credit { color: #226328; }
.sia-bank-transactions .is-amount.is-debit { color: #824039; }
.sia-bank-match-document, .sia-bank-match-suggestion { display: grid; gap: .12rem; color: var(--sia-ink); text-decoration: none; }
.sia-bank-match-document small, .sia-bank-match-suggestion small { color: var(--sia-muted); font-size: .61rem; line-height: 1.35; }
.sia-bank-match-document:hover { color: #8d5412; text-decoration: underline; }
.sia-bank-missing-document { color: #9a352b; font-size: .68rem; font-weight: 850; }
.sia-bank-row-action { min-height: 34px; padding: .42rem .55rem; border: 0; border-radius: 7px; background: var(--sia-ink); color: #fff; cursor: pointer; font-size: .63rem; font-weight: 900; white-space: nowrap; }
.sia-bank-row-action:hover, .sia-bank-row-action:focus-visible { background: #6d421f; }
.sia-bank-manual-link { margin-top: .3rem; }
.sia-bank-manual-link > summary { display: inline-flex; align-items: center; gap: .3rem; min-height: 34px; padding: .42rem .55rem; border: 1px solid #b9d8b5; border-radius: 7px; background: #eef8ec; color: #245d29; cursor: pointer; font-size: .63rem; font-weight: 900; list-style: none; white-space: nowrap; }
.sia-bank-manual-link > summary::-webkit-details-marker { display: none; }
.sia-bank-manual-link > summary svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; }
.sia-bank-manual-link > summary.sia-bank-action-icon { display: grid; width: 34px; height: 34px; min-height: 34px; padding: 0; border-color: #b9d8b5; border-radius: 8px; }
.sia-bank-manual-link > form { display: grid !important; gap: .4rem !important; width: 310px; margin-top: .4rem !important; padding: .55rem !important; border: 1px solid #c9dabe !important; border-radius: 9px; background: #fff !important; box-shadow: 0 8px 20px rgba(39,82,43,.12); }
.sia-bank-manual-link label { display: grid !important; gap: .2rem; color: var(--sia-ink); font-size: .66rem; font-weight: 800; }
.sia-bank-manual-link select { width: 100%; min-height: 40px; padding: .4rem; border: 1px solid #d9b98f; border-radius: 7px; background: #fff; font-size: .66rem; }
.sia-bank-manual-link button { min-height: 38px; border: 0; border-radius: 7px; background: #34733a; color: #fff; cursor: pointer; font-size: .66rem; font-weight: 900; }
.sia-bank-manual-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .4rem; }
.sia-bank-manual-actions .sia-bank-manual-preview { display: inline-flex; align-items: center; justify-content: center; gap: .3rem; border: 1px solid #d6b889; background: #fffaf3; color: #704211; }
.sia-bank-manual-actions .sia-bank-manual-preview:hover:not(:disabled), .sia-bank-manual-actions .sia-bank-manual-preview:focus-visible:not(:disabled) { background: #fff0d8; }
.sia-bank-manual-actions .sia-bank-manual-preview:disabled { cursor: not-allowed; opacity: .46; }
.sia-bank-manual-actions .sia-bank-manual-preview svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.sia-bank-upload-needed { margin-top: 0; }
.sia-bankbook-documents { border-top: 1px solid #ead8c1; }
.sia-bankbook-documents > summary { display: flex; align-items: center; gap: .45rem; padding: .75rem .85rem; background: #fffaf3; cursor: pointer; color: #60412c; font-size: .72rem; font-weight: 850; }
.sia-bankbook-documents > summary svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.sia-bankbook-documents > summary strong { margin-left: auto; padding: .18rem .42rem; border-radius: 999px; background: #eee1d1; }
.sia-cashbook-admin .sia-financial-table { min-width: 1180px; }
.sia-financial-row-actions { display: flex; align-items: center; gap: .35rem; flex-wrap: wrap; }
.sia-financial-row-actions .sia-financial-correction { margin: 0; }
.sia-financial-row-actions .sia-bank-action-icon { color: #704211; }
.sia-financial-payment-label { display: inline-flex; align-items: center; gap: .3rem; color: #684d3d; font-size: .74rem; font-weight: 850; white-space: nowrap; }
.sia-financial-payment-label svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.sia-cashbook-drawer { position: fixed; inset: 0 0 0 auto; width: min(560px, calc(100vw - 18px)); max-width: none; height: 100dvh; max-height: none; margin: 0 0 0 auto; padding: 0; overflow: hidden; border: 0; border-left: 1px solid #dcb98e; border-radius: 20px 0 0 20px; background: #fffdfa; color: var(--sia-ink); box-shadow: -24px 0 70px rgba(45,27,17,.24); }
.sia-cashbook-drawer[open] { animation: sia-cashbook-drawer-in .24s ease-out both; }
.sia-cashbook-drawer::backdrop { background: rgba(43,31,24,.52); backdrop-filter: blur(2px); }
@keyframes sia-cashbook-drawer-in { from { opacity: .7; transform: translateX(42px); } to { opacity: 1; transform: translateX(0); } }
.sia-cashbook-drawer > form { display: flex !important; width: 100%; height: 100%; min-height: 0; flex-flow: column nowrap !important; align-items: stretch !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: #fffdfa !important; }
.sia-cashbook-drawer__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; flex: 0 0 auto; padding: 1.05rem 1.1rem .95rem; border-bottom: 1px solid #ead7bf; background: linear-gradient(135deg, #fffaf2 0%, #f7e8d5 100%); }
.sia-cashbook-drawer__head small { color: #87518f; font-size: .65rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.sia-cashbook-drawer__head h3 { margin: .14rem 0 .22rem; font: 700 1.55rem/1.1 Georgia, serif; }
.sia-cashbook-drawer__head p { max-width: 390px; margin: 0; color: var(--sia-muted); font-size: .72rem; line-height: 1.45; }
.sia-cashbook-drawer__head > button { display: grid; place-items: center; flex: 0 0 auto; width: 36px; height: 36px; min-height: 36px; padding: 0; border: 0; border-radius: 999px; background: var(--sia-ink); color: #fff; cursor: pointer; font-size: 1.25rem; line-height: 1; }
.sia-cashbook-drawer__head > button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; }
.sia-cashbook-drawer__head-actions { display: flex; align-items: center; flex: 0 0 auto; gap: .45rem; }
.sia-app .sia-cashbook-drawer__head-actions > button { display: grid; width: 38px; min-width: 38px; height: 38px; min-height: 38px; place-items: center; padding: 0; border-radius: 999px; cursor: pointer; }
.sia-app .sia-cashbook-drawer__head-actions > button.sia-cashbook-drawer__back { border: 1px solid #cfa779; background: rgba(255,255,255,.82); color: #70451f; box-shadow: 0 2px 7px rgba(75,42,20,.08); }
.sia-app .sia-cashbook-drawer__head-actions > button.sia-cashbook-drawer__back:hover,
.sia-app .sia-cashbook-drawer__head-actions > button.sia-cashbook-drawer__back:focus-visible { border-color: #86531e; background: #fff; color: #4a2d18; box-shadow: 0 0 0 3px rgba(169,104,17,.13); }
.sia-app .sia-cashbook-drawer__head-actions > button.sia-cashbook-drawer__head-close { border: 0; background: var(--sia-ink); color: #fff; font-size: 1.3rem; line-height: 1; }
.sia-app .sia-cashbook-drawer__head-actions > button.sia-cashbook-drawer__head-close:hover,
.sia-app .sia-cashbook-drawer__head-actions > button.sia-cashbook-drawer__head-close:focus-visible { background: #6a3d24; box-shadow: 0 0 0 3px rgba(75,43,24,.12); }
.sia-cashbook-drawer__head-actions svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; }
.sia-cashbook-drawer__context { display: flex; align-items: center; gap: .55rem; min-height: 26px; }
.sia-cashbook-drawer__context small { min-width: 0; }
.sia-app .sia-cashbook-drawer__back { display: inline-flex; align-items: center; justify-content: center; gap: .3rem; min-height: 26px; padding: .3rem .48rem; border: 1px solid #d6b184; border-radius: 999px; background: rgba(255,255,255,.75); color: #6d421f; cursor: pointer; font-size: .61rem; font-weight: 900; line-height: 1; }
.sia-app .sia-cashbook-drawer__back:hover, .sia-app .sia-cashbook-drawer__back:focus-visible { border-color: #86531e; background: #fff; box-shadow: 0 0 0 3px rgba(169,104,17,.13); }
.sia-cashbook-drawer__back svg { flex: 0 0 auto; width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; }
.sia-cashbook-drawer__body { display: grid; gap: .75rem; min-height: 0; padding: .8rem; overflow: auto; overscroll-behavior: contain; background: #f8f2e9; }
.sia-cashbook-drawer__section { padding: .8rem; border: 1px solid #e6ceb0; border-radius: 12px; background: #fff; box-shadow: 0 5px 16px rgba(61,37,22,.035); }
.sia-cashbook-drawer__section-title { display: flex; align-items: center; gap: .55rem; margin-bottom: .7rem; }
.sia-cashbook-drawer__section-title > span { display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 999px; background: #f2dfc6; color: #7b470a; font-size: .7rem; font-weight: 950; }
.sia-cashbook-drawer__section-title div { display: grid; gap: .05rem; }
.sia-cashbook-drawer__section-title strong { font: 700 .94rem/1.2 Georgia, serif; }
.sia-cashbook-drawer__section-title small { color: var(--sia-muted); font-size: .64rem; }
.sia-bank-counterparty-field { display: grid !important; gap: .3rem; color: #513522; font-size: .72rem; font-weight: 850; }
.sia-bank-counterparty-field input { width: 100%; min-height: 44px; border: 1px solid #ddc19f; border-radius: 8px; background: #fffdfa; }
.sia-bank-counterparty-presets { display: grid; gap: .55rem; margin-top: 1rem; }
.sia-bank-counterparty-presets > strong { color: #513522; font-size: .78rem; }
.sia-bank-counterparty-presets > div { display: flex; flex-wrap: wrap; gap: .5rem; }
.sia-bank-counterparty-presets button { min-height: 38px; padding: .55rem .8rem; border: 1px solid #d9b98f; border-radius: 999px; background: #fffaf3; color: #513522; font: inherit; font-size: .76rem; font-weight: 850; cursor: pointer; }
.sia-bank-counterparty-presets button:hover, .sia-bank-counterparty-presets button:focus-visible, .sia-bank-counterparty-presets button.is-active { border-color: #6c361e; background: #6c361e; color: #fff; }
.sia-bank-counterparty-presets button:disabled { opacity: .4; cursor: not-allowed; }
.sia-bank-counterparty-presets > small { color: #755a48; line-height: 1.45; }
.sia-bank-account-classification { display: inline-grid; gap: .18rem; padding: .48rem .62rem; border-radius: 8px; background: #eef5eb; color: #285b2d; }
.sia-bank-account-classification.is-loan { background: #edf0f8; color: #334d78; }
.sia-bank-account-classification.is-clearing { background: #f3ede5; color: #66472f; }
.sia-bank-account-classification > strong { font-size: .72rem; }
.sia-bank-account-classification > small { font-size: .65rem; }
.sia-bank-classification-open { display: inline-flex; align-items: center; gap: .38rem; min-height: 36px; padding: .5rem .7rem; border: 1px solid #d4b488; border-radius: 8px; background: #fffaf3; color: #5b351c; font: inherit; font-size: .7rem; font-weight: 900; cursor: pointer; }
.sia-bank-classification-open:hover, .sia-bank-classification-open:focus-visible { border-color: #6c361e; background: #6c361e; color: #fff; }
.sia-bank-classification-open svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.sia-bank-row-actions { display: flex; align-items: center; gap: .35rem; flex-wrap: wrap; }
.sia-bank-row-actions > form { margin: 0 !important; }
.sia-bank-classification-open.is-icon-only, .sia-bank-action-icon { display: grid; place-items: center; flex: 0 0 auto; width: 34px; height: 34px; min-height: 34px; margin: 0; padding: 0; border: 1px solid #d4b488; border-radius: 8px; background: #fffaf3; color: #704211; cursor: pointer; text-decoration: none; list-style: none; }
.sia-bank-action-icon::-webkit-details-marker { display: none; }
.sia-bank-action-icon svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.sia-bank-action-icon:hover, .sia-bank-action-icon:focus-visible { border-color: #a96811; background: #fff0d8; color: #6d3d08; box-shadow: 0 0 0 2px rgba(169,104,17,.14); }
.sia-bank-action-icon.is-delete { border-color: #e3bbb6; background: #fff8f6; color: #9c3025; }
.sia-bank-action-icon.is-delete:hover, .sia-bank-action-icon.is-delete:focus-visible { border-color: #9c3025; background: #9c3025; color: #fff; }
.sia-document-bank-link { display: block; max-width: 240px; margin-top: .32rem; color: #2f6d3b; font-size: .59rem; font-weight: 800; line-height: 1.35; white-space: normal; }
.sia-financial-approve__bank { grid-column: 1/-1; display: grid; gap: .55rem; margin: 0 0 .9rem; padding: .85rem; border: 1px solid #e1c6a5; border-radius: 12px; background: linear-gradient(180deg,#fffcf7 0%,#fff8ee 100%); color: #513522; }
.sia-financial-approve__bank-heading { display: grid; gap: .15rem; }
.sia-financial-approve__bank-heading strong { font: 700 .92rem/1.2 Georgia,serif; }
.sia-financial-approve__bank-heading span { color: #755f4f; font-size: .66rem; line-height: 1.4; }
.sia-financial-approve__bank > label { font-size: .68rem; font-weight: 900; }
.sia-financial-approve__select-wrap { position: relative; }
.sia-financial-approve__select-wrap::after { content: "⌄"; position: absolute; top: 50%; right: .85rem; transform: translateY(-58%); color: #6e4325; font-size: 1.1rem; font-weight: 900; pointer-events: none; }
.sia-financial-approve__bank select { appearance: none; width: 100%; min-height: 46px; padding: .65rem 2.4rem .65rem .75rem; border: 1px solid #cfa97c; border-radius: 9px; background: #fff; color: #3f2819; font: inherit; font-size: .72rem; font-weight: 800; box-shadow: 0 1px 0 rgba(93,54,26,.04); }
.sia-financial-approve__bank select:hover, .sia-financial-approve__bank select:focus-visible { border-color: #9c641f; outline: none; box-shadow: 0 0 0 3px rgba(169,104,17,.13); }
.sia-financial-approve__bank select:disabled { cursor: not-allowed; opacity: .7; }
.sia-financial-approve__bank-detail { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .45rem; padding: .55rem; border: 1px solid #ead8c1; border-radius: 10px; background: rgba(255,255,255,.78); }
.sia-financial-approve__bank-detail[hidden] { display: none; }
.sia-financial-approve__bank-detail > div { display: grid; gap: .14rem; min-width: 0; padding: .52rem .58rem; border-radius: 8px; background: #fff; }
.sia-financial-approve__bank-detail > div.is-wide { grid-column: 1/-1; }
.sia-financial-approve__bank-detail span { color: #806653; font-size: .58rem; font-weight: 900; letter-spacing: .055em; text-transform: uppercase; }
.sia-financial-approve__bank-detail strong { overflow-wrap: anywhere; color: #3f2819; font-size: .72rem; line-height: 1.38; }
.sia-financial-approve .sia-financial-approve__bank-hint { margin: 0; color: #6d5747; font-size: .62rem; font-weight: 700; line-height: 1.45; }
.sia-bank-classification-counterparty { display: grid; gap: .15rem; margin: 0 0 1rem; padding: .8rem; border: 1px solid #e2c7a6; border-radius: 9px; background: #fffaf3; }
.sia-bank-classification-counterparty span { color: #84644d; font-size: .66rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.sia-bank-classification-fields { display: grid; grid-template-columns: 1fr 1.4fr; gap: .75rem; }
.sia-bank-classification-fields label { display: grid !important; gap: .3rem; color: #513522; font-size: .72rem; font-weight: 850; }
.sia-bank-classification-fields select { width: 100%; min-height: 44px; border: 1px solid #ddc19f; border-radius: 8px; background: #fffdfa; }
.sia-bank-classification-remember { display: flex !important; align-items: flex-start; gap: .6rem; margin-top: 1rem; padding: .8rem; border: 1px solid #bcd8b7; border-radius: 9px; background: #f0f8ed; }
.sia-bank-classification-remember input { width: 18px; height: 18px; margin-top: .1rem; }
.sia-bank-classification-remember span { display: grid; gap: .15rem; }
.sia-bank-classification-remember strong { color: #285b2d; font-size: .75rem; }
.sia-bank-classification-remember small { color: #527057; font-size: .66rem; line-height: 1.4; }
@media (max-width: 720px) { .sia-bank-classification-fields { grid-template-columns: 1fr; } }
.sia-cashbook-drawer__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.sia-cashbook-drawer__grid label { display: grid !important; gap: .23rem; min-width: 0; color: #513522; font-size: .69rem; font-weight: 850; }
.sia-cashbook-drawer__grid label.is-wide { grid-column: 1/-1; }
.sia-cashbook-drawer__grid input, .sia-cashbook-drawer__grid select { width: 100%; min-height: 43px; border-color: #ddc19f; border-radius: 8px; background: #fffdfa; }
.sia-cashbook-drawer__grid--money { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sia-cashbook-drawer__grid--money label.is-total { grid-column: 1/-1; }
.sia-cashbook-drawer__grid--money label.is-total input { border-color: #a96811; background: #fff8ec; font-size: 1rem; font-weight: 900; }
.sia-cashbook-drawer__hint { margin: .55rem 0 0; padding: .5rem .6rem; border-radius: 7px; background: #fff6e8; color: #725027; font-size: .65rem; line-height: 1.45; }
.sia-cashbook-drawer__footer { display: flex; align-items: center; justify-content: flex-end; gap: .55rem; flex: 0 0 auto; padding: .75rem .9rem calc(.75rem + env(safe-area-inset-bottom)); border-top: 1px solid #e8d3b8; background: rgba(255,253,250,.98); box-shadow: 0 -8px 22px rgba(61,37,22,.08); }
.sia-cashbook-drawer__footer button { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-height: 43px; padding: .6rem .82rem; border: 0; border-radius: 8px; background: var(--sia-ink); color: #fff; cursor: pointer; font-size: .72rem; font-weight: 900; }
.sia-cashbook-drawer__footer button.is-secondary { border: 1px solid #d7b78e; background: #fff; color: #76430a; }
.sia-cashbook-drawer__footer button:disabled { cursor: wait; opacity: .55; }
.sia-cashbook-drawer__footer svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.sia-app__cash-register-button { border-color: #9b5c18 !important; background: #fff5e4 !important; color: #6f3e0a !important; }
.sia-app__cash-register-button svg { width: 23px !important; height: 23px !important; }
.sia-app__cash-summary-group { display: inline-flex; align-self: end; align-items: center; gap: .55rem; margin-left: auto; white-space: nowrap; }
.sia-app__cash-summary-group .sia-app__booking-count { margin-left: 0; }
.sia-app__cash-balance { display: grid; align-content: center; min-height: 44px; padding: .34rem .62rem; border: 1px solid #e0bd91; border-radius: 9px; background: #fff9ef; color: #4a2b18; line-height: 1.05; white-space: nowrap; }
.sia-app__cash-balance small { color: #8b6549; font-size: .58rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.sia-app__cash-balance strong { margin-top: .14rem; font-size: .78rem; }
.sia-cash-register__balance { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem; border: 1px solid #bd873e; border-radius: 14px; background: linear-gradient(135deg,#fff8e9,#f1dfc7); box-shadow: 0 9px 24px rgba(86,51,23,.08); }
.sia-cash-register__balance > div { display: grid; gap: .14rem; }
.sia-cash-register__balance small { color: #80591f; font-size: .65rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.sia-cash-register__balance strong { color: #3e2415; font: 800 1.85rem/1 Georgia,serif; }
.sia-cash-register__balance span:not(.sia-cash-register__balance-icon) { color: #806b5b; font-size: .66rem; }
.sia-cash-register__balance-icon { display: grid; place-items: center; flex: 0 0 48px; width: 48px; height: 48px; border-radius: 14px; background: #422617; color: #fff; }
.sia-cash-register__balance-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.sia-cash-register__actions { display: grid; gap: .6rem; }
.sia-app .sia-cash-register__actions > button { display: grid; grid-template-columns: 46px minmax(0,1fr) auto; align-items: center; gap: .75rem; width: 100%; min-height: 76px; padding: .72rem; border: 1px solid #e0c29d; border-radius: 12px; background: #fff; color: #382318; text-align: left; cursor: pointer; box-shadow: 0 5px 15px rgba(61,37,22,.035); }
.sia-app .sia-cash-register__actions > button:hover, .sia-app .sia-cash-register__actions > button:focus-visible { border-color: #a96811; background: #fffaf2; transform: translateY(-1px); }
.sia-app .sia-cash-register__actions > button:disabled { cursor: not-allowed; opacity: .48; transform: none; }
.sia-cash-register__actions button > span:nth-child(2) { display: grid; gap: .18rem; }
.sia-cash-register__actions button strong { font: 700 .95rem/1.2 Georgia,serif; }
.sia-cash-register__actions button small { color: #77665b; font-size: .66rem; line-height: 1.4; }
.sia-cash-register__actions button > b { color: #9a5b13; font-size: 1.1rem; }
.sia-cash-register__action-icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 12px; background: #f8e9d6; color: #8a4f0b; font-size: .95rem; font-weight: 950; }
.sia-cash-register__action-icon.is-gift { background: #fff1dd; color: #a45b05; }
.sia-cash-register__action-icon.is-prepayment { background: #eaf5e7; color: #26723a; }
.sia-cash-register__action-icon.is-product { background: #efe4f2; color: #814b8b; }
.sia-cash-register__action-icon.is-tip { background: #e8eef8; color: #365c91; }
.sia-cash-register__action-icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.sia-cash-register__today dl { display: grid; gap: 0; margin: 0; }
.sia-cash-register__today dl > div { display: flex; align-items: center; justify-content: space-between; gap: .8rem; padding: .55rem 0; border-top: 1px solid #f0e2d2; }
.sia-cash-register__today dl > div:first-child { border-top: 0; }
.sia-cash-register__today dt { color: #6d5c50; font-size: .7rem; }
.sia-cash-register__today dd { margin: 0; color: #3e281b; font-size: .72rem; font-weight: 900; }
.sia-pin-tip-payout__existing { display: flex; align-items: center; gap: .65rem; padding: .75rem .8rem; border: 1px solid #a8d1a2; border-radius: 11px; background: #eff8ed; color: #285f32; }
.sia-pin-tip-payout__existing > div { display: grid; gap: .12rem; }
.sia-pin-tip-payout__existing strong { font: 700 .9rem/1.2 Georgia,serif; }
.sia-pin-tip-payout__existing small { font-size: .68rem; font-weight: 800; }
.sia-product-sale__total { display: grid; grid-template-columns: 1fr auto; gap: .2rem .8rem; margin-bottom: .75rem; padding: .85rem; border: 1px solid #c89552; border-radius: 10px; background: #fff8ec; }
.sia-product-sale__total > span { align-self: end; color: #6f4b21; font-size: .68rem; font-weight: 850; }
.sia-product-sale__total > strong { grid-row: 1/3; grid-column: 2; align-self: center; color: #3f2414; font: 800 1.35rem/1 Georgia,serif; }
.sia-product-sale__total > small { color: #817063; font-size: .63rem; }
.sia-product-sale__split { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; padding: .7rem; border: 1px solid #dfc29e; border-radius: 9px; background: #fff8ec; }
.sia-product-sale__split[hidden] { display: none !important; }
.sia-product-sale__split > small { grid-column: 1/-1; color: var(--sia-muted); font-size: .69rem; }
.sia-product-sale__split > small.has-error { color: #9b3025; }
.sia-product-sale__split > small.is-valid { color: #216735; }
.sia-gift-card-sale-drawer .sia-cashbook-drawer__head { padding: 1.05rem 1.15rem .95rem; }
.sia-gift-card-sale-drawer .sia-cashbook-drawer__head h3 { margin: .14rem 0 .22rem; font-size: 1.55rem; }
.sia-gift-card-sale-drawer .sia-cashbook-drawer__head p { font-size: .72rem; line-height: 1.45; }
.sia-gift-card-sale-drawer__body { gap: .75rem; padding: .8rem; }
.sia-gift-card-sale-drawer .sia-cashbook-drawer__section { padding: .82rem; border-radius: 12px; }
.sia-gift-card-sale-drawer .sia-cashbook-drawer__section-title { margin-bottom: .68rem; }
.sia-gift-card-sale-drawer .sia-cashbook-drawer__section-title > span { width: 29px; height: 29px; flex-basis: 29px; }
.sia-gift-card-sale-drawer .sia-cashbook-drawer__section-title strong { font-size: .96rem; }
.sia-gift-card-sale-drawer .sia-cashbook-drawer__section-title small { font-size: .65rem; }
.sia-gift-card-sale-drawer .sia-cashbook-drawer__grid { gap: .62rem .7rem; }
.sia-gift-card-sale-drawer .sia-cashbook-drawer__grid label { gap: .22rem; font-size: .69rem; }
.sia-gift-card-sale-drawer .sia-cashbook-drawer__grid input, .sia-gift-card-sale-drawer .sia-cashbook-drawer__grid select { min-height: 43px; padding-top: .5rem; padding-bottom: .5rem; }
.sia-gift-card-sale-drawer__details .sia-cashbook-drawer__grid { grid-template-columns: repeat(6,minmax(0,1fr)); }
.sia-gift-card-sale-drawer__details label.is-half { grid-column: span 3; }
.sia-gift-card-sale-drawer__details label.is-third { grid-column: span 2; }
.sia-gift-card-sale-drawer .sia-cashbook-drawer__footer { padding: .75rem .9rem calc(.75rem + env(safe-area-inset-bottom)); }
.sia-gift-card-sale-drawer .sia-cashbook-drawer__footer button { min-height: 43px; padding: .6rem .82rem; }
.sia-gift-card-sale-drawer__intro { display: flex; align-items: center; gap: .8rem; }
.sia-gift-card-sale-drawer__intro img { flex: 0 0 auto; width: 78px; height: 56px; object-fit: contain; border: 1px solid #ead7bf; border-radius: 9px; background: #fff; }
.sia-gift-card-sale-drawer__intro strong { font: 700 .98rem/1.15 Georgia, serif; }
.sia-gift-card-sale-drawer__intro p { margin: .18rem 0 0; color: var(--sia-muted); font-size: .68rem; line-height: 1.4; }
.sia-gift-card-sale-drawer__presets { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .5rem; margin-bottom: .62rem; }
.sia-app .sia-gift-card-sale-drawer__presets button { min-height: 39px; padding: .42rem; border: 1px solid #d7b78e; border-radius: 8px; background: #fff8ec; color: #76430a; font-size: .72rem; font-weight: 900; }
.sia-app .sia-gift-card-sale-drawer__presets button:hover, .sia-app .sia-gift-card-sale-drawer__presets button:focus-visible { border-color: #a96811; background: #ffeed3; }
.sia-gift-card-sale-drawer input[readonly] { background: #f4efe9; color: #665c54; }
.sia-gift-card-sale-drawer__payment .sia-cashbook-drawer__grid--money label { grid-column: auto; }
.sia-gift-card-sale-drawer__payment .sia-cashbook-drawer__hint { margin: .5rem 0 0; padding: .46rem .58rem; font-size: .64rem; line-height: 1.4; }
.sia-gift-card-sale-drawer__split { grid-column: 1/-1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; padding: .7rem; border: 1px solid #dfc29e; border-radius: 9px; background: #fff8ec; }
.sia-gift-card-sale-drawer__split[hidden] { display: none !important; }
.sia-gift-card-sale-drawer__split > small { grid-column: 1/-1; color: var(--sia-muted); font-size: .69rem; }
.sia-gift-card-sale-drawer__split > small.has-error, .sia-gift-card-value-dialog__split > small.has-error { color: #9b3025; }
.sia-gift-card-sale-drawer__split > small.is-valid, .sia-gift-card-value-dialog__split > small.is-valid { color: #216735; }
.sia-gift-card-sale-notice { align-items: center; justify-content: space-between; }
.sia-gift-card-sale-notice a { display: inline-flex; align-items: center; gap: .4rem; padding: .5rem .65rem; border-radius: 7px; background: #28663a; color: #fff; font-weight: 850; text-decoration: none; }
.sia-gift-card-sale-notice a svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; }
.sia-gift-card-admin__kpis { grid-template-columns: repeat(4,minmax(0,1fr)); }
.sia-gift-card-admin__filters { display: grid; grid-template-columns: minmax(240px,1fr) minmax(180px,.35fr) auto; gap: .65rem; align-items: end; margin: 0 0 1rem; padding: .85rem; border: 1px solid #ead3b7; border-radius: 11px; background: #fffaf4; }
.sia-gift-card-admin__filters label { display: grid; gap: .25rem; color: #694b38; font-size: .72rem; font-weight: 850; }
.sia-gift-card-admin__filters input, .sia-gift-card-admin__filters select { min-height: 42px; width: 100%; }
.sia-gift-card-admin__filters button { min-height: 42px; }
.sia-gift-card-admin__table td { vertical-align: top; }
.sia-gift-card-admin__table td > strong, .sia-gift-card-admin__table td > small { display: block; }
.sia-gift-card-admin__table td > small { max-width: 280px; margin-top: .22rem; color: var(--sia-muted); line-height: 1.35; }
.sia-gift-card-admin__value { display: inline-flex; align-items: center; gap: .45rem; white-space: nowrap; }
.sia-app .sia-gift-card-admin__value button { display: inline-grid; width: 32px; min-width: 32px; min-height: 32px; place-items: center; padding: 0; border: 1px solid #d9bb96; border-radius: 8px; background: #fffaf4; color: #68411f; }
.sia-gift-card-admin__value button svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.sia-gift-card-admin__table tr.needs-attention td { background: #fff9ef; }
.sia-gift-card-admin__origin, .sia-gift-card-admin__status, .sia-gift-card-admin__review, .sia-gift-card-admin__ok { display: inline-flex; align-items: center; gap: .25rem; padding: .27rem .45rem; border-radius: 999px; font-size: .68rem; font-weight: 900; white-space: nowrap; }
.sia-gift-card-admin__origin { background: #f0e8f3; color: #704477; }
.sia-gift-card-admin__origin.is-online { background: #e7effb; color: #245483; }
.sia-gift-card-admin__status.is-active, .sia-gift-card-admin__ok { background: #e7f5e9; color: #216735; }
.sia-gift-card-admin__status.is-redeemed { background: #eeeae6; color: #66584e; }
.sia-gift-card-admin__review { background: #fff0d7; color: #8b5400; }
.sia-gift-card-admin__ok svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2.2; }
.sia-gift-card-value-dialog h3 { margin: 0; font: 700 1.25rem/1.2 Georgia, serif; }
.sia-gift-card-value-dialog header p { margin: .2rem 0 0; color: var(--sia-muted); font-size: .75rem; font-weight: 800; }
.sia-gift-card-value-dialog .sia-payment-dialog__body > label input { width: 100%; min-height: 42px; }
.sia-app .sia-gift-card-value-dialog footer { align-items: center; }
.sia-app .sia-gift-card-value-dialog footer button { display: inline-flex; flex: 0 0 auto; width: auto; min-width: 0; min-height: 42px; align-items: center; justify-content: center; gap: .4rem; padding: .58rem .85rem; border-radius: 8px; font-size: .72rem; font-weight: 900; line-height: 1; }
.sia-app .sia-gift-card-value-dialog footer button.is-secondary { border-color: #d7b78e; background: #fff; color: #76430a; }
.sia-gift-card-value-dialog footer button svg { flex: 0 0 auto; width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.sia-gift-card-value-dialog__split { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; padding: .7rem; border: 1px solid #dfc29e; border-radius: 9px; background: #fff8ec; }
.sia-gift-card-value-dialog__split[hidden] { display: none !important; }
.sia-gift-card-value-dialog__split label { display: grid; gap: .23rem; color: #513522; font-size: .72rem; font-weight: 850; }
.sia-gift-card-value-dialog__split input { width: 100%; min-height: 42px; }
.sia-gift-card-value-dialog__split > small { grid-column: 1/-1; color: var(--sia-muted); font-size: .69rem; }
.sia-day-closing__gift-sales { margin-top: .85rem; padding: .7rem; border: 1px solid #e9cfaf; border-radius: 9px; background: #fff9f0; }
.sia-day-closing__gift-sales > strong, .sia-day-closing__gift-sales > span { display: block; }
.sia-day-closing__gift-sales > span { margin-top: .25rem; color: var(--sia-muted); font-size: .72rem; }
.sia-day-closing__gift-sales dl { margin: .45rem 0 0; }
.sia-day-closing__tip-payout { margin-top: .65rem; padding: .7rem; border: 1px solid #e9cfaf; border-radius: 9px; background: #fff9f0; }
.sia-day-closing__tip-payout > div { display: flex; align-items: center; justify-content: space-between; gap: .8rem; }
.sia-day-closing__tip-payout > div > span:first-child { display: grid; gap: .2rem; min-width: 0; }
.sia-day-closing__tip-payout small { color: var(--sia-muted); font-size: .72rem; }
.sia-day-closing__tip-payout-total { display: flex; align-items: center; gap: .45rem; flex: 0 0 auto; font-weight: 900; }
.sia-day-closing__tip-payout.is-checked { border-color: #9dcc98; background: #eff8ed; box-shadow: inset 3px 0 0 #3e8a4d; }
@media (max-width: 560px) { .sia-day-closing__tip-payout > div { align-items: flex-start; flex-direction: column; } }
.sia-app__day-staff-button { position: relative; }
.sia-app__day-staff-count { position: absolute; top: -7px; right: -9px; min-width: 22px; padding: 2px 5px; border: 2px solid #fffaf4; border-radius: 999px; background: #87518f; color: #fff; font-size: .52rem; font-weight: 950; line-height: 1.2; }
.sia-registration-staff-drawer .sia-cashbook-drawer__section-title > span svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.sia-registration-staff-drawer__close:hover, .sia-registration-staff-drawer__close:focus-visible { background: #6d421f; box-shadow: 0 0 0 3px rgba(169,104,17,.16); }
.sia-registration-staff-drawer__select-all { display: inline-flex; align-items: center; justify-content: center; gap: .32rem; min-height: 32px; margin-left: auto; padding: .38rem .55rem; border: 1px solid #d7b78e; border-radius: 999px; background: #fffaf3; color: #76430a; cursor: pointer; font-size: .64rem; font-weight: 900; white-space: nowrap; }
.sia-registration-staff-drawer__select-all:hover, .sia-registration-staff-drawer__select-all:focus-visible, .sia-registration-staff-drawer__select-all[aria-pressed="true"] { border-color: #6c9c73; background: #eff7ef; color: #2f7135; }
.sia-registration-staff-drawer__select-all svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2.2; }
.sia-registration-staff-drawer__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
.sia-registration-staff-drawer__list label { display: flex !important; align-items: center; gap: .65rem !important; min-width: 0; padding: .7rem; border: 1px solid #e5caa8; border-radius: 10px; background: #fffdfa; cursor: pointer; }
.sia-registration-staff-drawer__list label:has(input:checked) { border-color: #6c9c73; background: #eff7ef; box-shadow: inset 0 0 0 1px rgba(57,120,71,.12); }
.sia-registration-staff-drawer__list input { flex: 0 0 auto; width: 21px; height: 21px; margin: 0; accent-color: #397847; }
.sia-registration-staff-drawer__list span { display: grid; gap: .08rem; min-width: 0; }
.sia-registration-staff-drawer__list strong { overflow: hidden; font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.sia-registration-staff-drawer__list small { color: var(--sia-muted); font-size: .6rem; }
.sia-registration-staff-drawer__status { min-height: 1rem; margin: .55rem 0 0; color: #397847; font-size: .68rem; font-weight: 800; }
.sia-registration-staff-drawer__status.has-error { color: #a91515; }
.sia-registration-delete-drawer__summary { display: grid; gap: .18rem; }
.sia-registration-delete-drawer__summary > strong { color: var(--sia-ink); font: 700 1rem/1.3 Georgia, serif; }
.sia-registration-delete-drawer__summary > small { color: var(--sia-muted); font-size: .68rem; }
.sia-registration-delete-drawer__reasons { display: grid; gap: .48rem; margin: 0; padding: 0; border: 0; }
.sia-registration-delete-drawer__reasons legend { margin: 0 0 .2rem; color: #513522; font-size: .75rem; font-weight: 900; }
.sia-registration-delete-drawer__reasons label { display: flex !important; align-items: center; gap: .65rem !important; min-height: 48px; padding: .65rem .72rem; border: 1px solid #e2c6a4; border-radius: 10px; background: #fffdfa; color: #4b3020; cursor: pointer; font-size: .74rem; font-weight: 850; }
.sia-registration-delete-drawer__reasons label:has(input:checked) { border-color: #87518f; background: #f7eff8; box-shadow: inset 0 0 0 1px rgba(135,81,143,.12); }
.sia-registration-delete-drawer__reasons input { flex: 0 0 auto; width: 20px; height: 20px; margin: 0; accent-color: #87518f; }
.sia-registration-delete-drawer__note { display: grid !important; gap: .28rem !important; margin-top: .7rem; color: #513522; font-size: .7rem; font-weight: 850; }
.sia-registration-delete-drawer__note[hidden] { display: none !important; }
.sia-registration-delete-drawer__note textarea { width: 100%; min-height: 96px; padding: .65rem .72rem; resize: vertical; border: 1px solid #ddc19f; border-radius: 9px; background: #fffdfa; color: var(--sia-ink); font: inherit; }
.sia-registration-delete-drawer .sia-cashbook-drawer__section-title > span svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.sia-registration-delete-drawer .sia-cashbook-drawer__footer button.is-danger { background: #7f2f28; color: #fff; }
.sia-registration-delete-drawer .sia-cashbook-drawer__footer button.is-danger:hover, .sia-registration-delete-drawer .sia-cashbook-drawer__footer button.is-danger:focus-visible { background: #68231e; }
.sia-document-drawer .sia-financial-payment { margin: 0 0 .7rem; }
.sia-document-drawer__money { margin-top: .7rem; }
.sia-document-drawer__notes { display: grid !important; gap: .23rem; margin-bottom: .7rem; color: #513522; font-size: .69rem; font-weight: 850; }
.sia-document-drawer__notes textarea { width: 100%; min-height: 70px; resize: vertical; border-color: #ddc19f; border-radius: 8px; background: #fffdfa; }
.sia-documents-admin__search { display: flex; align-items: flex-end; justify-content: space-between; gap: .8rem; padding: .8rem 1rem; border-bottom: 1px solid #ead7bf; background: #fffaf3; }
.sia-documents-admin__search label { display: grid; flex: 1 1 360px; gap: .3rem; max-width: 520px; color: #513522; font-size: .7rem; font-weight: 850; }
.sia-documents-admin__search input { width: 100%; min-height: 42px; border: 1px solid #ddc19f; border-radius: 9px; background: #fff; }
.sia-documents-admin__search > span { flex: 0 0 auto; padding-bottom: .65rem; color: var(--sia-muted); font-size: .68rem; font-weight: 800; }
.sia-documents-admin__status-filter { display: inline-flex; align-items: center; gap: .16rem; padding: .18rem; border: 1px solid #ddc19f; border-radius: 9px; background: #fff; }
.sia-documents-admin__status-filter button { min-height: 34px; padding: .38rem .55rem; border: 0; border-radius: 7px; background: transparent; color: #6d5545; cursor: pointer; font-size: .64rem; font-weight: 850; white-space: nowrap; }
.sia-documents-admin__status-filter button.is-active { background: var(--sia-ink); color: #fff; }
.sia-document-preview-drawer[open] { display: flex; flex-direction: column; }
.sia-document-preview-drawer__body { display: flex; min-height: 0; flex: 1 1 auto; padding: .7rem; background: #eee7de; }
.sia-document-preview-drawer__body iframe { width: 100%; height: 100%; min-height: 0; border: 1px solid #ddc19f; border-radius: 10px; background: #fff; }
.sia-document-preview-pages { display: grid; width: 100%; min-height: 0; overflow-x: hidden; overflow-y: auto; align-content: start; grid-auto-rows: max-content; gap: 1rem; padding: .85rem; scrollbar-gutter: stable; border: 1px solid #ddc19f; border-radius: 10px; background: #2d2d2d; }
.sia-document-preview-pages[hidden] { display: none !important; }
.sia-document-preview-pages__page { align-self: start; width: fit-content; max-width: 100%; margin: 0 auto; overflow: hidden; background: #fff; box-shadow: 0 3px 14px rgba(0, 0, 0, .32); }
.sia-document-preview-pages__page canvas { display: block; max-width: 100%; }
.sia-document-preview-pages__status { align-self: start; margin: .35rem auto; padding: .75rem 1rem; border-radius: 8px; background: #fff; color: #513522; font-size: .76rem; font-weight: 800; }
.sia-document-preview-pages__status.is-error { color: #9f2b22; }
@media (max-width: 620px) {
.sia-administration__live-panel > header { align-items: stretch; flex-direction: column; }
.sia-staff-month__period, .sia-documents-admin__period { width: 100%; flex-direction: column; align-items: stretch; }
.sia-staff-month__period label, .sia-documents-admin__period label { flex: 1 1 auto !important; }
.sia-staff-month__period button, .sia-documents-admin__period button { width: 100%; }
.sia-banner-period { width: 100%; flex-direction: column !important; align-items: stretch !important; }
.sia-banner-period label { flex: 1 1 auto !important; }
.sia-banner-period button { width: 100%; }
.sia-staff-month__header-right { align-items: stretch; width: 100%; }
.sia-staff-month__header-actions { width: 100%; flex-direction: column; align-items: stretch; }
.sia-staff-month__header-actions .sia-icon-link { width: 100%; justify-content: center; }
.sia-cashbook-admin__head-actions, .sia-documents-admin__head-actions { justify-content: space-between; }
.sia-cashbook-admin__add, .sia-documents-admin__add { flex: 1 1 auto; }
.sia-cashbook-drawer { width: 100vw; border-left: 0; border-radius: 0; }
.sia-cashbook-drawer__grid, .sia-cashbook-drawer__grid--money { grid-template-columns: 1fr; }
.sia-cashbook-drawer__grid label.is-wide, .sia-cashbook-drawer__grid--money label.is-total { grid-column: auto; }
.sia-cashbook-drawer__footer { align-items: stretch; flex-direction: column-reverse; }
.sia-cashbook-drawer__footer button { width: 100%; }
.sia-documents-admin__search { align-items: stretch; flex-direction: column; }
.sia-documents-admin__search label { flex: 0 0 auto; width: 100%; max-width: none; }
.sia-documents-admin__search > span { padding-bottom: 0; }
.sia-documents-admin__status-filter { display: grid; grid-template-columns: 1fr; width: 100%; }
.sia-bankbook-admin__totals { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sia-bankbook-admin__actions { width: 100%; }
.sia-bankbook-admin__button { flex: 1 1 0; }
.sia-bank-import-summary { grid-template-columns: 1fr; }
.sia-partner-profile-list article { align-items: flex-start; flex-direction: column; }
.sia-registration-staff-drawer__select-all { margin-left: 0; }
.sia-registration-staff-drawer__list { grid-template-columns: 1fr; }
.sia-gift-card-sale-drawer__presets { grid-template-columns: repeat(2,minmax(0,1fr)); }
.sia-gift-card-sale-drawer__details .sia-cashbook-drawer__grid { grid-template-columns: 1fr; }
.sia-gift-card-sale-drawer__details label.is-half, .sia-gift-card-sale-drawer__details label.is-third { grid-column: auto; }
.sia-gift-card-sale-drawer__split, .sia-gift-card-value-dialog__split { grid-template-columns: 1fr; }
.sia-product-sale__split { grid-template-columns: 1fr; }
.sia-product-sale__split > small { grid-column: auto; }
.sia-app__cash-balance { min-height: 42px; padding: .3rem .48rem; }
.sia-gift-card-sale-drawer__split > small, .sia-gift-card-value-dialog__split > small { grid-column: auto; }
.sia-gift-card-dialog__manual label { grid-template-columns: 1fr; gap: .3rem; }
.sia-gift-card-sale-notice { align-items: stretch; flex-direction: column; }
.sia-gift-card-sale-notice a { justify-content: center; }
.sia-gift-card-admin__kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
.sia-gift-card-admin__filters { grid-template-columns: 1fr; }
}
.sia-financial-entry { margin: .8rem; border: 1px solid #e2c49f; border-radius: 10px; background: #fffaf3; }
.sia-financial-entry > summary { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; align-items: center; gap: .5rem; min-height: 48px; padding: .7rem .8rem; cursor: pointer; font-size: .83rem; font-weight: 850; list-style: none; }
.sia-financial-entry > summary::-webkit-details-marker { display: none; }
.sia-financial-entry > summary svg { width: 19px; height: 19px; fill: none; stroke: #9a5d12; stroke-width: 2; }
.sia-financial-entry > summary small { color: var(--sia-muted); font-size: .7rem; font-weight: 600; }
.sia-financial-entry[open] > summary { border-bottom: 1px solid #ead8c1; }
.sia-financial-entry form { display: grid !important; grid-template-columns: repeat(4, minmax(145px, 1fr)); gap: .7rem !important; margin: 0 !important; padding: .85rem !important; border: 0 !important; background: #fff !important; }
.sia-financial-entry form label { display: grid !important; gap: .25rem; min-width: 0; font-size: .72rem; font-weight: 800; }
.sia-financial-entry form label small { color: var(--sia-muted); font-size: .65rem; font-weight: 600; }
.sia-financial-entry form .is-wide { grid-column: span 2; }
.sia-financial-entry form input, .sia-financial-entry form select, .sia-financial-entry form textarea { width: 100%; min-height: 42px; }
.sia-financial-payment { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; min-width: 0; margin: 0; padding: 0; border: 0; }
.sia-financial-payment legend { grid-column: 1/-1; margin-bottom: .25rem; padding: 0; font-size: .72rem; font-weight: 850; }
.sia-financial-payment > label { position: relative; display: block !important; cursor: pointer; }
.sia-financial-payment > label > input { position: absolute; width: 1px !important; height: 1px !important; min-height: 0 !important; opacity: 0; pointer-events: none; }
.sia-financial-payment > label > span { display: grid; grid-template-columns: 22px minmax(0, 1fr); grid-template-rows: auto auto; gap: .08rem .42rem; min-height: 56px; padding: .55rem .6rem; border: 1px solid #ddc4a5; border-radius: 8px; background: #fff; }
.sia-financial-payment > label > span svg { grid-row: 1/3; align-self: center; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.sia-financial-payment > label > span b { font-size: .73rem; }
.sia-financial-payment > label > span small { color: var(--sia-muted); font-size: .62rem; font-weight: 650; }
.sia-financial-payment > label > input:checked + span { border-color: #8d5412; background: #fff6e8; box-shadow: 0 0 0 2px rgba(185,112,20,.12); color: #6f3e08; }
.sia-financial-payment > label > input:focus-visible + span { outline: 3px solid rgba(76,116,167,.3); outline-offset: 2px; }
.sia-financial-upload { display: grid; gap: .42rem; min-width: 0; }
.sia-financial-upload__heading { display: flex; align-items: baseline; justify-content: space-between; gap: .7rem; }
.sia-financial-upload__heading strong { font-size: .72rem; }
.sia-financial-upload__heading small { color: var(--sia-muted); font-size: .65rem; font-weight: 600; }
.sia-financial-upload__sources { display: flex; flex-wrap: wrap; gap: .55rem; }
.sia-financial-upload__source { position: relative; display: inline-flex !important; grid-template-columns: none !important; align-items: center; justify-content: center; gap: .42rem !important; min-height: 42px; padding: .62rem .78rem; overflow: hidden; border: 1px solid #d9b98f; border-radius: 8px; background: #fffaf3; color: var(--sia-ink); cursor: pointer; font-size: .72rem; font-weight: 900 !important; }
.sia-financial-upload__source.is-camera { border-color: #3d2516; background: #3d2516; color: #fff; }
.sia-financial-upload__source:hover, .sia-financial-upload__source:focus-within { box-shadow: 0 0 0 3px rgba(185,112,20,.14); }
.sia-financial-upload__source svg { width: 18px; height: 18px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.9; }
.sia-financial-upload__source input { position: absolute !important; width: 1px !important; height: 1px !important; min-height: 0 !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0); clip-path: inset(50%); border: 0 !important; white-space: nowrap; }
.sia-financial-upload__camera-input { position: absolute !important; width: 1px !important; height: 1px !important; min-height: 0 !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0); clip-path: inset(50%); border: 0 !important; white-space: nowrap; }
.sia-financial-upload__selection { margin: 0; color: var(--sia-muted); font-size: .67rem; }
.sia-financial-upload.has-file .sia-financial-upload__selection { color: #2f6d36; font-weight: 800; }
.sia-financial-upload__ocr { display: none; margin: 0; padding: .5rem .65rem; border-radius: 8px; background: #f4eff6; color: #6f4977; font-size: .67rem; font-weight: 750; }
.sia-financial-upload__ocr.is-visible { display: block; }
.sia-financial-upload__preview { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .7rem; margin: .15rem 0 0; padding: .55rem; border: 1px solid #d8c7b2; border-radius: 9px; background: #fbfaf8; }
.sia-financial-upload__preview[hidden] { display: none !important; }
.sia-financial-upload__preview img { width: 88px; height: 88px; border-radius: 7px; object-fit: cover; background: #eee7df; }
.sia-financial-upload__preview img[hidden] { display: none; }
.sia-financial-upload__preview figcaption { display: grid; gap: .18rem; min-width: 0; }
.sia-financial-upload__preview figcaption strong { overflow: hidden; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.sia-financial-upload__preview figcaption span { color: var(--sia-muted); font-size: .65rem; }
.sia-financial-upload__preview button { min-height: 36px; padding: .5rem .65rem; border: 1px solid #d7b78e; border-radius: 7px; background: #fff; color: #76430a; font-size: .67rem; font-weight: 850; }
.sia-mobile-batch-review { display: grid; gap: .7rem; margin-top: .45rem; padding: .75rem; border: 1px solid #bfd8b9; border-radius: 10px; background: #f3faef; }
.sia-mobile-batch-review[hidden] { display: none !important; }
.sia-mobile-batch-review__head { display: flex; align-items: center; justify-content: space-between; gap: .7rem; }
.sia-mobile-batch-review__head strong { font-size: .78rem; }
.sia-mobile-batch-review__head span { padding: .22rem .48rem; border-radius: 999px; background: #dcefd6; color: #2f6d36; font-size: .65rem; font-weight: 900; }
.sia-mobile-batch-review__list { display: grid; gap: .5rem; }
.sia-mobile-batch-review__item { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; align-items: center; gap: .65rem; padding: .5rem; border: 1px solid #d8e8d4; border-radius: 8px; background: #fff; }
.sia-mobile-batch-review__item img { width: 64px; height: 64px; border-radius: 6px; object-fit: cover; background: #eee7df; }
.sia-mobile-batch-review__item div { display: grid; gap: .15rem; min-width: 0; }
.sia-mobile-batch-review__item strong { overflow: hidden; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.sia-mobile-batch-review__item small { color: var(--sia-muted); font-size: .64rem; }
.sia-mobile-batch-review__item b { font-size: .72rem; white-space: nowrap; }
.sia-mobile-batch-review > p { margin: 0; color: #536a50; font-size: .67rem; }
.sia-mobile-receipt { width: min(650px, calc(100vw - 32px)); max-width: none; margin: auto; padding: 0; overflow: hidden; border: 1px solid #dfbe95; border-radius: 18px; background: #fff; color: var(--sia-ink); box-shadow: 0 24px 70px rgba(45,27,17,.28); }
.sia-mobile-receipt::backdrop { background: rgba(43,31,24,.58); backdrop-filter: blur(2px); }
.sia-mobile-receipt__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1rem 1.1rem .9rem; border-bottom: 1px solid #efdeca; background: #fffaf3; }
.sia-mobile-receipt__head small { color: #87518f; font-size: .65rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.sia-mobile-receipt__head h3 { margin: .16rem 0 0; font: 700 1.45rem/1.1 Georgia, serif; }
.sia-mobile-receipt__head > button { display: grid; place-items: center; width: 36px; height: 36px; min-height: 36px; padding: 0; border: 0; border-radius: 999px; background: #3d2516; color: #fff; font-size: 1.25rem; line-height: 1; }
.sia-mobile-receipt__body { display: grid; grid-template-columns: 240px minmax(0, 1fr); align-items: center; gap: 1rem; padding: 1.1rem; }
.sia-mobile-receipt__qr { display: grid; place-items: center; width: 232px; height: 232px; padding: 11px; border: 1px solid #dfc29d; border-radius: 13px; background: #fff; color: var(--sia-muted); font-size: .7rem; text-align: center; }
.sia-mobile-receipt__qr img, .sia-mobile-receipt__qr canvas { display: block; width: 210px !important; height: 210px !important; }
.sia-mobile-receipt__instructions { display: grid; gap: .6rem; min-width: 0; }
.sia-mobile-receipt__instructions ol { display: grid; gap: .45rem; margin: 0; padding-left: 1.25rem; color: #5f4b3e; font-size: .78rem; }
.sia-mobile-receipt__instructions p { margin: .15rem 0 0; padding: .58rem .65rem; border-radius: 8px; background: #fff6e8; color: #77500f; font-size: .72rem; font-weight: 850; }
.sia-mobile-receipt__instructions p.is-ready { background: #eaf6e7; color: #2f6d36; }
.sia-mobile-receipt__instructions p.is-error { background: #fff0ed; color: #96382d; }
.sia-mobile-receipt__instructions small { color: var(--sia-muted); font-size: .66rem; font-weight: 700; }
.sia-mobile-receipt__instructions a { color: #7b470a; font-size: .68rem; font-weight: 850; }
.sia-mobile-receipt > footer { display: flex; align-items: center; justify-content: space-between; gap: .8rem; padding: .75rem 1.1rem; border-top: 1px solid #efdeca; background: #fbfaf8; }
.sia-mobile-receipt > footer span { color: var(--sia-muted); font-size: .66rem; }
.sia-mobile-receipt > footer button { min-height: 36px; padding: .48rem .68rem; border: 1px solid #d7b78e; border-radius: 7px; background: #fff; color: #76430a; font-size: .67rem; font-weight: 850; }
.sia-mobile-receipt > footer button:disabled { cursor: wait; opacity: .48; }
@media (max-width: 620px) {
.sia-mobile-receipt__body { grid-template-columns: 1fr; justify-items: center; }
.sia-mobile-receipt__instructions { width: 100%; }
.sia-mobile-receipt > footer { align-items: stretch; flex-direction: column; }
}
.sia-financial-entry__actions { display: flex; align-items: end; justify-content: flex-end; grid-column: 1/-1; }
.sia-financial-entry__actions button { display: inline-flex; align-items: center; justify-content: center; gap: .42rem; min-height: 42px; padding: .65rem .9rem; border: 0; border-radius: 8px; background: var(--sia-ink); color: #fff; font-weight: 850; }
.sia-financial-entry__actions svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.sia-financial-table { min-width: 980px; }
.sia-financial-table td { border-bottom: 1px solid #f0dfca; vertical-align: middle; }
.sia-financial-table td > strong, .sia-financial-table td > small { display: block; }
.sia-financial-table td > small { margin-top: .18rem; color: var(--sia-muted); font-size: .68rem; }
.sia-financial-table tr.is-reversed td { background: #faf7f4; color: #8c7c70; text-decoration-color: #a97a6f; }
.sia-financial-direction, .sia-financial-document-status, .sia-financial-locked { display: inline-flex; align-items: center; padding: .28rem .48rem; border-radius: 999px; font-size: .65rem; font-weight: 900; white-space: nowrap; }
.sia-financial-direction.is-income { background: #e5f2df; color: #28632a; }
.sia-financial-direction.is-expense { background: #fff0ed; color: #96382d; }
.sia-financial-document-status.is-draft { background: #fff0d8; color: #81520d; }
.sia-financial-document-status.is-reviewed { background: #e5f2df; color: #28632a; }
.sia-financial-document-status.is-exported { background: #e7edf7; color: #31527c; }
.sia-financial-locked { background: #eee8e2; color: #6d625a; }
.sia-financial-table .is-amount { font-weight: 900; white-space: nowrap; }
.sia-financial-document-link { color: var(--sia-ink); display: inline-block; text-decoration: none; }
.sia-financial-document-link:hover, .sia-financial-document-link:focus-visible { color: #8d5412; text-decoration: underline; }
.sia-financial-payment-badge { display: inline-flex; align-items: center; gap: .3rem; padding: .28rem .48rem; border-radius: 999px; background: #eee8e2; color: #6d625a; font-size: .65rem; font-weight: 900; white-space: nowrap; }
.sia-financial-payment-badge.is-cash { background: #e9f4e4; color: #2e6831; }
.sia-financial-payment-badge.is-bank { background: #e8eef8; color: #345681; }
.sia-financial-payment-badge svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.sia-financial-vat { min-width: 210px; }
.sia-financial-vat strong, .sia-financial-vat small { display: block; }
.sia-financial-vat small { margin-top: .15rem; color: var(--sia-muted); font-size: .62rem; white-space: nowrap; }
.sia-financial-vat__pending { display: inline-block; color: var(--sia-muted); font-size: .67rem; font-weight: 750; white-space: nowrap; }
.sia-financial-download { display: inline-flex; align-items: center; gap: .32rem; color: #7b470a; font-size: .72rem; font-weight: 850; text-decoration: none; }
.sia-financial-download.is-icon { justify-content: center; width: 34px; height: 34px; min-height: 34px; padding: 0; border: 1px solid #e0c29c; border-radius: 8px; background: #fff; cursor: pointer; }
.sia-financial-download.is-icon:hover, .sia-financial-download.is-icon:focus-visible { border-color: #a96818; background: #fff6e8; }
.sia-financial-download.is-icon.is-delete { border-color: #ebc5be; color: #99372d; }
.sia-financial-download.is-icon.is-delete:hover, .sia-financial-download.is-icon.is-delete:focus-visible { border-color: #b4473a; background: #fff0ed; }
.sia-financial-download svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.sia-financial-document-actions { display: flex; align-items: center; gap: .35rem; white-space: nowrap; }
.sia-financial-approval-cell { text-align: center; }
.sia-financial-approval-check { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; min-height: 34px; margin: 0; cursor: pointer; }
.sia-financial-approval-check input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
.sia-financial-approval-check span { position: relative; display: block; width: 22px; height: 22px; border: 2px solid #b88951; border-radius: 6px; background: #fff; box-shadow: 0 1px 2px rgba(61,37,22,.08); }
.sia-financial-approval-check:hover span, .sia-financial-approval-check:focus-within span { border-color: #7b470a; box-shadow: 0 0 0 3px rgba(196,123,31,.15); }
.sia-financial-approval-check em { color: #7a6758; font-size: .65rem; font-style: normal; font-weight: 850; }
.sia-financial-approval-check.is-approved { cursor: pointer; }
.sia-financial-approval-check.is-approved span { border-color: #3f7c40; background: #e5f2df; }
.sia-financial-approval-check.is-approved span::after { position: absolute; top: 3px; left: 6px; width: 6px; height: 11px; border: solid #28632a; border-width: 0 2px 2px 0; content: ''; transform: rotate(45deg); }
.sia-financial-approval-check.is-approved em { color: #28632a; }
.sia-financial-edit, .sia-financial-delete, .sia-financial-approve { width: min(760px, calc(100vw - 32px)); max-width: none; margin: auto; padding: 0; overflow: hidden; border: 1px solid #dfbe95; border-radius: 16px; background: #fff; color: var(--sia-ink); box-shadow: 0 24px 70px rgba(45,27,17,.28); }
.sia-financial-edit::backdrop, .sia-financial-delete::backdrop, .sia-financial-approve::backdrop { background: rgba(43,31,24,.58); backdrop-filter: blur(2px); }
.sia-financial-edit form { display: grid !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: #fff !important; }
.sia-financial-edit header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; border-bottom: 1px solid #efdeca; background: #fffaf3; }
.sia-financial-edit header small, .sia-financial-delete small, .sia-financial-approve small { color: #87518f; font-size: .64rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.sia-financial-edit h3, .sia-financial-delete h3, .sia-financial-approve h3 { margin: .12rem 0 .18rem; font: 700 1.3rem/1.12 Georgia, serif; }
.sia-financial-edit header p, .sia-financial-delete p, .sia-financial-approve p { margin: 0; color: var(--sia-muted); font-size: .7rem; line-height: 1.45; }
.sia-financial-edit header > button { display: grid; place-items: center; flex: 0 0 auto; width: 34px; height: 34px; min-height: 34px; padding: 0; border: 0; border-radius: 999px; background: #3d2516; color: #fff; font-size: 1.2rem; }
.sia-financial-edit__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; padding: .85rem 1rem; }
.sia-financial-edit__fields > label { display: grid; gap: .24rem; min-width: 0; font-size: .7rem; font-weight: 850; }
.sia-financial-edit__fields input { width: 100%; min-height: 42px; }
.sia-financial-edit__fields .is-wide { grid-column: 1/-1; }
.sia-financial-edit footer, .sia-financial-delete footer, .sia-financial-approve footer { display: flex; justify-content: flex-end; gap: .55rem; padding: .75rem 1rem; border-top: 1px solid #efdeca; background: #fbfaf8; }
.sia-financial-edit footer button, .sia-financial-delete footer button, .sia-financial-approve footer button { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; min-height: 40px; padding: .55rem .75rem; border: 0; border-radius: 8px; background: var(--sia-ink); color: #fff; font-size: .7rem; font-weight: 900; }
.sia-financial-edit footer button.is-secondary, .sia-financial-delete footer button.is-secondary, .sia-financial-approve footer button.is-secondary { border: 1px solid #d7b78e; background: #fff; color: #76430a; }
.sia-financial-edit footer button:disabled, .sia-financial-delete footer button:disabled, .sia-financial-approve footer button:disabled { cursor: wait; opacity: .55; }
.sia-financial-edit footer svg, .sia-financial-delete footer svg, .sia-financial-approve footer svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.sia-financial-delete { width: min(520px, calc(100vw - 32px)); }
.sia-financial-delete form { display: grid !important; grid-template-columns: 52px minmax(0, 1fr); gap: .8rem !important; margin: 0 !important; padding: 1rem 1rem 0 !important; border: 0 !important; background: #fff !important; }
.sia-financial-delete__icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 999px; background: #fff0ed; color: #99372d; }
.sia-financial-delete__icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.sia-financial-delete footer { grid-column: 1/-1; margin: .15rem -1rem 0; }
.sia-financial-delete footer button.is-danger { background: #99372d; }
.sia-financial-approve { width: min(560px, calc(100vw - 32px)); }
.sia-financial-approve form { display: grid !important; grid-template-columns: 52px minmax(0, 1fr); gap: .8rem !important; margin: 0 !important; padding: 1rem 1rem 0 !important; border: 0 !important; background: #fff !important; }
.sia-financial-approve__icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 999px; background: #e9f4e4; color: #2e6831; }
.sia-financial-approve__icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.sia-financial-approve dl { grid-column: 1/-1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .45rem; margin: .15rem 0 .85rem; }
.sia-financial-approve dl div { padding: .55rem .65rem; border-radius: 8px; background: #fffaf3; }
.sia-financial-approve dt { color: #7a6758; font-size: .62rem; font-weight: 850; text-transform: uppercase; }
.sia-financial-approve dd { margin: .15rem 0 0; font-size: .76rem; font-weight: 900; }
.sia-financial-approve footer { grid-column: 1/-1; margin: 0 -1rem; }
.sia-financial-reopen__reason { grid-column: 1/-1; display: grid; gap: .28rem; margin: 0 0 .85rem; color: #5f402b; font-size: .68rem; font-weight: 850; }
.sia-financial-reopen__reason input { min-height: 42px; padding: .55rem .65rem; border: 1px solid #d9b889; border-radius: 8px; background: #fff; color: var(--sia-ink); font: inherit; }
@media (max-width: 620px) {
.sia-financial-entry form { grid-template-columns: 1fr !important; }
.sia-financial-entry form .is-wide { grid-column: auto; }
.sia-financial-edit__fields { grid-template-columns: 1fr; }
.sia-financial-edit__fields .is-wide { grid-column: auto; }
.sia-financial-edit footer, .sia-financial-delete footer, .sia-financial-approve footer { align-items: stretch; flex-direction: column-reverse; }
.sia-financial-edit footer button, .sia-financial-delete footer button, .sia-financial-approve footer button { width: 100%; }
.sia-financial-approve dl { grid-template-columns: 1fr; }
.sia-financial-approve__bank-detail { grid-template-columns: 1fr; }
.sia-financial-approve__bank-detail > div.is-wide { grid-column: auto; }
}
.sia-financial-correction { position: relative; }
.sia-financial-correction > summary { color: #9c3025; cursor: pointer; font-size: .69rem; font-weight: 850; white-space: nowrap; }
.sia-financial-correction form { position: absolute; right: 0; z-index: 3; display: grid !important; grid-template-columns: minmax(190px, 1fr) auto; align-items: end; gap: .4rem !important; width: min(360px, 78vw); margin-top: .4rem !important; padding: .6rem !important; border: 1px solid #d9b98f !important; border-radius: 9px; background: #fff !important; box-shadow: 0 12px 30px rgba(61,37,22,.18); }
.sia-financial-correction label { display: grid !important; gap: .2rem; font-size: .68rem; }
.sia-financial-correction input { min-height: 38px; }
.sia-financial-correction button { min-height: 38px; padding: .5rem .65rem; border: 0; border-radius: 7px; background: #9c3025; color: #fff; font-weight: 850; }
.sia-administration__preview-note.is-live { border-color: #3d7c3f; background: #eff8ec; color: #2d6330; }
.sia-administration__kpis article.needs-attention { border-color: #e2ae68; background: #fffaf1; }
.sia-administration__kpis article.needs-attention::before { background: #bd7111; }
.sia-administration__text-link { align-self: center; color: #844c0a; font-size: .72rem; font-weight: 900; text-decoration: none; white-space: nowrap; }
.sia-administration__text-link:hover { text-decoration: underline; }
.sia-administration__overview-grid .sia-administration__day-summary { padding: .25rem 1rem .75rem; }
.sia-administration__overview-grid .sia-administration__day-summary li { grid-template-columns: minmax(0, 1fr) auto; }
.sia-administration__day-summary li > span { min-width: 0; }
.sia-administration__day-summary li > span strong, .sia-administration__day-summary li > span small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sia-day-status { display: inline-flex; align-items: center; justify-content: center; padding: .3rem .5rem; border-radius: 999px; background: #fff0d8; color: #81520d; font-size: .64rem; font-style: normal; font-weight: 900; white-space: nowrap; }
.sia-day-status.is-final { background: #e5f2df; color: #28632a; }
.sia-day-status.is-ready { background: #e7edf7; color: #31527c; }
.sia-day-status.is-reopened { background: #efe4f1; color: #75437d; }
.sia-day-status.is-open { background: #fff0ed; color: #96382d; }
.sia-day-closures__list { display: grid; gap: .45rem; max-height: calc(100dvh - 315px); min-height: 285px; padding: .55rem; overflow-y: auto; overscroll-behavior: contain; background: #fbfaf8; }
.sia-day-close-card { display: grid; grid-template-columns: 145px minmax(360px, 1fr) minmax(350px, .72fr); grid-template-areas: "head numbers action" "head payments action"; align-items: center; gap: .32rem .6rem; scroll-margin-top: .5rem; padding: .55rem; border: 1px solid #ead8c1; border-left: 4px solid #bd7111; border-radius: 9px; background: #fff; box-shadow: 0 4px 12px rgba(61,37,22,.03); }
.sia-day-close-card.is-final { border-left-color: #3f7d3e; }
.sia-day-close-card.is-ready { border-left-color: #5278a5; }
.sia-day-close-card.is-reopened { border-left-color: #87518f; }
.sia-day-close-card > header { grid-area: head; align-self: stretch; display: grid; align-content: center; justify-items: start; gap: .28rem; padding-right: .55rem; border-right: 1px solid #f0dfca; }
.sia-day-close-card > header small { color: #87518f; font-size: .65rem; font-weight: 900; text-transform: uppercase; }
.sia-day-close-card > header h3 { margin: .08rem 0 0; font: 700 .98rem/1.1 Georgia, serif; white-space: nowrap; }
.sia-day-close-card__numbers { grid-area: numbers; display: grid; grid-template-columns: repeat(5, minmax(92px, 1fr)); gap: .4rem; }
.sia-day-close-card__numbers span { display: grid; gap: .08rem; min-width: 0; padding: .38rem .48rem; border-radius: 7px; background: #fffaf3; }
.sia-day-close-card__numbers span.has-difference { background: #fff0ed; color: #96382d; }
.sia-day-close-card__numbers small { color: var(--sia-muted); font-size: .62rem; font-weight: 800; }
.sia-day-close-card__numbers strong { font-size: .83rem; white-space: nowrap; }
.sia-day-close-card__payments { grid-area: payments; margin: 0; overflow: hidden; color: var(--sia-muted); font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
.sia-day-close-card__close, .sia-day-close-card__final, .sia-day-close-card__issues { grid-area: action; align-self: stretch; padding-left: .6rem; border-left: 1px solid #f0dfca; }
.sia-day-close-card__close { display: grid !important; grid-template-columns: minmax(155px, 1fr) auto; align-items: end; gap: .5rem !important; margin: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; }
.sia-day-close-card__close label, .sia-day-close-card__final label { display: grid !important; gap: .2rem; font-size: .67rem; font-weight: 850; }
.sia-day-close-card__close input, .sia-day-close-card__final input { min-height: 40px; }
.sia-day-close-card__close button, .sia-day-close-card__final button { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; min-height: 40px; padding: .55rem .65rem; border: 0; border-radius: 7px; background: var(--sia-ink); color: #fff; font-size: .7rem; font-weight: 900; }
.sia-day-close-card__close button svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.sia-day-close-card__final { display: grid; gap: .45rem; }
.sia-day-close-card__final > p { margin: 0; color: #456344; font-size: .69rem; }
.sia-day-close-card__final > p.is-chain-locked { padding: .45rem .55rem; border-radius: 7px; background: #fff6e8; color: #77500f; }
.sia-day-close-card__final details { padding: .45rem .55rem; border: 1px solid #ead8c1; border-radius: 7px; background: #fffaf3; }
.sia-day-close-card__final summary { color: #8f3026; cursor: pointer; font-size: .68rem; font-weight: 900; }
.sia-day-close-card__final form { display: grid !important; grid-template-columns: minmax(180px, 1fr) auto; align-items: end; gap: .45rem !important; margin: .55rem 0 0 !important; padding: 0 !important; }
.sia-day-close-card__final button { background: #8f3026; }
.sia-day-close-card__issues { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .5rem; padding-top: .42rem; padding-right: .45rem; padding-bottom: .42rem; border-radius: 7px; background: #fff6f3; }
.sia-day-close-card__issues > div { display: grid; gap: .18rem; min-width: 0; }
.sia-day-close-card__issues > div > strong { color: #7f2c24; font-size: .67rem; }
.sia-day-close-card__issues ul { display: grid; gap: .12rem; margin: 0; padding-left: 1rem; color: #8f3026; font-size: .66rem; }
.sia-day-close-card__issues p { margin: 0; color: #765d4d; font-size: .64rem; line-height: 1.35; }
.sia-day-close-card__issues a { padding: .55rem .65rem; border: 1px solid #d7b78e; border-radius: 7px; color: #76430a; font-size: .68rem; font-weight: 900; text-align: center; text-decoration: none; white-space: nowrap; }
.sia-payroll-settings { display: grid; gap: .8rem; }
.sia-payroll-settings fieldset { margin: 0; }
.sia-payroll-settings__explanation { margin: 0 0 .7rem; padding: .58rem .7rem; border-left: 3px solid #ba7415; background: #fff8ed; color: #6f5846; font-size: .72rem; line-height: 1.45; }
.sia-payroll-payslip-rate{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 .7rem;padding:.75rem .85rem;border:1px solid #d8b88f;border-left:4px solid #4f8d49;border-radius:10px;background:linear-gradient(135deg,#f4faef 0%,#fffaf3 100%)}.sia-payroll-payslip-rate>div{display:grid;gap:.12rem;min-width:185px}.sia-payroll-payslip-rate small{color:#79519a;font-size:.62rem;font-weight:900;letter-spacing:.08em}.sia-payroll-payslip-rate strong{color:#2f6c2d;font-size:1.12rem}.sia-payroll-payslip-rate p{margin:0;color:#684f3e;font-size:.7rem;line-height:1.45;text-align:right}.sia-payroll-payslip-rate.has-no-document{border-left-color:#b28a5d;background:#fff9ef}.sia-payroll-payslip-rate.has-no-document strong,.sia-payroll-payslip-rate.has-error strong{color:#8b493d}.sia-payroll-payslip-rate.has-error{border-left-color:#b75b4f;background:#fff4f1}
@media(max-width:760px){.sia-payroll-payslip-rate{align-items:flex-start;flex-direction:column}.sia-payroll-payslip-rate p{text-align:left}}
.sia-finance__rate-note { display: block; margin-top: .12rem; color: var(--sia-muted); font-size: .62rem; }
.sia-staff-month__totals { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .55rem; padding: .8rem; border-bottom: 1px solid #f0dfca; background: #fbfaf8; }
.sia-staff-month__totals article { display: grid; gap: .18rem; min-height: 76px; padding: .65rem .7rem; border: 1px solid #ead8c1; border-radius: 9px; background: #fff; }
.sia-staff-month__totals small { color: var(--sia-muted); font-size: .66rem; font-weight: 850; }
.sia-staff-month__totals strong { font: 700 1.08rem/1.1 Georgia, serif; }
.sia-staff-month__totals em { color: #7b695b; font-size: .64rem; font-style: normal; }
.sia-staff-month__checks { margin: .8rem; padding: .7rem .8rem; border: 1px solid #e4b2a9; border-radius: 9px; background: #fff2ef; color: #8d3027; font-size: .72rem; }
.sia-staff-month__checks strong { display: block; margin-bottom: .3rem; }
.sia-staff-month__checks ul { display: grid; gap: .18rem; margin: 0; padding-left: 1.1rem; }
.sia-staff-month__checks > header { display: flex; align-items: center; justify-content: space-between; gap: .8rem; }
.sia-staff-month__checks > header p { margin: .15rem 0 0; color: #704f43; line-height: 1.4; }
.sia-staff-month__checks > header > span { flex: 0 0 auto; padding: .3rem .5rem; border-radius: 999px; background: #f5dcd7; color: #7d2d25; font-size: .66rem; font-weight: 900; }
.sia-staff-month__check-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: .42rem; margin-top: .7rem; }
.sia-staff-month__check-summary > span { display: flex; align-items: center; gap: .42rem; min-height: 46px; padding: .45rem .55rem; border: 1px solid #eccbc4; border-radius: 8px; background: #fff; color: #704f43; line-height: 1.3; }
.sia-staff-month__check-summary > span > strong { flex: 0 0 auto; margin: 0; color: #8d3027; font: 700 1rem/1 Georgia, serif; }
.sia-staff-month__check-details { margin-top: .65rem; border-top: 1px solid #e7c1ba; padding-top: .55rem; }
.sia-staff-month__check-details > summary { display: inline-grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: .58rem; width: min(100%, 570px); min-height: 54px; padding: .48rem .58rem; border: 1px solid #d4a37b; border-radius: 10px; background: #fffaf3; color: #4b3020; cursor: pointer; list-style: none; box-shadow: 0 3px 10px rgba(93, 51, 44, .06); }
.sia-staff-month__check-details > summary::-webkit-details-marker { display: none; }
.sia-staff-month__check-details > summary:hover { border-color: #a9682d; background: #fff5e9; }
.sia-staff-month__check-details > summary:focus-visible { outline: 3px solid rgba(137, 79, 145, .28); outline-offset: 2px; }
.sia-staff-month__check-details[open] > summary { border-color: #8d3027; background: #fff; box-shadow: 0 4px 13px rgba(93, 51, 44, .1); }
.sia-staff-month__info-icon { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: var(--sia-ink); color: #fff; }
.sia-staff-month__info-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; }
.sia-staff-month__info-copy { display: grid; gap: .08rem; min-width: 0; }
.sia-staff-month__info-copy > strong { margin: 0; color: #4b3020; font-size: .73rem; line-height: 1.25; }
.sia-staff-month__info-copy > small { color: #765d55; font-size: .63rem; font-weight: 650; line-height: 1.35; }
.sia-staff-month__info-total { padding: .28rem .48rem; border-radius: 999px; background: #f5dcd7; color: #7d2d25; font-size: .64rem; font-weight: 900; white-space: nowrap; }
@media (max-width: 520px) { .sia-staff-month__check-details > summary { grid-template-columns: 32px minmax(0, 1fr); width: 100%; } .sia-staff-month__info-icon { width: 32px; height: 32px; } .sia-staff-month__info-total { grid-column: 2; justify-self: start; } }
.sia-staff-month__issue-list { gap: .38rem !important; margin-top: .55rem !important; padding: 0 !important; list-style: none; }
.sia-staff-month__issue-list > li { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .65rem; padding: .5rem .58rem; border: 1px solid #ecd0ca; border-radius: 8px; background: #fff; }
.sia-staff-month__issue-list > li > div { display: grid; gap: .12rem; min-width: 0; }
.sia-staff-month__issue-list > li > div > strong { margin: 0; color: #5d332c; font-size: .72rem; }
.sia-staff-month__issue-list > li > div > span { color: #765d55; line-height: 1.35; }
.sia-staff-month__issue-list nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .32rem; }
.sia-staff-month__issue-list a, .sia-staff-month__employee-status a { padding: .35rem .48rem; border: 1px solid #d6af92; border-radius: 7px; background: #fffaf3; color: #74440d; font-size: .64rem; font-weight: 900; text-decoration: none; white-space: nowrap; }
.sia-staff-month__issue-list a:hover, .sia-staff-month__employee-status a:hover { border-color: #a96811; background: #fff0dc; }
.sia-staff-month__employee-status { display: grid; justify-items: start; gap: .26rem; }
.sia-staff-month__employee-status small { color: #7b695b; font-size: .61rem; line-height: 1.25; }
.sia-staff-month__table { min-width: 1120px; }
.sia-staff-month__footer { display: flex; align-items: center; justify-content: flex-end; gap: .7rem; padding: .8rem; border-top: 1px solid #f0dfca; background: #fffaf3; }
.sia-staff-month__footer > p { margin: 0 auto 0 0; color: #456344; font-size: .72rem; }
.sia-staff-month__footer form { margin: 0 !important; padding: 0 !important; }
.sia-staff-month__footer button { display: inline-flex; align-items: center; justify-content: center; gap: .38rem; min-height: 40px; padding: .55rem .75rem; border: 0; border-radius: 8px; background: var(--sia-ink); color: #fff; font-size: .72rem; font-weight: 900; }
.sia-staff-month__footer button:disabled { cursor: not-allowed; opacity: .42; }
.sia-staff-month__footer button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.sia-staff-month__footer details { padding: .5rem .6rem; border: 1px solid #e0c29c; border-radius: 8px; background: #fff; }
.sia-staff-month__footer summary { color: #92372d; cursor: pointer; font-size: .7rem; font-weight: 900; }
.sia-staff-month__footer details form { display: flex !important; align-items: end; gap: .45rem !important; margin-top: .5rem !important; }
.sia-staff-month__footer details label { display: grid !important; gap: .2rem; font-size: .66rem; font-weight: 850; }
.sia-staff-month__footer details input { min-width: 250px; min-height: 39px; }
.sia-staff-month__footer details button { background: #92372d; }
/* Administration settings */
.sia-admin-settings__form { display: grid; gap: 1rem; }
.sia-admin-settings__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; }
.sia-admin-settings__card { display: grid; align-content: start; gap: .75rem; min-width: 0; padding: 1rem; border: 1px solid #ead5ba; border-radius: 12px; background: linear-gradient(145deg, #fff 0%, #fffaf3 100%); box-shadow: 0 9px 24px rgba(64, 36, 22, .045); }
.sia-admin-settings__card.is-wide { grid-column: 1 / -1; }
.sia-admin-settings__card > p { margin: 0; color: var(--sia-muted); font-size: .76rem; line-height: 1.5; }
.sia-admin-settings__card-head { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: .7rem; }
.sia-admin-settings__card-head > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 11px; background: #f3e5d3; color: var(--sia-ink); }
.sia-admin-settings__card-head svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.sia-admin-settings__card-head small { display: block; margin-bottom: .14rem; color: #80578b; font-size: .62rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.sia-admin-settings__card-head h3 { margin: 0; font: 700 1.03rem/1.2 Georgia, serif; }
.sia-admin-settings__card-head em { padding: .28rem .48rem; border-radius: 999px; background: #f5eadc; color: #7e5c45; font-size: .64rem; font-style: normal; font-weight: 850; white-space: nowrap; }
.sia-admin-settings label { display: grid; gap: .3rem; color: #4e3628; font-size: .7rem; font-weight: 850; }
.sia-admin-settings input, .sia-admin-settings textarea { width: 100%; min-height: 42px; border: 1px solid #dfc3a0; border-radius: 8px; background: #fff; color: var(--sia-ink); font: inherit; font-weight: 600; }
.sia-admin-settings textarea { min-height: 128px; resize: vertical; line-height: 1.45; }
.sia-admin-settings label small { color: var(--sia-muted); font-size: .64rem; font-weight: 600; line-height: 1.4; }
.sia-admin-settings__pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.sia-admin-settings__state { display: inline-flex; align-items: center; gap: .38rem; width: fit-content; padding: .35rem .5rem; border-radius: 999px; background: #f8eee2; color: #8b5d3b; font-size: .65rem; font-weight: 800; }
.sia-admin-settings__state i { width: 7px; height: 7px; border-radius: 50%; background: #c48035; }
.sia-admin-settings__state.is-ready { background: #e9f4e6; color: #2f6d36; }
.sia-admin-settings__state.is-ready i { background: #4c9b4c; }
.sia-admin-settings__history { padding: .65rem .72rem; border-radius: 9px; background: #f8f1e8; }
.sia-admin-settings__history > strong { display: block; margin-bottom: .35rem; color: #704a35; font-size: .66rem; text-transform: uppercase; letter-spacing: .06em; }
.sia-admin-settings__history ul { display: grid; gap: .25rem; margin: 0; padding: 0; list-style: none; }
.sia-admin-settings__history li { display: flex; justify-content: space-between; gap: .7rem; color: var(--sia-muted); font-size: .7rem; }
.sia-admin-settings__history li b { color: var(--sia-ink); }
.sia-branch-bank-settings__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7rem; }
.sia-branch-bank-settings__grid label { display: grid !important; gap: .3rem; min-width: 0; color: #513522; font-size: .72rem; font-weight: 850; }
.sia-branch-bank-settings__grid textarea { width: 100%; min-height: 66px; resize: vertical; border: 1px solid #ddc19f; border-radius: 8px; background: #fffdfa; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .72rem; text-transform: uppercase; }
.sia-ledger-settings__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; }
.sia-ledger-settings__grid label { padding: .7rem; border: 1px solid #ead5ba; border-radius: 9px; background: #fffdfa; }
.sia-ledger-settings__grid label small { display: block; min-height: 1.1rem; }
.sia-ledger-settings__grid input { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .84rem; letter-spacing: .04em; }
.sia-admin-settings__integration-body { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.sia-admin-settings__integration-body > div { padding: .75rem; border: 1px dashed #dfc29f; border-radius: 9px; background: rgba(255,255,255,.72); }
.sia-admin-settings__integration-body strong { font-size: .72rem; }
.sia-admin-settings__integration-body p { margin: .28rem 0 0; color: var(--sia-muted); font-size: .7rem; line-height: 1.45; }
.sia-admin-settings__footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-top: .2rem; }
.sia-admin-settings__footer p { max-width: 720px; margin: 0; color: var(--sia-muted); font-size: .69rem; line-height: 1.45; }
.sia-admin-settings__footer button { display: inline-flex; align-items: center; justify-content: center; gap: .42rem; min-height: 44px; padding: .62rem .9rem; border: 0; border-radius: 9px; background: var(--sia-ink); color: #fff; font-weight: 900; white-space: nowrap; }
.sia-admin-settings__footer button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; }
@media (max-width: 1100px) {
.sia-admin-settings__grid { grid-template-columns: 1fr; }
.sia-admin-settings__card.is-wide { grid-column: auto; }
.sia-branch-bank-settings__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sia-cashbook-admin__totals { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sia-financial-entry form { grid-template-columns: repeat(2, minmax(145px, 1fr)); }
.sia-day-close-card { grid-template-columns: 150px minmax(0, 1fr); grid-template-areas: "head numbers" "head payments" "action action"; }
.sia-day-close-card__close, .sia-day-close-card__final, .sia-day-close-card__issues { padding-top: .65rem; padding-left: 0; border-top: 1px solid #f0dfca; border-left: 0; }
.sia-staff-month__totals { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
.sia-app__filter-title { flex: 1 1 100%; width: 100%; min-width: 0; padding: 0 0 .5rem; border-right: 0; border-bottom: 1px solid var(--sia-line); }
.sia-app__custom-period { width: 100%; flex-wrap: wrap; }
.sia-app__custom-period label { flex: 1 1 145px; min-width: 0; }
.sia-admin-settings__pair, .sia-admin-settings__integration-body, .sia-ledger-settings__grid { grid-template-columns: 1fr; }
.sia-branch-bank-settings__grid { grid-template-columns: 1fr; }
.sia-admin-settings__footer { align-items: stretch; flex-direction: column; }
.sia-admin-settings__footer button { width: 100%; }
.sia-administration__live-panel > header { flex-direction: column; }
.sia-cashbook-admin__totals { grid-template-columns: 1fr; }
.sia-financial-entry > summary { grid-template-columns: 22px minmax(0, 1fr); }
.sia-financial-entry > summary small { grid-column: 2; }
.sia-financial-entry form { grid-template-columns: 1fr; }
.sia-financial-entry form .is-wide, .sia-financial-entry__actions { grid-column: auto; }
.sia-financial-upload__heading { align-items: flex-start; flex-direction: column; gap: .12rem; }
.sia-financial-upload__sources { display: grid; grid-template-columns: 1fr 1fr; }
.sia-financial-upload__source { width: 100%; }
.sia-financial-upload__preview { grid-template-columns: 72px minmax(0, 1fr); }
.sia-financial-upload__preview img { width: 72px; height: 72px; }
.sia-financial-upload__preview button { grid-column: 1 / -1; width: 100%; }
.sia-financial-entry__actions button { width: 100%; }
.sia-day-closures__list { max-height: none; }
.sia-day-close-card { grid-template-columns: 1fr; grid-template-areas: "head" "numbers" "payments" "action"; }
.sia-day-close-card > header { padding-right: 0; padding-bottom: .6rem; border-right: 0; border-bottom: 1px solid #f0dfca; }
.sia-day-close-card__numbers { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sia-day-close-card__close, .sia-day-close-card__final form, .sia-day-close-card__issues { grid-template-columns: 1fr; }
.sia-day-close-card__close button, .sia-day-close-card__final button { width: 100%; }
.sia-staff-month__totals { grid-template-columns: 1fr; }
.sia-staff-month__footer, .sia-staff-month__footer details form { align-items: stretch; flex-direction: column; }
.sia-staff-month__footer details input, .sia-staff-month__footer button { width: 100%; min-width: 0; }
}
@media (min-width: 761px) and (max-width: 1280px) {
.sia-staff-detail__head--hours { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "identity actions" "totals totals"; }
.sia-staff-detail__head--hours .sia-staff-detail__head-actions { flex-wrap: wrap; }
}
@media (max-width: 760px) {
.sia-staff-detail__head--hours { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-areas: "identity" "totals" "actions"; }
.sia-staff-detail__head--hours .sia-staff-detail__head-actions { width: 100%; }
.sia-staff-detail__head--hours .sia-finance__totals--header { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sia-staff-detail__head--hours .sia-finance__totals--header > span:first-child { grid-column: 1 / -1; }
.sia-finance__toolbar { grid-template-columns: minmax(0, 1fr) auto; }
.sia-finance__toolbar-primary { display: grid; grid-template-columns: minmax(0, 1fr); }
.sia-finance__periods { width: 100%; }
.sia-finance__date-nav { width: 100%; min-width: 0; padding-left: 0; border-left: 0; }
.sia-finance__date-nav form { min-width: 0; flex: 1 1 auto; }
.sia-finance__date-nav label, .sia-finance__date-nav input { width: 100%; }
.sia-finance__toolbar-actions { align-self: end; }
.sia-staff-detail__hours-overview { flex-basis: 100%; }
.sia-staff-detail__hours-summary .sia-finance__summary--header { white-space: normal; }
.sia-finance__rows { max-height: calc(100dvh - 430px); min-height: 320px; }
.sia-staff-hours .sia-finance__rows { min-height: 0; max-height: none; }
}
@media (max-width: 760px) {
.sia-app { --sia-sticky-nav-height: 61px; padding-right: .65rem; padding-left: .65rem; }
.sia-app__topbar { flex-direction: row; align-items: center; min-height: var(--sia-sticky-nav-height); padding: .38rem 0; }
.sia-app__menus { flex: 1 1 auto; flex-wrap: nowrap; width: auto; min-width: 0; }
.sia-app form.sia-app__location-select { flex: 0 0 auto; width: auto; }
.sia-app__location-select select { width: auto; min-width: 118px; max-width: 130px; }
.sia-app__nav { flex: 1 1 auto; flex-wrap: nowrap; gap: 1rem; overflow-x: auto; padding: .3rem .15rem; scrollbar-width: none; }
.sia-app__nav::-webkit-scrollbar { display: none; }
.sia-app__topbar-actions { gap: .3rem; }
.sia-app__topbar-context { min-width: 0; padding: .18rem .45rem; }
.sia-app__topbar-context small { max-width: 74px; overflow: hidden; font-size: .5rem; text-overflow: ellipsis; white-space: nowrap; }
.sia-app__topbar-context strong { font-size: .78rem; }
.sia-app__more > summary { width: 38px; height: 38px; }
.sia-administration__context, .sia-reporting__context { padding: .22rem; }
.sia-administration__filter, .sia-reporting__period, .sia-reporting__context .sia-cashbook__date { align-items: stretch; flex-direction: row; flex-wrap: wrap; }
.sia-administration__filter label, .sia-reporting__period label, .sia-reporting__context .sia-cashbook__date label { flex: 1 1 135px !important; }
.sia-administration__filter button, .sia-reporting__period button, .sia-reporting__context .sia-cashbook__date button { flex: 1 1 125px; }
.sia-administration__scope, .sia-reporting__scope { width: auto; margin-left: auto; text-align: center; }
}
/* Guides hub: shared help for location managers and administrators. */
.sia-guides { display: grid; gap: 1rem; }
.sia-guides__hero { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: clamp(1rem, 3vw, 1.65rem); border: 1px solid var(--sia-line); border-radius: 14px; background: linear-gradient(135deg, #fffaf3 0%, #fff 58%, #f8eddf 100%); }
.sia-guides__hero small, .sia-guide-detail header small { display: block; margin-bottom: .28rem; color: #96519b; font-size: .72rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.sia-guides__hero h1, .sia-guide-detail h1 { margin: 0; color: var(--sia-ink); font: 700 clamp(1.55rem, 3vw, 2.15rem)/1.15 Georgia, serif; }
.sia-guides__hero p, .sia-guide-detail header p { max-width: 720px; margin: .45rem 0 0; color: var(--sia-muted); font-size: .9rem; }
.sia-guides__hero-icon { display: grid; flex: 0 0 64px; place-items: center; width: 64px; height: 64px; border-radius: 18px; color: #8a5517; background: #f5e3c8; }
.sia-guides__hero-icon svg { width: 31px; height: 31px; fill: none; stroke: currentColor; stroke-width: 1.75; }
.sia-guides__toolbar { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.sia-guides__search { position: relative; display: flex !important; align-items: center; flex: 1 1 440px; max-width: 680px; }
.sia-guides__search svg { position: absolute; left: .85rem; z-index: 1; width: 18px; height: 18px; fill: none; stroke: #836b58; stroke-width: 1.9; pointer-events: none; }
.sia-guides__search input { width: 100%; min-height: 44px; padding: .65rem .9rem .65rem 2.6rem !important; border: 1px solid var(--sia-line); border-radius: 10px; background: #fff; color: var(--sia-ink); }
.sia-guides__search input:focus { outline: 3px solid rgb(182 109 8 / 15%); border-color: #b66d08; }
.sia-guides__layout { display: inline-flex; flex: 0 0 auto; padding: 3px; border: 1px solid var(--sia-line); border-radius: 10px; background: #fffaf3; }
.sia-guides__layout button { display: inline-flex; align-items: center; gap: .4rem; min-height: 36px; padding: .45rem .68rem; border: 0; border-radius: 7px; color: #765f4e; background: transparent; font-size: .76rem; font-weight: 850; cursor: pointer; }
.sia-guides__layout button.is-active { color: #fff; background: var(--sia-ink); box-shadow: 0 3px 10px rgb(61 37 22 / 18%); }
.sia-guides__layout svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; }
.sia-guides__filters { display: flex; flex-wrap: wrap; gap: .45rem; }
.sia-guides__filters button { min-height: 34px; padding: .42rem .75rem; border: 1px solid #ead2b5; border-radius: 999px; color: #725b49; background: #fff; font-size: .74rem; font-weight: 850; cursor: pointer; }
.sia-guides__filters button:hover { border-color: #b66d08; color: #89530d; }
.sia-guides__filters button.is-active { border-color: #d8a45d; color: #71430b; background: #fff0d9; }
.sia-guides__result { margin: -.2rem 0 0; color: var(--sia-muted); font-size: .75rem; font-weight: 750; }
.sia-guides__items { display: grid; gap: .75rem; }
.sia-guides__items.is-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sia-guides__item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: .85rem; min-width: 0; padding: 1rem; border: 1px solid var(--sia-line); border-radius: 12px; color: var(--sia-ink); background: #fff; box-shadow: 0 5px 18px rgb(61 37 22 / 5%); text-decoration: none; transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease; }
.sia-guides__item:hover { transform: translateY(-2px); border-color: #d9a45d; box-shadow: 0 10px 25px rgb(61 37 22 / 10%); }
.sia-guides__item[hidden] { display: none !important; }
.sia-guides__item-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 11px; color: #8a5517; background: #fff0da; }
.sia-guides__item-icon svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.sia-guides__item-copy { display: grid; min-width: 0; }
.sia-guides__item-copy small { margin-bottom: .25rem; color: #96519b; font-size: .65rem; font-style: normal; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.sia-guides__item-copy strong { font: 700 1rem/1.25 Georgia, serif; }
.sia-guides__item-copy em { margin-top: .36rem; color: var(--sia-muted); font-size: .77rem; font-style: normal; line-height: 1.45; }
.sia-guides__item-arrow { align-self: center; color: #a16a24; font-size: 1.15rem; font-weight: 900; }
.sia-guides__items.is-cards .sia-guides__item { grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto 1fr; min-height: 160px; }
.sia-guides__items.is-cards .sia-guides__item-arrow { grid-column: 2; justify-self: end; align-self: end; }
.sia-guides__items.is-list { grid-template-columns: minmax(0, 1fr); gap: .5rem; }
.sia-guides__items.is-list .sia-guides__item { align-items: center; min-height: 70px; padding: .7rem .85rem; }
.sia-guides__items.is-list .sia-guides__item-icon { width: 38px; height: 38px; }
.sia-guides__items.is-list .sia-guides__item-copy { grid-template-columns: minmax(210px, .75fr) minmax(260px, 1.25fr); align-items: center; column-gap: 1rem; }
.sia-guides__items.is-list .sia-guides__item-copy small { grid-column: 1; }
.sia-guides__items.is-list .sia-guides__item-copy strong { grid-column: 1; }
.sia-guides__items.is-list .sia-guides__item-copy em { grid-column: 2; grid-row: 1 / span 2; margin-top: 0; }
.sia-guides__empty { margin: 0; padding: 1.25rem; border: 1px dashed #d8b98e; border-radius: 10px; color: var(--sia-muted); background: #fffaf3; text-align: center; }
.sia-guides__back { display: inline-flex; align-items: center; gap: .45rem; width: max-content; color: #784910; font-size: .79rem; font-weight: 850; text-decoration: none; }
.sia-guides__back svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; }
.sia-guide-detail { overflow: hidden; border: 1px solid var(--sia-line); border-radius: 14px; background: #fff; }
.sia-guide-detail > header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: 1rem; padding: clamp(1rem, 3vw, 1.6rem); border-bottom: 1px solid #efddc8; background: #fffaf3; }
.sia-guide-detail__icon { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 13px; color: #8a5517; background: #f5e3c8; }
.sia-guide-detail__icon svg, .sia-guide-detail__tip svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.sia-guides__admin-badge { padding: .38rem .62rem; border-radius: 999px; color: #5a3a13; background: #f3dfc1; font-size: .68rem; font-weight: 900; white-space: nowrap; }
.sia-guide-detail__steps { display: grid; gap: .75rem; margin: 0; padding: clamp(1rem, 3vw, 1.6rem); list-style: none; counter-reset: none; }
.sia-guide-detail__steps li { display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: start; gap: .8rem; }
.sia-guide-detail__steps li > span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; color: #fff; background: var(--sia-ink); font-size: .75rem; font-weight: 900; }
.sia-guide-detail__steps p { margin: .25rem 0 0; color: #553f30; font-size: .87rem; line-height: 1.55; }
.sia-guide-detail__tip { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .8rem; margin: 0 clamp(1rem, 3vw, 1.6rem) clamp(1rem, 3vw, 1.6rem); padding: .9rem; border: 1px solid #d7e8cf; border-radius: 10px; color: #315b2c; background: #f1f8ee; }
.sia-guide-detail__tip > span { display: grid; place-items: center; width: 34px; height: 34px; }
.sia-guide-detail__tip strong { font-size: .78rem; }
.sia-guide-detail__tip p { margin: .2rem 0 0; color: #4d6849; font-size: .78rem; line-height: 1.5; }
@media (max-width: 1000px) {
.sia-guides__items.is-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sia-guides__items.is-list .sia-guides__item-copy { grid-template-columns: minmax(180px, .8fr) minmax(220px, 1.2fr); }
}
@media (max-width: 700px) {
.sia-guides__hero-icon { display: none; }
.sia-guides__toolbar { align-items: stretch; flex-direction: column; }
.sia-guides__search { flex-basis: auto; max-width: none; }
.sia-guides__layout { align-self: flex-start; }
.sia-guides__items.is-cards { grid-template-columns: minmax(0, 1fr); }
.sia-guides__items.is-list .sia-guides__item-copy { grid-template-columns: minmax(0, 1fr); }
.sia-guides__items.is-list .sia-guides__item-copy small, .sia-guides__items.is-list .sia-guides__item-copy strong, .sia-guides__items.is-list .sia-guides__item-copy em { grid-column: 1; grid-row: auto; }
.sia-guides__items.is-list .sia-guides__item-copy em { margin-top: .25rem; }
.sia-guide-detail > header { grid-template-columns: auto minmax(0, 1fr); }
.sia-guides__admin-badge { grid-column: 1 / -1; width: max-content; }
}
/* Reusable category editor for financial documents. */
.sia-document-category { display: grid; gap: .42rem; min-width: 0; }
.sia-document-category__label { color: #513522; font-size: .7rem; font-weight: 850; }
.sia-document-category__control { display: grid; grid-template-columns: minmax(0, 1fr) 43px; gap: .4rem; }
.sia-document-category__control select { width: 100%; min-width: 0; min-height: 42px; }
.sia-document-category__control button { display: grid; place-items: center; width: 43px; min-width: 43px; min-height: 42px; padding: 0; border: 1px solid #d7b78e; border-radius: 8px; background: #fffaf3; color: #75440c; cursor: pointer; }
.sia-document-category__control button:hover, .sia-document-category__control button:focus-visible, .sia-document-category__control button[aria-expanded="true"] { border-color: #a96811; background: #fff1dc; box-shadow: 0 0 0 3px rgba(169,104,17,.13); }
.sia-document-category__control svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.sia-document-category__editor { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .4rem; padding: .55rem; border: 1px solid #e3c7a5; border-radius: 9px; background: #fff8ee; }
.sia-document-category__editor[hidden] { display: none !important; }
.sia-document-category__editor label { display: grid !important; gap: .2rem; min-width: 0; font-size: .66rem; font-weight: 850; }
.sia-document-category__editor input { width: 100%; min-height: 39px; }
.sia-document-category__editor > button { align-self: end; min-height: 39px; padding: .5rem .65rem; border: 0; border-radius: 7px; background: var(--sia-ink); color: #fff; cursor: pointer; font-size: .67rem; font-weight: 900; }
.sia-document-category__editor > small { grid-column: 1 / -1; min-height: 0; color: #2f6d3b; font-size: .62rem; font-weight: 750; }
.sia-document-category__editor > small.has-error { color: #a91515; }
/* Every platform dialog uses the same right-hand drawer motion and placement. */
dialog.sia-platform-drawer { --sia-platform-drawer-width: 620px; position: fixed !important; inset: 0 0 0 auto !important; width: min(var(--sia-platform-drawer-width), calc(100vw - 18px)) !important; max-width: none !important; height: 100dvh !important; max-height: none !important; margin: 0 0 0 auto !important; padding: 0 !important; overflow: auto !important; border: 0 !important; border-left: 1px solid #dcb98e !important; border-radius: 20px 0 0 20px !important; background: #fffdfa; color: var(--sia-ink); box-shadow: -24px 0 70px rgba(45,27,17,.24) !important; }
dialog.sia-platform-drawer[open] { animation: sia-platform-drawer-in .24s ease-out both; }
dialog.sia-platform-drawer::backdrop { background: rgba(43,31,24,.52); backdrop-filter: blur(2px); }
dialog.sia-platform-drawer.sia-cashbook-drawer { --sia-platform-drawer-width: 560px; overflow: hidden !important; }
dialog.sia-platform-drawer.sia-booking-prepayment-drawer,
dialog.sia-platform-drawer.sia-product-sale-drawer,
dialog.sia-platform-drawer.sia-gift-card-sale-drawer { --sia-platform-drawer-width: 720px; }
dialog.sia-platform-drawer.sia-manual-dialog { --sia-platform-drawer-width: 680px; overflow: hidden !important; }
dialog.sia-platform-drawer.sia-manual-dialog > form,
.sia-app .sia-manual-dialog.sia-platform-drawer .sia-manual-booking { display: flex !important; width: 100%; height: 100%; min-height: 0; flex-flow: column nowrap !important; align-items: stretch !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden; border: 0 !important; border-radius: 0 !important; background: #fffdfa !important; }
.sia-manual-dialog .sia-cashbook-drawer__head,
.sia-manual-dialog .sia-cashbook-drawer__footer { flex: 0 0 auto; }
.sia-manual-dialog .sia-cashbook-drawer__head { padding: 1.25rem 1.35rem 1.1rem; }
.sia-manual-dialog .sia-cashbook-drawer__head small { font-size: .72rem; }
.sia-manual-dialog .sia-cashbook-drawer__head h3 { margin: .18rem 0 .3rem; font-size: 1.78rem; }
.sia-manual-dialog .sia-cashbook-drawer__head p { max-width: 500px; font-size: .82rem; }
.sia-manual-booking__body { flex: 1 1 auto; align-content: start; grid-auto-rows: max-content; min-height: 0; gap: 1rem; padding: 1rem; overflow: auto; }
.sia-manual-dialog .sia-cashbook-drawer__section { padding: 1.05rem; border-radius: 14px; }
.sia-manual-dialog .sia-cashbook-drawer__section-title { gap: .7rem; margin-bottom: .88rem; }
.sia-manual-dialog .sia-cashbook-drawer__section-title > span { width: 34px; height: 34px; flex-basis: 34px; font-size: .78rem; }
.sia-manual-dialog .sia-cashbook-drawer__section-title strong { font-size: 1.08rem; }
.sia-manual-dialog .sia-cashbook-drawer__section-title small { margin-top: .08rem; font-size: .72rem; line-height: 1.4; }
.sia-manual-booking__appointment-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .82rem .9rem; }
.sia-manual-booking__customer-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .82rem; }
.sia-manual-booking__appointment-grid label,
.sia-manual-booking__customer-grid label,
.sia-manual-booking__prepayment-fields label { display: grid !important; min-width: 0; gap: .32rem; color: #4d372a; font-size: .8rem; font-weight: 850; }
.sia-manual-booking__appointment-grid input,
.sia-manual-booking__appointment-grid select,
.sia-manual-booking__customer-grid input,
.sia-manual-booking__prepayment-fields input,
.sia-manual-booking__prepayment-fields select,
.sia-manual-booking__prepayment-fields textarea { width: 100%; min-height: 48px; padding: .68rem .8rem; font-size: .82rem; }
.sia-manual-booking__appointment-grid .sia-manual-booking__treatment { grid-column: auto; }
.sia-manual-dialog .sia-manual-booking__prepayment { margin: 0; padding: 1rem; border-radius: 14px; }
.sia-manual-booking__prepayment-toggle { display: grid !important; grid-template-columns: 34px minmax(0, 1fr) 24px; align-items: center; gap: .75rem; cursor: pointer; }
.sia-manual-booking__prepayment-toggle > span:nth-child(2) { min-width: 0; }
.sia-manual-booking__prepayment-toggle strong,
.sia-manual-booking__prepayment-toggle small { display: block; }
.sia-manual-booking__prepayment-toggle strong { font-size: .88rem; }
.sia-manual-booking__prepayment-toggle small { margin-top: .18rem; color: #786154; font-size: .73rem; font-weight: 500; line-height: 1.4; }
.sia-manual-booking__prepayment-toggle input { width: 23px; height: 23px; min-height: 0; justify-self: end; margin: 0; accent-color: #397847; }
.sia-manual-booking__step { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: #f5e7d3; color: #9a5e18; font-size: .78rem; font-weight: 900; }
.sia-manual-dialog .sia-manual-booking__prepayment-fields { gap: .82rem; margin-top: 1rem; }
.sia-manual-dialog .sia-cashbook-drawer__footer { padding: .9rem 1.1rem calc(.9rem + env(safe-area-inset-bottom)); }
.sia-manual-dialog .sia-cashbook-drawer__footer button { min-height: 46px; padding: .68rem .95rem; font-size: .78rem; }
dialog.sia-platform-drawer.sia-financial-edit { --sia-platform-drawer-width: 760px; overflow: hidden !important; }
dialog.sia-platform-drawer.sia-financial-delete,
dialog.sia-platform-drawer.sia-financial-approve { --sia-platform-drawer-width: 560px; }
dialog.sia-platform-drawer.sia-mobile-receipt { --sia-platform-drawer-width: 680px; }
dialog.sia-platform-drawer.sia-customer-dialog { --sia-platform-drawer-width: 430px; }
dialog.sia-platform-drawer.sia-payment-dialog { --sia-platform-drawer-width: 500px; }
dialog.sia-platform-drawer.sia-day-closing-drawer { --sia-platform-drawer-width: 1040px; }
dialog.sia-platform-drawer.sia-pin-document-preview { --sia-platform-drawer-width: 680px; overflow: hidden !important; }
.sia-gift-card-dialog.sia-platform-drawer { overflow: hidden !important; }
.sia-gift-card-dialog.sia-platform-drawer > form { display: flex !important; height: 100%; min-height: 0; flex-direction: column; align-items: stretch !important; }
.sia-gift-card-dialog.sia-platform-drawer .sia-payment-dialog__body { width: 100%; height: auto; grid-template-rows: auto auto minmax(0, 1fr) auto auto; min-height: 0; flex: 1 1 0; overflow: hidden; }
.sia-gift-card-dialog.sia-platform-drawer .sia-gift-card-dialog__available { grid-template-rows: auto minmax(0, 1fr); min-height: 0; }
.sia-gift-card-dialog.sia-platform-drawer .sia-gift-card-dialog__list { min-height: 270px; max-height: none; }
.sia-gift-card-dialog.sia-platform-drawer footer { flex: 0 0 auto; }
.sia-financial-edit.sia-platform-drawer > form { display: flex !important; height: 100%; min-height: 0; flex-direction: column; }
.sia-financial-edit.sia-platform-drawer .sia-financial-edit__fields { align-content: start; min-height: 0; flex: 1 1 auto; overflow: auto; }
.sia-financial-edit.sia-platform-drawer footer { flex: 0 0 auto; }
@keyframes sia-platform-drawer-in { from { opacity: .72; transform: translateX(72px); } to { opacity: 1; transform: translateX(0); } }
@media (max-width: 620px) {
dialog.sia-platform-drawer { width: 100vw !important; border-left: 0 !important; border-radius: 0 !important; }
.sia-document-category__editor { grid-template-columns: 1fr; }
.sia-document-category__editor > button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
dialog.sia-platform-drawer[open] { animation: none; }
}
/* Reporting overview and the receptionist's day-closing control sheet. */
.sia-report-overview__stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin: 0 0 1rem; }
.sia-report-overview__stats article { display: grid; gap: .2rem; padding: 1rem 1.1rem; border: 1px solid #e6c9a7; border-radius: 14px; background: #fffaf3; }
.sia-report-overview__stats small, .sia-report-overview__stats span { color: #796557; font-size: .72rem; }
.sia-report-overview__stats strong { color: var(--sia-ink); font: 750 1.75rem/1.1 Georgia, serif; }
.sia-day-closing__head-actions { display: flex; align-items: center; gap: .55rem; }
.sia-day-closing__head-actions form { margin: 0; }
.sia-day-closing__head-actions .sia-app__icon-action { align-self: center; }
.sia-day-closing__date-nav .sia-app__day-button { min-height: 38px; }
.sia-day-closing-sheet { display: grid; gap: 1rem; }
.sia-day-closing-sheet__print-head { display: none; }
.sia-day-closing__columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.sia-day-closing__columns > section { display: flex; min-width: 0; flex-direction: column; gap: .7rem; padding: 1rem; border: 1px solid #e2c3a0; border-radius: 14px; background: #fffdfa; }
.sia-day-closing__columns header { display: grid; gap: .12rem; }
.sia-day-closing__columns header small { color: #92599b; font-size: .65rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.sia-day-closing__columns h2 { margin: 0; color: var(--sia-ink); font: 700 1.1rem/1.2 Georgia, serif; }
.sia-day-closing__columns dl { display: grid; gap: 0; margin: 0; }
.sia-day-closing__columns dl > div { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .55rem 0; border-bottom: 1px solid #efe0cf; }
.sia-day-closing__columns dl > div:last-child { border-bottom: 0; }
.sia-day-closing__columns dt { display: grid; gap: .08rem; color: #4c3629; font-size: .78rem; }
.sia-day-closing__columns dt span { color: #887467; font-size: .68rem; }
.sia-day-closing__columns dd { margin: 0; color: var(--sia-ink); font-size: .82rem; font-weight: 900; white-space: nowrap; }
.sia-day-closing__payment-total { display: inline-flex; align-items: center; justify-content: flex-end; gap: .42rem; }
.sia-day-closing__columns dl > div.sia-day-closing__payment-prepayment { margin: .22rem 0; padding: .55rem .5rem; border: 1px solid #cce3c8; border-radius: 9px; background: #f2faef; }
.sia-day-closing__payment-prepayment dt strong { color: #28692a; }
.sia-day-closing__prepayment-note { margin: .25rem 0 0; color: #63735e; font-size: .68rem; line-height: 1.45; }
.sia-day-closing__payment-check { display: inline-grid; width: 1.35rem; height: 1.35rem; flex: 0 0 1.35rem; place-items: center; border: 1px solid #9ecb94; border-radius: 50%; background: #e6f5e2; color: #287331; box-shadow: 0 1px 2px rgba(40,115,49,.12); }
.sia-day-closing__payment-check svg { width: .82rem; height: .82rem; fill: none; stroke: currentColor; stroke-width: 2.6; }
.sia-day-closing__cash { display: none; }
.sia-day-closing__cash span { font-size: .73rem; font-weight: 850; }
.sia-day-closing__cash strong { font-size: .84rem; }
.sia-day-closing__cash small { grid-column: 1 / -1; color: #6e5c50; font-size: .67rem; }
.sia-pin-verification { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .75rem; padding: .8rem; border: 1px solid #dccdbf; border-radius: 11px; background: #f6f0e9; }
.sia-pin-verification.is-match { border-color: #a8d0aa; background: #edf8ed; color: #21672b; }
.sia-pin-verification.is-mismatch { border-color: #e5b77d; background: #fff5e5; color: #854e00; }
.sia-pin-verification__content { display: grid; gap: .28rem; min-width: 0; }
.sia-pin-verification__upload { flex: 0 0 42px; width: 42px; min-height: 42px; border-color: #d2ad81; background: #fffaf3; color: #75430c; }
.sia-pin-verification__upload:hover, .sia-pin-verification__upload:focus-visible { border-color: #87518f; color: #704278; box-shadow: 0 0 0 3px rgba(135,81,143,.14); }
.sia-day-closing__reception-action { display: grid; width: 100%; min-width: 0; justify-items: start; gap: .6rem; }
.sia-day-closing__reception-action > span { min-width: 0; }
.sia-day-closing__reception-action > button, .sia-day-closing__reception-action > details { justify-self: center; }
.sia-day-closing__reception-upload > button { display: inline-flex; flex: 0 0 auto; align-items: center; gap: .35rem; min-height: 34px; padding: .38rem .62rem; border: 1px solid #d3aa78; border-radius: 8px; background: #fff8ef; color: #75430c; font-size: .68rem; font-weight: 850; line-height: 1; white-space: nowrap; cursor: pointer; }
.sia-day-closing__reception-upload > button svg { width: 16px; height: 16px; }
.sia-day-closing__reception-upload > button:hover, .sia-day-closing__reception-upload > button:focus-visible { border-color: #87518f; color: #704278; box-shadow: 0 0 0 3px rgba(135,81,143,.13); }
.sia-pin-verification strong { font-size: .84rem; }
.sia-pin-verification span, .sia-pin-verification small { font-size: .69rem; line-height: 1.45; }
.sia-pin-breakdown { display: grid; gap: 0; margin: 0; overflow: hidden; border: 1px solid #e4c5a0; border-radius: 11px; background: #fffdfa; }
.sia-pin-breakdown > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .8rem; padding: .48rem .7rem; border-bottom: 1px solid #eedcca; font-size: .72rem; }
.sia-pin-breakdown > div:last-child { border-bottom: 0; }
.sia-pin-breakdown dt, .sia-pin-breakdown dd { margin: 0; }
.sia-pin-breakdown dd { font-weight: 850; }
.sia-pin-breakdown .is-total { background: #f3eadf; font-weight: 900; }
.sia-pin-breakdown-empty { margin: 0; padding: .65rem .7rem; border: 1px dashed #ddc5aa; border-radius: 10px; background: #fffaf3; color: #735f50; font-size: .68rem; line-height: 1.45; }
.sia-pin-receipt-card { display: grid; grid-template-columns: minmax(0, 1fr); gap: .7rem; margin: 0; padding: .7rem; border: 1px solid #e4c5a0; border-radius: 12px; background: #fffaf3; }
.sia-pin-receipt-card__preview { display: grid; min-height: 270px; place-items: center; overflow: hidden; border-radius: 9px; background: #eee5dc; }
.sia-pin-receipt-card__preview img { display: block; width: 100%; height: 310px; object-fit: contain; background: #e8e0d8; }
.sia-pin-receipt-card__document { display: grid; width: 64px; height: 64px; place-items: center; color: #87518f; }
.sia-pin-receipt-card__document svg { width: 54px; height: 54px; }
.sia-pin-receipt-card figcaption { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: .65rem; }
.sia-pin-receipt-card figcaption > strong { overflow: hidden; color: #493224; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.sia-pin-receipt-card__actions { display: grid; grid-template-columns: repeat(3, 40px); align-items: center; gap: .4rem; }
.sia-pin-receipt-card__actions form { display: contents; margin: 0; padding: 0; border: 0; background: transparent; }
.sia-pin-receipt-card__actions .sia-app__icon-action { box-sizing: border-box; width: 40px !important; height: 40px !important; min-height: 40px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #e0bd92 !important; border-radius: 9px !important; background: #fffaf3 !important; box-shadow: none !important; }
.sia-pin-receipt-card__actions .sia-app__icon-action svg { width: 18px; height: 18px; }
.sia-pin-receipt-card__actions .is-delete { color: #c1281c !important; }
.sia-pin-receipt-card__actions .is-delete svg { stroke: #c1281c !important; }
.sia-pin-receipt-card__actions .is-delete:hover, .sia-pin-receipt-card__actions .is-delete:focus-visible { border-color: #c1281c !important; background: #fff2f1 !important; box-shadow: 0 0 0 3px rgba(193,40,28,.13) !important; }
/* Branded confirmation for reopening a completed day. */
dialog.sia-reopen-confirm { width: min(520px, calc(100vw - 32px)); max-width: none; margin: auto; padding: 0; overflow: hidden; border: 1px solid #dfbe95; border-radius: 16px; background: #fffdfa; color: #382417; box-shadow: 0 24px 70px rgba(45,27,17,.3); font: 16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif; }
dialog.sia-reopen-confirm[open] { animation: sia-reopen-confirm-in .18s ease-out both; }
dialog.sia-reopen-confirm::backdrop { background: rgba(43,31,24,.58); backdrop-filter: blur(2px); }
.sia-reopen-confirm > section { display: grid; }
.sia-reopen-confirm header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1rem 1.1rem; border-bottom: 1px solid #efdeca; background: #fff7ec; }
.sia-reopen-confirm header small { color: #87518f; font-size: .64rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.sia-reopen-confirm header h2 { margin: .12rem 0 0; font: 700 1.35rem/1.12 Georgia,serif; }
.sia-reopen-confirm header > button { display: grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; min-height: 36px; padding: 0; border: 0; border-radius: 9px; background: #382417; color: #fff; cursor: pointer; font-size: 1.25rem; font-weight: 900; }
.sia-reopen-confirm__body { display: grid; grid-template-columns: 48px minmax(0,1fr); align-items: start; gap: .85rem; padding: 1.1rem; }
.sia-reopen-confirm__icon { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 999px; background: #f4e9f5; color: #87518f; font-size: 1.45rem; font-weight: 900; }
.sia-reopen-confirm__body strong { display: block; margin-bottom: .2rem; font: 700 1rem/1.2 Georgia,serif; }
.sia-reopen-confirm__body p { margin: 0; color: #755d4b; font-size: .75rem; line-height: 1.55; }
.sia-reopen-confirm footer { display: flex; justify-content: flex-end; gap: .55rem; padding: .8rem 1.1rem; border-top: 1px solid #efdeca; background: #fbfaf8; }
.sia-reopen-confirm footer button { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; gap: .35rem; padding: .58rem .85rem; border: 1px solid #382417; border-radius: 9px; background: #382417; color: #fff; cursor: pointer; font-size: .72rem; font-weight: 900; }
.sia-reopen-confirm footer button.is-secondary { border-color: #d7b78e; background: #fff; color: #76430a; }
.sia-reopen-confirm button:hover, .sia-reopen-confirm button:focus-visible { outline: 0; box-shadow: 0 0 0 3px rgba(135,81,143,.18); }
@keyframes sia-reopen-confirm-in { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (max-width: 520px) { .sia-reopen-confirm__body { grid-template-columns: 1fr; } .sia-reopen-confirm footer { align-items: stretch; flex-direction: column-reverse; } .sia-reopen-confirm footer button { width: 100%; } }
.sia-day-closing-sheet__signatures { display: none; }
.sia-day-closing__receipt { display: grid; gap: .85rem; margin-top: 1rem; padding: 1rem; border: 1px solid #dcb98e; border-radius: 15px; background: #fff8ef; }
.sia-day-closing-drawer .sia-day-closing__receipt { min-height: 100%; margin: 0; border: 0; border-radius: 0; align-content: start; }
.sia-day-closing__receipt > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.sia-day-closing__receipt > header .sia-app__icon-action { flex: 0 0 44px; }
.sia-day-closing__receipt > header small { color: #92599b; font-size: .67rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.sia-day-closing__receipt > header h2 { margin: .15rem 0; font: 700 1.25rem/1.2 Georgia, serif; }
.sia-day-closing__receipt > header p { margin: 0; color: #705e51; font-size: .75rem; }
.sia-day-closing__receipt form { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: .85rem; }
.sia-day-closing__receipt .sia-financial-upload { align-content: start; gap: .55rem; padding: .85rem; border: 1px solid #e4c5a0; border-radius: 11px; background: #fffdfa; }
.sia-day-closing__receipt .sia-financial-upload__heading { align-items: center; }
.sia-day-closing__receipt .sia-financial-upload__sources { justify-content: center; padding: .1rem 0; }
.sia-day-closing__receipt .sia-financial-upload__preview { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "receipt-image receipt-image" "receipt-caption receipt-action"; align-items: center; gap: .65rem .8rem; padding: .7rem; }
.sia-day-closing__receipt .sia-financial-upload__preview img { grid-area: receipt-image; width: 100%; height: clamp(240px, 36vh, 360px); padding: .55rem; border: 1px solid #e4d6c8; border-radius: 9px; background: #eee7df; object-fit: contain; }
.sia-day-closing__receipt .sia-financial-upload__preview figcaption { grid-area: receipt-caption; }
.sia-day-closing__receipt .sia-financial-upload__preview button { grid-area: receipt-action; width: auto; }
.sia-day-closing__receipt-details { display: grid; min-width: 0; align-content: start; gap: .65rem; }
.sia-day-closing__receipt-fields { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-content: start; gap: .65rem; }
.sia-day-closing__receipt-fields label { display: grid; gap: .28rem; color: #513522; font-size: .72rem; font-weight: 850; }
.sia-day-closing__receipt-fields input { width: 100%; min-height: 44px; border: 1px solid #dfbc90; border-radius: 9px; background: #fffdfa; padding: .65rem .75rem; color: var(--sia-ink); font: inherit; }
.sia-pin-breakdown-editor { display: grid; gap: .65rem; padding: .75rem; border: 1px solid #e4c5a0; border-radius: 11px; background: #fff8ee; }
.sia-pin-breakdown-editor > header { display: flex; align-items: end; justify-content: space-between; gap: 1rem; }
.sia-pin-breakdown-editor > header small { color: #87518f; font-size: .62rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.sia-pin-breakdown-editor > header h3 { margin: .1rem 0 0; font: 700 .94rem/1.25 Georgia, serif; }
.sia-pin-breakdown-editor__tools { display: flex; align-items: center; justify-content: flex-end; gap: .55rem; }
.sia-pin-breakdown-editor__tools > span { color: #705e51; font-size: .66rem; }
.sia-pin-breakdown-editor__tools button { display: inline-flex; align-items: center; gap: .35rem; min-height: 36px; padding: .42rem .62rem; border: 1px solid #d7b184; border-radius: 8px; background: #fffdfa; color: #75430c; font-size: .68rem; font-weight: 850; white-space: nowrap; cursor: pointer; }
.sia-pin-breakdown-editor__tools button svg { width: 16px; height: 16px; }
.sia-pin-breakdown-editor__tools button:hover, .sia-pin-breakdown-editor__tools button:focus-visible { border-color: #87518f; color: #704278; box-shadow: 0 0 0 3px rgba(135,81,143,.13); }
.sia-pin-breakdown-editor__tools button:disabled { opacity: .58; cursor: wait; }
.sia-pin-breakdown-editor > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
.sia-pin-breakdown-editor fieldset { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; margin: 0; padding: .55rem; border: 1px solid #ead3b8; border-radius: 9px; background: #fffdfa; }
.sia-pin-breakdown-editor legend { padding: 0 .22rem; color: #493224; font-size: .7rem; font-weight: 900; }
.sia-pin-breakdown-editor label { display: grid; gap: .22rem; color: #705e51; font-size: .62rem; font-weight: 800; }
.sia-pin-breakdown-editor input { width: 100%; min-height: 38px; padding: .48rem .55rem; border: 1px solid #dfbc90; border-radius: 8px; background: #fff; color: var(--sia-ink); font: 750 .72rem/1 system-ui,-apple-system,"Segoe UI",sans-serif; }
.sia-day-closing__recognized { display: grid; gap: .25rem; }
.sia-day-closing__recognized > div { display: flex; justify-content: space-between; gap: .75rem; padding: .45rem .65rem; border-radius: 8px; background: #fffdfa; font-size: .7rem; }
.sia-pin-comparison { margin: 0; padding: .65rem .75rem; border-radius: 9px; background: #efe8df; color: #604e42; font-size: .72rem; font-weight: 800; }
.sia-pin-comparison.is-match { background: #e7f5e8; color: #21672b; }
.sia-pin-comparison.is-mismatch { background: #fff0db; color: #8a5100; }
.sia-day-closing__receipt-details > footer { display: flex; justify-content: center; padding-top: .35rem; }
.sia-day-closing__receipt-details > footer button { display: inline-flex; align-items: center; gap: .45rem; min-height: 44px; border: 0; border-radius: 9px; background: var(--sia-ink); color: #fff; padding: .7rem 1rem; font-weight: 850; cursor: pointer; }
.sia-day-closing__save-receipt { min-width: min(320px, 100%); justify-content: center; }
.sia-day-closing__save-receipt svg { flex: 0 0 17px; width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; }
@media (max-width: 1280px) {
.sia-documents-admin__header { grid-template-columns: minmax(240px, 1fr) minmax(220px, .7fr); }
.sia-documents-admin__header-actions { grid-column: 1 / -1; justify-content: flex-start; }
}
@media (max-width: 840px) {
.sia-documents-admin__header { grid-template-columns: 1fr !important; }
.sia-documents-admin__mail-summary { border-top: 1px solid #ead7bf; border-left: 0; padding: .65rem 0 0; }
.sia-documents-admin__header-actions { grid-column: auto; align-items: stretch; flex-direction: column; }
.sia-documents-admin__header-actions .sia-documents-admin__period { flex-wrap: wrap; }
}
@media (max-width: 980px) {
.sia-day-closing__columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sia-day-closing__pin-summary { grid-column: 1 / -1; }
.sia-day-closing__receipt-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sia-day-closing__receipt .sia-financial-upload__preview img { height: clamp(230px, 34vh, 340px); }
}
@media (max-width: 680px) {
.sia-report-overview__stats, .sia-day-closing__columns, .sia-day-closing__receipt-fields, .sia-pin-breakdown-editor > div { grid-template-columns: 1fr; }
.sia-day-closing__pin-summary { grid-column: auto; }
.sia-day-closing__head-actions { flex-wrap: wrap; }
.sia-pin-receipt-card__preview { min-height: 220px; }
.sia-pin-receipt-card__preview img { height: 250px; }
.sia-pin-receipt-card figcaption { align-items: flex-start; flex-direction: column; }
.sia-pin-breakdown-editor > header, .sia-pin-breakdown-editor__tools { align-items: stretch; flex-direction: column; }
.sia-pin-breakdown-editor__tools button { justify-content: center; }
.sia-day-closing__receipt .sia-financial-upload__preview { grid-template-columns: 1fr; grid-template-areas: "receipt-image" "receipt-caption" "receipt-action"; }
.sia-day-closing__receipt .sia-financial-upload__preview img { width: 100%; height: clamp(220px, 32vh, 320px); }
.sia-day-closing__receipt .sia-financial-upload__preview button { width: 100%; }
.sia-staff-month__checks > header { align-items: flex-start; flex-direction: column; }
.sia-staff-month__issue-list > li { grid-template-columns: 1fr; }
.sia-staff-month__issue-list nav { justify-content: flex-start; }
.sia-staff__quick-actions { flex-direction: column; }
}
/* Booking-linked prepayments. The receipt date and treatment date remain visually distinct. */
.sia-app__prepayment-button > span[aria-hidden="true"] { color: #2d6f2f; font-size: .76rem; font-weight: 900; letter-spacing: -.05em; }
.sia-booking-prepayment-drawer { width: min(760px, calc(100vw - 28px)); }
.sia-prepayment-mode { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.sia-prepayment-mode button { min-height: 36px; padding: .45rem .75rem; border: 1px solid #d6a66d; border-radius: 9px; background: #fffaf4; color: #4b2d1c; font-weight: 750; }
.sia-inline-action { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .45rem; }
.sia-inline-action button { min-width: 92px; }
.sia-prepayment-results { display: grid; gap: .4rem; max-height: 260px; overflow: auto; }
.sia-app form button.sia-prepayment-result {
display: grid;
gap: .1rem;
width: 100%;
min-height: 0;
padding: .58rem .72rem .58rem .82rem;
border: 1px solid #e4c39d;
border-left: 4px solid #c98939;
border-radius: 9px;
background: #fffdfa;
box-shadow: 0 1px 2px rgb(65 39 23 / 5%);
color: #3c281c;
font-weight: 400;
line-height: 1.25;
text-align: left;
}
.sia-app form button.sia-prepayment-result strong { color: #382417; font-size: .88rem; }
.sia-app form button.sia-prepayment-result span { color: #766255; font-size: .74rem; font-weight: 500; }
.sia-app form button.sia-prepayment-result:hover,
.sia-app form button.sia-prepayment-result:focus-visible { border-color: #bd7a29; border-left-color: #a96811; background: #fff6e9; color: #3c281c; transform: none; box-shadow: 0 2px 6px rgb(65 39 23 / 9%); }
.sia-app form button.sia-prepayment-result.is-selected { border-color: #4e914c; border-left-color: #367b3b; background: #eef8eb; color: #245b2b; box-shadow: inset 0 0 0 1px rgb(78 145 76 / 18%); }
.sia-app form button.sia-prepayment-result.is-selected strong,
.sia-app form button.sia-prepayment-result.is-selected span { color: inherit; }
.sia-prepayment-selection { margin-top: .65rem; padding: .65rem .75rem; border-radius: 9px; background: #eaf6e7; color: #29672b; font-weight: 800; }
.sia-prepayment-search-status,
.sia-prepayment-payment-status { margin: .55rem 0; color: #71594a; font-size: .78rem; }
.sia-prepayment-search-status.is-error,
.sia-prepayment-payment-status.is-error { color: #a22f25; font-weight: 750; }
.sia-prepayment-split[hidden],
.sia-manual-booking__prepayment-split[hidden] { display: none !important; }
.sia-app form button[data-sia-prepayment-submit]:disabled { border-color: #d5c4b6; background: #e9e1da; color: #7d6d61; cursor: not-allowed; }
.sia-app form button[data-sia-prepayment-submit].is-saving,
.sia-app form button[data-sia-prepayment-submit].is-saved { border-color: #2f783f; background: #2f783f; color: #fff; box-shadow: 0 4px 12px rgb(47 120 63 / 22%); cursor: wait; }
.sia-app form button[data-sia-prepayment-submit].is-saved { background: #256d37; cursor: default; }
.sia-prepayment-split,
.sia-manual-booking__prepayment-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
.sia-manual-booking__prepayment { margin: 0; padding: 1rem; border: 1px solid #e6c49d; border-radius: 14px; background: #fffaf4; }
.sia-manual-booking__prepayment-toggle { display: grid; grid-template-columns: 34px minmax(0, 1fr) 24px; align-items: center; gap: .75rem; }
.sia-manual-booking__prepayment-toggle input { width: 23px; height: 23px; min-height: 0; justify-self: end; margin: 0; }
.sia-manual-booking__prepayment-toggle strong,
.sia-manual-booking__prepayment-toggle small { display: block; }
.sia-manual-booking__prepayment-toggle small { margin-top: .18rem; color: #786154; font-weight: 500; }
.sia-manual-booking__prepayment-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .82rem; margin-top: 1rem; }
.sia-manual-booking__prepayment-fields[hidden] { display: none !important; }
.sia-manual-booking__prepayment-fields .is-wide { grid-column: 1 / -1; }
.sia-calendar__paid-badge,
.sia-prepayment-inline-badge { width: fit-content; margin-top: .2rem; padding: .12rem .42rem; border: 1px solid #78b575; border-radius: 999px; background: #e9f7e7; color: #236326; font-size: .62rem; font-weight: 850; line-height: 1.35; white-space: nowrap; }
.sia-calendar__paid-badge { position: relative; z-index: 2; }
.sia-app form button.sia-prepayment-inline-badge { display: grid; width: fit-content; min-height: 0; justify-items: start; gap: .03rem; margin-top: .18rem; padding: .12rem .22rem; border: 0; border-radius: 5px; background: transparent; color: #3f7146; box-shadow: none; font-weight: 750; line-height: 1.2; text-align: left; transform: none; }
.sia-app form button.sia-prepayment-inline-badge span { font-size: .58rem; white-space: nowrap; }
.sia-app form button.sia-prepayment-inline-badge small { color: #788276; font-size: .54rem; font-weight: 600; white-space: nowrap; }
.sia-app form button.sia-prepayment-inline-badge:hover,
.sia-app form button.sia-prepayment-inline-badge:focus-visible { border: 0; background: #f1f7ef; color: #2f6337; box-shadow: none; transform: none; }
.sia-prepayment-facts { display: grid; gap: .35rem; margin: .7rem 0 0; }
.sia-prepayment-facts div { display: flex; justify-content: space-between; gap: 1rem; padding: .45rem 0; border-bottom: 1px solid #ead8c4; }
.sia-prepayment-facts dt { color: #786154; }
.sia-prepayment-facts dd { margin: 0; font-weight: 800; }
.sia-day-closing__prepayments { margin: .8rem 0; padding: .9rem 1rem; border: 1px solid #9dcc98; border-radius: 12px; background: #f2faef; }
.sia-day-closing__prepayments > header { display: flex; align-items: center; justify-content: space-between; }
.sia-day-closing__prepayments > header small,
.sia-day-closing__prepayments > header h2 { display: block; margin: 0; }
.sia-day-closing__prepayments > header > strong { display: grid; min-width: 32px; height: 32px; place-items: center; border-radius: 50%; background: #dcedd8; color: #28692a; }
.sia-day-closing__prepayments dl { margin: .65rem 0; }
.sia-day-closing__prepayments dl div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1rem; padding: .55rem 0; border-top: 1px solid #d4e9d0; }
.sia-day-closing__prepayments dt strong,
.sia-day-closing__prepayments dt span,
.sia-day-closing__prepayments dd strong,
.sia-day-closing__prepayments dd span { display: block; }
.sia-day-closing__prepayments dt span,
.sia-day-closing__prepayments dd span,
.sia-day-closing__prepayments > p { color: #63735e; font-size: .72rem; }
.sia-day-closing__prepayments dd { margin: 0; text-align: right; }
@media (max-width: 680px) {
.sia-prepayment-mode { align-items: stretch; flex-direction: column; }
.sia-manual-booking__appointment-grid,
.sia-manual-booking__customer-grid,
.sia-manual-booking__prepayment-fields { grid-template-columns: 1fr; }
.sia-day-closing__prepayments dl div { grid-template-columns: 1fr; }
.sia-day-closing__prepayments dd { text-align: left; }
}
@media (max-width: 620px) {
.sia-app form button.sia-app__manual-button { width: 44px; padding: 0; }
.sia-app form button.sia-app__manual-button > span { display: none; }
}
@media print {
@page { size: A4 landscape; margin: 10mm; }
@page sia-day-closing { size: A4 portrait; margin: 10mm; }
html.sia-staff-hours, body.sia-standalone.sia-staff-hours { height: auto !important; overflow: visible !important; }
body { background: #fff !important; }
body * { visibility: hidden !important; }
.sia-finance, .sia-finance *, .sia-staff-month, .sia-staff-month * { visibility: visible !important; }
.sia-finance { position: absolute; top: 0; left: 0; width: 100%; margin: 0; padding: 0; border: 0; background: #fff; color: #111; }
.sia-staff-month { position: absolute; top: 0; left: 0; width: 100%; border: 0; }
.sia-staff-month__header-actions, .sia-staff-month__footer, .sia-staff-month__checks { display: none !important; }
.sia-staff-month .sia-administration__table-scroll { max-height: none !important; overflow: visible !important; }
.sia-staff-month table { min-width: 0; font-size: 8.5pt; }
.sia-staff-month tr { break-inside: avoid; page-break-inside: avoid; }
.sia-finance__print-head { display: block !important; margin: 0 0 7mm; padding-bottom: 4mm; border-bottom: 1px solid #b9a895; }
.sia-finance__print-head small { color: #6b5140; font-size: 9pt; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.sia-finance__print-head h1 { margin: 1.5mm 0; font: 700 20pt/1.15 Georgia, serif; }
.sia-finance__print-head p { margin: 0; font-size: 10pt; }
.sia-finance__toolbar, .sia-finance > .sia-finance__summary, .sia-app__notice { display: none !important; }
.sia-finance__totals--print-copy { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 4mm; margin: 0 0 6mm; }
.sia-finance__totals--print-copy > span { padding: 3mm; border-color: #bbb; }
.sia-finance__rows, .sia-finance .sia-app__table-wrap { width: 100%; max-height: none !important; overflow: visible !important; }
.sia-staff-hours .sia-app, .sia-staff-hours .sia-app__workspace, .sia-staff-hours .sia-staff-detail, .sia-staff-hours .sia-staff-detail__content, .sia-staff-hours .sia-finance { display: block !important; height: auto !important; min-height: 0 !important; overflow: visible !important; }
.sia-finance table { width: 100%; border-collapse: collapse; font-size: 8.5pt; }
.sia-finance thead { display: table-header-group; }
.sia-finance tr { break-inside: avoid; page-break-inside: avoid; }
.sia-finance th { position: static !important; color: #111; background: #eee !important; box-shadow: none !important; }
.sia-finance th, .sia-finance td { padding: 2.2mm 2.5mm; border: 1px solid #ccc; }
.sia-finance__status { border: 1px solid #aaa; background: transparent !important; color: #111 !important; }
body.sia-print-day-closing .sia-day-closing-sheet, body.sia-print-day-closing .sia-day-closing-sheet * { visibility: visible !important; }
body.sia-print-day-closing .sia-day-closing-sheet { position: absolute; inset: 0 auto auto 0; width: 100%; gap: 3.5mm; color: #111; page: sia-day-closing; }
body.sia-print-day-closing .sia-day-closing-sheet__print-head { display: block !important; padding-bottom: 3mm; border-bottom: 1px solid #aaa; }
body.sia-print-day-closing .sia-day-closing-sheet__print-head h1 { margin: 1mm 0; font: 700 18pt/1.15 Georgia, serif; }
body.sia-print-day-closing .sia-day-closing-sheet__print-head p { margin: 0; font-size: 9pt; }
body.sia-print-day-closing .sia-cashbook__totals { grid-template-columns: repeat(3, 1fr); gap: 2mm; }
body.sia-print-day-closing .sia-cashbook__totals > span { min-height: 0; padding: 2mm; border: 1px solid #bbb; background: #fff !important; }
body.sia-print-day-closing .sia-day-closing__columns { grid-template-columns: repeat(2, 1fr); gap: 3mm; }
body.sia-print-day-closing .sia-day-closing__columns > section { padding: 3mm; border-color: #bbb; background: #fff !important; break-inside: avoid; }
body.sia-print-day-closing .sia-day-closing__pin-summary { grid-column: 1 / -1; }
body.sia-print-day-closing .sia-day-closing__columns dl > div { padding: 1.15mm 0; }
body.sia-print-day-closing .sia-day-closing-sheet__signatures { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 7mm; margin-top: 2mm; padding-top: 4mm; border-top: 1px solid #aaa; font-size: 8.5pt; break-inside: avoid; }
body.sia-print-day-closing .sia-app__button, body.sia-print-day-closing .sia-pin-verification__upload, body.sia-print-day-closing .sia-pin-receipt-card__actions { display: none !important; }
body.sia-print-day-closing .sia-pin-receipt-card { grid-template-columns: 32mm 1fr; padding: 2mm; }
body.sia-print-day-closing .sia-pin-receipt-card__preview, body.sia-print-day-closing .sia-pin-receipt-card__preview img { height: 36mm; min-height: 0; }
}
/* Day closing: compact totals and omzet-neutrale pin-naar-kasboekingen (0.9.54) */
.sia-day-closing-sheet .sia-cashbook__totals { grid-template-columns: repeat(8,minmax(0,1fr)); gap: .45rem; }
.sia-day-closing-sheet .sia-cashbook__totals > span { min-width: 0; min-height: 68px; padding: .58rem .65rem; align-content: center; }
.sia-day-closing-sheet .sia-cashbook__totals small { font-size: .64rem; line-height: 1.25; }
.sia-day-closing-sheet .sia-cashbook__totals strong { font-size: .91rem; line-height: 1.25; overflow-wrap: anywhere; }
.sia-pin-verification { position: relative; align-items: start; }
.sia-pin-verification__content { align-self: center; }
.sia-pin-verification__difference { display: flex; flex-wrap: wrap; gap: .25rem; align-items: baseline; margin-top: .18rem; padding-top: .38rem; border-top: 1px solid currentColor; }
.sia-pin-verification__difference strong { font-size: .94rem; }
.sia-pin-verification__actions { display: flex; gap: .5rem; align-items: start; }
.sia-pin-transfer { position: relative; }
.sia-pin-transfer > summary { display: inline-flex; min-height: 42px; gap: .42rem; align-items: center; justify-content: center; padding: 0 .85rem; border: 1px solid #d2ad81; border-radius: 9px; background: #402719; color: #fff; font-size: .72rem; font-weight: 900; cursor: pointer; list-style: none; white-space: nowrap; }
.sia-pin-transfer > summary::-webkit-details-marker { display: none; }
.sia-pin-transfer > summary svg { width: 15px; height: 15px; }
.sia-pin-transfer[open] > summary { background: #87518f; border-color: #87518f; }
.sia-pin-transfer form { position: absolute; z-index: 40; top: calc(100% + .5rem); right: 0; display: grid; width: min(520px,calc(100vw - 4rem)); grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; padding: .85rem; border: 1px solid #d8b184; border-radius: 12px; background: #fffdfa; color: #382417; box-shadow: 0 12px 32px rgba(56,36,23,.2); }
.sia-pin-transfer form label { display: grid; gap: .25rem; min-width: 0; font-size: .7rem; font-weight: 850; }
.sia-pin-transfer form input,.sia-pin-transfer form select { width: 100%; min-width: 0; min-height: 42px; padding: .55rem .65rem; border: 1px solid #d8b184; border-radius: 8px; background: #fff; color: #382417; }
.sia-pin-transfer form .is-wide { grid-column: 1/-1; }
.sia-pin-transfer form p { margin: 0; color: #755d4b; font-size: .67rem; line-height: 1.4; }
.sia-pin-transfer form button { grid-column: 1/-1; justify-self: end; min-height: 42px; padding: 0 1rem; border: 0; border-radius: 8px; background: #402719; color: #fff; font-weight: 900; }
.sia-pin-transfer__existing { display: grid; gap: .15rem; padding: .6rem .68rem; border: 1px solid #d7a55f; border-radius: 8px; background: #fff3dc; color: #71420c; }
.sia-pin-transfer__existing strong { font-size: .7rem; }
.sia-pin-transfer__existing span { font-size: .64rem; font-weight: 700; line-height: 1.4; }
.sia-pin-transfer-list { display: grid; gap: .35rem; margin-top: .55rem; padding: .65rem .75rem; border: 1px solid #e3c8a8; border-radius: 10px; background: #fffdfa; }
.sia-pin-transfer-list__head { display: flex; gap: .7rem; align-items: center; justify-content: space-between; padding-bottom: .15rem; }
.sia-pin-transfer-list__head > span { display: grid; gap: .08rem; min-width: 0; }
.sia-pin-transfer-list__head strong { font-size: .74rem; }
.sia-pin-transfer-list__head small { color: #755d4b; font-size: .62rem; line-height: 1.35; }
.sia-pin-transfer-list__head > b { font-size: .7rem; white-space: nowrap; }
.sia-pin-transfer-list__row { display: grid; grid-template-columns: 105px minmax(0,1fr) auto 30px; gap: .55rem; align-items: center; min-height: 34px; padding-top: .35rem; border-top: 1px solid #eedcca; }
.sia-pin-transfer-list em { font-size: .68rem; font-style: normal; font-weight: 850; }
.sia-pin-transfer-list small { min-width: 0; color: #755d4b; font-size: .67rem; }
.sia-pin-transfer-list b { font-size: .72rem; white-space: nowrap; }
.sia-pin-transfer-list__row form { display: flex; margin: 0; }
.sia-app form .sia-pin-transfer-list__delete { display: inline-flex; width: 30px; min-width: 30px; height: 30px; min-height: 30px; align-items: center; justify-content: center; padding: 0; border: 1px solid #e5b1a9; border-radius: 7px; background: #fff; color: #b33427; cursor: pointer; }
.sia-app form .sia-pin-transfer-list__delete:hover,.sia-app form .sia-pin-transfer-list__delete:focus-visible { border-color: #b33427; background: #fff1ef; }
.sia-app form .sia-pin-transfer-list__delete svg { flex: 0 0 14px; width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; }
@media (max-width: 1180px) { .sia-day-closing-sheet .sia-cashbook__totals { grid-template-columns: repeat(4,minmax(0,1fr)); } }
@media (max-width: 680px) {
.sia-day-closing-sheet .sia-cashbook__totals { grid-template-columns: repeat(2,minmax(0,1fr)); }
.sia-pin-verification { grid-template-columns: 1fr; }
.sia-pin-verification__actions { justify-content: flex-end; }
.sia-pin-transfer form { right: 0; width: min(440px,calc(100vw - 3rem)); grid-template-columns: 1fr; }
.sia-pin-transfer form .is-wide { grid-column: auto; }
.sia-pin-transfer-list__head { align-items: flex-start; flex-direction: column; gap: .25rem; }
.sia-pin-transfer-list__row { grid-template-columns: 1fr auto 30px; }
.sia-pin-transfer-list__row small { grid-column: 1/-1; grid-row: 2; }
}
@media print { body.sia-print-day-closing .sia-pin-transfer { display: none !important; } }
/* Financial close: prominent cash total and recorded reception approval (0.9.55) */
.sia-day-closing__cash { margin: .7rem 0 0; padding: .85rem 1rem; border: 2px solid #c28a45; border-radius: 11px; background: #fff2dc; color: #382417; }
.sia-day-closing__cash span { font-size: .84rem; font-weight: 950; letter-spacing: .01em; }
.sia-day-closing__cash strong { color: #7b3f00; font-size: 1.28rem; line-height: 1.1; }
.sia-day-closing__cash small { grid-column: 1/-1; color: #6d5140; font-size: .7rem; line-height: 1.4; }
.sia-day-closing__cash .sia-day-closing__cash-counted { margin-top: .2rem; padding-top: .4rem; border-top: 1px solid #dfba89; color: #276d35; font-weight: 850; }
.sia-day-close-card__close { grid-template-columns: minmax(190px,1fr) auto; align-content: center; }
.sia-day-close-card__pin-ok { grid-column: 1/-1; display: flex; gap: .4rem; align-items: center; padding: .42rem .55rem; border-radius: 7px; background: #eaf6ec; color: #21672b; font-size: .68rem; font-weight: 850; }
.sia-day-close-card__pin-ok svg { flex: 0 0 15px; width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; }
.sia-day-close-card__close .sia-day-close-card__counted { grid-column: 1/-1; }
.sia-day-close-card__acceptance { grid-column: 1/-1; display: grid !important; grid-template-columns: 20px minmax(0,1fr); gap: .5rem !important; align-items: start; padding: .5rem .6rem; border: 1px solid #d9b37f; border-radius: 8px; background: #fff8ed; cursor: pointer; }
.sia-day-close-card__acceptance input[type="checkbox"] { width: 18px; height: 18px; min-height: 18px; margin: .05rem 0 0; accent-color: #397847; }
.sia-day-close-card__acceptance span { line-height: 1.4; }
.sia-day-close-card__close > button { grid-column: 1/-1; justify-self: end; }
.sia-day-close-card__close:has(.sia-day-close-card__acceptance input:not(:checked)) > button { opacity: .5; }
.sia-day-close-card__reception-message { padding: .55rem .65rem; border: 1px solid #8fc196; border-radius: 8px; background: #edf8ee; color: #21672b !important; font-weight: 800; line-height: 1.45; }
@media (max-width: 820px) {
.sia-day-close-card__close { grid-template-columns: 1fr; }
.sia-day-close-card__close > button { justify-self: stretch; }
}
/* Financial close drawer on the day-closing page (0.9.56) */
.sia-day-closing__closure-explainer > button { flex: 0 0 auto; padding: .48rem .65rem; border: 1px solid currentColor; border-radius: 7px; background: transparent; color: inherit; font: inherit; font-size: .68rem; font-weight: 900; cursor: pointer; }
.sia-day-closing__closure-explainer > button:hover,.sia-day-closing__closure-explainer > button:focus-visible { background: rgba(255,255,255,.55); outline: 0; box-shadow: 0 0 0 3px rgba(135,81,143,.14); }
dialog.sia-platform-drawer.sia-financial-close-drawer { --sia-platform-drawer-width: 580px; overflow: hidden !important; }
.sia-financial-close-panel { display: flex; min-height: 100%; flex-direction: column; gap: 1rem; padding: 1.1rem; background: #fffdfa; color: #382417; }
.sia-financial-close-panel > header { display: flex; gap: 1rem; align-items: flex-start; justify-content: space-between; padding-bottom: .85rem; border-bottom: 1px solid #e7c59d; }
.sia-financial-close-panel > header > div { display: grid; gap: .2rem; }
.sia-financial-close-panel > header small { color: #92599b; font-size: .68rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.sia-financial-close-panel > header h2 { margin: 0; font: 700 1.55rem/1.1 Georgia,serif; }
.sia-financial-close-panel > header p { margin: .2rem 0 0; color: #705e51; font-size: .76rem; line-height: 1.45; }
.sia-financial-close-panel > header .sia-app__icon-action { flex: 0 0 44px; }
.sia-financial-close-panel__summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .55rem; }
.sia-financial-close-panel__summary article { display: grid; gap: .18rem; min-width: 0; padding: .75rem; border: 1px solid #e3c49e; border-radius: 10px; background: #fff8ef; }
.sia-financial-close-panel__summary small { color: #755d4b; font-size: .65rem; font-weight: 850; }
.sia-financial-close-panel__summary strong { font-size: 1rem; overflow-wrap: anywhere; }
.sia-financial-close-panel__summary article > span { color: #796657; font-size: .62rem; font-weight: 700; line-height: 1.35; }
.sia-financial-close-panel__summary .is-cash-today { border-color: #d8b474; background: #fff7e6; }
.sia-financial-close-panel__summary .is-vault-balance { border-color: #9fc9a6; background: #f0f8f1; }
.sia-financial-close-panel__summary article:last-child:nth-child(3) { grid-column: 1 / -1; }
.sia-financial-close-panel__pin { display: flex; gap: .5rem; align-items: center; margin: 0; padding: .7rem .8rem; border-radius: 9px; font-size: .75rem; font-weight: 850; }
.sia-financial-close-panel__pin.is-match { border: 1px solid #9bcaa2; background: #eaf6ec; color: #21672b; }
.sia-financial-close-panel__pin svg { flex: 0 0 17px; width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; }
.sia-financial-close-panel > form { display: flex; min-height: 0; flex: 1 1 auto; flex-direction: column; gap: .8rem; }
.sia-financial-close-panel__cash-layout { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: .7rem; padding: .8rem; border: 1px solid #e3c49e; border-radius: 11px; background: #fffaf3; }
.sia-financial-close-panel__cash-today { display: grid; align-content: center; gap: .28rem; min-height: 102px; padding: .8rem; border: 1px solid #e0bd82; border-radius: 9px; background: #fff3dc; }
.sia-financial-close-panel__cash-today small { color: #755d4b; font-size: .67rem; font-weight: 900; }
.sia-financial-close-panel__cash-today strong { color: #402719; font: 700 1.32rem/1.05 Georgia,serif; }
.sia-financial-close-panel__cash-today span { color: #796657; font-size: .63rem; font-weight: 700; line-height: 1.35; }
.sia-financial-close-panel__counted { display: grid; gap: .35rem; font-size: .75rem; font-weight: 900; }
.sia-financial-close-panel__counted input { width: 100%; min-height: 48px; padding: .65rem .75rem; border: 1px solid #d8af7c; border-radius: 9px; background: #fff; color: #382417; font: inherit; font-weight: 800; }
.sia-financial-close-panel__counted > small { color: #796657; font-size: .62rem; font-weight: 700; line-height: 1.4; }
.sia-financial-close-panel__confirmation { display: grid; gap: .45rem; margin-top: auto; }
.sia-financial-close-panel__acceptance { display: grid; grid-template-columns: 22px minmax(0,1fr); gap: .65rem; align-items: center; padding: .78rem .85rem; border: 1px solid #d8af7c; border-radius: 10px; background: #fff7e9; font-size: .76rem; font-weight: 850; line-height: 1.45; cursor: pointer; }
.sia-financial-close-panel__acceptance input { width: 20px; height: 20px; margin: 0; accent-color: #397847; }
.sia-financial-close-panel__acceptance > span { display: grid; gap: .1rem; }
.sia-financial-close-panel__acceptance b { color: #402719; font-size: .76rem; }
.sia-financial-close-panel__acceptance small { color: #705e51; font-size: .66rem; font-weight: 700; }
.sia-financial-close-panel__note { margin: 0; color: #705e51; font-size: .7rem; line-height: 1.45; }
.sia-financial-close-panel form footer { display: flex; gap: .65rem; justify-content: flex-end; margin-top: 0; padding-top: .85rem; border-top: 1px solid #ead4b9; }
.sia-financial-close-panel form footer button,.sia-financial-close-panel__blocked button { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: .4rem; padding: .65rem .9rem; border: 1px solid #402719; border-radius: 8px; background: #402719; color: #fff; font-size: .72rem; font-weight: 900; cursor: pointer; }
.sia-financial-close-panel form footer button.is-secondary { border-color: #d7b78e; background: #fff; color: #76430a; }
.sia-financial-close-panel form footer button svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; }
.sia-financial-close-panel form:has(.sia-financial-close-panel__acceptance input:not(:checked)) footer button[type="submit"] { opacity: .5; }
.sia-financial-close-panel__blocked { display: grid; gap: .6rem; padding: .9rem; border: 1px solid #e0a097; border-radius: 10px; background: #fff1ef; color: #8c2c22; }
.sia-financial-close-panel__blocked p { margin: 0; font-size: .75rem; line-height: 1.5; }
.sia-financial-close-panel__blocked button { justify-self: start; background: #8c2c22; border-color: #8c2c22; }
@media (max-width: 620px) {
.sia-financial-close-panel__summary { grid-template-columns: 1fr; }
.sia-financial-close-panel__summary article:last-child:nth-child(3) { grid-column: auto; }
.sia-financial-close-panel__cash-layout { grid-template-columns: 1fr; }
.sia-financial-close-panel form footer { align-items: stretch; flex-direction: column-reverse; }
.sia-financial-close-panel form footer button { width: 100%; }
}
/* Explicit financial-control exception and actionable registration-close feedback. */
.sia-financial-close-panel__override { display: grid; gap: .7rem; margin-top: .15rem; padding-top: .75rem; border-top: 1px solid #e7b3ac; color: #382417; }
.sia-financial-close-panel__override-acceptance { border-color: #cf6b60; background: #fff; }
.sia-financial-close-panel__override-acceptance span { display: grid; gap: .16rem; }
.sia-financial-close-panel__override-acceptance b { color: #8c2c22; font-size: .78rem; }
.sia-financial-close-panel__override-acceptance small { color: #705e51; font-size: .68rem; font-weight: 700; }
.sia-financial-close-panel__override-reason { display: grid; gap: .35rem; font-size: .75rem; font-weight: 900; color: #382417; }
.sia-financial-close-panel__override-reason textarea { width: 100%; min-height: 78px; resize: vertical; padding: .7rem .75rem; border: 1px solid #d8af7c; border-radius: 9px; background: #fff; color: #382417; font: inherit; font-weight: 700; line-height: 1.45; }
.sia-financial-close-panel__blocked .sia-financial-close-panel__note { color: #705e51; }
.sia-financial-close-panel__blocked form footer { margin-top: .15rem; }
.sia-financial-close-panel__blocked form footer button.is-secondary { border-color: #d7b78e; background: #fff; color: #76430a; }
.sia-financial-close-panel__override:has(input[name="override_controls"]:not(:checked)) button[type="submit"] { opacity: .5; }
.sia-registration-close-error { display: grid; gap: .45rem; scroll-margin-top: 120px; }
.sia-registration-close-error > strong { font-size: 1rem; }
.sia-registration-close-error p { margin: 0; }
.sia-registration-close-error ul { display: grid; gap: .25rem; margin: .15rem 0 0 1.15rem; padding: 0; }
.sia-registration-close-error a { justify-self: start; color: inherit; font-weight: 900; text-decoration: underline; text-underline-offset: 3px; }
.sia-registration.has-close-feedback .sia-registration__scroll { outline: 3px solid rgba(181,51,42,.2); outline-offset: 3px; scroll-margin-top: 120px; }
.sia-registration__row.is-close-error td { background: #fff1ef !important; box-shadow: inset 0 1px 0 #efb3ac, inset 0 -1px 0 #efb3ac; }
.sia-registration__row.is-close-error td:first-child { border-left: 5px solid #b5332a; }
.sia-registration__row.is-close-error td:first-child::after { content: "Aanpassen"; display: block; width: max-content; margin-top: .3rem; padding: .16rem .38rem; border-radius: 999px; background: #b5332a; color: #fff; font-size: .58rem; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
/* Sai Thong as the recognisable own/legacy booking source. */
.sia-registration__table .sia-partner-logo--saithong { width: 38px; min-width: 38px; height: 42px; min-height: 42px; padding: 0; overflow: hidden; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.sia-registration__table .sia-partner-logo--saithong img { flex: 0 0 auto; width: 70px; height: 42px; max-width: none; border-radius: 0; object-fit: contain; transform: translateX(-4px); }
.sia-app form button.sia-customer-info.is-empty { width: 23px; height: 23px; min-width: 23px; min-height: 23px; background: #9b5a11; color: #fff; opacity: 1; }
.sia-app form button.sia-customer-info.is-empty:hover, .sia-app form button.sia-customer-info.is-empty:active, .sia-app form button.sia-customer-info.is-empty:focus-visible { background: #6f3d08; color: #fff; }
.sia-app form button.sia-customer-info.is-empty svg { width: 14px; height: 14px; stroke-width: 2.2; }
/* Compact day-closing feedback labels and conditional financial action. */
.sia-day-closing__saved-label {
display: inline-flex;
align-items: center;
align-self: flex-start;
width: max-content;
max-width: 100%;
margin: .45rem 0 .7rem;
padding: .5rem .72rem;
border: 1px solid #b7d9bd;
border-left: 4px solid #397847;
border-radius: 9px;
background: #edf7ef;
color: #2f6538;
font-size: .74rem;
font-weight: 850;
line-height: 1.35;
box-shadow: 0 2px 8px rgb(57 120 71 / 8%);
}
.sia-day-closing__closure-explainer {
display: inline-flex;
width: auto;
max-width: min(100%, 860px);
align-items: center;
justify-content: flex-start;
gap: .75rem;
margin: 0 0 .75rem;
padding: .56rem .7rem;
border-radius: 10px;
box-shadow: 0 2px 8px rgb(56 36 23 / 6%);
}
.sia-day-closing__closure-explainer.is-complete {
border-color: #b7d9bd;
background: #edf7ef;
color: #2f6538;
}
.sia-day-closing__closure-explainer.is-finance-pending {
border-color: #d9c2de;
background: #f6f0f8;
color: #68446f;
}
.sia-day-closing__closure-explainer.needs-registration {
border-color: #e2bd83;
background: #fff5e3;
color: #72480e;
}
.sia-day-closing__closure-explainer > div { gap: .08rem; }
.sia-day-closing__closure-explainer strong { font-size: .76rem; line-height: 1.3; }
.sia-day-closing__closure-explainer span { font-size: .66rem; line-height: 1.35; }
.sia-day-closing__finish-button {
flex: 0 0 auto;
min-height: 38px;
padding: 0 .78rem;
border: 1px solid #b99a78;
border-radius: 8px;
background: #fff;
color: #6f5542;
font: inherit;
font-size: .7rem;
font-weight: 850;
white-space: nowrap;
cursor: pointer;
transition: background-color .12s ease, border-color .12s ease, color .12s ease;
}
.sia-day-closing__finish-button:hover,
.sia-day-closing__finish-button:focus-visible {
border-color: #8c6b50;
background: #f8f0e8;
}
.sia-day-closing__finish-button.is-ready {
border-color: #397847;
background: #397847;
color: #fff;
}
.sia-day-closing__finish-button.is-ready:hover,
.sia-day-closing__finish-button.is-ready:focus-visible {
border-color: #285d34;
background: #285d34;
}
.sia-cashbook__totals { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); }
.sia-view-registratie .sia-app__panel--calendar > .sia-app__notice,
.sia-view-registratie .sia-app__panel--calendar > .sia-app__error {
display: inline-flex;
align-items: center;
align-self: flex-start;
width: max-content;
max-width: min(100%, 760px);
margin: .45rem 0 .65rem;
padding: .52rem .72rem;
border: 1px solid #e2bd83;
border-left: 4px solid #a96811;
border-radius: 9px;
background: #fff8e8;
font-size: .74rem;
font-weight: 750;
line-height: 1.35;
box-shadow: 0 2px 8px rgb(56 36 23 / 6%);
}
.sia-view-registratie .sia-app__panel--calendar > .sia-app__notice.is-success,
.sia-view-registratie .sia-app__panel--calendar > .sia-registration__status-label {
border-color: #b7d9bd;
border-left-color: #397847;
background: #edf7ef;
color: #2f6538;
}
.sia-view-registratie .sia-app__panel--calendar > .sia-app__error {
border-color: #e5b6ae;
border-left-color: #b4362b;
background: #fff5f2;
color: #61221b;
}
.sia-view-registratie .sia-registration-close-error {
display: grid;
width: min(100%, 760px);
gap: .3rem;
padding: .65rem .78rem;
}
.sia-view-registratie .sia-registration-close-error > strong { font-size: .84rem; }
.sia-view-registratie .sia-registration-close-error ul { margin-top: .05rem; }
@media (max-width: 720px) {
.sia-day-closing__closure-explainer { display: flex; width: 100%; align-items: stretch; flex-direction: column; }
.sia-day-closing__finish-button { width: 100%; }
.sia-cashbook__totals { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* Keep all nine daily summary tiles on one desktop row. */
.sia-cashbook__totals { grid-template-columns: repeat(9, minmax(0, 1fr)); }
/* Show the complete daily summary on one row at desktop width. */
@media (min-width: 1181px) {
.sia-day-closing-sheet .sia-cashbook__totals { grid-template-columns: repeat(9, minmax(0, 1fr)); }
}
/* Staff-month reporting, accountant mail and portrait PDF (0.9.69). */
.sia-staff-month__header {
display: grid !important;
grid-template-columns: minmax(280px, 1fr) auto minmax(500px, auto);
gap: .8rem !important;
align-items: end !important;
}
.sia-staff-month__intro { min-width: 0; align-self: center; }
.sia-staff-month__intro .sia-administration__badge { display: inline-flex; margin-top: .48rem; }
.sia-staff-month__action-group {
display: grid;
gap: .28rem;
padding: .45rem .55rem;
border: 1px solid #e2c49f;
border-radius: 9px;
background: #fff;
}
.sia-staff-month__action-group > span { color: #795c46; font-size: .62rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.sia-staff-month__header-actions { flex-wrap: nowrap; }
.sia-staff-month__header-actions .sia-icon-link { justify-content: center; white-space: nowrap; }
.sia-staff-month__header-actions button.sia-icon-link { cursor: pointer; font-family: inherit; }
.sia-staff-month__header-actions button.sia-icon-link:disabled { cursor: not-allowed; opacity: .48; }
.sia-staff-month__mail-form { display: flex !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
.sia-staff-month__mail-recipient { max-width: 100%; overflow: hidden; color: #705e51 !important; font-size: .59rem !important; font-weight: 700 !important; letter-spacing: 0 !important; text-overflow: ellipsis; text-transform: none !important; white-space: nowrap; }
.sia-staff-month__period { justify-self: end; flex-wrap: nowrap; }
.sia-staff-month__period input { width: 168px; }
.sia-staff-month__table th:nth-child(6), .sia-staff-month__table th:nth-child(7), .sia-staff-month__table th:nth-child(8) { line-height: 1.2; white-space: normal; }
@media (max-width: 1320px) {
.sia-staff-month__header { grid-template-columns: minmax(0, 1fr) auto; }
.sia-staff-month__intro { grid-column: 1 / -1; }
.sia-staff-month__action-group { grid-column: 1; }
.sia-staff-month__period { grid-column: 2; }
}
@media (max-width: 820px) {
.sia-staff-month__header { grid-template-columns: 1fr; align-items: stretch !important; }
.sia-staff-month__intro, .sia-staff-month__action-group, .sia-staff-month__period { grid-column: 1; width: 100%; justify-self: stretch; }
.sia-staff-month__header-actions { flex-wrap: wrap; }
.sia-staff-month__header-actions .sia-icon-link, .sia-staff-month__mail-form { flex: 1 1 150px; }
.sia-staff-month__mail-form .sia-icon-link { width: 100%; }
.sia-staff-month__period { flex-wrap: wrap; }
.sia-staff-month__period label { flex: 1 1 180px !important; }
.sia-staff-month__period input { width: 100%; }
}
@media (max-width: 620px) {
.sia-staff-month__action-group { width: 100%; }
.sia-staff-month__header-actions { flex-direction: column; }
.sia-staff-month__header-actions .sia-icon-link, .sia-staff-month__mail-form { width: 100%; flex-basis: auto; }
}
@media print {
@page sia-staff-month-report { size: A4 portrait; margin: 10mm; }
.sia-staff-month { page: sia-staff-month-report; }
.sia-staff-month__action-group, .sia-staff-month__period, .sia-staff-month__intro .sia-administration__badge, .sia-staff-month__footer, .sia-staff-month__checks { display: none !important; }
.sia-staff-month__header { display: block !important; padding: 0 0 4mm !important; border-bottom: 1px solid #aaa !important; background: #fff !important; }
.sia-staff-month__header h2 { font-size: 16pt !important; }
.sia-staff-month__header p { font-size: 8pt !important; }
.sia-staff-month__totals { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 2mm !important; padding: 4mm 0 !important; }
.sia-staff-month__totals article { min-height: 0 !important; padding: 2.2mm !important; break-inside: avoid; }
.sia-staff-month table { width: 100% !important; table-layout: fixed; font-size: 6.8pt !important; }
.sia-staff-month th, .sia-staff-month td { padding: 1.5mm 1.2mm !important; overflow-wrap: anywhere; white-space: normal !important; }
.sia-staff-month__employee-status a { display: none !important; }
.sia-staff-month__employee-status { gap: 1mm !important; }
}
/* Payroll-period employee reports, WhatsApp chooser and portrait PDF (0.9.72). */
.sia-finance__toolbar { grid-template-columns: minmax(250px, 1fr) auto minmax(330px, auto); align-items: end; }
.sia-finance__toolbar-primary { align-items: center; }
.sia-finance__toolbar-actions { grid-column: 2; justify-self: end; }
.sia-finance__date-nav { grid-column: 3; justify-self: end; min-width: 330px; }
.sia-finance__date-nav form { flex: 1 1 auto; }
.sia-finance__date-nav label { display: grid; gap: .18rem; color: #6f5848; font-size: .62rem; font-weight: 850; }
.sia-finance__date-nav input { min-height: 42px; border: 1px solid #dfc19c; border-radius: 7px; background: #fff; }
.sia-finance__toolbar-actions .is-whatsapp, .sia-staff-month__header-actions .is-whatsapp, .sia-staff-month__whatsapp-dialog a { border-color: #3e8758 !important; background: #edf8f0 !important; color: #24683d !important; }
.sia-finance__toolbar-actions .is-whatsapp:hover, .sia-staff-month__header-actions .is-whatsapp:hover, .sia-staff-month__whatsapp-dialog a:hover { border-color: #24683d !important; background: #dff2e4 !important; }
.sia-finance__toolbar-actions .is-whatsapp svg, .sia-staff-month__header-actions .is-whatsapp svg, .sia-staff-month__whatsapp-dialog a svg { fill: none; stroke: currentColor; }
.sia-finance__final-column { width: 56px; text-align: center; }
.sia-finance__final-check { display: inline-grid; width: 26px; height: 26px; place-items: center; border-radius: 999px; background: #dff2e4; color: #24683d; font-size: .92rem; font-weight: 950; }
.sia-finance__final-pending { color: #a48d7d; font-weight: 800; }
.sia-finance__print-brand { display: flex; align-items: center; gap: .7rem; }
.sia-finance__print-brand img { width: auto; height: 50px; object-fit: contain; }
.sia-finance__print-brand span { display: grid; }
.sia-finance__print-brand b { color: #3d2516; font: 700 1rem/1.15 Georgia, serif; }
.sia-staff-month__whatsapp-dialog { width: min(760px, calc(100vw - 2rem)); max-height: min(82vh, 820px); padding: 0; overflow: hidden; border: 1px solid #d7b78e; border-radius: 14px; background: #fffaf3; color: var(--sia-ink); box-shadow: 0 28px 80px rgba(54,31,18,.28); }
.sia-staff-month__whatsapp-dialog::backdrop { background: rgba(35,22,14,.48); backdrop-filter: blur(2px); }
.sia-staff-month__whatsapp-dialog > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1rem 1.1rem; border-bottom: 1px solid #ead8c1; background: #fff; }
.sia-staff-month__whatsapp-dialog > header small { color: #87518f; font-size: .65rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.sia-staff-month__whatsapp-dialog h3 { margin: .12rem 0 .28rem; font: 700 1.35rem/1.15 Georgia, serif; }
.sia-staff-month__whatsapp-dialog > header p { max-width: 620px; margin: 0; color: var(--sia-muted); font-size: .74rem; line-height: 1.45; }
.sia-staff-month__whatsapp-dialog form { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
.sia-staff-month__whatsapp-dialog > header button { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid #d9b98f; border-radius: 9px; background: #fffaf3; color: var(--sia-ink); cursor: pointer; font-size: 1.25rem; }
.sia-staff-month__whatsapp-list { display: grid; max-height: min(48vh, 470px); overflow: auto; padding: .75rem 1rem; }
.sia-staff-month__whatsapp-list article, .sia-staff-month__whatsapp-katea { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .7rem .15rem; border-bottom: 1px solid #ecdecd; }
.sia-staff-month__whatsapp-list article > div, .sia-staff-month__whatsapp-katea > div { display: grid; gap: .15rem; min-width: 0; }
.sia-staff-month__whatsapp-list strong, .sia-staff-month__whatsapp-katea strong { font-size: .8rem; }
.sia-staff-month__whatsapp-list span, .sia-staff-month__whatsapp-katea span { color: var(--sia-muted); font-size: .68rem; line-height: 1.35; }
.sia-staff-month__whatsapp-dialog a, .sia-staff-month__whatsapp-dialog article button, .sia-staff-month__whatsapp-katea button { display: inline-flex; flex: 0 0 auto; align-items: center; gap: .35rem; min-height: 38px; padding: .48rem .65rem; border: 1px solid #d8b88f; border-radius: 8px; background: #fff; color: var(--sia-ink); font-size: .68rem; font-weight: 900; text-decoration: none; }
.sia-staff-month__whatsapp-dialog a svg { width: 16px; height: 16px; }
.sia-staff-month__whatsapp-dialog button:disabled { opacity: .52; }
.sia-staff-month__whatsapp-katea { margin: 0 1rem; padding: .8rem; border: 1px solid #c9dfce; border-radius: 10px; background: #f0f8f2; }
.sia-staff-month__whatsapp-dialog > footer { display: flex; justify-content: flex-end; padding: .75rem 1rem; border-top: 1px solid #ead8c1; background: #fff; }
.sia-staff-month__whatsapp-dialog > footer button { min-height: 38px; padding: .48rem .8rem; border: 0; border-radius: 8px; background: var(--sia-ink); color: #fff; font-size: .7rem; font-weight: 900; cursor: pointer; }
@media (max-width: 1120px) {
.sia-finance__toolbar { grid-template-columns: minmax(0, 1fr) auto; }
.sia-finance__toolbar-primary { grid-column: 1; }
.sia-finance__toolbar-actions { grid-column: 2; }
.sia-finance__date-nav { grid-column: 1 / -1; width: 100%; min-width: 0; justify-self: stretch; padding: .6rem 0 0; border-top: 1px solid #ead8c2; border-left: 0; }
}
@media (max-width: 700px) {
.sia-finance__toolbar { grid-template-columns: 1fr; }
.sia-finance__toolbar-primary, .sia-finance__toolbar-actions, .sia-finance__date-nav { grid-column: 1; justify-self: stretch; }
.sia-finance__toolbar-actions { justify-content: flex-end; }
.sia-staff-month__whatsapp-list article, .sia-staff-month__whatsapp-katea { align-items: stretch; flex-direction: column; }
.sia-staff-month__whatsapp-dialog a { justify-content: center; }
}
@media print {
@page sia-staff-hours-report { size: A4 portrait; margin: 11mm; }
.sia-finance { page: sia-staff-hours-report; }
.sia-finance__print-head { display: grid !important; gap: 2.5mm; margin: 0 0 5mm; padding: 0 0 4mm; border-bottom: 1.5px solid #ad7b39; }
.sia-finance__print-brand { justify-content: space-between; }
.sia-finance__print-brand img { height: 16mm; max-width: 55mm; }
.sia-finance__print-brand span { text-align: right; }
.sia-finance__print-brand small { color: #87518f !important; font-size: 7pt !important; }
.sia-finance__print-brand b { font-size: 11pt; }
.sia-finance__print-head h1 { margin: 0 !important; color: #3d2516; font-size: 20pt !important; }
.sia-finance__print-head p { color: #665246; font-size: 8.5pt !important; }
.sia-finance table { table-layout: fixed; font-size: 7.3pt !important; }
.sia-finance th, .sia-finance td { padding: 1.6mm 1.4mm !important; }
.sia-finance th:nth-child(1), .sia-finance td:nth-child(1) { width: 18mm; }
.sia-finance th:nth-child(2), .sia-finance td:nth-child(2) { width: 21mm; }
.sia-finance th:nth-child(4), .sia-finance td:nth-child(4) { width: 12mm; }
.sia-finance th:nth-child(5), .sia-finance td:nth-child(5) { width: 14mm; }
.sia-finance__final-column { width: 9mm !important; }
.sia-finance__final-check { width: 5mm; height: 5mm; font-size: 7pt; }
.sia-staff-month__whatsapp-dialog { display: none !important; }
}
.sia-staff-month__totals { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.sia-staff-month__totals article.is-average { border-color: #cab2d0; background: #fbf6fc; }
@media (max-width: 1280px) { .sia-staff-month__totals { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 720px) { .sia-staff-month__totals { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media print { .sia-staff-month__totals { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
/* Medewerkersmaand WhatsApp-selectie en ruimere dialoog (0.9.74). */
.sia-staff-month__whatsapp-dialog { width: min(860px, calc(100vw - 2rem)); max-height: min(94vh, 920px); }
.sia-staff-month__whatsapp-controls { display: flex; align-items: center; gap: .55rem; padding: .7rem 1rem; border-bottom: 1px solid #ead8c1; background: #fffaf3; }
.sia-staff-month__whatsapp-controls button { min-height: 34px; padding: .4rem .7rem; border: 1px solid #d8b88f; border-radius: 8px; background: #fff; color: var(--sia-ink); font-size: .68rem; font-weight: 900; cursor: pointer; }
.sia-staff-month__whatsapp-controls button:disabled { opacity: .45; cursor: default; }
.sia-staff-month__whatsapp-controls span { margin-left: auto; color: var(--sia-muted); font-size: .69rem; font-weight: 850; }
.sia-staff-month__whatsapp-list { max-height: min(64vh, 650px); min-height: min(48vh, 440px); padding: .45rem 1rem; }
.sia-staff-month__whatsapp-list article { display: block; padding: 0; }
.sia-staff-month__whatsapp-choice { display: flex; align-items: center; gap: .8rem; width: 100%; padding: .7rem .2rem; cursor: pointer; }
.sia-staff-month__whatsapp-choice:has(input:checked) { background: #f0f8f2; }
.sia-staff-month__whatsapp-choice:has(input:disabled) { cursor: default; opacity: .62; }
.sia-staff-month__whatsapp-choice input { flex: 0 0 auto; width: 20px; height: 20px; margin: 0; accent-color: #2f7646; }
.sia-staff-month__whatsapp-check { display: none; }
.sia-staff-month__whatsapp-copy { display: grid; gap: .16rem; min-width: 0; }
.sia-staff-month__whatsapp-copy strong { font-size: .8rem; }
.sia-staff-month__whatsapp-copy small { color: var(--sia-muted); font-size: .69rem; line-height: 1.35; }
.sia-staff-month__whatsapp-copy em { color: #9e382e; font-size: .65rem; font-style: normal; font-weight: 800; }
.sia-staff-month__whatsapp-dialog > footer { align-items: center; justify-content: space-between; }
.sia-staff-month__whatsapp-dialog > footer button.is-secondary { border: 1px solid #d8b88f; background: #fff; color: var(--sia-ink); }
.sia-staff-month__whatsapp-dialog > footer button.is-whatsapp { display: inline-flex; align-items: center; gap: .4rem; background: #2f7646; color: #fff; }
.sia-staff-month__whatsapp-dialog > footer button.is-whatsapp:disabled { background: #b9c9bd; opacity: 1; cursor: default; }
.sia-staff-month__whatsapp-dialog > footer button.is-whatsapp svg { width: 16px; height: 16px; fill: none; stroke: currentColor; }
@media (max-width: 700px) {
.sia-staff-month__whatsapp-dialog { max-height: 96vh; }
.sia-staff-month__whatsapp-controls { align-items: stretch; flex-wrap: wrap; }
.sia-staff-month__whatsapp-controls span { width: 100%; margin-left: 0; }
.sia-staff-month__whatsapp-list { min-height: 42vh; max-height: 58vh; }
}
/* Volledige medewerkers- en rapportageverbeteringen (0.9.75). */
.sia-staff-detail__tabs { align-items: center; overflow-x: auto; flex-wrap: nowrap; scrollbar-width: thin; }
.sia-staff-detail__tabs a { gap: .38rem; white-space: nowrap; }
.sia-staff-detail__tabs a svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.sia-staff-detail__tabs--list { margin: 0 0 .75rem; border: 1px solid var(--sia-line); border-radius: 10px; }
.sia-staff-detail__tabs .is-disabled { display: inline-flex; min-height: 48px; align-items: center; padding: .55rem .75rem; color: #a99686; font-size: .78rem; font-weight: 800; white-space: nowrap; cursor: not-allowed; }
.sia-staff-detail__tabs a.is-danger.is-icon-only { width: 42px; min-width: 42px; min-height: 40px; justify-content: center; margin-left: auto; border: 1px solid #d99b92; border-radius: 8px; background: #fff2ef; color: #a93629; padding: .4rem; }
.sia-staff-detail__tabs a.is-danger.is-icon-only::after { display: none; }
.sia-staff-detail__back.is-icon-only { width: 42px; min-width: 42px; justify-content: center; padding: .4rem; }
.sia-staff-detail__head { padding: .72rem 1rem; }
.sia-staff-detail__content { padding: .75rem 1rem 1rem; }
.sia-dossier__form label:has([name="call_name"]),
.sia-dossier__form label:has([name="first_name"]),
.sia-dossier__form label:has([name="last_name"]),
.sia-dossier__form label:has([name="email"]),
.sia-dossier__form label:has([name="phone"]) { display: none; }
.sia-employment > .sia-staff-detail__panel:last-child,
.sia-payroll > .sia-staff-detail__panel:last-child { display: none; }
.sia-staff-documents-hub__groups { display: grid; gap: .8rem; margin-top: 1rem; }
.sia-staff-documents-hub__groups > section { padding: .9rem; border: 1px solid #ead7bf; border-radius: 9px; background: #fffaf3; }
.sia-staff-documents-hub__groups h3 { margin: 0 0 .6rem; color: #3e2618; font: 700 1rem/1.2 Georgia, serif; }
.sia-finance__toolbar { grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; margin-bottom: .55rem; padding: .5rem .6rem; }
.sia-finance__toolbar-primary { grid-column: 1; align-items: center; }
.sia-finance__toolbar-actions { grid-column: 2; align-self: center; justify-self: end; }
.sia-finance__date-nav { grid-column: 3; align-items: center; min-width: 440px; padding-left: .65rem; }
.sia-finance__period-caption { display: grid; min-width: 155px; gap: .08rem; margin-right: .15rem; }
.sia-finance__period-caption strong { color: #3e2618; font-size: .68rem; }
.sia-finance__period-caption span { color: var(--sia-muted); font-size: .66rem; white-space: nowrap; }
.sia-finance__date-nav label { display: grid; gap: .1rem; }
.sia-finance__date-nav label > span { color: var(--sia-muted); font-size: .62rem; font-weight: 850; }
.sia-finance__icon-action { width: 42px; min-width: 42px; min-height: 42px; }
.sia-finance__icon-action svg { width: 19px; height: 19px; }
.sia-staff-detail__head--hours { padding-top: .55rem; padding-bottom: .55rem; }
.sia-staff-hours .sia-staff-detail__content { padding-top: .55rem; }
.sia-staff-month__whatsapp-controls { flex-wrap: nowrap; }
.sia-staff-month__whatsapp-controls button.is-whatsapp { display: inline-flex; align-items: center; gap: .4rem; border-color: #2f7646; background: #2f7646; color: #fff; }
.sia-staff-month__whatsapp-controls button.is-whatsapp:disabled { border-color: #b9c9bd; background: #b9c9bd; color: #fff; }
.sia-staff-month__whatsapp-controls button.is-whatsapp svg { width: 16px; height: 16px; fill: none; stroke: currentColor; }
.sia-staff-month__whatsapp-choice { display: flex !important; flex-direction: row !important; align-items: center !important; gap: .65rem !important; padding: .52rem .25rem !important; }
.sia-staff-month__whatsapp-choice input { flex: 0 0 20px; }
.sia-staff-month__whatsapp-copy { display: flex !important; flex: 1 1 auto; flex-direction: row !important; align-items: baseline !important; gap: .55rem !important; min-width: 0; }
.sia-staff-month__whatsapp-copy strong { flex: 0 0 auto; }
.sia-staff-month__whatsapp-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sia-staff-month__whatsapp-controls [data-sia-whatsapp-selection-count].has-error { color: #a93629; }
.sia-staff-month__mail-dialog { position: fixed; inset: 0 0 0 auto; width: min(540px, 100vw); max-width: none; height: 100dvh; max-height: none; margin: 0; padding: 0; overflow: hidden; border: 0; border-left: 1px solid #d8b88f; background: #fffaf3; color: var(--sia-ink); box-shadow: -24px 0 70px rgba(54,31,18,.24); }
.sia-staff-month__mail-dialog::backdrop { background: rgba(35,22,14,.46); backdrop-filter: blur(2px); }
.sia-staff-month__mail-dialog > form { display: flex !important; height: 100%; flex-direction: column; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
.sia-staff-month__mail-dialog header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.1rem; border-bottom: 1px solid #ead8c1; background: #fff; }
.sia-staff-month__mail-dialog header small { color: #87518f; font-size: .65rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.sia-staff-month__mail-dialog h3 { margin: .15rem 0 .3rem; font: 700 1.4rem/1.15 Georgia, serif; }
.sia-staff-month__mail-dialog header p { margin: 0; color: var(--sia-muted); font-size: .75rem; }
.sia-staff-month__mail-dialog header button { width: 40px; height: 40px; border: 1px solid #d8b88f; border-radius: 9px; background: #fffaf3; font-size: 1.25rem; }
.sia-staff-month__mail-fields { display: grid; flex: 1 1 auto; gap: .75rem; overflow-y: auto; padding: 1rem 1.1rem; }
.sia-staff-month__mail-fields label { display: grid; align-content: start; gap: .25rem; font-size: .72rem; font-weight: 850; }
.sia-staff-month__mail-fields input, .sia-staff-month__mail-fields textarea { width: 100%; border: 1px solid #d8b88f; border-radius: 8px; background: #fff; }
.sia-staff-month__mail-fields textarea { min-height: 92px; resize: vertical; }
.sia-staff-month__mail-fields label.is-wide textarea { min-height: 260px; }
.sia-staff-month__mail-fields small { color: var(--sia-muted); font-weight: 500; line-height: 1.4; }
.sia-staff-month__mail-save { display: flex !important; grid-template-columns: none; flex-direction: row; align-items: center !important; gap: .55rem !important; padding: .7rem; border-radius: 8px; background: #f5eadb; }
.sia-staff-month__mail-save input { width: 18px; height: 18px; }
.sia-staff-month__mail-dialog footer { display: flex; justify-content: flex-end; gap: .6rem; padding: .85rem 1.1rem; border-top: 1px solid #ead8c1; background: #fff; }
.sia-staff-month__mail-dialog footer button { min-height: 40px; padding: .5rem .8rem; border-radius: 8px; font-weight: 850; }
.sia-staff-month__mail-dialog footer .is-primary { display: inline-flex; align-items: center; gap: .4rem; border: 0; background: #3d2416; color: #fff; }
.sia-staff-month__mail-dialog footer .is-secondary { border: 1px solid #d8b88f; background: #fff; color: #3d2416; }
.sia-staff-delete-confirm__icon { display: grid; width: 46px; height: 46px; flex: 0 0 auto; place-items: center; border-radius: 999px; background: #fde5e0; color: #a93629; font-size: 1.3rem; font-weight: 950; }
.sia-staff-delete-confirm footer .is-danger { border: 0; background: #a93629; color: #fff; }
@media (max-width: 1120px) {
.sia-finance__toolbar { grid-template-columns: 1fr auto; }
.sia-finance__toolbar-primary { grid-column: 1; }
.sia-finance__toolbar-actions { grid-column: 2; }
.sia-finance__date-nav { grid-column: 1 / -1; width: 100%; min-width: 0; border-left: 0; border-top: 1px solid #ead8c2; padding: .55rem 0 0; justify-content: flex-end; }
}
@media (max-width: 700px) {
.sia-staff-month__whatsapp-controls { flex-wrap: wrap; }
.sia-staff-month__whatsapp-controls [data-sia-whatsapp-selection-count] { width: 100%; }
.sia-staff-month__whatsapp-copy { align-items: flex-start !important; flex-direction: column !important; gap: .12rem !important; }
.sia-finance__period-caption { width: 100%; }
.sia-finance__date-nav { flex-wrap: wrap; }
}
/* Urenregistratie: dossierkop blijft in de normale flow zodat acties altijd klikbaar zijn (0.9.79). */
.sia-staff-hours .sia-staff-detail__sticky { position: relative !important; top: auto !important; z-index: 2; overflow: visible; }
.sia-staff-hours .sia-finance__toolbar { position: relative; z-index: 3; }
/* 0.9.81 medewerkersmaand: gescheiden groepen, PDF-keuze en dossiernavigatie */
.sia-staff-month__totals{margin:16px 18px 20px;padding:10px;border:1px solid #e6c99f;border-radius:15px;background:#fffaf3;box-shadow:0 6px 18px rgba(67,35,18,.05)}
.sia-staff-month__totals>article{min-width:0;background:#fff}
.sia-staff-month__group{margin:18px;border:1px solid #e4c49c;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 8px 22px rgba(67,35,18,.05)}
.sia-staff-month__group>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;background:#fff8ef;border-bottom:1px solid #ead3b5}
.sia-staff-month__group>header h3{margin:0;color:#3d2516;font:700 1.15rem/1.2 Georgia,serif}
.sia-staff-month__group>header p{margin:4px 0 0;color:#7a6759;font-size:.8rem}
.sia-staff-month__group>header>span{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:#f3e7d6;color:#6d4825;font-size:.72rem;font-weight:800}
.sia-staff-month__group .sia-administration__table-scroll{border:0;border-radius:0}
.sia-staff-month__group .sia-staff-month__table{min-width:780px;table-layout:auto}
.sia-staff-month__group .sia-staff-month__table th,.sia-staff-month__group .sia-staff-month__table td{padding:13px 15px;vertical-align:middle}
.sia-staff-month__group .sia-staff-month__table th.is-money,.sia-staff-month__group .sia-staff-month__table td.is-money{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.sia-staff-month__details-column{width:1%;text-align:right;white-space:nowrap}
.sia-staff-month__details-column a{display:inline-flex;align-items:center;min-height:36px;padding:7px 11px;border:1px solid #d9aa70;border-radius:8px;color:#70430f;font-size:.74rem;font-weight:800;text-decoration:none;white-space:nowrap}
.sia-staff-month__pdf-dialog{width:min(860px,calc(100vw - 28px));max-height:min(860px,92vh);padding:0;border:1px solid #dcb98c;border-radius:18px;background:#fff;box-shadow:0 24px 80px rgba(45,25,13,.28);color:#3d2516;overflow:hidden}
.sia-staff-month__pdf-dialog::backdrop{background:rgba(44,29,20,.55);backdrop-filter:blur(2px)}
.sia-staff-month__pdf-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px 18px;border-bottom:1px solid #ead5b9;background:#fffaf4}
.sia-staff-month__pdf-dialog>header small{color:#87518f;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.sia-staff-month__pdf-dialog>header h3{margin:4px 0 5px;font:700 1.6rem/1.1 Georgia,serif}
.sia-staff-month__pdf-dialog>header p{margin:0;color:#725f51;font-size:.86rem}
.sia-staff-month__pdf-dialog>header form button{width:46px;height:46px;border:1px solid #dfbd93;border-radius:12px;background:#fff;color:#3d2516;font-size:1.5rem}
.sia-staff-month__pdf-overview{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:16px 20px 10px;padding:15px 17px;border:1px solid #b9d8bf;border-radius:13px;background:#f0f8f1}
.sia-staff-month__pdf-overview div{display:grid;gap:4px}.sia-staff-month__pdf-overview span{color:#56705a;font-size:.78rem}
.sia-staff-month__pdf-overview button{flex:0 0 auto;white-space:nowrap}
.sia-staff-month__pdf-controls{display:flex;align-items:center;gap:10px;padding:12px 20px;border-top:1px solid #f0dfc9;border-bottom:1px solid #ead5b9;background:#fffaf4}
.sia-staff-month__pdf-controls button{min-height:42px;padding:8px 13px;border:1px solid #dcb98c;border-radius:9px;background:#fff;color:#3d2516;font-weight:800}
.sia-staff-month__pdf-controls button.is-primary{display:inline-flex;align-items:center;gap:7px;margin-left:4px;background:#3b2314;color:#fff;border-color:#3b2314;white-space:nowrap}
.sia-staff-month__pdf-controls button.is-primary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.sia-staff-month__pdf-controls>span{margin-left:auto;color:#725f51;font-size:.78rem;font-weight:800;white-space:nowrap}
.sia-staff-month__pdf-list{max-height:min(420px,50vh);overflow:auto;padding:2px 20px 10px}
.sia-staff-month__pdf-list article{border-bottom:1px solid #ead7bf}
.sia-staff-month__pdf-list label{display:flex;align-items:center;gap:12px;padding:12px 4px;cursor:pointer}
.sia-staff-month__pdf-list input{width:20px;height:20px;accent-color:#2f7646}
.sia-staff-month__pdf-list label>span{display:grid;gap:3px;min-width:0}.sia-staff-month__pdf-list small{color:#786658}
.sia-staff-month__pdf-dialog>footer{display:flex;justify-content:flex-end;padding:14px 20px;border-top:1px solid #ead5b9;background:#fffaf4}
.sia-staff-month__pdf-dialog>footer button{min-height:42px;padding:9px 18px;border:0;border-radius:9px;background:#3b2314;color:#fff;font-weight:800}
.sia-staff-month__whatsapp-controls button.is-whatsapp,.sia-staff-month__whatsapp-controls button.is-whatsapp span,.sia-staff-month__whatsapp-controls button.is-whatsapp svg{color:#fff!important;stroke:#fff!important}
.sia-staff-month__whatsapp-controls button.is-whatsapp{display:inline-flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;white-space:nowrap!important}
.sia-staff__name-link{display:grid;gap:2px;color:inherit;text-decoration:none}
.sia-staff__name-link:hover strong,.sia-staff__name-link:focus-visible strong{color:#a96509;text-decoration:underline}
.sia-staff-detail__tabs--list a:not(.is-active){cursor:pointer}
@media(max-width:900px){.sia-staff-month__pdf-controls{flex-wrap:wrap}.sia-staff-month__pdf-controls>span{width:100%;margin-left:0}.sia-staff-month__pdf-overview{align-items:flex-start;flex-direction:column}.sia-staff-month__totals{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Urenregistratie: uurloon, periode, behandelverdeling en vestigingsafsluiting (0.9.85). */
.sia-staff-detail__head--hours { grid-template-columns: minmax(230px,.62fr) minmax(650px,1.75fr) auto; align-items:start; }
.sia-staff-detail__head--hours .sia-staff-detail__hours-overview { display:grid; gap:.5rem; align-self:start; }
.sia-staff-detail__head--hours .sia-finance__totals--header { grid-template-columns:repeat(3,minmax(130px,1fr)); gap:.45rem; }
.sia-staff-detail__head--hours .sia-finance__totals--header > span { min-height:64px; align-content:center; padding:.5rem .6rem; }
.sia-staff-detail__head--hours .sia-finance__totals--header .sia-finance__period-total em { grid-column:1/-1; line-height:1.25; }
.sia-finance__treatment-overview { display:grid; gap:.55rem; margin:.15rem 0 .85rem; padding:.7rem .8rem; border:1px solid #e5c9a8; border-radius:10px; background:#fffaf3; }
.sia-finance__treatment-overview > header { display:flex; align-items:end; justify-content:space-between; gap:1rem; }
.sia-finance__treatment-overview > header small { display:block; color:#87518f; font-size:.58rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.sia-finance__treatment-overview > header h3 { margin:.08rem 0 0; font:700 .9rem/1.2 Georgia,serif; }
.sia-finance__treatment-overview > header > strong { color:#765d4b; font-size:.68rem; white-space:nowrap; }
.sia-finance__treatment-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(185px,1fr)); gap:.35rem; }
.sia-finance__treatment-grid > span { display:flex; min-width:0; align-items:center; justify-content:space-between; gap:.55rem; padding:.38rem .48rem; border:1px solid #ecd9c3; border-radius:7px; background:#fff; }
.sia-finance__treatment-grid strong { min-width:0; overflow:hidden; font-size:.65rem; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }
.sia-finance__treatment-grid em { flex:0 0 auto; color:#7a5f4d; font-size:.62rem; font-style:normal; font-weight:850; white-space:nowrap; }
.sia-finance__treatment-overview--header { margin:0; padding:.55rem .65rem; }
.sia-finance__treatment-overview--header > header h3 { font-size:.78rem; }
.sia-finance__treatment-overview--header .sia-finance__treatment-grid { grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); }
.sia-finance__treatment-overview--print-copy { display:none; }
.sia-finance__employee-footer { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); gap:.7rem; flex:0 0 auto; margin-top:.65rem; padding:.75rem; border:1px solid #dec09b; border-radius:11px; background:linear-gradient(110deg,#fff8ee,#f3f8ef); }
.sia-finance__employee-footer > div,.sia-finance__employee-footer address { display:grid; gap:.18rem; min-width:0; }
.sia-finance__employee-footer small { color:#87518f; font-size:.6rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.sia-finance__employee-footer strong { color:#3d2516; font:700 .88rem/1.25 Georgia,serif; }
.sia-finance__employee-footer p,.sia-finance__employee-footer span { margin:0; color:#6f5949; font-size:.66rem; line-height:1.4; }
.sia-finance__employee-footer address { padding-left:.75rem; border-left:1px solid #dfc8aa; font-style:normal; }
@media(max-width:1380px){.sia-staff-detail__head--hours{grid-template-columns:minmax(220px,.7fr) minmax(520px,1.5fr);grid-template-areas:"identity totals" "actions actions"}.sia-staff-detail__head--hours .sia-staff-detail__head-actions{justify-self:end}.sia-staff-detail__head--hours .sia-finance__totals--header{grid-template-columns:repeat(4,minmax(115px,1fr))}}
@media(max-width:900px){.sia-staff-detail__head--hours{grid-template-columns:1fr;grid-template-areas:"identity" "totals" "actions"}.sia-staff-detail__head--hours .sia-finance__totals--header{grid-template-columns:repeat(2,minmax(0,1fr))}.sia-finance__employee-footer{grid-template-columns:1fr}.sia-finance__employee-footer address{padding:0;border-top:1px solid #dfc8aa;border-left:0;padding-top:.6rem}}
@media(max-width:560px){.sia-staff-detail__head--hours .sia-finance__totals--header{grid-template-columns:1fr}.sia-finance__treatment-grid,.sia-finance__treatment-overview--header .sia-finance__treatment-grid{grid-template-columns:1fr}}
@media print{.sia-finance__totals--print-copy{grid-template-columns:repeat(4,1fr)!important}.sia-finance__treatment-overview--print-copy{display:grid!important;break-inside:avoid}.sia-finance__treatment-overview--header{display:none!important}.sia-finance__employee-footer{break-inside:avoid;margin-top:5mm}.sia-finance__employee-footer address{display:grid!important}}
/* Medewerkersmaand onder Medewerkers + verzendkeuzes (0.9.85). */
.sia-staff-month { margin-top: .75rem; }
.sia-staff-month__mail-dialog { width: min(680px, 100vw); overflow-x: hidden; }
.sia-staff-month__mail-dialog > form, .sia-staff-month__mail-fields, .sia-staff-month__mail-fields > * { min-width: 0; box-sizing: border-box; }
.sia-staff-month__mail-dialog header { position: sticky; top: 0; z-index: 3; align-items: center; }
.sia-staff-month__mail-head-actions { display: flex; flex: 0 0 auto; align-items: center; gap: .55rem; }
.sia-staff-month__mail-dialog header .sia-staff-month__mail-head-actions button { width: auto; min-width: 42px; }
.sia-staff-month__mail-dialog header .sia-staff-month__mail-head-actions .is-primary { display: inline-flex; min-height: 42px; align-items: center; gap: .4rem; padding: .55rem .8rem; border: 0; background: #3d2416; color: #fff; font-size: .76rem; font-weight: 900; }
.sia-staff-month__mail-fields { grid-template-columns: minmax(0, 1fr); align-content: start; }
.sia-staff-month__mail-choice { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .55rem; min-width: 0; margin: 0; padding: .75rem; border: 1px solid #ead8c1; border-radius: 10px; background: #fff; }
.sia-staff-month__mail-choice legend { grid-column: 1/-1; padding: 0 .25rem; color: #5f412e; font-size: .75rem; font-weight: 900; }
.sia-staff-month__mail-choice label { display: flex; min-width: 0; flex-direction: row; align-items: flex-start; gap: .55rem; padding: .7rem; border: 1px solid #ead8c1; border-radius: 9px; background: #fffaf3; cursor: pointer; }
.sia-staff-month__mail-choice label:has(input:checked) { border-color: #9c6a1c; background: #fff4df; box-shadow: 0 0 0 1px #9c6a1c inset; }
.sia-staff-month__mail-choice label.is-disabled { opacity: .62; cursor: not-allowed; }
.sia-staff-month__mail-choice input { width: 18px; height: 18px; flex: 0 0 18px; margin-top: .1rem; }
.sia-staff-month__mail-choice span { display: grid; min-width: 0; gap: .18rem; }
.sia-staff-month__mail-choice strong { font-size: .78rem; }
.sia-staff-month__mail-choice small { font-size: .68rem; line-height: 1.35; }
.sia-staff-month__mail-target { display: none; gap: .2rem; padding: .75rem; border: 1px solid #d8b88f; border-radius: 10px; background: #fff8ed; }
.sia-staff-month__mail-target.is-active { display: grid; }
.sia-staff-month__mail-target strong { font-size: .78rem; }
.sia-staff-month__mail-target span, .sia-staff-month__mail-target em { color: var(--sia-muted); font-size: .7rem; font-style: normal; }
.sia-staff-month__mail-select-controls { display: flex; align-items: center; gap: .45rem; flex-wrap: wrap; margin-bottom: .35rem; }
.sia-staff-month__mail-select-controls button { min-height: 34px; padding: .35rem .55rem; border: 1px solid #d8b88f; border-radius: 7px; background: #fff; color: #3d2416; font-size: .68rem; font-weight: 850; }
.sia-staff-month__mail-select-controls span { margin-left: auto; font-weight: 800; }
.sia-staff-month__mail-select-controls .has-error { color: #a93629; }
.sia-staff-month__mail-employee-list { display: grid; max-height: 235px; overflow-y: auto; border-top: 1px solid #ead8c1; }
.sia-staff-month__mail-employee-list label { display: flex; flex-direction: row; align-items: center; gap: .55rem; padding: .55rem .2rem; border-bottom: 1px solid #eee0cf; }
.sia-staff-month__mail-employee-list input { width: 18px; height: 18px; flex: 0 0 18px; }
.sia-staff-month__mail-employee-list span { display: flex; min-width: 0; align-items: baseline; gap: .45rem; }
.sia-staff-month__mail-employee-list strong { font-size: .74rem; }
.sia-staff-month__mail-employee-list small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sia-staff-month__mail-fields label.is-wide textarea { min-height: 190px; }
.sia-staff-month__whatsapp-dialog { max-height: min(92vh, 940px); }
.sia-staff-month__whatsapp-list { min-height: min(52vh, 540px); max-height: min(60vh, 610px); }
.sia-staff-month__whatsapp-katea button.is-whatsapp { display: inline-flex; align-items: center; gap: .4rem; padding: .6rem .75rem; border: 1px solid #2f7646; border-radius: 8px; background: #2f7646; color: #fff; font-size: .72rem; font-weight: 900; }
.sia-staff-month__whatsapp-katea button.is-whatsapp svg { width: 16px; height: 16px; fill: none; stroke: currentColor; }
@media (max-width: 620px) {
.sia-staff-month__mail-choice { grid-template-columns: 1fr; }
.sia-staff-month__mail-head-actions .is-primary span { display: none; }
.sia-staff-month__mail-select-controls span { width: 100%; margin-left: 0; }
}
/* Massagebehandelingen als duidelijke lijst (0.9.85). */
.sia-finance__treatment-table-wrap { overflow:hidden; border:1px solid #e6cfb5; border-radius:8px; background:#fff; }
.sia-finance__treatment-table { width:100%; border-collapse:collapse; table-layout:fixed; }
.sia-finance__treatment-table th { padding:.42rem .55rem; border-bottom:1px solid #d9ba94; background:#f5e8d7; color:#432b1d; font-size:.65rem; font-weight:900; letter-spacing:.02em; text-align:left; }
.sia-finance__treatment-table td { padding:.38rem .55rem; border-bottom:1px solid #eee0cf; color:#4a3528; font-size:.66rem; line-height:1.3; text-align:left; vertical-align:top; }
.sia-finance__treatment-table tbody tr:last-child td { border-bottom:0; }
.sia-finance__treatment-table .is-money { width:78px; text-align:right; font-variant-numeric:tabular-nums; }
.sia-finance__treatment-overview--header .sia-finance__treatment-table th,
.sia-finance__treatment-overview--header .sia-finance__treatment-table td { padding:.3rem .45rem; font-size:.61rem; }
@media(max-width:560px){.sia-finance__treatment-table .is-money{width:64px}}
@media print{
.sia-finance__treatment-table-wrap{border-color:#bbb;border-radius:0}
.sia-finance__treatment-table th,.sia-finance__treatment-table td{padding:1.2mm 1.5mm!important;font-size:7.2pt!important}
}
.sia-staff-month__whatsapp-katea button.is-whatsapp,
.sia-staff-month__whatsapp-katea button.is-whatsapp span { color:#fff!important; }
.sia-staff-month__whatsapp-katea button.is-whatsapp svg { color:#fff!important; stroke:#fff!important; }
/* Logische, compacte mailstappen en volledig responsieve zijlade (0.9.88). */
.sia-staff-month__mail-dialog {
inset: 0 0 0 auto !important;
width: min(640px, 100vw) !important;
max-width: 100vw !important;
height: 100dvh !important;
max-height: 100dvh !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
.sia-staff-month__mail-dialog > form {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
overflow: hidden !important;
}
.sia-staff-month__mail-dialog .sia-staff-month__mail-header {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: center !important;
gap: .8rem !important;
padding: 1rem 1.1rem !important;
}
.sia-staff-month__mail-title { min-width: 0; }
.sia-staff-month__mail-title h3 { margin: .12rem 0 .22rem; font-size: 1.25rem; }
.sia-staff-month__mail-title p { max-width: 430px; line-height: 1.4; }
.sia-staff-month__mail-head-actions { align-self: start; }
.sia-staff-month__mail-close { display: inline-grid; place-items: center; padding: 0; }
.sia-staff-month__mail-fields {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
align-content: start !important;
gap: .85rem !important;
min-width: 0 !important;
max-width: 100% !important;
padding: .9rem 1.1rem 1.2rem !important;
overflow-x: hidden !important;
overflow-y: auto !important;
}
.sia-staff-month__mail-step {
display: grid;
min-width: 0;
gap: .65rem;
padding: .85rem;
border: 1px solid #ead8c1;
border-radius: 12px;
background: #fff;
box-sizing: border-box;
}
.sia-staff-month__mail-step-heading {
display: grid;
grid-template-columns: 28px minmax(0, 1fr);
align-items: start;
gap: .65rem;
min-width: 0;
}
.sia-staff-month__mail-step-heading > span {
display: grid;
width: 28px;
height: 28px;
place-items: center;
border-radius: 999px;
background: #f2e3cf;
color: #6f441f;
font-size: .72rem;
font-weight: 950;
}
.sia-staff-month__mail-step-heading > div { display: grid; min-width: 0; gap: .12rem; }
.sia-staff-month__mail-step-heading strong { color: #3d2416; font-size: .82rem; }
.sia-staff-month__mail-step-heading small { color: var(--sia-muted); font-size: .68rem; font-weight: 500; line-height: 1.35; }
.sia-staff-month__mail-choice {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: .5rem !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
}
.sia-staff-month__mail-choice label {
display: grid !important;
grid-template-columns: 20px minmax(0, 1fr) !important;
align-items: start !important;
gap: .65rem !important;
min-width: 0 !important;
padding: .72rem .8rem !important;
border-radius: 9px !important;
}
.sia-staff-month__mail-choice label:has(input:checked) { border-color: #b77208 !important; background: #fff4df !important; }
.sia-staff-month__mail-choice label.is-disabled { background: #f7f3ee !important; }
.sia-staff-month__mail-choice input { margin: .05rem 0 0 !important; }
.sia-staff-month__mail-choice strong { font-size: .76rem !important; }
.sia-staff-month__mail-choice small { font-size: .68rem !important; line-height: 1.35 !important; }
.sia-staff-month__mail-target {
min-width: 0;
padding: .78rem .85rem !important;
border-color: #e2c8a7 !important;
background: #fff9f0 !important;
}
.sia-staff-month__mail-target.is-active { display: grid !important; }
.sia-staff-month__mail-target[hidden] { display: none !important; }
.sia-staff-month__mail-target > small { color: #765e4d; font-size: .67rem; font-weight: 600; }
.sia-staff-month__mail-select-controls { margin-bottom: .25rem; }
.sia-staff-month__mail-employee-list { max-height: 250px; }
.sia-staff-month__mail-employee-list label { min-width: 0; }
.sia-staff-month__mail-employee-list span { flex-wrap: wrap; }
.sia-staff-month__mail-message-fields { display: grid; min-width: 0; gap: .72rem; }
.sia-staff-month__mail-field { min-width: 0; }
.sia-staff-month__mail-fields input,
.sia-staff-month__mail-fields textarea { min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; }
.sia-staff-month__mail-field.is-template textarea { min-height: 156px !important; }
.sia-staff-month__mail-field.is-extra textarea { min-height: 76px !important; }
.sia-staff-month__mail-save { margin-top: .05rem; }
.sia-staff-month__mail-dialog footer { position: sticky; bottom: 0; z-index: 4; }
@media (max-width: 700px) {
.sia-staff-month__mail-dialog { width: 100vw !important; border-left: 0 !important; }
.sia-staff-month__mail-dialog .sia-staff-month__mail-header { padding: .85rem !important; }
.sia-staff-month__mail-fields { padding: .75rem .8rem 1rem !important; }
}
@media (max-width: 430px) {
.sia-staff-month__mail-dialog .sia-staff-month__mail-header { grid-template-columns: minmax(0, 1fr) auto !important; }
.sia-staff-month__mail-head-actions .is-primary span { display: none; }
.sia-staff-month__mail-head-actions .is-primary { width: 42px !important; justify-content: center; padding: 0 !important; }
.sia-staff-month__mail-title h3 { font-size: 1.1rem; }
.sia-staff-month__mail-step { padding: .72rem; }
.sia-staff-month__mail-select-controls span { width: 100%; }
}
/* Voorkom dat lange mailstappen door de globale formulier-wrap in kolommen springen (0.9.89). */
.sia-staff-month__mail-dialog { overflow-x: hidden !important; overflow-y: hidden !important; }
.sia-staff-month__mail-dialog > form {
flex-wrap: nowrap !important;
align-items: stretch !important;
gap: 0 !important;
}
/* Zichtbare sluitknop van de mailzijlade (0.9.90). */
.sia-staff-month__mail-close { color: #3d2416 !important; font-weight: 900 !important; }
/* Keep registration validation feedback above the interface without changing layout (0.10.3). */
.sia-view-registratie [data-sia-validation-message],
.sia-view-registratie .sia-app__panel--calendar > .sia-app__error {
position: fixed;
top: max(14px, env(safe-area-inset-top));
left: 50%;
z-index: 10050;
width: min(calc(100vw - 32px), 760px);
max-width: calc(100vw - 32px);
max-height: calc(100dvh - 28px);
margin: 0;
padding: .8rem 1rem;
overflow: auto;
transform: translateX(-50%);
border: 1px solid #e5b6ae;
border-left: 5px solid #b4362b;
border-radius: 10px;
background: #fff5f2;
color: #61221b;
font-size: .84rem;
font-weight: 800;
line-height: 1.4;
box-shadow: 0 12px 32px rgb(56 36 23 / 18%);
}
.sia-staff-detail__payroll-save {
display: inline-flex;
align-items: center;
justify-content: center;
gap: .38rem;
min-height: 40px;
padding: .4rem .72rem;
border: 1px solid #382417;
border-radius: 8px;
background: #382417;
color: #fff;
font-size: .76rem;
font-weight: 850;
white-space: nowrap;
cursor: pointer;
}
.sia-staff-detail__payroll-save:hover,
.sia-staff-detail__payroll-save:focus-visible { background: #5b3822; border-color: #5b3822; }
.sia-staff-detail__payroll-save svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; }
@media (max-width: 720px) {
.sia-view-registratie [data-sia-validation-message],
.sia-view-registratie .sia-app__panel--calendar > .sia-app__error {
top: max(8px, env(safe-area-inset-top));
width: calc(100vw - 16px);
max-width: calc(100vw - 16px);
}
.sia-staff-detail__payroll-save { min-height: 38px; padding: .38rem .62rem; }
}
/* SIA: dossiernavigatie blijft boven de urenregistratie */
.sia-staff-detail__head--hours.sia-staff-detail__head--summary-moved{grid-template-areas:"identity actions"!important;grid-template-columns:minmax(240px,1fr) auto!important;grid-template-rows:auto!important;align-items:start!important}
.sia-staff-detail__content--hours{display:flex!important;flex-direction:column!important;gap:.75rem!important}
.sia-staff-detail__content--hours>.sia-staff-detail__hours-overview--below-tabs{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;align-self:stretch!important}
.sia-staff-detail__content--hours>[aria-label="Urenregistratie"]{width:100%!important;min-width:0!important}
@media(max-width:1000px){.sia-staff-detail__head--hours.sia-staff-detail__head--summary-moved{grid-template-areas:"identity" "actions"!important;grid-template-columns:minmax(0,1fr)!important}}
/* SIA 0.10.8 — compacte registratie, rapportage en maandanalyse */
.sia-app form button.sia-app__gift-card-button{width:44px;min-width:44px;height:44px;min-height:44px;border:1px solid var(--sia-line);border-radius:8px;background:#fff}
.sia-app form button.sia-app__gift-card-button:hover,.sia-app form button.sia-app__gift-card-button:focus-visible{border:1px solid #a96811;background:#fff4e3}
.sia-app__gift-card-button img{width:38px;height:38px;object-fit:contain;border-radius:5px}
.sia-registration__table th:nth-child(13),.sia-registration__table td:nth-child(13){width:54px;min-width:54px;padding-right:.45rem;padding-left:.45rem;text-align:center}
.sia-registration__table th:nth-child(14),.sia-registration__table td:nth-child(14){width:44px;min-width:44px;padding-right:.3rem;padding-left:.3rem;text-align:center}
.sia-registration__approval-cell{position:relative;text-align:center}
.sia-registration__actions-cell{text-align:center}
.sia-registration__approval-cell .sia-registration__approval-label{margin:0 auto}
.sia-registration__actions-cell .sia-registration__delete{margin:0 auto}
.sia-registration__row select.is-missing,.sia-registration__row td.has-missing-field select{border-color:#d47a0a!important;background:#fff8e8!important;box-shadow:inset 0 0 0 1px rgba(212,122,10,.34),0 0 0 2px rgba(212,122,10,.08)}
.sia-registration__row select.is-missing:focus{border-color:#b86000!important;box-shadow:0 0 0 3px rgba(212,122,10,.2)!important}
.sia-registration__row td.has-missing-field{background:linear-gradient(0deg,rgba(255,247,229,.55),rgba(255,247,229,.55))}
.sia-registration__table :is(.sia-upsell-input,.sia-discount-input)::placeholder{color:#9b846f;opacity:1}
.sia-cashbook__head{display:grid;grid-template-columns:minmax(230px,auto) minmax(430px,1fr) auto auto;align-items:center;gap:.7rem;margin-bottom:.65rem}
.sia-cashbook__head>div:first-child{min-width:0}.sia-cashbook__head h1{margin:0;font-size:1.45rem}
.sia-day-closing__status-row{display:inline-flex;flex-wrap:nowrap;margin:.28rem 0 0 .45rem;vertical-align:middle}
.sia-day-closing__date-nav{justify-self:center;margin:0}
.sia-day-closing__cash-chip{display:grid;gap:.05rem;min-width:145px;padding:.48rem .65rem;border:1px solid #d6a866;border-radius:8px;background:#fff8e9}
.sia-day-closing__cash-chip small{color:#765233;font-size:.61rem;letter-spacing:0;text-transform:none}
.sia-day-closing__cash-chip strong{color:#5a3417;font-size:.92rem;white-space:nowrap}
.sia-day-closing__head-actions{justify-self:end}
.sia-day-closing__closure-explainer{min-height:48px;margin-bottom:.55rem;padding:.5rem .7rem}
.sia-day-closing__closure-explainer>div{display:flex;align-items:center;gap:.55rem;min-width:0}
.sia-day-closing__closure-explainer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sia-day-closures>header{display:grid!important;grid-template-columns:minmax(280px,1fr) auto auto;align-items:end!important;gap:.7rem!important}
.sia-day-closures>header .sia-banner-period{flex-wrap:nowrap}
/* Shared top-label and left-aligned period controls. */
.sia-banner-period{order:-1;margin-right:auto!important}
.sia-banner-period select{min-height:38px;padding:.45rem 2rem .45rem .65rem;border:1px solid #ddc19f;border-radius:7px;background:#fffdfa;color:var(--sia-ink);font:inherit;font-size:.72rem;font-weight:800}
.sia-month-report__period{justify-self:start;order:-1}
/* Bonnen & facturen: one control banner, one status surface, shared filters. */
.sia-documents-admin__toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:.8rem .9rem;border-bottom:1px solid #ead7bf;background:#fffaf3}
.sia-documents-admin__toolbar .sia-documents-admin__period{display:flex!important;width:auto;align-items:flex-end!important;gap:.42rem!important;flex-flow:row wrap!important}
.sia-documents-admin__period label{min-width:155px}
.sia-documents-admin__period label:last-of-type{min-width:165px}
.sia-documents-admin__period input,.sia-documents-admin__period select{width:100%;min-height:40px;padding:.45rem .65rem;border:1px solid #d9b989;border-radius:8px;background:#fff;color:var(--sia-ink);font:inherit;font-size:.72rem;font-weight:800}
.sia-documents-admin__month-step{display:grid;width:40px;height:40px;place-items:center;border:1px solid #d9b989;border-radius:8px;background:#fff;color:var(--sia-ink);text-decoration:none}
.sia-documents-admin__month-step:hover,.sia-documents-admin__month-step:focus-visible{border-color:#a96811;background:#fff6e9;color:#7d4b09;box-shadow:0 0 0 3px rgba(169,104,17,.12)}
.sia-documents-admin__month-step svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
.sia-documents-admin__toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex:0 0 auto}
.sia-documents-admin__toolbar-actions>.sia-documents-admin__add{min-height:40px;padding:.55rem .75rem}
.sia-documents-admin__status-card{display:grid;gap:.65rem;margin:.75rem .9rem;padding:.8rem .9rem;border:1px solid #d9c7df;border-left:4px solid #b67dbd;border-radius:11px;background:#fbf7fc;box-shadow:0 5px 16px rgba(69,42,73,.08)}
.sia-documents-admin__status-card.is-ready{border-color:#add2b2;border-left-color:#4c9a56;background:#f2f9f3}
.sia-documents-admin__status-card.is-error{border-color:#e1aaa3;border-left-color:#b94133;background:#fff5f3}
.sia-documents-admin__status-card>header{display:flex;align-items:center;gap:.6rem}
.sia-documents-admin__status-card>header>span{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:9px;background:#87518f;color:#fff}
.sia-documents-admin__status-card.is-ready>header>span{background:#3f8549}
.sia-documents-admin__status-card.is-error>header>span{background:#a8382d}
.sia-documents-admin__status-card>header svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9}
.sia-documents-admin__status-card>header div{display:grid;min-width:0;gap:.08rem}
.sia-documents-admin__status-card>header small{overflow:hidden;color:#87518f;font-size:.58rem;font-weight:900;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.sia-documents-admin__status-card>header strong{font:700 .9rem/1.2 Georgia,serif}
.sia-documents-admin__status-card>header em{margin-left:auto;padding:.35rem .55rem;border-radius:999px;background:rgba(135,81,143,.1);font-size:.62rem;font-style:normal;font-weight:900;white-space:nowrap}
.sia-documents-admin__status-grid{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(280px,1.4fr) minmax(190px,.8fr);gap:.5rem}
.sia-documents-admin__status-grid>span{display:grid;gap:.2rem;padding:.55rem .65rem;border:1px solid rgba(132,95,73,.14);border-radius:8px;background:rgba(255,255,255,.72)}
.sia-documents-admin__status-grid small{color:#806252;font-size:.57rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.sia-documents-admin__status-grid strong{font-size:.67rem;line-height:1.35}
.sia-documents-admin__status-notice .sia-financial-notice{border-radius:8px}
.sia-documents-admin__status-card .sia-mail-inbox__diagnostics{margin:0;background:#fff}
@media(max-width:980px){
.sia-documents-admin__toolbar{align-items:stretch;flex-direction:column}
.sia-documents-admin__toolbar-actions{justify-content:flex-start}
.sia-documents-admin__status-grid{grid-template-columns:1fr 1fr}
.sia-documents-admin__status-grid>span:nth-child(2){grid-column:1/-1;grid-row:2}
}
@media(max-width:620px){
.sia-documents-admin__toolbar .sia-documents-admin__period{display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px;width:100%}
.sia-documents-admin__period label{min-width:0}
.sia-documents-admin__period label:last-of-type{grid-column:1/-1;min-width:0}
.sia-documents-admin__period>button{grid-column:1/-1;width:100%}
.sia-documents-admin__toolbar-actions{align-items:stretch;flex-direction:column}
.sia-documents-admin__toolbar-actions>.sia-documents-admin__add,.sia-documents-admin__mail-action,.sia-documents-admin__mail-action form,.sia-documents-admin__mail-action button{width:100%}
.sia-documents-admin__mail-action button{justify-content:center}
.sia-documents-admin__status-card>header{align-items:flex-start;flex-wrap:wrap}
.sia-documents-admin__status-card>header em{margin-left:0}
.sia-documents-admin__status-grid{grid-template-columns:1fr}
.sia-documents-admin__status-grid>span:nth-child(2){grid-column:auto;grid-row:auto}
}
.sia-day-closures>header .sia-administration__badge{align-self:end;margin-bottom:.08rem;white-space:nowrap}
.sia-report-overview__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}
.sia-report-overview__stats article{min-height:78px;padding:.6rem .75rem}
.sia-day-closures__list{gap:.34rem;padding:.4rem}
.sia-day-close-card{grid-template-columns:124px minmax(620px,1fr) minmax(300px,.66fr);grid-template-areas:"head numbers action";min-height:76px;gap:.45rem;padding:.42rem .5rem}
.sia-day-close-card>header{min-height:58px;padding-right:.45rem}
.sia-day-close-card__numbers{grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:.28rem}
.sia-day-close-card__numbers span{min-height:50px;align-content:center;padding:.3rem .42rem}
.sia-day-close-card__numbers small{font-size:.57rem}
.sia-day-close-card__numbers strong{overflow:hidden;font-size:.75rem;text-overflow:ellipsis}
.sia-day-close-card__payments{display:none}
.sia-day-close-card__close,.sia-day-close-card__final,.sia-day-close-card__issues{align-self:center;min-width:0;padding-left:.5rem}
.sia-day-close-card__final{display:flex;align-items:center;gap:.4rem}
.sia-day-close-card__final>p{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sia-day-close-card__final>.sia-day-close-card__reception-message{display:none}
.sia-day-close-card__final details{flex:0 0 auto;padding:.35rem .45rem}
.sia-day-close-card__issues{grid-template-columns:minmax(0,1fr) auto}
.sia-day-close-card__issues ul{margin:.15rem 0}
.sia-month-report{gap:12px}
.sia-month-report__tabs{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.38rem;border:1px solid #e6c49e;border-radius:10px;background:#fffaf3}
.sia-month-report__tab-group,.sia-month-report__view-switch{display:flex;align-items:center;gap:.3rem}
.sia-month-report__tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:.42rem .72rem;border:1px solid transparent;border-radius:7px;color:#684117;font-size:.76rem;font-weight:850;text-decoration:none}
.sia-month-report__tabs a:hover{border-color:#d6aa72;background:#fff}
.sia-month-report__tabs a.is-active{border-color:#402719;background:#402719;color:#fff}
.sia-month-report__view-switch{padding-left:.55rem;border-left:1px solid #ead2b5}
.sia-month-report__view-switch>span{margin-right:.2rem;color:#82664e;font-size:.67rem;font-weight:800}
.sia-platform-grid.is-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
.sia-platform-grid.is-list{grid-template-columns:1fr}
.sia-platform-grid.is-list .sia-platform-card{display:grid;grid-template-columns:190px minmax(0,1fr) auto;align-items:start;gap:.65rem;padding:.75rem}
.sia-platform-grid.is-list .sia-platform-card>header{margin:0;padding:0;border:0}
.sia-platform-grid.is-list .sia-platform-card__metrics{grid-template-columns:repeat(7,minmax(92px,1fr));gap:.32rem}
.sia-platform-grid.is-list .sia-platform-card__metrics>div{min-height:52px;padding:.35rem .45rem}
.sia-platform-grid.is-list .sia-platform-card__differences,.sia-platform-grid.is-list .sia-platform-card__documents,.sia-platform-grid.is-list .sia-platform-card>details,.sia-platform-grid.is-list .sia-platform-card>footer{grid-column:1/-1}
.sia-month-analysis{display:grid;gap:.75rem}
.sia-month-analysis>header{display:flex;align-items:end;justify-content:space-between;padding:.15rem .1rem}
.sia-month-analysis>header small,.sia-month-chart header small,.sia-month-weekdays header small{color:#98519d;font-size:.66rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.sia-month-analysis h2,.sia-month-analysis h3{margin:.1rem 0 0;font-family:Georgia,'Times New Roman',serif}
.sia-month-analysis>header p{margin:.25rem 0 0;color:var(--sia-muted);font-size:.76rem}
.sia-month-analysis__insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}
.sia-month-analysis__insights article{display:grid;gap:.16rem;padding:.7rem .8rem;border:1px solid #e5c49e;border-radius:10px;background:#fffdf9}
.sia-month-analysis__insights article.is-quiet{border-color:#e4b16d;background:#fff8e9}
.sia-month-analysis__insights article.is-busy{border-color:#9dcba4;background:#f0f8ed}
.sia-month-analysis__insights small{color:#765b46;font-size:.66rem;font-weight:800}
.sia-month-analysis__insights strong{font-size:1.15rem}
.sia-month-analysis__insights span{color:var(--sia-muted);font-size:.69rem}
.sia-month-analysis__grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(410px,.75fr);gap:.65rem}
.sia-month-chart,.sia-month-weekdays{min-width:0;padding:.75rem;border:1px solid #e5c49e;border-radius:11px;background:#fffdf9}
.sia-month-chart>header,.sia-month-weekdays>header{display:flex;align-items:end;justify-content:space-between;gap:.75rem}
.sia-month-chart>header>span{color:var(--sia-muted);font-size:.68rem;font-weight:750}
.sia-month-chart__plot{margin-top:.55rem}
.sia-month-chart__bars{display:flex;align-items:end;gap:3px;height:250px;padding:1.35rem .35rem .2rem;border-left:1px solid #e9d6bf;border-bottom:1px solid #e9d6bf;background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#f1e5d6 50px)}
.sia-month-chart__bar{display:flex;flex:1 1 0;flex-direction:column;justify-content:end;min-width:0;height:100%}
.sia-month-chart__bar>span{position:relative;display:block;height:var(--sia-bar-height);min-height:4px;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,#d88a28,#8d4f0a);transition:filter .16s ease,transform .16s ease}
.sia-month-chart__bar:hover>span{filter:saturate(1.2);transform:translateY(-2px)}
.sia-month-chart__bar b{position:absolute;right:50%;bottom:calc(100% + 4px);display:none;z-index:2;padding:.2rem .32rem;border-radius:5px;background:#382417;color:#fff;font-size:.56rem;white-space:nowrap;transform:translateX(50%)}
.sia-month-chart__bar:hover b{display:block}
.sia-month-chart__bar small{display:block;margin-top:.2rem;color:#7d6654;font-size:.5rem;text-align:center}
.sia-month-weekdays table{width:100%;margin-top:.55rem;border-collapse:collapse}
.sia-month-weekdays th,.sia-month-weekdays td{padding:.4rem .35rem;border-bottom:1px solid #f0dfca;font-size:.68rem;text-align:right}
.sia-month-weekdays th:first-child{text-align:left}
.sia-month-weekdays tr.is-quiet{background:#fff6e7}
.sia-month-weekdays tr.is-busy{background:#eef8eb}
.sia-month-weekdays__quiet{margin-top:.65rem;padding:.55rem .65rem;border-radius:8px;background:#fff8ec}
.sia-month-weekdays__quiet>strong{font-size:.72rem}
.sia-month-weekdays__quiet ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.18rem .6rem;margin:.35rem 0 0;padding:0;list-style:none}
.sia-month-weekdays__quiet li{display:flex;justify-content:space-between;gap:.5rem;color:#74583f;font-size:.64rem}
.sia-month-analysis__tip{margin:0;padding:.6rem .75rem;border-left:4px solid #51905a;background:#eff8ed;color:#315f37;font-size:.72rem}
.sia-finance__toolbar--header{grid-column:1/-1;width:100%;margin:.45rem 0 .55rem;background:#fffaf2}
@media(max-width:1180px){
.sia-cashbook__head{grid-template-columns:1fr auto}
.sia-day-closing__date-nav{justify-self:end}
.sia-day-closing__cash-chip{grid-column:1/2}
.sia-day-closing__head-actions{grid-column:2/3}
.sia-day-close-card{grid-template-columns:120px minmax(0,1fr);grid-template-areas:"head numbers" "action action"}
.sia-month-analysis__grid{grid-template-columns:1fr}
.sia-platform-grid.is-list .sia-platform-card{grid-template-columns:1fr}
.sia-platform-grid.is-list .sia-platform-card__metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
.sia-month-report__tabs,.sia-month-report__tab-group,.sia-month-report__view-switch{align-items:stretch;flex-direction:column}
.sia-month-report__tabs a{width:100%}
.sia-month-report__view-switch{width:100%;padding:.45rem 0 0;border-top:1px solid #ead2b5;border-left:0}
.sia-month-analysis__insights{grid-template-columns:1fr}
.sia-month-chart__bars{height:200px;gap:1px}
.sia-month-chart__bar small{display:none}
.sia-month-weekdays{overflow-x:auto}
}
/* SIA 0.10.14 — veilige bulkimport van bestaande loonstroken */
.sia-payroll-import{display:grid;grid-template-columns:minmax(240px,1fr) minmax(300px,.8fr) auto;align-items:end;gap:.7rem;margin:.65rem 0;padding:.75rem;border:1px solid #e3c198;border-radius:11px;background:#fffaf3}
.sia-payroll-import>div{display:grid;gap:.08rem;align-self:center}.sia-payroll-import>div small{color:#98519d;font-size:.62rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.sia-payroll-import>div strong{font-size:.9rem}.sia-payroll-import>div span{color:var(--sia-muted);font-size:.69rem}
.sia-payroll-import label{display:grid;gap:.28rem;color:#4c3322;font-size:.68rem;font-weight:800}.sia-payroll-import input[type=file]{min-height:42px;padding:.42rem;border:1px solid #dcb889;border-radius:8px;background:#fff;font-size:.68rem;font-weight:650}
.sia-payroll-import button{display:inline-flex;align-items:center;justify-content:center;gap:.38rem;min-height:42px;white-space:nowrap}.sia-payroll-import button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9}
.sia-payroll-import>p{grid-column:1/-1;margin:0;color:#81654f;font-size:.64rem}
.sia-payroll-import__result{display:flex;align-items:center;gap:.65rem;margin:.6rem 0;padding:.6rem .75rem;border:1px solid #a8cfa5;border-left:4px solid #4f914f;border-radius:8px;background:#eff8ed;color:#2e6032;font-size:.7rem}.sia-payroll-import__result.has-warning{border-color:#e2bd7d;border-left-color:#bb710d;background:#fff7e8;color:#70420a}.sia-payroll-import__result span{font-weight:650}
@media(max-width:980px){.sia-payroll-import{grid-template-columns:1fr}.sia-payroll-import>p{grid-column:1}.sia-payroll-import button{width:100%}}
.sia-payroll-workflow{display:flex;align-items:center;gap:.45rem;padding:.38rem;border:1px solid #e3c198;border-radius:11px;background:#fff8ef;overflow-x:auto}.sia-payroll-workflow a{display:inline-flex;align-items:center;justify-content:center;gap:.42rem;min-height:39px;padding:.5rem .8rem;border-radius:8px;color:#5d402c;font-size:.74rem;font-weight:850;text-decoration:none;white-space:nowrap}.sia-payroll-workflow a:hover{background:#f7e9d8}.sia-payroll-workflow a.is-active{background:#412718;color:#fff}.sia-payroll-workflow b{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#f1d5b4;color:#6f3c13;font-size:.68rem}.sia-payroll-workflow a.is-active b{background:#fff;color:#6f3c13}
.sia-payroll-pending-list{display:grid;gap:.65rem}.sia-payroll-pending-list article{display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(430px,1.25fr);align-items:center;gap:.8rem;padding:.8rem;border:1px solid #e5c6a1;border-left:4px solid #b96d15;border-radius:11px;background:#fffaf4}.sia-payroll-pending-list article>div{display:grid;gap:.14rem}.sia-payroll-pending-list article small{color:#98519d;font-size:.62rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.sia-payroll-pending-list article span{color:#80614d;font-size:.68rem}.sia-payroll-pending-list article>a{color:#985400;font-size:.72rem;font-weight:800}.sia-payroll-pending-list form{display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:end;gap:.55rem}.sia-payroll-pending-list label{display:grid;gap:.25rem;color:#4c3322;font-size:.66rem;font-weight:800}.sia-payroll-pending-list select{min-height:40px;border:1px solid #dcb889;border-radius:8px;background:#fff;padding:0 .65rem;color:#382316}.sia-payroll-pending-list button{min-height:40px;border:0;border-radius:8px;background:#412718;color:#fff;padding:0 .85rem;font-weight:800}.sia-payroll-pending-list button:disabled{opacity:.45}
.sia-payroll-processed{overflow:auto;border:1px solid #ecd0af;border-radius:12px}.sia-payroll-processed table{width:100%;min-width:900px;border-collapse:collapse}.sia-payroll-processed th{padding:.72rem;text-align:left;background:#fbf0e3;font-size:.7rem}.sia-payroll-processed td{padding:.72rem;border-top:1px solid #efd4b3;font-size:.72rem;vertical-align:middle}.sia-payroll-processed td strong,.sia-payroll-processed td small{display:block}.sia-payroll-processed td small{margin-top:.16rem;color:#80614d}.sia-payroll-processed a{color:#985400;font-weight:750}
.sia-payroll-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:.8rem}.sia-payroll-shortcuts a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid #e3c198;border-radius:12px;background:#fffaf3;color:#412718;text-decoration:none}.sia-payroll-shortcuts a:hover{border-color:#b97528;background:#fff5e7}.sia-payroll-shortcuts a>span{display:grid;gap:.2rem}.sia-payroll-shortcuts strong{font-size:.9rem}.sia-payroll-shortcuts small{color:#80614d;font-size:.68rem;line-height:1.4}.sia-payroll-shortcuts svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}
@media(max-width:980px){.sia-payroll-pending-list article{grid-template-columns:1fr}.sia-payroll-pending-list form{grid-template-columns:1fr}.sia-payroll-shortcuts{grid-template-columns:1fr}}
/* SIA 0.10.16 — compacte documenttabs, acties achteraan en eigen mailvoorbeeld. */
.sia-staff-documents-toolbar{display:flex;align-items:stretch;gap:.65rem;margin:.8rem 0}
.sia-staff-documents-toolbar .sia-staff-documents-tabs{flex:1;min-width:0;margin:0}
.sia-staff-documents-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
.sia-staff-documents-tabs a{flex:0 0 auto;white-space:nowrap}
.sia-staff-document-upload-toggle{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:.42rem;min-height:46px;padding:0 .9rem;border:1px solid #d8b88f;border-radius:9px;background:#fffaf3;color:#382417;font-size:.72rem;font-weight:900;white-space:nowrap;cursor:pointer}.sia-staff-document-upload-toggle:hover,.sia-staff-document-upload-toggle.is-active{border-color:#382417;background:#382417;color:#fff}.sia-staff-document-upload-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9}
.sia-staff-documents-hub>.sia-document-upload[hidden]{display:none!important}.sia-staff-documents-hub>.sia-document-upload:not([hidden]){margin-top:-.2rem;animation:siaStaffDocumentUploadIn .16s ease-out}@keyframes siaStaffDocumentUploadIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.sia-documents.sia-staff-document-list>li{grid-template-columns:28px minmax(260px,1fr) 180px auto;align-items:center;column-gap:.6rem;padding:.7rem .75rem}
.sia-documents.sia-staff-document-list .sia-staff-document-status{box-sizing:border-box;width:180px;min-width:180px;height:44px;min-height:44px;align-content:center;align-self:center;padding:.32rem .6rem;line-height:1.12}
.sia-documents.sia-staff-document-list .sia-staff-document-status small{font-size:.62rem;line-height:1.15}
.sia-documents.sia-staff-document-list .sia-staff-document-actions{display:flex;grid-column:4;align-items:center;justify-self:end;gap:.45rem;flex-wrap:nowrap}
.sia-documents.sia-staff-document-list .sia-staff-document-actions>form{display:inline-flex!important;align-items:center!important;gap:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
.sia-staff-document-actions>a,.sia-staff-document-actions>form>button{box-sizing:border-box;width:44px;min-width:44px;height:44px;min-height:44px;justify-content:center;padding:0}
.sia-staff-document-actions>a>span,.sia-staff-document-actions>form>button>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sia-staff-document-list--payroll-scroll{max-height:470px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:.35rem}
.sia-staff-payroll-header-tools{display:flex;align-items:center;gap:.8rem}.sia-staff-payroll-header-tools>span{color:#765d4b;font-size:.72rem;white-space:nowrap}
.sia-staff-payroll-auto-mail{display:inline-flex!important;align-items:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.sia-staff-payroll-auto-mail label{display:inline-flex;align-items:center;gap:.5rem;min-height:38px;padding:.3rem .45rem .3rem .7rem;border:1px solid #dfbd94;border-radius:999px;background:#fffaf3;color:#60422f;font-size:.7rem;font-weight:850;cursor:pointer;white-space:nowrap}.sia-staff-payroll-auto-mail input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.sia-staff-payroll-auto-mail i{position:relative;width:36px;height:20px;border-radius:999px;background:#c9b8aa;box-shadow:inset 0 0 0 1px rgba(56,36,23,.12);transition:background .16s ease}.sia-staff-payroll-auto-mail i::after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(56,36,23,.25);transition:transform .16s ease}.sia-staff-payroll-auto-mail input:checked+i{background:#4d8844}.sia-staff-payroll-auto-mail input:checked+i::after{transform:translateX(16px)}.sia-staff-payroll-auto-mail input:focus-visible+i{outline:2px solid #9c671d;outline-offset:2px}
.sia-staff-document-mail-preview{--sia-ink:#382417;--sia-muted:#755d4b;position:fixed;inset:0 0 0 auto;width:min(560px,100vw);max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden;border:0;border-left:1px solid #d8b88f;background:#fffaf3;color:var(--sia-ink);box-shadow:-24px 0 70px rgba(54,31,18,.24)}
.sia-staff-document-mail-preview[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.sia-staff-document-mail-preview::backdrop{background:rgba(35,22,14,.48);backdrop-filter:blur(2px)}
.sia-staff-document-mail-preview>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.1rem 1.2rem;border-bottom:1px solid #ead8c1;background:#fff}
.sia-staff-document-mail-preview>header small,.sia-staff-document-mail-preview__body section>small{color:#87518f;font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.sia-staff-document-mail-preview h2{margin:.15rem 0 .3rem;font:700 1.5rem/1.15 Georgia,serif}
.sia-staff-document-mail-preview>header p{margin:0;color:var(--sia-muted);font-size:.75rem;line-height:1.45}
.sia-staff-document-mail-preview>header button{display:grid;flex:0 0 40px;width:40px;height:40px;place-items:center;border:1px solid #d8b88f;border-radius:9px;background:#fffaf3;color:var(--sia-ink);font-size:1.3rem;cursor:pointer}
.sia-staff-document-mail-preview__body{display:grid;align-content:start;gap:.9rem;min-height:0;overflow-y:auto;padding:1rem 1.2rem}
.sia-staff-document-mail-preview__body dl{display:grid;margin:0;border:1px solid #e4c8a7;border-radius:10px;background:#fff;overflow:hidden}
.sia-staff-document-mail-preview__body dl>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:.7rem;padding:.65rem .75rem;border-bottom:1px solid #eee0cf}
.sia-staff-document-mail-preview__body dl>div:last-child{border-bottom:0}
.sia-staff-document-mail-preview__body dt{color:#7b604c;font-size:.7rem;font-weight:850}.sia-staff-document-mail-preview__body dd{min-width:0;margin:0;overflow-wrap:anywhere;font-size:.73rem;font-weight:750}
.sia-staff-document-mail-preview__body section{padding:.9rem;border:1px solid #e4c8a7;border-radius:10px;background:#fff}
.sia-staff-document-mail-preview__body pre{margin:.55rem 0 0;white-space:pre-wrap;color:#4d382b;font:inherit;font-size:.75rem;line-height:1.65}
.sia-staff-document-mail-preview__body>p{margin:0;padding:.7rem .8rem;border-left:4px solid #b97818;background:#fff3df;color:#6e470e;font-size:.7rem}
.sia-staff-document-mail-preview>footer{display:flex;justify-content:flex-end;gap:.55rem;padding:.8rem 1.2rem;border-top:1px solid #ead8c1;background:#fff}
.sia-staff-document-mail-preview>footer button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:0 .9rem;border-radius:8px;font-size:.72rem;font-weight:900;cursor:pointer}
.sia-staff-document-mail-preview>footer .is-secondary{border:1px solid #d8b88f;background:#fff;color:var(--sia-ink)}.sia-staff-document-mail-preview>footer .is-primary{border:1px solid var(--sia-ink);background:var(--sia-ink);color:#fff}
.sia-staff-document-mail-preview>footer svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9}
@media(max-width:980px){.sia-staff-documents-toolbar{align-items:stretch}.sia-documents.sia-staff-document-list>li{grid-template-columns:28px minmax(0,1fr) auto}.sia-documents.sia-staff-document-list .sia-staff-document-status{grid-column:2}.sia-documents.sia-staff-document-list .sia-staff-document-actions{grid-column:3;grid-row:1/-1;align-self:center}}
@media(max-width:620px){.sia-staff-documents-toolbar{display:grid}.sia-staff-document-upload-toggle{width:100%}.sia-staff-documents-tabs a{flex:0 0 auto}.sia-staff-documents-panel>header{align-items:flex-start;flex-direction:column}.sia-staff-payroll-header-tools{width:100%;justify-content:space-between}.sia-documents.sia-staff-document-list>li{grid-template-columns:24px minmax(0,1fr)}.sia-documents.sia-staff-document-list .sia-staff-document-status{grid-column:2}.sia-documents.sia-staff-document-list .sia-staff-document-actions{grid-column:2;grid-row:auto;justify-self:start}.sia-staff-document-mail-preview>footer{display:grid;grid-template-columns:1fr}.sia-staff-document-mail-preview>footer button{width:100%}}
/* Payslip interpretation: extracted values and a right-side explanation panel. */
.sia-staff-payroll-help-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:38px;padding:0 .65rem;border:1px solid #dfbd94;border-radius:999px;background:#fffaf3;color:#60422f;font-size:.68rem;font-weight:900;cursor:pointer;white-space:nowrap}.sia-staff-payroll-help-toggle:hover,.sia-staff-payroll-help-toggle:focus-visible{border-color:#60422f;background:#60422f;color:#fff}.sia-staff-payroll-help-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9}
.sia-staff-payroll-columns{--sia-payroll-grid:28px minmax(180px,1fr) minmax(420px,1.2fr) 180px 198px;display:grid;grid-template-columns:var(--sia-payroll-grid);align-items:center;column-gap:.6rem;margin:.25rem calc(15px + .35rem) 0 0;padding:.52rem .75rem;border:1px solid #ead3b7;border-bottom:0;border-radius:9px 9px 0 0;background:#fff7ec;color:#5e4432;font-size:.61rem;font-weight:900;letter-spacing:.02em}.sia-staff-payroll-columns>.is-document{grid-column:1/3;padding-left:calc(28px + .6rem)}.sia-staff-payroll-columns>div{display:grid;grid-template-columns:68px repeat(4,minmax(0,1fr));gap:.35rem;align-items:center}.sia-staff-payroll-columns>div span{display:flex;min-height:28px;align-items:center;padding-left:.5rem;border-left:1px solid #e6c9a7;line-height:1.15}.sia-staff-payroll-columns>span:nth-last-child(2){padding-left:.5rem}.sia-staff-payroll-columns>span:last-child{text-align:center}.sia-staff-payroll-columns+.sia-staff-document-list--payroll-scroll{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}
.sia-documents.sia-staff-document-list>li.has-payroll-summary{grid-template-columns:28px minmax(180px,1fr) minmax(420px,1.2fr) 180px 198px;column-gap:.6rem}
.sia-documents.sia-staff-document-list>li.has-payroll-summary .sia-staff-document-status{box-sizing:border-box;width:100%;min-width:0}.sia-documents.sia-staff-document-list>li.has-payroll-summary .sia-staff-document-actions{grid-column:5;width:198px;justify-content:flex-end}
.sia-staff-payslip-summary{display:grid;grid-template-columns:68px repeat(4,minmax(0,1fr));gap:.35rem;min-width:420px}.sia-staff-payslip-summary>span{display:grid;align-content:center;min-height:44px;padding:.28rem .5rem;border:0;border-left:1px solid #ead3b7;background:transparent;line-height:1.15}.sia-staff-payslip-summary>span::before{display:none;content:attr(data-label);color:#795f4c;font-size:.57rem;font-weight:850;white-space:nowrap}.sia-staff-payslip-summary strong{color:#382417;font-size:.71rem;white-space:nowrap}.sia-staff-payslip-summary:not(.is-ready):not(.has-error) strong{color:#9b846f;font-weight:700}.sia-staff-payslip-summary .needs-review{border-left-color:#d79a45;background:#fff5e5}.sia-staff-payslip-summary.has-error>span{border-left-color:#e3b9b1;background:#fff3f1}.sia-staff-payslip-summary.has-error strong{color:#97352d;font-size:.61rem}
.sia-staff-document-delete-preview{width:min(510px,calc(100vw - 28px));padding:0;border:1px solid #d9ad78;border-radius:15px;background:#fffaf3;color:#382417;box-shadow:0 22px 70px rgba(45,25,15,.3)}.sia-staff-document-delete-preview::backdrop{background:rgba(38,23,15,.5);backdrop-filter:blur(2px)}.sia-staff-document-delete-preview>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.1rem 1.2rem;border-bottom:1px solid #ead5bd;background:#fff}.sia-staff-document-delete-preview>header small{color:#a33228;font-size:.62rem;font-weight:900;letter-spacing:.09em}.sia-staff-document-delete-preview h2{margin:.18rem 0 .25rem;font:700 1.35rem/1.15 Georgia,serif}.sia-staff-document-delete-preview>header p{margin:0;color:#735a48;font-size:.72rem}.sia-staff-document-delete-preview>header button{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border:1px solid #dfbd94;border-radius:8px;background:#fffaf3;color:#432a1b;font-size:1.2rem}.sia-staff-document-delete-preview__body{display:flex;gap:.8rem;align-items:flex-start;padding:1.15rem 1.2rem}.sia-staff-document-delete-preview__body>span{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:50%;background:#a33228;color:#fff;font-weight:900}.sia-staff-document-delete-preview__body strong{display:block;margin-bottom:.28rem;overflow-wrap:anywhere}.sia-staff-document-delete-preview__body p{margin:0;color:#715846;font-size:.72rem;line-height:1.5}.sia-staff-document-delete-preview>footer{display:flex;justify-content:flex-end;gap:.55rem;padding:.85rem 1.2rem;border-top:1px solid #ead5bd;background:#fff}.sia-staff-document-delete-preview>footer button{min-height:42px;padding:0 .95rem;border:1px solid #d9ad78;border-radius:8px;background:#fff;color:#432a1b;font-weight:850}.sia-staff-document-delete-preview>footer button.is-danger{border-color:#a33228;background:#a33228;color:#fff}
.sia-payslip-help{--sia-help-ink:#382417;--sia-help-muted:#745c4b;position:fixed;inset:0 0 0 auto;width:min(600px,100vw);max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden;border:0;border-left:1px solid #d8b88f;background:#fffaf3;color:var(--sia-help-ink);box-shadow:-28px 0 80px rgba(54,31,18,.26)}.sia-payslip-help[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.sia-payslip-help::backdrop{background:rgba(35,22,14,.5);backdrop-filter:blur(2px)}
.sia-payslip-help>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.15rem 1.3rem;border-bottom:1px solid #ead8c1;background:linear-gradient(135deg,#fff 0%,#fff8ee 100%)}.sia-payslip-help>header small,.sia-payslip-help__body section>small,.sia-payslip-help__body section>div>small{color:#915099;font-size:.64rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.sia-payslip-help h2{margin:.14rem 0 .28rem;font:700 1.55rem/1.14 Georgia,serif}.sia-payslip-help>header p{margin:0;color:var(--sia-help-muted);font-size:.74rem;line-height:1.48}.sia-payslip-help>header button{display:grid;flex:0 0 40px;width:40px;height:40px;place-items:center;border:1px solid #d8b88f;border-radius:9px;background:#fffaf3;color:var(--sia-help-ink);font-size:1.3rem;cursor:pointer}
.sia-payslip-help__body{display:grid;align-content:start;gap:.8rem;min-height:0;overflow-y:auto;padding:1rem 1.3rem 1.2rem}.sia-payslip-help__body section{padding:.9rem;border:1px solid #e4c8a7;border-radius:12px;background:#fff}.sia-payslip-help__body h3{margin:.2rem 0 .35rem;font:700 1.02rem/1.25 Georgia,serif}.sia-payslip-help__body p{margin:0;color:#5f493a;font-size:.72rem;line-height:1.55}
.sia-payslip-help__lead{display:flex;gap:.8rem!important;border-color:#c8dfbd!important;background:#f1f8ed!important}.sia-payslip-help__lead>span{display:grid;flex:0 0 40px;width:40px;height:40px;place-items:center;border-radius:50%;background:#4d8844;color:#fff}.sia-payslip-help__lead svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9}.sia-payslip-help__lead strong{display:block;margin-bottom:.25rem;color:#276a26;font-size:.78rem}
.sia-payslip-help__definitions{display:grid;gap:.5rem;margin-top:.6rem}.sia-payslip-help__definitions article{display:flex;gap:.7rem;padding:.62rem;border:1px solid #eee0cf;border-radius:9px;background:#fffaf4}.sia-payslip-help__definitions article i{display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center;border-radius:50%;background:#432a1b;color:#fff;font-size:.68rem;font-style:normal;font-weight:900}.sia-payslip-help__definitions h3{margin:0 0 .12rem;font:800 .76rem/1.2 inherit}
.sia-payslip-help__example{border-color:#dfbd94!important;background:#fff8ed!important}.sia-payslip-help__example>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.sia-payslip-help__example dl{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin:.65rem 0}.sia-payslip-help__example dl>div{display:grid;gap:.18rem;padding:.58rem;border:1px solid #ead3b7;border-radius:8px;background:#fff}.sia-payslip-help__example dt{color:#775d49;font-size:.58rem;font-weight:850}.sia-payslip-help__example dd{margin:0;color:#382417;font-size:.78rem;font-weight:900}.sia-payslip-help__example>p{padding:.55rem .65rem;border-left:3px solid #b97818;background:#fff1dc;color:#6b460f}
.sia-payslip-help__agreement ul{display:grid;gap:.45rem;margin:.6rem 0;padding:0;list-style:none}.sia-payslip-help__agreement li{display:flex;gap:.6rem;align-items:flex-start}.sia-payslip-help__agreement li>span{display:grid;flex:0 0 25px;width:25px;height:25px;place-items:center;border-radius:7px;background:#efe4d7;color:#432a1b;font-size:.85rem;font-weight:900}.sia-payslip-help__note{padding:.58rem .65rem;border-radius:8px;background:#fff1dc!important;color:#6b460f!important}
.sia-payslip-help__calculation>div{display:flex;justify-content:space-between;gap:1rem;padding:.46rem 0;border-bottom:1px solid #eee0cf;font-size:.7rem}.sia-payslip-help__calculation>div:last-child{border-bottom:0}.sia-payslip-help__calculation .is-deduction strong{color:#a13d34}.sia-payslip-help__calculation .is-total{margin-top:.15rem;padding:.65rem;border:1px solid #b9d9ae;border-radius:8px;background:#edf8e9;color:#276a26;font-size:.78rem}.sia-payslip-help__footnote{padding:.1rem .15rem;color:#806957!important;font-size:.64rem!important}
.sia-payslip-help>footer{display:flex;justify-content:flex-end;padding:.8rem 1.3rem;border-top:1px solid #ead8c1;background:#fff}.sia-payslip-help>footer button{min-height:43px;padding:0 1rem;border:1px solid #382417;border-radius:8px;background:#382417;color:#fff;font-size:.72rem;font-weight:900;cursor:pointer}
@media(max-width:1250px){.sia-staff-payroll-columns{display:none}.sia-documents.sia-staff-document-list>li.has-payroll-summary{grid-template-columns:28px minmax(0,1fr) auto}.sia-documents.sia-staff-document-list>li.has-payroll-summary .sia-staff-payslip-summary,.sia-documents.sia-staff-document-list>li.has-payroll-summary .sia-staff-document-status{grid-column:2}.sia-documents.sia-staff-document-list>li.has-payroll-summary .sia-staff-document-actions{grid-column:3;grid-row:1/-1;align-self:center}.sia-staff-payslip-summary>span::before{display:block}.sia-staff-payslip-summary>span{border:1px solid #ead3b7;border-radius:7px;background:#fffaf3}}
@media(max-width:620px){.sia-staff-payroll-help-toggle span{display:none}.sia-staff-payroll-help-toggle{width:38px;padding:0}.sia-staff-payslip-summary{grid-template-columns:1fr;min-width:0;width:100%}.sia-payslip-help__example dl{grid-template-columns:1fr}.sia-payslip-help>footer button{width:100%}}
/* Arbeidsinspectie ------------------------------------------------------- */
@media(max-width:760px){
.sia-app .sia-labor{min-width:0;grid-template-columns:minmax(0,1fr)}
.sia-app .sia-labor>*{min-width:0;max-width:100%}
.sia-app .sia-labor__hero{grid-template-columns:minmax(0,1fr)}
.sia-app .sia-labor__hero>*,.sia-app .sia-labor__filters>*{min-width:0;max-width:100%}
.sia-app .sia-labor__filters{grid-template-columns:repeat(2,minmax(0,1fr))}
.sia-app .sia-labor__filters input,.sia-app .sia-labor__filters select{min-width:0;box-sizing:border-box}
.sia-app .sia-labor button.sia-labor-rate-loader{width:auto;min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:left}
.sia-app button.sia-labor-rate-loader span{min-width:0}
.sia-app .sia-labor__actions{grid-template-columns:repeat(3,minmax(0,1fr))}
.sia-app .sia-labor__tabs{flex-wrap:wrap;min-width:0;max-width:100%}
}
.sia-labor-app{--labor-ink:#3b2518;--labor-line:#e9c89f;--labor-soft:#fff9f1;--labor-purple:#a93ca9;--labor-green:#3f833f;--labor-orange:#a76412;--labor-red:#a63b32}
.sia-labor{display:grid;gap:14px;padding:18px!important;color:var(--labor-ink)}
.sia-labor__hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,430px);gap:22px;align-items:center;padding:24px 26px;border:1px solid var(--labor-line);border-radius:16px;background:linear-gradient(135deg,#fffaf4 0%,#fff 72%)}
.sia-view-arbeidsinspectie .sia-labor__hero{position:sticky;top:var(--sia-sticky-nav-height);z-index:90;box-shadow:0 10px 24px rgb(56 36 23 / 8%)}
.sia-labor__hero small,.sia-labor-day header small{color:var(--labor-purple);font-size:.7rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.sia-labor__hero h1{margin:.18rem 0 .3rem;font:700 clamp(1.85rem,3vw,2.65rem)/1.05 Georgia,serif}.sia-labor__hero>div>p{margin:0;max-width:760px;color:#745f50}
.sia-labor__hero aside{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid #dfb4e2;border-radius:13px;background:#fbf5fc}.sia-labor__hero aside svg{flex:0 0 22px;width:22px;height:22px;fill:none;stroke:#91429a;stroke-width:1.8}.sia-labor__hero aside>div{display:grid;gap:9px;min-width:0}.sia-labor__hero aside p{margin:0;font-size:.8rem;line-height:1.55}.sia-labor__hero aside strong{display:block;color:#7e3188}.sia-labor__hero aside .sia-labor-rate-loader{margin:0}
.sia-labor__filters{display:grid;grid-template-columns:minmax(210px,1.15fr) 150px repeat(2,minmax(155px,.8fr)) minmax(190px,1fr) auto;gap:10px;align-items:end;padding:14px;border:1px solid var(--labor-line);border-radius:13px;background:#fff}
.sia-labor__filters label{display:grid;gap:5px;font-size:.69rem;font-weight:900}.sia-labor__filters label>small{color:#8b7464;font-size:.62rem;font-weight:700;text-transform:capitalize}.sia-labor__filters select,.sia-labor__filters input{width:100%;min-height:42px;padding:8px 10px;border:1px solid var(--labor-line);border-radius:9px;background:#fff;color:var(--labor-ink);font:700 .82rem system-ui}.sia-labor__filters input[readonly]{background:#f7f2ec;color:#725e50}.sia-labor__filters button{display:flex;gap:7px;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border:0;border-radius:9px;background:var(--labor-ink);color:#fff;font-weight:900}.sia-labor__filters button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.sia-labor__period-field[hidden]{display:none!important}.sia-labor__selection{display:grid;gap:4px;align-content:center;min-height:42px;padding:7px 11px;border:1px solid #dec4a6;border-radius:9px;background:#fff9f1}.sia-labor__selection small{color:#8b7464;font-size:.6rem;font-weight:800;text-transform:uppercase}.sia-labor__selection strong{font-size:.78rem}
.sia-labor__bar{display:flex;gap:16px;align-items:center;justify-content:space-between}.sia-labor__bar--actions{justify-content:flex-end}.sia-labor__actions{display:flex;gap:8px;align-items:center}.sia-labor__actions button,.sia-labor__actions a{display:flex;gap:7px;align-items:center;min-height:39px;padding:0 13px;border:1px solid var(--labor-line);border-radius:9px;background:#fff;color:var(--labor-ink);font:800 .75rem system-ui;text-decoration:none;cursor:pointer}.sia-labor__actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.sia-labor__actions button:first-child{background:var(--labor-ink);color:#fff;border-color:var(--labor-ink)}
.sia-labor-print-dialog{width:min(590px,calc(100vw - 28px));padding:0;border:1px solid var(--labor-line);border-radius:16px;background:#fffaf4;color:var(--labor-ink);box-shadow:0 24px 70px rgba(58,34,19,.25)}.sia-labor-print-dialog::backdrop{background:rgba(43,27,17,.5);backdrop-filter:blur(3px)}.sia-labor-print-dialog form{display:grid;gap:18px;padding:22px}.sia-labor-print-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.sia-labor-print-dialog header small{color:var(--labor-purple);font-size:.64rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.sia-labor-print-dialog h2{margin:.2rem 0 0;font:700 1.45rem/1.15 Georgia,serif}.sia-labor-print-dialog header>button{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid var(--labor-line);border-radius:50%;background:#fff;color:var(--labor-ink);font-size:1.25rem;cursor:pointer}.sia-labor-print-dialog__steps{display:grid;gap:11px}.sia-labor-print-dialog__steps>label{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:start;padding:13px;border:1px solid #e4c39b;border-radius:11px;background:#fff}.sia-labor-print-dialog__steps>label>b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--labor-ink);color:#fff;font:900 .8rem system-ui}.sia-labor-print-dialog__steps>label>span{display:grid;gap:6px;font:900 .72rem system-ui}.sia-labor-print-dialog__steps input,.sia-labor-print-dialog__steps select{width:100%;min-height:43px;padding:8px 10px;border:1px solid var(--labor-line);border-radius:8px;background:#fff;color:var(--labor-ink);font:700 .82rem system-ui}.sia-labor-print-dialog__steps small{color:#7c6555;font-size:.68rem;font-weight:700}.sia-labor-print-dialog footer{display:flex;justify-content:flex-end;gap:8px}.sia-labor-print-dialog footer button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:41px;padding:0 15px;border:1px solid var(--labor-line);border-radius:9px;background:#fff;color:var(--labor-ink);font-weight:900;cursor:pointer}.sia-labor-print-dialog footer button.is-primary{border-color:var(--labor-ink);background:var(--labor-ink);color:#fff}.sia-labor-print-dialog footer svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.sia-labor-print-head,.sia-labor-print-treatments{display:none}
.sia-labor__summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.sia-labor__summary article{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--labor-line);border-radius:12px;background:#fff}.sia-labor__summary small{color:#846d5d;font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.sia-labor__summary strong{font:700 1.25rem Georgia,serif}.sia-labor__summary .has-warning{background:#fff7e8;border-color:#e3b76d}.sia-labor__summary .is-ready{background:#f1f8ee;border-color:#acd0a7}
.sia-labor__payroll-compare{display:grid;gap:10px;padding:13px 14px;border:1px solid #d8b7db;border-radius:13px;background:#fbf5fc}.sia-labor__payroll-compare>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sia-labor__payroll-compare>header div{display:grid;gap:2px}.sia-labor__payroll-compare>header small{color:var(--labor-purple);font-size:.62rem;font-weight:900;letter-spacing:.08em}.sia-labor__payroll-compare>header strong{font:700 1rem Georgia,serif}.sia-labor__payroll-compare>header span{color:#7a617b;font-size:.66rem;font-weight:800}.sia-labor__payroll-compare>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sia-labor__payroll-compare article{display:grid;gap:4px;padding:11px 13px;border:1px solid #e0c5e2;border-radius:10px;background:#fff}.sia-labor__payroll-compare article small{color:#7f657f;font-size:.61rem;font-weight:800;text-transform:uppercase}.sia-labor__payroll-compare article strong{font:700 1rem Georgia,serif}.sia-labor__payroll-compare article:last-child{background:#fffaf1;border-color:#e4c796}.sia-labor__payroll-compare article:last-child strong.is-positive{color:#9a5410}.sia-labor__payroll-compare article:last-child strong.is-negative{color:#2d7435}
.sia-labor__tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--labor-line);border-radius:11px;background:#fff;width:max-content}.sia-labor__tabs a{padding:9px 16px;border-radius:8px;color:var(--labor-ink);font-size:.78rem;font-weight:900;text-decoration:none}.sia-labor__tabs a.is-active{background:var(--labor-ink);color:#fff}
.sia-labor__days{display:grid;gap:13px}.sia-labor-day{display:grid;gap:13px;padding:16px;border:1px solid var(--labor-line);border-left-width:5px;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(78,45,22,.035)}.sia-labor-day.is-green{border-left-color:var(--labor-green)}.sia-labor-day.is-orange{border-left-color:var(--labor-orange)}.sia-labor-day.is-red{border-left-color:var(--labor-red)}
.sia-labor-day>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sia-labor-day h2{margin:.15rem 0 0;font:700 1.35rem Georgia,serif}.sia-labor__status{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 10px;border-radius:999px;font-size:.67rem;font-weight:900;white-space:nowrap}.sia-labor__status.is-green{background:#eaf6e7;color:#24672b;border:1px solid #afd2aa}.sia-labor__status.is-orange{background:#fff4df;color:#8e550f;border:1px solid #e1bd76}.sia-labor__status.is-red{background:#ffebe8;color:#97342c;border:1px solid #e2aaa4}
.sia-labor-day__facts,.sia-labor-day__times{display:grid;border:1px solid #ead5bb;border-radius:10px;overflow:hidden}.sia-labor-day__facts{grid-template-columns:repeat(6,minmax(0,1fr))}.sia-labor-day__times{grid-template-columns:repeat(5,minmax(0,1fr))}.sia-labor-day__facts>div,.sia-labor-day__times>div{display:grid;gap:4px;align-content:center;min-height:60px;padding:9px 10px;border-right:1px solid #ead5bb;background:#fffaf4}.sia-labor-day__facts>div:last-child,.sia-labor-day__times>div:last-child{border-right:0}.sia-labor-day__facts small,.sia-labor-day__times small{color:#806959;font-size:.61rem;font-weight:800}.sia-labor-day__facts strong,.sia-labor-day__times strong{font-size:.76rem;line-height:1.25}
.sia-labor-timeline{display:grid;gap:6px;padding:12px 13px;border:1px solid #e7cfb3;border-radius:11px;background:#fffaf5}.sia-labor-timeline__labels{display:flex;justify-content:space-between;gap:8px;font-size:.68rem;font-weight:900}.sia-labor-timeline__track{display:flex;height:20px;overflow:hidden;border-radius:999px;background:#eee}.sia-labor-timeline__track span{display:block;min-width:1px}.sia-labor-timeline .is-work{background:linear-gradient(90deg,#7bb977,#4e9250)}.sia-labor-timeline .is-pause{background:repeating-linear-gradient(135deg,#eebf6e 0,#eebf6e 7px,#ffe4ac 7px,#ffe4ac 14px)}.sia-labor-timeline .is-actual{background:#89628f}.sia-labor-timeline__legend{display:flex;flex-wrap:wrap;gap:12px;color:#756052;font-size:.63rem}.sia-labor-timeline__legend span{display:flex;gap:5px;align-items:center}.sia-labor-timeline__legend i{display:block;width:11px;height:11px;border-radius:3px}
.sia-labor-timeline__rows{display:grid;gap:7px}.sia-labor-timeline__row{display:grid;grid-template-columns:116px minmax(0,1fr);gap:10px;align-items:center}.sia-labor-timeline__row>small{color:#72594a;font-size:.61rem;font-weight:900;text-transform:uppercase;letter-spacing:.03em}.sia-labor-timeline__track{position:relative;display:block}.sia-labor-timeline__track>span{position:absolute;top:0;bottom:0}.sia-labor-timeline__track>.is-work{z-index:1}.sia-labor-timeline__track>.is-pause{z-index:3;border-inline:1px solid rgba(158,100,16,.2)}.sia-labor-timeline__treatments{background:#f0e9f2}.sia-labor-timeline__treatments>.is-treatment{z-index:2;display:flex;align-items:center;justify-content:center;overflow:hidden;border-inline:1px solid rgba(255,255,255,.85);background:linear-gradient(90deg,#aa75b0,#87538f);color:#fff;font-size:.57rem;line-height:1;white-space:nowrap}.sia-labor-timeline__treatments>.is-treatment b{font:inherit;font-weight:900}.sia-labor-timeline .is-treatment{background:linear-gradient(90deg,#aa75b0,#87538f)}.sia-labor-timeline__durations{display:flex;flex-wrap:wrap;gap:5px;padding-left:126px}.sia-labor-timeline__durations>span{display:inline-flex;gap:5px;align-items:center;padding:4px 7px;border:1px solid #dcc5df;border-radius:999px;background:#fff;color:#5d435f;font-size:.61rem;font-weight:800}.sia-labor-timeline__durations b{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#9a63a1;color:#fff;font-size:.55rem}
.sia-labor-day__issues{display:grid;gap:5px;margin:0;padding:10px 12px 10px 28px;border-radius:9px;background:#fff4df;color:#80500f;font-size:.73rem}
.sia-labor-calc{border-top:1px dashed #ddbd97;padding-top:10px}.sia-labor-calc>summary{width:max-content;color:#75410e;font-size:.75rem;font-weight:900;cursor:pointer}.sia-labor-calc__content{display:grid;gap:13px;padding-top:12px}.sia-labor-calc__formula{padding:12px 14px;border-radius:9px;background:#f8f1fa}.sia-labor-calc__formula p{margin:.35rem 0 0;font-size:.74rem}.sia-labor-calc__sources{overflow:auto}.sia-labor-calc__sources>strong{display:block;margin-bottom:7px;font-size:.76rem}.sia-labor-calc table{width:100%;border-collapse:collapse;font-size:.69rem}.sia-labor-calc th,.sia-labor-calc td{padding:7px 8px;border-bottom:1px solid #eddbc4;text-align:left}.sia-labor-calc td small{display:block;color:#927965;font-size:.58rem}
.sia-labor-correction{display:grid;gap:10px;padding:13px;border:1px solid #dfc4e4;border-radius:11px;background:#fdf8fe}.sia-labor-correction>p{margin:-5px 0 0;color:#775d79;font-size:.7rem}.sia-labor-correction>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.sia-labor-correction label{display:grid;gap:4px;font-size:.66rem;font-weight:900}.sia-labor-correction .is-wide{grid-column:1/-1}.sia-labor-correction input,.sia-labor-correction textarea{width:100%;padding:8px 9px;border:1px solid #d9bedc;border-radius:7px;background:#fff}.sia-labor-correction button,.sia-labor-rules button{display:flex;gap:6px;align-items:center;width:max-content;padding:9px 13px;border:0;border-radius:8px;background:var(--labor-ink);color:#fff;font-weight:900}.sia-labor-correction button svg,.sia-labor-rules button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.sia-labor__table-wrap{overflow:auto;border:1px solid var(--labor-line);border-radius:12px;background:#fff}.sia-labor__monthly{width:100%;min-width:920px;border-collapse:collapse;font-size:.74rem}.sia-labor__monthly th,.sia-labor__monthly td{padding:12px 13px;border-bottom:1px solid #eedcc6;text-align:left}.sia-labor__monthly thead th{position:sticky;top:0;background:#fff7ed;font-size:.64rem;text-transform:uppercase;letter-spacing:.04em}.sia-labor__monthly tbody th{font-size:.78rem}.sia-labor__monthly tfoot th{background:#f7efe5;border-bottom:0}
.sia-labor__month-overview{display:grid;gap:10px}.sia-labor__month-overview>header{display:flex;align-items:end;justify-content:space-between;padding:0 4px}.sia-labor__month-overview>header small{color:var(--labor-purple);font-size:.63rem;font-weight:900;letter-spacing:.1em}.sia-labor__month-overview>header h2{margin:0;font:700 1.35rem Georgia,serif;color:#42291b}
.sia-labor-rules{padding:14px 16px;border:1px solid var(--labor-line);border-radius:13px;background:#fff}.sia-labor-rules>summary{display:flex;gap:8px;align-items:center;font-size:.78rem;font-weight:900;cursor:pointer}.sia-labor-rules>summary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.sia-labor-rules>summary small{margin-left:auto;color:#88705f;font-weight:600}.sia-labor-rules form{display:grid;gap:12px;padding-top:14px}.sia-labor-rules__grid{display:grid;grid-template-columns:minmax(190px,1.5fr) repeat(3,minmax(90px,.7fr)) 70px 70px 130px 130px;gap:7px;align-items:center;overflow:auto}.sia-labor-rules__grid>span{font-size:.61rem;font-weight:900}.sia-labor-rules__grid>input{min-width:80px;padding:8px;border:1px solid #e0c5a5;border-radius:7px}.sia-labor-rules__check{display:flex;gap:5px;align-items:center;font-size:.68rem}
.sia-labor__disclaimer{padding:13px 15px;border:1px solid #d8b7db;border-radius:11px;background:#fbf5fc}.sia-labor__disclaimer strong{font-size:.75rem;color:#7f3388}.sia-labor__disclaimer p{margin:.3rem 0 0;font-size:.7rem;color:#6f5b70}
.sia-labor-rate-loader:empty{display:none}.sia-app button.sia-labor-rate-loader{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;min-height:28px;margin:0;padding:5px 10px;border:1px solid #dfc5a6;border-radius:999px;background:#fff9f1;color:#765f50;font-size:.68rem;font-weight:800;box-shadow:none}.sia-app button.sia-labor-rate-loader:disabled{cursor:default;opacity:1}.sia-labor-rate-loader.is-loading:before{content:"";width:10px;height:10px;border:2px solid #d6b17b;border-top-color:#57341f;border-radius:50%;animation:sia-labor-spin .8s linear infinite}.sia-app button.sia-labor-rate-loader.is-ready{border-color:#b8d7b2;background:#eff8ed;color:#2e6f35}.sia-app button.sia-labor-rate-loader.has-error{border-color:#e1aaa5;background:#fff0ee;color:#923b32;cursor:pointer}.sia-app button.sia-labor-rate-loader.has-error:hover,.sia-app button.sia-labor-rate-loader.has-error:focus-visible{border-color:#bd5d52;background:#ffe5e1;color:#7f271f;transform:none;box-shadow:0 3px 10px rgb(112 36 27 / 12%)}@keyframes sia-labor-spin{to{transform:rotate(360deg)}}
@media(max-width:1200px){.sia-labor__filters{grid-template-columns:repeat(3,minmax(0,1fr))}.sia-labor__filters button{grid-column:auto}.sia-labor-day__facts,.sia-labor-day__times{grid-template-columns:repeat(3,minmax(0,1fr))}.sia-labor-day__facts>div:nth-child(3),.sia-labor-day__times>div:nth-child(3){border-right:0}.sia-labor-day__facts>div:nth-child(-n+3),.sia-labor-day__times>div:nth-child(-n+3){border-bottom:1px solid #ead5bb}}
@media(max-width:760px){.sia-labor{padding:10px!important}.sia-labor__hero{grid-template-columns:1fr;padding:18px}.sia-view-arbeidsinspectie .sia-labor__hero{position:static;box-shadow:none}.sia-labor__filters{grid-template-columns:1fr 1fr}.sia-labor__selection,.sia-labor__filters button{grid-column:1/-1}.sia-labor__bar{align-items:stretch;flex-direction:column}.sia-labor__actions{display:grid;grid-template-columns:repeat(3,1fr)}.sia-labor__actions button,.sia-labor__actions a{justify-content:center}.sia-labor__summary,.sia-labor__payroll-compare>div{grid-template-columns:1fr 1fr}.sia-labor-day__facts,.sia-labor-day__times{grid-template-columns:1fr 1fr}.sia-labor-day__facts>div,.sia-labor-day__times>div{border-bottom:1px solid #ead5bb}.sia-labor-day__facts>div:nth-child(odd),.sia-labor-day__times>div:nth-child(odd){border-right:1px solid #ead5bb}.sia-labor-day__facts>div:nth-child(even),.sia-labor-day__times>div:nth-child(even){border-right:0}.sia-labor-day__facts>div:nth-last-child(-n+2){border-bottom:0}.sia-labor-day__times>div:last-child:nth-child(odd){grid-column:1/-1;border-right:0;border-bottom:0}.sia-labor-correction>div{grid-template-columns:1fr}.sia-labor-correction .is-wide{grid-column:auto}}
@media(max-width:760px){.sia-labor-timeline__row{grid-template-columns:78px minmax(0,1fr);gap:7px}.sia-labor-timeline__durations{padding-left:85px}.sia-labor-timeline__labels{font-size:.61rem}.sia-labor-timeline__labels span:nth-child(2){text-align:center}}
@page sia-labor-report{size:A4 landscape;margin:9mm}
@media print{
html,body{background:#fff!important}
body.sia-labor-printing *{visibility:visible!important}
body.sia-labor-printing .sia-app__topbar,body.sia-labor-printing .sia-labor__hero,body.sia-labor-printing .sia-labor__filters,body.sia-labor-printing .sia-labor__quick,body.sia-labor-printing .sia-labor__bar--actions,body.sia-labor-printing .sia-labor-print-dialog,body.sia-labor-printing .sia-labor__summary,body.sia-labor-printing .sia-labor__payroll-compare,body.sia-labor-printing .sia-labor__tabs,body.sia-labor-printing .sia-labor-rules,body.sia-labor-printing .sia-labor-correction{display:none!important}
body.sia-labor-printing .sia-app{width:100%!important;max-width:none!important;margin:0!important;border:0!important;box-shadow:none!important}
body.sia-labor-printing .sia-labor{page:sia-labor-report;gap:8px;padding:0!important}
body.sia-labor-printing .sia-labor-print-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:25mm;align-items:start;padding:0 0 5mm;border-bottom:2px solid var(--labor-ink)}
body.sia-labor-printing .sia-labor-print-head small{color:var(--labor-purple);font-size:8pt;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
body.sia-labor-printing .sia-labor-print-head h1{margin:2mm 0 1mm;font:700 20pt/1.05 Georgia,serif}
body.sia-labor-printing .sia-labor-print-head address{display:grid;gap:.5mm;color:#5f4c40;font:normal 9pt/1.35 system-ui}
body.sia-labor-printing .sia-labor-print-head dl{display:grid;gap:2mm;min-width:72mm;margin:0}
body.sia-labor-printing .sia-labor-print-head dl>div{display:grid;grid-template-columns:22mm 1fr;gap:3mm}
body.sia-labor-printing .sia-labor-print-head dt{color:#806959;font:800 7pt system-ui;text-transform:uppercase}
body.sia-labor-printing .sia-labor-print-head dd{margin:0;font:700 8.5pt system-ui}
body.sia-labor-printing .sia-labor__summary{gap:2mm}
body.sia-labor-printing .sia-labor__summary article{gap:1mm;padding:3mm;border-radius:2mm}
body.sia-labor-printing .sia-labor__summary small{font-size:6.5pt}
body.sia-labor-printing .sia-labor__summary strong{font-size:11pt}
body.sia-labor-printing .sia-labor__payroll-compare{gap:2mm;padding:3mm;border-radius:2mm}
body.sia-labor-printing .sia-labor__payroll-compare article{padding:2.5mm 3mm}
body.sia-labor-printing .sia-labor-day{gap:2.5mm;padding:3.5mm;border-radius:2mm;box-shadow:none;break-inside:avoid-page;page-break-inside:avoid}
body.sia-labor-printing .sia-labor-day>header small{font-size:7pt}
body.sia-labor-printing .sia-labor-day h2{font-size:13pt}
body.sia-labor-printing .sia-labor-day__facts{grid-template-columns:repeat(2,minmax(0,1fr))}
body.sia-labor-printing .sia-labor-day__facts>div:nth-child(n+3){display:none!important}
body.sia-labor-printing .sia-labor-day__facts>div:nth-child(2){border-right:0!important}
body.sia-labor-printing .sia-labor-day__times{grid-template-columns:repeat(5,minmax(0,1fr))!important}
body.sia-labor-printing .sia-labor-day__times>div{grid-column:auto!important;border-right:1px solid #ead5bb!important;border-bottom:0!important}
body.sia-labor-printing .sia-labor-day__times>div:last-child{border-right:0!important}
body.sia-labor-printing .sia-labor-day__facts>div,body.sia-labor-printing .sia-labor-day__times>div{min-height:13mm;padding:2mm 2.5mm}
body.sia-labor-printing .sia-labor-timeline,body.sia-labor-printing .sia-labor-timeline *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
body.sia-labor-printing .sia-labor-timeline{display:grid!important;visibility:visible!important;gap:1.5mm;padding:2.5mm 3mm;border:1px solid #e7cfb3!important;border-radius:2mm;background:#fffaf5!important;break-inside:avoid-page}
body.sia-labor-printing .sia-labor-timeline__labels{display:flex!important;visibility:visible!important;color:#3b2518!important}
body.sia-labor-printing .sia-labor-timeline__rows{display:grid!important;visibility:visible!important}
body.sia-labor-printing .sia-labor-timeline__row{display:grid!important;visibility:visible!important}
body.sia-labor-printing .sia-labor-timeline__track{display:block!important;visibility:visible!important;height:5mm!important;background:#f0e9f2!important;border:1px solid #dfd5e1!important}
body.sia-labor-printing .sia-labor-timeline__track>.is-work{display:block!important;visibility:visible!important;background:#5d9e5a!important}
body.sia-labor-printing .sia-labor-timeline__track>.is-pause{display:block!important;visibility:visible!important;background:repeating-linear-gradient(135deg,#eebf6e 0,#eebf6e 7px,#ffe4ac 7px,#ffe4ac 14px)!important}
body.sia-labor-printing .sia-labor-timeline__treatments>.is-treatment{display:flex!important;visibility:visible!important;background:#915d99!important;color:#fff!important}
body.sia-labor-printing .sia-labor-timeline__durations{display:flex!important;visibility:visible!important}
body.sia-labor-printing .sia-labor-timeline__durations>span{display:inline-flex!important;visibility:visible!important;padding:1mm 1.5mm;background:#fff!important;border-color:#dcc5df!important;color:#5d435f!important}
body.sia-labor-printing .sia-labor-timeline__durations b{background:#9a63a1!important;color:#fff!important}
body.sia-labor-printing .sia-labor-timeline__legend{display:flex!important;visibility:visible!important;color:#756052!important}
body.sia-labor-printing .sia-labor-timeline__legend i.is-work{background:#5d9e5a!important}
body.sia-labor-printing .sia-labor-timeline__legend i.is-treatment{background:#915d99!important}
body.sia-labor-printing .sia-labor-timeline__legend i.is-pause{background:#eebf6e!important}
body.sia-labor-printing .sia-labor-print-treatments{display:block!important;border-top:1px dashed #ddbd97;padding-top:2mm}
body.sia-labor-printing .sia-labor-print-treatments h3{margin:0 0 1.5mm;font:700 10pt Georgia,serif}
body.sia-labor-printing .sia-labor-print-treatments table{width:100%;border-collapse:collapse;font:8pt/1.25 system-ui}
body.sia-labor-printing .sia-labor-print-treatments th,body.sia-labor-printing .sia-labor-print-treatments td{padding:1.2mm 2mm;border-bottom:1px solid #ead5bb;text-align:left}
body.sia-labor-printing .sia-labor-print-treatments th{color:#806959;font-size:6.5pt;text-transform:uppercase}
body.sia-labor-printing .sia-labor-print-treatments th:first-child,body.sia-labor-printing .sia-labor-print-treatments td:first-child{width:34mm}
body.sia-labor-printing .sia-labor-print-treatments th:last-child,body.sia-labor-printing .sia-labor-print-treatments td:last-child{width:28mm}
body.sia-labor-printing .sia-labor-calc{display:none!important}
body.sia-labor-printing .sia-labor__disclaimer{break-inside:avoid-page}
body.sia-labor-printing .sia-labor__table-wrap{overflow:visible}
body.sia-labor-printing .sia-labor__monthly{min-width:0}
}
/* Eén herkenbare sluitknop in de hele app: rond en altijd met een kruis. */
.sia-app button[aria-label*="sluiten" i] {
position: relative;
display: inline-grid !important;
flex: 0 0 36px;
width: 36px !important;
min-width: 36px !important;
height: 36px !important;
min-height: 36px !important;
place-items: center;
padding: 0 !important;
border: 1px solid #d8ba94 !important;
border-radius: 50% !important;
background: #fffaf3 !important;
color: #5b351d !important;
font-size: 0 !important;
line-height: 0 !important;
box-shadow: none;
cursor: pointer;
}
.sia-app button[aria-label*="sluiten" i] > * { display: none !important; }
.sia-app button[aria-label*="sluiten" i]::before,
.sia-app button[aria-label*="sluiten" i]::after {
content: "";
position: absolute;
width: 14px;
height: 2px;
border-radius: 99px;
background: currentColor;
}
.sia-app button[aria-label*="sluiten" i]::before { transform: rotate(45deg); }
.sia-app button[aria-label*="sluiten" i]::after { transform: rotate(-45deg); }
.sia-app button[aria-label*="sluiten" i]:hover,
.sia-app button[aria-label*="sluiten" i]:focus-visible {
border-color: #a96811 !important;
background: #fff2dd !important;
color: #7b450b !important;
box-shadow: 0 0 0 3px rgb(169 104 17 / 15%);
outline: none;
}
/* Gebruikers, rollen en rechten onder Instellingen. */
.sia-access { background: #fffdfa; }
.sia-access .sia-app__workspace { display: grid; gap: 1rem; }
.sia-access__hero,
.sia-access__panel > header,
.sia-access__editor > header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
.sia-access__hero {
padding: 1.35rem 1.5rem;
border: 1px solid #e7bf91;
border-radius: 15px;
background: linear-gradient(135deg, #fff9f0, #fffdfa 68%);
}
.sia-access__hero small,
.sia-access__panel > header small,
.sia-access__editor > header small {
display: block;
color: #9b3fa3;
font-size: .7rem;
font-weight: 900;
letter-spacing: .1em;
text-transform: uppercase;
}
.sia-access__hero h1,
.sia-access__panel h2,
.sia-access__editor h2 {
margin: .12rem 0 .2rem;
font-family: Georgia, "Times New Roman", serif;
line-height: 1.08;
}
.sia-access__hero h1 { font-size: clamp(1.7rem, 3vw, 2.5rem); }
.sia-access__hero p,
.sia-access__panel > header p,
.sia-access__editor > header p { margin: 0; color: #775d4a; }
.sia-access__hero > span {
display: grid;
width: 52px;
height: 52px;
place-items: center;
border-radius: 50%;
background: #3f2719;
color: #fff;
}
.sia-access__hero svg,
.sia-access__primary svg,
.sia-access__editor button svg,
.sia-access__actions svg,
.sia-access__location-cards svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.sia-access__tabs {
display: flex;
gap: .35rem;
overflow-x: auto;
padding: .35rem;
border: 1px solid #ead0b0;
border-radius: 13px;
background: #fff8ef;
}
.sia-access__tabs a {
flex: 0 0 auto;
padding: .62rem .9rem;
border-radius: 9px;
color: #5d3c28;
font-size: .78rem;
font-weight: 850;
text-decoration: none;
}
.sia-access__tabs a:hover { background: #f9e9d5; }
.sia-access__tabs a.is-active { background: #412819; color: #fff; }
.sia-access__notice {
margin: 0;
padding: .8rem 1rem;
border: 1px solid #d9c5ad;
border-left-width: 5px;
border-radius: 10px;
background: #fff;
font-weight: 750;
}
.sia-access__notice.is-success { border-color: #afd0a6; background: #eff8ec; color: #28662a; }
.sia-access__notice.is-warning { border-color: #e6be79; background: #fff7e6; color: #88530a; }
.sia-access__notice.is-error { border-color: #e1aaa3; background: #fff0ee; color: #99352c; }
.sia-access__panel,
.sia-access__editor {
overflow: hidden;
border: 1px solid #e8c69f;
border-radius: 15px;
background: #fff;
}
.sia-access__panel > header,
.sia-access__editor > header { padding: 1rem 1.15rem; background: #fffaf4; }
.sia-access__panel h2,
.sia-access__editor h2 { font-size: 1.35rem; }
.sia-access__primary,
.sia-access__editor button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: .45rem;
min-height: 42px;
padding: .6rem .85rem;
border: 1px solid #3f2719;
border-radius: 9px;
background: #3f2719;
color: #fff;
font: inherit;
font-size: .78rem;
font-weight: 850;
text-decoration: none;
cursor: pointer;
}
.sia-access__primary:hover,
.sia-access__editor button:hover { background: #6f3f1f; }
.sia-access__editor button.is-secondary,
.sia-access__reset button.is-secondary { border-color: #dab88e; background: #fffaf4; color: #593823; }
.sia-access__table,
.sia-access__matrix { overflow: auto; }
.sia-access__table table,
.sia-access__matrix table { width: 100%; border-collapse: collapse; }
.sia-access__table table { min-width: 1240px; }
.sia-access__matrix table { min-width: 980px; }
.sia-access__table th,
.sia-access__table td,
.sia-access__matrix th,
.sia-access__matrix td { padding: .72rem .8rem; border-top: 1px solid #efd8bc; text-align: left; vertical-align: middle; }
.sia-access__table thead th,
.sia-access__matrix thead th { border-top: 0; background: #fbf0e3; color: #5e422f; font-size: .73rem; white-space: nowrap; }
.sia-access__table td { font-size: .78rem; }
.sia-access__table td > a { color: #8c4d08; text-decoration-thickness: 1px; }
.sia-access__table td > a strong,
.sia-access__table td > a small,
.sia-access__table td > small { display: block; }
.sia-access__table td small { margin-top: .15rem; color: #7b6657; }
.sia-access__table tbody tr:hover { background: #fffbf6; }
.sia-access__role,
.sia-access__locations span {
display: inline-flex;
padding: .26rem .55rem;
border: 1px solid #e4c49e;
border-radius: 999px;
background: #fff8ed;
font-size: .69rem;
font-weight: 800;
white-space: nowrap;
}
.sia-access__locations { display: flex; flex-wrap: wrap; gap: .25rem; }
.sia-access__locations em { color: #8a7768; }
.sia-access .sia-status.is-inactive { border-color: #dec6bd; background: #f7eeeb; color: #86554b; }
.sia-access__actions { display: flex; align-items: center; gap: .35rem; }
.sia-access__actions form { margin: 0; }
.sia-access__actions a,
.sia-access__actions button {
display: grid;
width: 36px;
height: 36px;
place-items: center;
padding: 0;
border: 1px solid #e1bd91;
border-radius: 9px;
background: #fffaf4;
color: #593823;
cursor: pointer;
}
.sia-access__actions a:hover,
.sia-access__actions button:hover { border-color: #9d5b12; background: #fff0dc; }
.sia-access__editor > form:not(.sia-access__reset) { display: grid; gap: 1rem; padding: 1.15rem; }
.sia-access__form-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.sia-access__editor label { display: grid; gap: .32rem; color: #583a28; font-size: .74rem; font-weight: 850; }
.sia-access__editor input[type="text"],
.sia-access__editor input:not([type]),
.sia-access__editor input[type="email"],
.sia-access__editor input[type="password"],
.sia-access__editor select {
width: 100%;
min-height: 42px;
box-sizing: border-box;
padding: .58rem .68rem;
border: 1px solid #dfbd95;
border-radius: 9px;
background: #fff;
color: #382417;
font: inherit;
}
.sia-access__editor input[readonly] { background: #f6eee5; color: #6b5748; cursor: default; }
.sia-access__password-help { margin: -.35rem 0 0; color: #765f4f; font-size: .78rem; }
.sia-access__editor input:focus,
.sia-access__editor select:focus { outline: 3px solid rgb(174 102 23 / 15%); border-color: #a85e0d; }
.sia-access__editor fieldset {
margin: 0;
padding: .9rem;
border: 1px solid #ead2b5;
border-radius: 12px;
background: #fffaf4;
}
.sia-access__editor legend { padding: 0 .35rem; font-family: Georgia, serif; font-size: 1rem; font-weight: 700; }
.sia-access__editor fieldset > p { margin: -.1rem 0 .7rem; color: #806c5d; font-size: .76rem; }
.sia-access__checks { display: flex; flex-wrap: wrap; gap: .5rem; }
.sia-access__checks label,
.sia-access__active {
display: inline-flex !important;
grid-template-columns: none !important;
align-items: center;
gap: .45rem !important;
padding: .5rem .65rem;
border: 1px solid #e5c6a1;
border-radius: 9px;
background: #fff;
}
.sia-access__checks input,
.sia-access__active input,
.sia-access__permission-checks input,
.sia-access__matrix input { accent-color: #4b7e3c; }
.sia-access__permission-checks { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; }
.sia-access__permission-checks section { display: grid; align-content: start; gap: .32rem; padding: .7rem; border: 1px solid #ead8c2; border-radius: 9px; background: #fff; }
.sia-access__permission-checks section > strong { margin-bottom: .18rem; color: #8c4a92; font-size: .72rem; text-transform: uppercase; }
.sia-access__permission-checks label { display: flex; grid-template-columns: none; align-items: flex-start; gap: .45rem; font-weight: 650; }
.sia-access__editor footer { display: flex; gap: .6rem; }
.sia-access__reset { display: flex; padding: 0 1.15rem 1.15rem; }
.sia-access__matrix .is-group th { padding: .52rem .8rem; background: #f5e6f4; color: #73387a; font-size: .72rem; letter-spacing: .07em; text-transform: uppercase; }
.sia-access__matrix tbody th code,
.sia-access__matrix tbody th span { display: block; }
.sia-access__matrix tbody th code { color: #875a3b; font-size: .67rem; font-weight: 600; }
.sia-access__matrix tbody th span { margin-top: .15rem; font-size: .78rem; }
.sia-access__matrix td { text-align: center; }
.sia-access__matrix input[type="checkbox"] { width: 19px; height: 19px; }
.sia-access__matrix tfoot { background: #fffaf4; }
.sia-access__matrix tfoot form { margin: 0; }
.sia-access__matrix tfoot button { min-height: 34px; padding: .4rem .6rem; }
.sia-access__editor.is-compact > form { display: flex; align-items: end; gap: .7rem; padding: 1rem 1.15rem; }
.sia-access__editor.is-compact label { flex: 1 1 300px; }
.sia-access__location-cards,
.sia-access__system-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; padding: 1rem; }
.sia-access__location-cards article,
.sia-access__system-grid article { display: flex; gap: .75rem; align-items: center; padding: 1rem; border: 1px solid #ead1b3; border-radius: 12px; background: #fffaf4; }
.sia-access__location-cards article > span { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 50%; background: #f1e0cd; color: #8a4b0b; }
.sia-access__location-cards strong,
.sia-access__location-cards small,
.sia-access__system-grid b,
.sia-access__system-grid span,
.sia-access__system-grid strong { display: block; }
.sia-access__location-cards small,
.sia-access__system-grid span { margin-top: .15rem; color: #796455; font-size: .75rem; }
.sia-access__hint { margin: 0; padding: 0 1rem 1rem; color: #776252; }
.sia-access__system-grid article { display: grid; align-content: start; }
.sia-access__system-grid strong { width: fit-content; margin-top: .35rem; padding: .2rem .5rem; border-radius: 999px; background: #eaf5e5; color: #2d6f2f; font-size: .68rem; }
.sia-staff__editor-permission { display: contents; margin: 0; padding: 0; border: 0; }
.sia-staff__editor-permission:disabled { opacity: .78; }
.sia-staff-detail__status-form button:disabled { cursor: default; opacity: 1; }
@media (max-width: 1050px) {
.sia-access__form-grid,
.sia-access__permission-checks,
.sia-access__location-cards,
.sia-access__system-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
.sia-access__hero,
.sia-access__panel > header,
.sia-access__editor > header { align-items: flex-start; flex-direction: column; }
.sia-access__form-grid,
.sia-access__permission-checks,
.sia-access__location-cards,
.sia-access__system-grid { grid-template-columns: 1fr; }
.sia-access__editor.is-compact > form { align-items: stretch; flex-direction: column; }
.sia-access__editor.is-compact label { flex-basis: auto; }
}
/* Registration toolbar: calm outline controls and an unframed, larger gift card. */
.sia-app form button.sia-app__show,
.sia-app form button.sia-app__day-staff-button,
.sia-app form button.sia-app__prepayment-button,
.sia-app form button.sia-app__manual-button {
border: 1px solid #dfc6a8;
border-radius: 11px;
background: #fffaf4;
box-shadow: 0 2px 7px rgb(76 45 27 / 7%);
color: #4b3324;
}
.sia-app form button.sia-app__show:hover,
.sia-app form button.sia-app__show:focus-visible,
.sia-app form button.sia-app__day-staff-button:hover,
.sia-app form button.sia-app__day-staff-button:focus-visible,
.sia-app form button.sia-app__prepayment-button:hover,
.sia-app form button.sia-app__prepayment-button:focus-visible,
.sia-app form button.sia-app__manual-button:hover,
.sia-app form button.sia-app__manual-button:focus-visible {
border-color: #c99155;
background: #fff2df;
box-shadow: 0 3px 10px rgb(114 67 31 / 12%);
color: #744417;
transform: translateY(-1px);
}
.sia-app form button.sia-app__manual-button { display: inline-flex; width: auto; min-width: 0; height: 44px; align-items: center; justify-content: center; gap: .42rem; padding: 0 .72rem; white-space: nowrap; }
.sia-app form button.sia-app__manual-button svg { width: 17px; height: 17px; }
.sia-app form button.sia-app__manual-button > span { font-size: .68rem; font-weight: 900; letter-spacing: .01em; }
.sia-app form button.sia-app__gift-card-button,
.sia-app form button.sia-app__gift-card-button:hover,
.sia-app form button.sia-app__gift-card-button:focus-visible {
width: 46px;
min-width: 46px;
height: 46px;
min-height: 46px;
padding: 0;
border: 1px solid var(--sia-line);
border-radius: 9px;
background: #fffdf9;
box-shadow: 0 2px 7px rgb(99 59 28 / 8%);
}
.sia-app form button.sia-app__gift-card-button:focus-visible { outline: 2px solid #c99155; outline-offset: 2px; }
.sia-app__gift-card-button svg {
width: 22px;
height: 22px;
fill: none;
stroke: #9a5e13;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
transition: transform .16s ease;
}
.sia-app form button.sia-app__gift-card-button:hover svg { transform: scale(1.06); }
.sia-report-day-refresh { display: inline-grid; width: 42px; min-width: 42px; padding: 0; place-items: center; }
.sia-report-day-refresh svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.sia-report-day-loading { align-self: center; color: #755d4b; font-size: .72rem; font-weight: 800; white-space: nowrap; }
html.sia-report-is-loading .sia-day-closing-sheet { opacity: .56; pointer-events: none; transition: opacity .16s ease; }
html.sia-report-is-loading .sia-report-day-refresh svg { animation: sia-report-spin .8s linear infinite; }
@keyframes sia-report-spin { to { transform: rotate(360deg); } }
/* Dagafsluiting 0.10.103: duidelijke statuskleuren en een compactere pinafslagcontrole. */
.sia-day-closing__finish-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: .38rem;
border-color: #cf756b;
background: #ffe5e2;
color: #8f3028;
box-shadow: 0 2px 7px rgb(143 48 40 / 10%);
}
.sia-day-closing__finish-button:hover,
.sia-day-closing__finish-button:focus-visible { border-color: #b94f45; background: #ffe4e1; color: #7e251e; }
.sia-day-closing__finish-button svg { flex: 0 0 15px; width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; }
.sia-day-closing__banner .sia-day-closing__finish-button span { display: inline !important; }
.sia-day-closing__finish-button.is-ready { border-color: #397847; background: #e8f5e9; color: #256733; box-shadow: 0 2px 7px rgb(37 103 51 / 10%); }
.sia-day-closing__finish-button.is-ready:hover,
.sia-day-closing__finish-button.is-ready:focus-visible { border-color: #285d34; background: #d9eedc; color: #1e562a; }
.sia-day-closing__head-actions .sia-day-closing__reopen-form {
min-height: 0;
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
}
.sia-day-closing__head-actions .sia-cashbook__reopen svg { transform: scaleX(-1); }
.sia-day-closing__banner .sia-cashbook__head { align-items: center !important; }
.sia-day-closing__banner .sia-day-closing__date-nav,
.sia-day-closing__banner .sia-day-closing__closure-explainer,
.sia-day-closing__banner .sia-day-closing__cash-chip,
.sia-day-closing__banner .sia-day-closing__head-actions { align-self: center; }
@media (min-width: 1181px) and (max-width: 1450px) {
.sia-day-closing__banner .sia-cashbook__head.sia-cashbook__head {
display: grid !important;
grid-template-columns: minmax(420px, 1fr) minmax(300px, .8fr) auto auto !important;
align-items: center !important;
}
.sia-day-closing__banner .sia-cashbook__head > div:first-child {
display: flex;
grid-column: 1 / -1;
min-height: 31px;
align-items: center;
gap: .65rem;
}
.sia-day-closing__banner .sia-cashbook__head > div:first-child > small,
.sia-day-closing__banner .sia-cashbook__head > div:first-child > h1,
.sia-day-closing__banner .sia-cashbook__head > div:first-child > .sia-day-closing__status-row { margin: 0 !important; }
.sia-day-closing__banner .sia-day-closing__date-nav { justify-self: start; }
.sia-day-closing__banner .sia-day-closing__closure-explainer { min-width: 300px !important; }
}
.sia-financial-upload__status-row {
display: flex;
min-width: 0;
align-items: center;
justify-content: space-between;
gap: .65rem;
padding: .48rem .58rem;
border-radius: 9px;
background: #f5eff8;
}
.sia-financial-upload__status-row .sia-financial-upload__ocr { flex: 1 1 auto; min-width: 0; margin: 0; padding: 0; background: transparent; }
.sia-financial-upload__status-row .sia-pin-breakdown-editor__tools {
display: flex !important;
flex: 0 0 auto;
grid-template-columns: none !important;
align-items: center !important;
justify-content: flex-end !important;
gap: .38rem !important;
}
.sia-financial-upload__status-row .sia-pin-breakdown-editor__tools > span { display: none; }
.sia-financial-upload__status-row .sia-pin-breakdown-editor__tools button {
display: inline-flex !important;
min-height: 32px !important;
align-items: center;
gap: .32rem;
padding: .32rem .55rem !important;
border: 1px solid #cdb6d2 !important;
border-radius: 8px !important;
background: #fff !important;
color: #704278 !important;
box-shadow: 0 1px 3px rgb(76 43 82 / 7%) !important;
font-size: .65rem;
}
.sia-financial-upload__status-row .sia-pin-breakdown-editor__tools button:hover,
.sia-financial-upload__status-row .sia-pin-breakdown-editor__tools button:focus-visible { border-color: #92599b !important; background: #fbf6fc !important; box-shadow: 0 0 0 3px rgb(146 89 155 / 12%) !important; }
.sia-financial-upload__status-row .sia-pin-breakdown-editor__tools button svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
[data-sia-pin-receipt-form] .sia-day-closing__receipt-details .sia-pin-breakdown-editor { gap: .45rem; padding: .6rem; }
[data-sia-pin-receipt-form] .sia-day-closing__receipt-details .sia-pin-breakdown-editor > header { align-items: center !important; min-height: 25px; }
[data-sia-pin-receipt-form] .sia-day-closing__receipt-details .sia-pin-breakdown-editor > header h3 { margin: 0; font-size: .88rem; }
[data-sia-pin-receipt-form] .sia-day-closing__receipt-details .sia-pin-breakdown-editor > div {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: .38rem !important;
}
[data-sia-pin-receipt-form] .sia-day-closing__receipt-details .sia-pin-breakdown-editor fieldset {
grid-template-columns: 72px minmax(110px, 150px) !important;
justify-content: start;
gap: .35rem !important;
padding: .38rem .45rem !important;
border-radius: 8px !important;
}
[data-sia-pin-receipt-form] .sia-day-closing__receipt-details .sia-pin-breakdown-editor fieldset.is-custom {
grid-column: 1 / -1;
grid-template-columns: minmax(120px, 180px) 72px minmax(110px, 150px) 30px !important;
}
[data-sia-pin-receipt-form] .sia-day-closing__receipt-details .sia-pin-breakdown-editor legend { font-size: .65rem; }
[data-sia-pin-receipt-form] .sia-day-closing__receipt-details .sia-pin-breakdown-editor label { gap: .14rem; font-size: .58rem; }
[data-sia-pin-receipt-form] .sia-day-closing__receipt-details .sia-pin-breakdown-editor input { min-height: 34px; padding: .38rem .45rem; }
[data-sia-pin-receipt-form] .sia-day-closing__receipt-details .sia-pin-method-row__actions { gap: 3px !important; }
[data-sia-pin-receipt-form] .sia-day-closing__receipt-details fieldset:not(.is-custom) .sia-pin-method-row__actions { display: none !important; }
[data-sia-pin-receipt-form] .sia-day-closing__receipt-details .sia-pin-method-row__actions button {
width: 29px !important;
min-width: 29px !important;
height: 29px !important;
min-height: 29px !important;
}
[data-sia-pin-receipt-form] .sia-day-closing__receipt-details fieldset.is-custom .sia-pin-method-row__actions button {
border: 1px solid #e0aaa1 !important;
background: #fff !important;
color: #ad3427 !important;
box-shadow: none !important;
}
[data-sia-pin-receipt-form] .sia-day-closing__receipt-details .sia-pin-method-row__actions button svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.sia-day-closing__receipt-details > footer { order: 20; padding-top: .15rem; }
.sia-day-closing__receipt-details > footer .sia-pin-save-feedback {
width: min(100%, 560px);
margin: 0 auto .5rem;
padding: .55rem .7rem;
border-radius: 9px;
font-size: .72rem;
font-weight: 800;
text-align: center;
}
.sia-pin-save-feedback.is-pending { background: #f3edf7; color: #6f3d79; }
.sia-pin-save-feedback.is-success { border: 1px solid #a9d3ad; background: #eaf7eb; color: #256c30; }
.sia-pin-save-feedback.is-error { border: 1px solid #e6aaa1; background: #fff1ef; color: #982f24; }
.sia-day-closing__save-receipt.is-saved {
border-color: #2d7737 !important;
background: #2d7737 !important;
color: #fff !important;
}
.sia-day-closing__save-receipt.is-error { border-color: #b43a2e !important; }
@media (max-width: 760px) {
.sia-financial-upload__status-row { align-items: stretch; flex-direction: column; }
.sia-financial-upload__status-row .sia-pin-breakdown-editor__tools { width: 100%; justify-content: stretch !important; }
.sia-financial-upload__status-row .sia-pin-breakdown-editor__tools button { flex: 1 1 0; justify-content: center; }
[data-sia-pin-receipt-form] .sia-day-closing__receipt-details .sia-pin-breakdown-editor > div { grid-template-columns: 1fr !important; }
[data-sia-pin-receipt-form] .sia-day-closing__receipt-details .sia-pin-breakdown-editor fieldset.is-custom { grid-template-columns: 1fr 72px minmax(110px, 1fr) 30px !important; }
}
/* SIA 0.10.139 — compacte rapportagekop en beter leesbare processtatus. */
.sia-day-closing__banner .sia-reporting__context {
display: flex;
align-items: center;
gap: .7rem;
}
.sia-day-closing__banner .sia-reporting__context .sia-reporting__tabs {
flex: 1 1 auto;
min-width: 0;
}
.sia-app .sia-day-closing__context-title {
flex: 0 0 auto;
margin: 0 .25rem 0 auto;
color: #402719;
font: 700 1rem/1.15 Georgia, serif;
white-space: nowrap;
}
.sia-day-closing__status-summary .sia-day-closing__status-row { margin: 0; }
.sia-day-closing__process-steps {
display: grid;
min-height: 0;
gap: .48rem;
margin: 0;
padding: 0;
list-style: none;
}
.sia-day-closing__process-steps > li {
display: grid;
grid-template-columns: 28px minmax(0, 1fr) auto;
align-items: start;
gap: .55rem;
padding: .62rem;
border: 1px solid #e5d6c5;
border-radius: 10px;
background: #fff;
color: #523d30;
box-shadow: 0 1px 3px rgb(70 43 26 / 5%);
}
body:not(.sia-print-day-closing) .sia-day-closing__reception-notices .sia-day-closing__process-steps > li {
grid-template-columns: 28px minmax(0, 1fr) auto;
gap: .55rem;
color: #523d30;
font-size: inherit;
}
body:not(.sia-print-day-closing) .sia-day-closing__reception-notices .sia-day-closing__process-steps > li::before { content: none; }
body:not(.sia-print-day-closing) .sia-day-closing__reception-notices {
border: 3px solid #347a3d;
background: #f7fcf7;
box-shadow: 0 0 0 3px rgb(52 122 61 / 8%);
}
body:not(.sia-print-day-closing) .sia-day-closing__reception-notices > header > div {
display: flex;
align-items: baseline;
gap: .38rem;
}
body:not(.sia-print-day-closing) .sia-day-closing__reception-notices > header small::after {
content: "·";
margin-left: .38rem;
color: #347a3d;
}
body:not(.sia-print-day-closing) .sia-day-closing__reception-notices > header h2 { margin: 0; }
body:not(.sia-print-day-closing) .sia-day-closing__reception-feedback {
display: grid;
flex: 0 0 auto;
gap: .35rem;
}
body:not(.sia-print-day-closing) .sia-day-closing__reception-feedback:not(:has(> *)) { display: none; }
body:not(.sia-print-day-closing) .sia-day-closing__reception-feedback :is(.sia-financial-notice, .sia-app__notice) {
margin: 0;
padding: .48rem .58rem;
border-radius: 7px;
font-size: .65rem;
line-height: 1.35;
}
.sia-day-closing__process-steps > li.is-complete { border-color: #badbbd; background: #f2faf2; }
.sia-day-closing__process-steps > li.is-active { border-color: #dfb36f; background: #fff8eb; }
.sia-day-closing__process-steps > li.is-warning { border-color: #dfa38e; background: #fff3ef; }
.sia-day-closing__process-steps > li.is-waiting { background: #f7f3ef; color: #7c6b60; }
.sia-day-closing__step-marker {
display: grid;
width: 28px;
height: 28px;
place-items: center;
border-radius: 50%;
background: #402719;
color: #fff;
font-size: .69rem;
font-weight: 900;
}
.sia-day-closing__process-steps .is-complete .sia-day-closing__step-marker { background: #347a3d; }
.sia-day-closing__process-steps .is-warning .sia-day-closing__step-marker { background: #ad3f30; }
.sia-day-closing__process-steps .is-waiting .sia-day-closing__step-marker { background: #a99c92; }
.sia-day-closing__step-marker svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2.5; }
.sia-day-closing__process-steps li > div { display: grid; min-width: 0; gap: .18rem; }
.sia-day-closing__process-steps li strong { color: #402719; font-size: .75rem; }
.sia-day-closing__process-steps li small { color: #755f51; font-size: .65rem; line-height: 1.4; }
.sia-day-closing__step-state {
display: inline-flex;
min-height: 24px;
align-self: start;
align-items: center;
padding: .3rem .54rem;
border: 1px solid #d5cbc3;
border-radius: 999px;
background: #ede7e2;
color: #6c5c52;
font-size: .66rem;
font-weight: 900;
line-height: 1;
white-space: nowrap;
}
.sia-day-closing__process-steps .is-complete .sia-day-closing__step-state { border-color: #b7d9bd; background: #d8eedb; color: #1f5f2b; }
.sia-day-closing__process-steps .is-active .sia-day-closing__step-state { border-color: #dfb36f; background: #f9dfad; color: #6c3c00; }
.sia-day-closing__process-steps .is-warning .sia-day-closing__step-state { border-color: #dfa38e; background: #f6d4cc; color: #86291f; }
.sia-day-closing__step-action {
display: inline-flex !important;
width: max-content !important;
min-height: 29px !important;
align-items: center;
justify-content: center;
gap: .3rem;
margin-top: .22rem !important;
padding: .32rem .52rem !important;
border: 1px solid #bd8b54 !important;
border-radius: 7px !important;
background: #fff !important;
color: #683b18 !important;
box-shadow: none !important;
font-size: .61rem !important;
font-weight: 900 !important;
line-height: 1 !important;
text-decoration: none !important;
cursor: pointer;
}
.sia-day-closing__step-action.is-primary { border-color: #347a3d !important; background: #347a3d !important; color: #fff !important; }
.sia-day-closing__financial-close-action {
justify-self: center;
min-height: 40px !important;
margin: .52rem auto .08rem !important;
padding: .68rem 1.15rem !important;
border-radius: 9px !important;
font-size: .74rem !important;
box-shadow: 0 5px 12px rgb(52 122 61 / 18%) !important;
}
.sia-day-closing__financial-close-action:hover,
.sia-day-closing__financial-close-action:focus-visible {
background: #286832 !important;
box-shadow: 0 6px 15px rgb(52 122 61 / 26%) !important;
}
.sia-day-closing__step-action svg { width: 13px; height: 13px; }
.sia-day-closing__step-buttons { display: flex !important; flex-wrap: wrap; align-items: center; gap: .35rem !important; }
.sia-day-closing__process-steps .sia-pin-transfer { position: relative; }
.sia-day-closing__process-steps .sia-pin-transfer summary { min-height: 29px; padding: .32rem .52rem; font-size: .61rem; }
.sia-day-closing__process-steps .sia-pin-transfer-list { margin-top: .35rem; padding: .48rem; }
.sia-day-closing__process-steps .sia-pin-transfer-list__row { grid-template-columns: 78px minmax(0, 1fr) auto 28px; gap: .4rem; }
body:not(.sia-print-day-closing) .sia-day-closing__pin-breakdown-card {
display: grid;
flex: 0 0 auto;
gap: .38rem;
margin-top: 0;
padding: .6rem;
overflow: hidden;
}
body:not(.sia-print-day-closing) .sia-day-closing__pin-breakdown-card > header { display: flex; align-items: center; justify-content: space-between; }
body:not(.sia-print-day-closing) .sia-day-closing__pin-breakdown-card > header h2 { font-size: .92rem; }
body:not(.sia-print-day-closing) .sia-day-closing__pin-breakdown-card .sia-pin-breakdown { max-height: none; overflow: visible; }
body:not(.sia-print-day-closing) .sia-day-closing__pin-breakdown-card .sia-pin-breakdown > div { padding: .3rem .48rem; font-size: .64rem; }
@media screen and (min-width: 1181px) and (min-height: 650px) {
body:not(.sia-print-day-closing) .sia-day-closing-sheet { gap: .6rem; }
body:not(.sia-print-day-closing) .sia-day-closing__columns {
grid-template-columns: minmax(250px, .9fr) minmax(300px, 1.08fr) minmax(340px, 1.12fr);
align-items: stretch;
height: clamp(420px, calc(100dvh - 360px), 690px);
min-height: 0;
}
body:not(.sia-print-day-closing) .sia-day-closing__columns > section {
box-sizing: border-box;
height: 100%;
min-height: 0;
padding: .78rem;
overflow: hidden;
}
body:not(.sia-print-day-closing) .sia-day-closing__columns > section:first-child { overflow-y: auto; scrollbar-gutter: stable; }
body:not(.sia-print-day-closing) .sia-day-closing__pin-proof {
display: flex;
min-height: 0;
flex-direction: column;
gap: .55rem;
}
body:not(.sia-print-day-closing) .sia-day-closing__pin-proof > .sia-pin-receipt-heading { flex: 0 0 auto; }
body:not(.sia-print-day-closing) .sia-day-closing__pin-proof > .sia-pin-receipt-card {
display: flex;
min-height: 0;
flex: 1 1 auto;
flex-direction: column;
gap: .45rem;
padding: .5rem;
}
body:not(.sia-print-day-closing) .sia-day-closing__pin-proof .sia-pin-receipt-card__preview {
display: block;
min-height: 120px;
flex: 1 1 auto;
padding: .35rem;
overflow-x: hidden;
overflow-y: auto;
background: #eee7df;
scrollbar-gutter: stable;
}
body:not(.sia-print-day-closing) .sia-day-closing__pin-proof .sia-pin-receipt-card__preview img {
display: block;
width: 100%;
height: auto;
max-height: none;
object-fit: contain;
object-position: top center;
background: transparent;
}
body:not(.sia-print-day-closing) .sia-day-closing__pin-proof .sia-pin-receipt-card figcaption { flex: 0 0 auto; }
body:not(.sia-print-day-closing) .sia-day-closing__pin-proof .sia-pin-receipt-card__actions { grid-template-columns: repeat(3, 32px); gap: .28rem; }
body:not(.sia-print-day-closing) .sia-day-closing__pin-proof .sia-pin-receipt-card__actions .sia-app__icon-action { width: 32px !important; height: 32px !important; min-height: 32px !important; }
body:not(.sia-print-day-closing) .sia-day-closing__pin-summary { padding: 0; }
body:not(.sia-print-day-closing) .sia-day-closing__pin-summary > .sia-day-closing__reception-notices {
display: flex;
width: 100%;
height: 100%;
min-height: 0;
flex-direction: column;
gap: .55rem;
padding: .78rem;
overflow: hidden;
border: 3px solid #347a3d;
background: #f7fcf7;
box-shadow: 0 0 0 3px rgb(52 122 61 / 8%);
}
body:not(.sia-print-day-closing) .sia-day-closing__reception-notices > header { flex: 0 0 auto; }
body:not(.sia-print-day-closing) .sia-day-closing__reception-notices > .sia-day-closing__process-steps {
flex: 1 1 auto;
overflow-y: auto;
padding-right: .2rem;
scrollbar-gutter: stable;
}
}
@media screen and (min-width: 1181px) and (min-height: 800px) {
body:has(.sia-day-closing__columns):not(.sia-print-day-closing) { overflow-y: hidden; }
}
@media screen and (max-width: 760px) {
.sia-day-closing__banner .sia-reporting__context { align-items: stretch; flex-direction: column; }
.sia-app .sia-day-closing__context-title { align-self: flex-end; margin: .2rem .45rem .35rem; }
body:not(.sia-print-day-closing) .sia-day-closing__reception-notices .sia-day-closing__process-steps > li { grid-template-columns: 28px minmax(0, 1fr); }
.sia-day-closing__step-state { grid-column: 2; justify-self: start; }
}
.sia-month-close{display:grid;gap:14px;padding:18px;border:1px solid #dfb172;border-radius:14px;background:linear-gradient(135deg,#fffaf1 0%,#fff 72%)}
.sia-month-close>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.sia-month-close>header small{display:block;margin-bottom:4px;color:#98519d;font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.sia-month-close>header h2{margin:0;font:700 25px/1.08 Georgia,'Times New Roman',serif}
.sia-month-close>header p{max-width:760px;margin:5px 0 0;color:#765341}
.sia-month-close__status{display:inline-flex;min-height:34px;align-items:center;padding:0 11px;border-radius:999px;font-size:12px;font-weight:850;white-space:nowrap}
.sia-month-close__status.is-ready{background:#e4f4e6;color:#1f6b31}.sia-month-close__status.needs-work{background:#fff0d9;color:#895300}
.sia-month-close__status.is-final{background:#e4f4e6;color:#1f6b31}.sia-month-close__status.is-final-warning{background:#fff0d9;color:#895300}
.sia-month-close__closed-summary{display:grid;gap:10px;padding:12px 14px;border:1px solid #9dcca4;border-radius:10px;background:#f0f8ef}.sia-month-close__closed-summary.has-open-controls{border-color:#e2bc7b;background:#fff8e9}.sia-month-close__closed-summary>div{display:grid;gap:3px}.sia-month-close__closed-summary span{color:#765341;font-size:12px}.sia-month-close__closed-summary details{border-top:1px solid rgba(137,83,0,.2);padding-top:8px}.sia-month-close__closed-summary summary{cursor:pointer;color:#6f4608;font-weight:850}.sia-month-close__closed-summary ul{display:grid;gap:6px;margin:9px 0 0;padding-left:20px}.sia-month-close__closed-summary li span{display:block}
.sia-month-close__checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.sia-month-close__checklist article{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px;border:1px solid #e5c49f;border-radius:10px;background:#fff}
.sia-month-close__checklist article.is-complete{border-color:#9dcca4;background:#f0f8ef}.sia-month-close__checklist article.is-warning{border-color:#e2bc7b;background:#fff8e9}.sia-month-close__checklist article.is-error{border-color:#dda39a;background:#fff2ef}
.sia-month-close__marker{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#bd720d;color:#fff;font-weight:900}
.sia-month-close__checklist article.is-complete .sia-month-close__marker{background:#38814a}.sia-month-close__checklist article.is-error .sia-month-close__marker{background:#b64234}
.sia-month-close__marker svg{width:18px;height:18px}.sia-month-close__checklist article>div{display:grid;gap:3px}.sia-month-close__checklist article strong{font-size:14px}.sia-month-close__checklist article p{margin:0;color:#765341;font-size:12px;line-height:1.35}
.sia-month-close__checklist article>a{color:#7d4706;font-size:12px;font-weight:850;text-decoration:none;white-space:nowrap}.sia-month-close__checklist article>a:hover{text-decoration:underline}
.sia-month-close>footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 18px;align-items:center;padding-top:2px}.sia-month-close>footer>div{display:grid;gap:3px}.sia-month-close>footer>div span,.sia-month-close>footer>small{color:#765341;font-size:12px}.sia-month-close>footer>small{grid-column:2;text-align:right}.sia-month-close>footer button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 15px;border:0;border-radius:9px;background:#402719;color:#fff;font-weight:850}.sia-month-close>footer button:disabled{opacity:.48;cursor:not-allowed}.sia-month-close>footer svg{width:18px;height:18px}
.sia-month-close>footer>form{display:flex;justify-content:flex-end}.sia-month-close__reopen{grid-column:2;min-width:310px}.sia-month-close__reopen summary{cursor:pointer;color:#70430a;font-size:12px;font-weight:850;text-align:right}.sia-month-close__reopen form{display:grid;gap:7px;margin-top:8px;padding:10px;border:1px solid #e2bc7b;border-radius:9px;background:#fff}.sia-month-close__reopen label{display:grid;gap:4px;font-size:11px;font-weight:800}.sia-month-close__reopen input{min-height:38px;padding:7px 9px;border:1px solid #d9ad74;border-radius:7px}
@media(max-width:980px){.sia-month-close__checklist{grid-template-columns:1fr}}
@media(max-width:680px){.sia-month-close>header{flex-direction:column}.sia-month-close__checklist article{grid-template-columns:36px minmax(0,1fr)}.sia-month-close__checklist article>a{grid-column:2}.sia-month-close>footer{grid-template-columns:1fr}.sia-month-close>footer>small{grid-column:1;text-align:left}.sia-month-close>footer button{justify-content:center}}
.sia-month-document-planning{display:grid;gap:14px;padding:18px;border:1px solid #e7ba82;border-radius:14px;background:#fffdf9}.sia-month-document-planning>header{display:flex;justify-content:space-between;gap:20px;align-items:end}.sia-month-document-planning>header small{display:block;margin-bottom:4px;color:#98519d;font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.sia-month-document-planning>header h2{margin:0;font:700 25px/1.08 Georgia,'Times New Roman',serif}.sia-month-document-planning>header p{margin:5px 0 0;color:#765341}.sia-month-document-planning>header>span{padding:7px 10px;border-radius:999px;background:#f2ece4;color:#62493b;font-size:12px;font-weight:850;white-space:nowrap}.sia-month-document-planning__list{display:grid;gap:9px}.sia-month-document-planning__list>article{display:grid;grid-template-columns:minmax(145px,.8fr) minmax(140px,.55fr) minmax(180px,.85fr) minmax(340px,1.7fr);gap:12px;align-items:center;padding:12px;border:1px solid #e5c49f;border-left:5px solid #d7b181;border-radius:10px;background:#fff}.sia-month-document-planning__list>article.is-complete{border-left-color:#38814a;background:#f4faf3}.sia-month-document-planning__list>article.is-received{border-left-color:#b97818;background:#fffaf0}.sia-month-document-planning__list>article.is-overdue{border-left-color:#b64234;background:#fff4f1}.sia-month-document-planning__identity,.sia-month-document-planning__due,.sia-month-document-planning__state{display:grid;gap:3px}.sia-month-document-planning__identity>span,.sia-month-document-planning__due>span{color:#98519d;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.sia-month-document-planning__identity small,.sia-month-document-planning__due small,.sia-month-document-planning__state small{color:#765341;font-size:11px}.sia-month-document-planning__state>span{font-size:12px;font-weight:850}.sia-month-document-planning__state .is-received{color:#356d40}.sia-month-document-planning__state .is-checked{color:#6f4c36}.sia-month-document-planning__list form{display:grid;grid-template-columns:minmax(135px,.8fr) auto auto minmax(150px,1fr) auto;gap:7px;align-items:end}.sia-month-document-planning__list form label,.sia-month-document-planning__add label{display:grid;gap:4px;color:#5d402f;font-size:10px;font-weight:850}.sia-month-document-planning__list form input[type=date],.sia-month-document-planning__list form input[type=text],.sia-month-document-planning__add input{min-width:0;min-height:37px;padding:6px 8px;border:1px solid #dbb27f;border-radius:7px;background:#fff}.sia-month-document-planning__list form .is-check,.sia-month-document-planning__add .is-check{display:flex;min-height:37px;align-items:center;gap:5px;padding:0 7px;border:1px solid #e5c49f;border-radius:7px;background:#fff;font-size:11px}.sia-month-document-planning__list form .is-check input,.sia-month-document-planning__add .is-check input{min-height:0}.sia-month-document-planning__list form button,.sia-month-document-planning__add button{min-height:37px;padding:0 11px;border:0;border-radius:7px;background:#402719;color:#fff;font-size:11px;font-weight:850}.sia-month-document-planning__add{border:1px dashed #d8ae79;border-radius:10px;background:#fffaf3}.sia-month-document-planning__add summary{padding:11px 13px;cursor:pointer;color:#70430a;font-weight:850}.sia-month-document-planning__add form{display:grid;grid-template-columns:1.1fr .8fr auto auto 1.2fr auto;gap:9px;align-items:end;padding:0 12px 12px}
@media(max-width:1450px){.sia-month-document-planning__list>article{grid-template-columns:repeat(3,minmax(0,1fr))}.sia-month-document-planning__list form{grid-column:1/-1;min-width:0}.sia-month-document-planning__add form{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.sia-month-document-planning>header{align-items:flex-start;flex-direction:column}.sia-month-document-planning__list>article{grid-template-columns:1fr}.sia-month-document-planning__list form,.sia-month-document-planning__add form{grid-template-columns:1fr}.sia-month-close__reopen{grid-column:1;min-width:0}.sia-month-close__reopen summary{text-align:left}}
/* Maandcontrole: ieder boekingsplatform heeft een eigen compact tabblad. */
.sia-platform-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 14px;padding:6px;border:1px solid #e5c49f;border-radius:12px;background:#faf4ec}
.sia-platform-tabs button{display:flex;min-width:0;min-height:58px;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#493125;text-align:left;cursor:pointer}
.sia-platform-tabs button:hover{border-color:#ddb47f;background:#fffaf3}
.sia-platform-tabs button:focus-visible{outline:3px solid rgba(152,81,157,.28);outline-offset:2px}
.sia-platform-tabs button[aria-selected="true"]{border-color:#402719;background:#402719;color:#fff;box-shadow:0 4px 12px rgba(64,39,25,.18)}
.sia-platform-tabs button>span{display:grid;min-width:0;gap:2px}.sia-platform-tabs button strong{overflow:hidden;font:700 16px/1.1 Georgia,'Times New Roman',serif;text-overflow:ellipsis;white-space:nowrap}.sia-platform-tabs button small{font-size:11px;font-weight:700;opacity:.72}.sia-platform-tabs button b{flex:0 0 auto;font-size:12px;white-space:nowrap}
.sia-platform-grid.has-tabs{grid-template-columns:1fr}.sia-platform-grid.has-tabs .sia-platform-card[hidden]{display:none}
@media(max-width:900px){.sia-platform-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.sia-platform-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.sia-platform-tabs button{flex:0 0 min(220px,78vw);scroll-snap-align:start}}
/* The shared top-bar context is the sole visible page title. Keep the original
headings accessible for landmarks, while leaving only their helpful copy in
period-control banners. */
.sia-administration__panel>header>div:first-child>small,
.sia-administration__panel>header>div:first-child>h2,
.sia-administration__live-panel>header>div:first-child>small,
.sia-administration__live-panel>header>div:first-child>h2,
.sia-month-report__head>div:first-child>small,
.sia-month-report__head>div:first-child>h1{
position:absolute!important;
width:1px!important;
height:1px!important;
padding:0!important;
margin:-1px!important;
overflow:hidden!important;
clip:rect(0,0,0,0)!important;
white-space:nowrap!important;
border:0!important;
}
.sia-administration__panel>header>div:first-child>p,
.sia-administration__live-panel>header>div:first-child>p,
.sia-month-report__head>div:first-child>p{margin:0!important}
/* Second-screen kiosk controls and customer-consent overview. */
.sia-app__kiosk-button{display:inline-flex!important;align-items:center;gap:.42rem;white-space:nowrap;text-decoration:none}.sia-app__kiosk-button svg{width:18px;height:18px}.sia-kiosk-settings__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.sia-kiosk-settings__grid>label{display:grid;grid-template-columns:1fr auto;gap:.28rem;align-items:center}.sia-kiosk-settings__grid>label>span{grid-column:1/-1}.sia-kiosk-settings__grid>label>small{color:#7c6250}.sia-kiosk-settings__grid .sia-dossier__checkbox{display:flex;grid-column:auto;align-items:center;padding:.7rem;border:1px solid #ead8c1;border-radius:9px}.sia-customer-overview{display:grid;gap:1rem}.sia-customer-overview .sia-app__context-bar{display:flex;align-items:center;gap:1rem}.sia-customer-overview .sia-app__context-bar>div{flex:1}.sia-customer-overview h2{margin:.1rem 0;font:700 1.45rem Georgia,serif}.sia-customer-overview p{margin:.15rem 0;color:#765d4c}.sia-customer-overview td small{display:block;margin-top:.18rem;color:#7c6554}.sia-consent-status{display:inline-flex;padding:.28rem .5rem;border-radius:999px;background:#f2ece5;color:#6d5849;font-size:.72rem;font-weight:850}.sia-consent-status.is-yes{background:#e3f2e5;color:#27653a}.sia-consent-status.is-no{background:#fff0ed;color:#8e372d}.sia-consent-status.is-unknown{background:#f2ece5;color:#6d5849}@media(max-width:1100px){.sia-kiosk-settings__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.sia-kiosk-settings__grid{grid-template-columns:1fr}.sia-app__kiosk-button span{display:none}}
.sia-app__kiosk-toggle{min-height:42px!important;border-color:#d2ad7d!important;background:#fffaf3!important;color:#58351f!important}.sia-app__kiosk-toggle.is-active{border-color:#3f8a52!important;background:#e7f4ea!important;color:#256238!important;box-shadow:inset 0 0 0 2px rgba(47,124,69,.14)!important}.sia-app__kiosk-toggle.is-active:before{content:"";width:9px;height:9px;border-radius:50%;background:#31904b;box-shadow:0 0 0 4px rgba(49,144,75,.15)}
/* Compact kiosk switch beside the day-close action. */
.sia-app__kiosk-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.55rem!important;width:auto!important;min-width:106px!important;height:44px!important;min-height:44px!important;padding:0 .7rem!important;border-color:#d9b98d!important;border-radius:10px!important;background:#fffaf3!important;color:#4e3020!important;box-shadow:0 2px 8px rgba(75,43,25,.08)!important}
.sia-app__kiosk-toggle:hover,.sia-app__kiosk-toggle:focus-visible{border-color:#b97922!important;background:#fff5e8!important}
.sia-app__kiosk-toggle.is-active{border-color:#39804c!important;background:#edf8ef!important;color:#245f35!important;box-shadow:0 2px 10px rgba(47,124,69,.16)!important}
.sia-app__kiosk-toggle.is-active:before{content:none}
.sia-app__kiosk-toggle [data-sia-kiosk-label]{font-size:.78rem;font-weight:850;line-height:1;white-space:nowrap}
.sia-app__kiosk-switch{position:relative;display:inline-flex!important;flex:0 0 auto;width:40px;height:22px;padding:2px;border-radius:999px;background:#c9c2bb;box-shadow:inset 0 1px 3px rgba(60,36,23,.2);transition:background .18s ease}
.sia-app__kiosk-switch-thumb{display:block!important;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(60,36,23,.34);transform:translateX(0);transition:transform .18s ease}
.sia-app__kiosk-toggle.is-active .sia-app__kiosk-switch{background:#398a50}
.sia-app__kiosk-toggle.is-active .sia-app__kiosk-switch-thumb{transform:translateX(18px)}
.sia-app__kiosk-toggle.is-unavailable,.sia-app__kiosk-toggle:disabled{border-color:#d7d2cc!important;background:#f0eeeb!important;color:#8d8780!important;box-shadow:none!important;cursor:not-allowed!important;opacity:.82!important}
.sia-app__kiosk-toggle.is-unavailable .sia-app__kiosk-switch,.sia-app__kiosk-toggle:disabled .sia-app__kiosk-switch{background:#d2ceca}
.sia-app__closing-actions{display:inline-flex;align-items:center;gap:.55rem;white-space:nowrap}
@media(max-width:680px){.sia-app__kiosk-toggle{min-width:58px!important;padding:0 .55rem!important}.sia-app__kiosk-toggle [data-sia-kiosk-label]{display:none!important}.sia-app__kiosk-switch,.sia-app__kiosk-switch-thumb{display:block!important}}
/* Keep the voucher list compact, with the remainder directly below it. */
.sia-gift-card-dialog .sia-gift-card-dialog__available { flex:0 0 auto; min-height:0; }
.sia-gift-card-dialog .sia-gift-card-dialog__list { max-height:240px; min-height:100px; flex:0 0 auto; overflow:auto; }
.sia-voucher-remainder { display:grid; gap:12px; padding:16px; margin-top:16px; background:#fff8ee; border:1px solid #edc49d; border-radius:14px; }
.sia-voucher-remainder [hidden] { display:none !important; }
.sia-voucher-remainder small { color:#795a43; font-size:12px; line-height:1.5; }
.sia-voucher-remainder .sia-payment-dialog__total { margin:0; }
.sia-voucher-remainder label { display:grid; grid-template-columns:1fr 145px; gap:12px; align-items:center; }
.sia-voucher-remainder input,.sia-voucher-remainder select { min-width:0; width:100%; border:1px solid #edc49d; border-radius:9px; padding:10px; background:white; color:#432918; font:inherit; box-sizing:border-box; }
.sia-platform-drawer.sia-gift-card-dialog .sia-payment-dialog__body { display:block !important; overflow-y:auto !important; }
.sia-platform-drawer.sia-gift-card-dialog .sia-gift-card-dialog__available { display:block !important; height:auto !important; min-height:0 !important; flex:none !important; }
.sia-platform-drawer.sia-gift-card-dialog .sia-gift-card-dialog__list { height:190px !important; max-height:190px !important; min-height:0 !important; flex:none !important; }
.sia-platform-drawer.sia-gift-card-dialog .sia-voucher-remainder { flex:none !important; }
/* Small screens need a full-width navigation strip, not a one-character sliver
between the location picker and the financial context/actions. */
@media(max-width:600px){
.sia-app{--sia-sticky-nav-height:104px}
.sia-app .sia-app__topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;min-height:104px;padding:6px 0}
.sia-app .sia-app__menus{display:contents}
.sia-app form.sia-app__location-select{grid-column:1;grid-row:1;min-width:0}
.sia-app .sia-app__topbar-actions{grid-column:2;grid-row:1;max-width:100%;min-width:0}
.sia-app .sia-app__nav{grid-column:1/-1;grid-row:2;min-width:0;width:100%;max-width:100%;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;gap:16px;padding:6px 3px}
.sia-app .sia-app__nav a{flex:0 0 auto;min-height:28px;display:flex;align-items:center}
.sia-app .sia-app__nav::-webkit-scrollbar{display:block;height:4px}
}
/* No unused terminal column when this branch does not use pin receipts. */
.sia-day-closing__columns.is-no-pin681 { grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); }
@media (max-width: 900px) { .sia-day-closing__columns.is-no-pin681 { grid-template-columns: minmax(0, 1fr); } }
.sia-bank-cause681{width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;border:1px solid #e6bf93;border-radius:18px;padding:0;background:#fffaf3;color:#402819;box-shadow:0 18px 70px #2f1c1540}
.sia-bank-cause681::backdrop{background:#2f1c1570;backdrop-filter:blur(3px)}
.sia-bank-cause681 form{padding:22px;display:grid;gap:16px;margin:0}
.sia-bank-cause681 header{position:relative;padding-right:35px}.sia-bank-cause681 header h2{margin:5px 0;font-size:25px}.sia-bank-cause681 header button{position:absolute;right:0;top:0}
.sia-bank-cause681 label{display:grid;gap:7px;font-weight:700}.sia-bank-cause681 label:has(input[type=checkbox]){display:flex;align-items:start;font-weight:600}
.sia-bank-cause681 p{font-size:14px;line-height:1.55;margin:0}.sia-bank-cause681 input:not([type=hidden]):not([type=checkbox]),.sia-bank-cause681 select{min-height:46px;width:100%;box-sizing:border-box;border:1px solid #e6bf93;background:#fff;border-radius:9px;padding:10px;font:inherit}
.sia-bank-cause681 footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}.sia-bank-cause681 button{min-height:42px;border:1px solid #d9b38b;border-radius:9px;padding:10px 14px;font:inherit;cursor:pointer}.sia-bank-cause681 button[type=submit]{background:#402819;color:#fff}
.sia-app dialog.sia-bank-cause681{position:fixed!important;inset:0!important;margin:auto!important;width:min(540px,calc(100vw - 24px))!important;height:fit-content!important;max-height:calc(100dvh - 32px)!important}.sia-bank-cause681 header{display:block!important}.sia-bank-cause681 header h2{font-size:25px!important}.sia-bank-cause681 form{font-size:14px!important}