/* Shared compact staff interface, using the work-journal palette. */
.section-skin { --line:#e1ebf7; --muted:#748aad; --blue:#237ef1; --shadow-soft:none; }
.section-skin .content { width:100%; max-width:none; }
.section-skin .page-header { gap:16px; align-items:center; margin:2px 0 16px; }
.section-skin .page-header h1 { color:#17295e; font-size:24px; line-height:1.25; letter-spacing:-.5px; margin:0; }
.section-skin .page-header .muted { color:#748aad; font-size:12px; line-height:1.5; margin-top:6px; max-width:820px; }
.section-skin .panel { border:1px solid #e1ebf7; background:#fff; border-radius:10px; box-shadow:none; padding:16px 18px; margin-bottom:14px; min-width:0; }
.section-skin .panel.table-wrap { padding:0 10px; }
.section-skin .panel h2 { font-size:17px; font-weight:700; color:#17295e; margin:0 0 12px; }
.section-skin .panel-header { min-height:32px; margin-bottom:10px; gap:12px; }
.section-skin .panel-header h2 { margin:0; }
.section-skin .panel-header>span { font-size:11px; color:#748aad; }
.section-skin .button { border-radius:7px; min-height:36px; padding:9px 14px; font-size:12px; box-shadow:none; line-height:1.3; }
.section-skin .button.primary { background:#237ef1; border-color:#237ef1; color:#fff; }
.section-skin .button.primary:hover { background:#176edb; border-color:#176edb; }
.section-skin .button.secondary { background:#f1f7ff; border-color:#dbe9fb; color:#416eaa; }
.section-skin .button.danger { background:#fff0f1; border-color:#ffdce1; color:#dc3349; }
.section-skin .actions { gap:8px; align-items:center; }
.section-skin .filters { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; padding:16px 18px; align-items:end; }
.section-skin .filters input,.section-skin .filters select,.section-skin .inline-form input { width:100%; min-width:0; min-height:38px; border:1px solid #dfeaf7; border-radius:7px; background:#f8fbff; padding:8px 10px; font-size:12px; color:#2c496f; }
.section-skin .filters label { min-width:0; color:#6480a4; font-size:11px; font-weight:600; line-height:1.5; }
.section-skin .filters label input:not([type=checkbox]) { display:block; margin-top:5px; }
.section-skin .filters input[type=checkbox],.section-skin .field input[type=checkbox] { width:16px; height:16px; min-height:0; min-width:0; padding:0; margin:0; accent-color:#237ef1; flex-shrink:0; }
.section-skin .filters label:has(input[type=checkbox]) { display:flex; gap:8px; align-items:center; align-self:center; font-weight:500; }
.section-skin .filters .button { justify-self:start; }
.section-skin .panel table { font-size:12px; width:100%; }
.section-skin .panel th { color:#6082b0; font-size:10px; letter-spacing:.03em; padding:11px 10px; border-bottom:1px solid #e5eef8; background:#f8fbff; white-space:nowrap; }
.section-skin .panel td { padding:11px 10px; color:#47648d; border-bottom:1px solid #edf2f9; line-height:1.5; }
.section-skin .panel tbody tr:hover { background:#f6faff; }
.section-skin .panel tr:last-child td { border-bottom:0; }
.section-skin .panel td a { color:#2375d6; }
.section-skin .panel tfoot { background:#f8fbff; }
.section-skin .panel .empty { padding:28px 14px; font-size:12px; color:#8397b3; }
.section-skin .badge { padding:4px 9px; font-size:10px; border-radius:20px; }
.section-skin .stats-grid { grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:14px; }
.section-skin .stat-card { border:1px solid #deebf8; border-radius:10px; padding:16px 18px; background:linear-gradient(120deg,#edf7ff,#f7fbff); box-shadow:none; }
.section-skin .stat-card>span { color:#47658f; font-size:12px; }
.section-skin .stat-card strong { color:#142d61; font-size:27px; line-height:1.2; letter-spacing:-.7px; margin:7px 0; }
.section-skin .stat-card small { font-size:11px; color:#748aad; }
.section-skin .stat-card.success { background:linear-gradient(120deg,#edfff3,#f5fdf8); border-color:#deefe5; }
.section-skin .stat-card.warning { background:linear-gradient(120deg,#fff6e8,#fffbf4); border-color:#f5e9d6; }
.section-skin .stat-card.danger { background:linear-gradient(120deg,#fff0f1,#fff8f9); border-color:#f5dfe3; }
.section-skin .form-panel { max-width:1100px; }
.section-skin .form-grid { gap:16px 20px; }
.section-skin .field label { color:#5d789e; font-size:12px; margin-bottom:6px; }
.section-skin .field input,.section-skin .field select,.section-skin .field textarea { border:1px solid #dce8f6; border-radius:7px; background:#fafcff; color:#2c496f; font-size:13px; padding:10px 11px; min-width:0; }
.section-skin .field input:not([type=checkbox]),.section-skin .field select { min-height:40px; }
.section-skin .field small { color:#748aad; font-size:11px; line-height:1.5; }
.section-skin .form-actions { padding-top:16px; margin-top:18px; border-top:1px solid #edf2f9; gap:10px; }
.section-skin .details dt { color:#748aad; font-size:12px; }
.section-skin .details dd { color:#284976; font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
.section-skin .details { gap:10px 16px; }
.section-skin .list-row { padding:12px 0; border-color:#edf2f9; }
.section-skin .list-row strong { font-size:12px; color:#284976; }
.section-skin .list-row small { font-size:11px; color:#748aad; }
.section-skin .room-grid { column-width:285px; column-gap:14px; }
.section-skin .room-card { margin-bottom:14px; border-radius:10px; box-shadow:none; border-color:#e1ebf7; }
.section-skin .room-card>header { padding:12px 14px; background:#f8fbff; border-bottom-color:#e5eef8; }
.section-skin .room-card>header strong { color:#17295e; font-size:17px; }
.section-skin .resident-chip { margin:7px 10px; padding:9px 10px; border-color:#e5eef8; border-radius:7px; background:#fafcff; }
.section-skin .resident-chip a { font-size:12px; color:#2375d6; }
.section-skin .resident-chip small { font-size:10px; color:#748aad; }
.section-skin .room-card footer { padding:10px 14px; color:#5d789e; background:#f8fbff; }
.section-skin :is(input,select,textarea):focus-visible { outline:2px solid #237ef1; outline-offset:2px; }
.login-page { background:#f1f8ff; }
.login-card { border:1px solid #e1ebf7; border-radius:14px; box-shadow:0 10px 40px #1736590d; }
.login-card h1 { color:#17295e; }
.login-card .button.primary { background:#237ef1; border-radius:7px; box-shadow:none; }
@media(max-width:1100px) { .section-skin .filters { grid-template-columns:repeat(3,minmax(0,1fr)); }.section-skin .page-header { align-items:flex-start; flex-wrap:wrap; }.section-skin .actions { max-width:100%; } }
@media(max-width:700px) { .section-skin .page-header h1 { font-size:21px; }.section-skin .filters { grid-template-columns:repeat(2,minmax(0,1fr)); }.section-skin .panel { padding:14px 12px; }.section-skin .panel.table-wrap { padding:0 6px; }.section-skin .stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.section-skin .stat-card { padding:14px 12px; }.section-skin .stat-card strong { font-size:23px; }.section-skin .details { grid-template-columns:110px minmax(0,1fr); }.section-skin .form-grid { grid-template-columns:1fr; }.section-skin .filters input[type=search] { grid-column:1/-1; } }
@media(max-width:420px) { .section-skin .filters { grid-template-columns:1fr; }.section-skin .stats-grid { grid-template-columns:1fr; }.section-skin .page-header .actions { width:100%; }.section-skin .page-header .actions .button { flex:1; } }

.section-skin .filter-date-range { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; grid-column:span 2; min-width:0; }
.section-skin .panel .money-cell { white-space:nowrap; font-variant-numeric:tabular-nums; }
@media(max-width:420px) { .section-skin .filter-date-range { grid-column:1/-1; } }

.address-picker { max-width:310px; }.address-picker select { min-width:160px; }.dash-brand-title { white-space:normal; }.section-skin .brand-copy strong { font-size:19px; line-height:1.2; }
@media(max-width:700px){.address-picker{max-width:100%;flex:1;}.address-picker select{min-width:0;width:100%;}.section-skin .topbar{gap:8px;}}

/* Compact editable status badges in the document checklist. */
.section-skin .document-status-form{display:inline-flex;margin:0}
.section-skin .document-status-form .document-status-select{width:auto;min-width:0;max-width:125px;min-height:0;height:26px;padding:2px 22px 2px 9px;border:0;border-radius:20px;font-size:11px;line-height:20px;cursor:pointer;margin:0;box-shadow:none}
.document-status-select[data-status="present"]{background-color:#e3f5eb;color:#18835b}
.document-status-select[data-status="missing"]{background-color:#fce4e7;color:#db334c}
.document-status-select[data-status="unknown"],.document-status-select[data-status="not_applicable"]{background-color:#fff1d5;color:#a16c14}
.document-status-select option{background:white;color:#14365b}

.citizenship-other{display:none;margin-top:8px}.citizenship-widget:has(option[value="__other__"]:checked) .citizenship-other{display:block}.citizenship-widget select,.citizenship-widget input{width:100%}