.benefit-panel{background:#fff;border:1px solid #e0e6ee;border-radius:14px;padding:24px;margin:0 0 24px;box-shadow:0 3px 12px #172b4d08}.benefit-panel h2{margin-top:0;color:#19365f}.benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.benefit-tile{min-width:0;background:#f9fbfd;border:1px solid #dce3ed;border-radius:12px;padding:20px}.benefit-tile h2{margin:0 0 12px;color:#19365f;font-size:19px;overflow-wrap:anywhere}.benefit-tile .topline{align-items:flex-start}.benefit-tile p{overflow-wrap:anywhere}.benefit-status{display:inline-block;border-radius:20px;padding:6px 10px;font-size:13px;font-weight:650}.benefit-status.submitted{background:#eaf1ff;color:#175cd3}.benefit-status.received{background:#dcfce7;color:#166534}.benefit-amount{font-size:25px;color:#19365f;white-space:nowrap;font-weight:750}.navy{background:#19365f;color:white}.benefit-stack{display:flex;flex-direction:column;gap:18px}.benefit-stack>.benefit-panel{margin:0}.benefit-stack>.actions{margin:4px 0 24px}.benefit-panel.narrow{max-width:650px;margin:auto}.benefit-filter{display:flex;flex-wrap:wrap;align-items:end;gap:14px}.benefit-filter label{flex:1;min-width:130px}.benefit-filter input[type=number]{max-width:160px}.benefit-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.benefit-stats>div{border:1px solid #dce3ed;border-radius:12px;padding:18px;background:#fff}.benefit-stats span,.benefit-stats strong,.benefit-stats small{display:block}.benefit-stats span{color:#667085;font-size:13px}.benefit-stats strong{font-size:23px;margin:8px 0;color:#19365f}.benefit-card-row{border-top:1px solid #dce3ed;padding:16px 0 5px;margin-top:16px}.benefit-card-row>b{display:block;margin-bottom:10px}.benefit-card-price{font-weight:700;color:#19365f}.benefit-note{background:#eef5fb;border:1px solid #cddfeb;border-radius:9px;padding:16px;line-height:1.55}.benefit-calculation{display:flex;flex-direction:column;align-items:flex-end;padding:20px;background:#eef5fb;border-radius:10px;gap:7px}.benefit-calculation strong{font-size:26px;color:#19365f}.family-row{display:grid;grid-template-columns:2fr 1.3fr 1.2fr auto;gap:14px;align-items:end;padding:16px;background:#f7f9fc;border-radius:10px}.member-select{padding:18px;border:1px solid #dce3ed;border-radius:10px;background:#f9fbfd}.check-row{display:flex;align-items:center;gap:9px}.check-row input[type=checkbox]{width:18px;min-width:18px;height:18px;margin:0}.benefit-empty{padding:24px}.history-entry{padding:14px 0;border-bottom:1px solid #e5e9ef}.history-entry summary{cursor:pointer}.history-entry summary span{display:block;font-size:13px;color:#667085;margin-top:6px}.history-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.history-data pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f7fa;padding:15px;font-size:12px}.nowrap{white-space:nowrap}.actions{flex-wrap:wrap}button:disabled{opacity:.5;cursor:not-allowed}.benefit-panel pre{white-space:pre-wrap;overflow-wrap:anywhere}.benefit-panel li{margin-bottom:8px}.benefit-stack textarea{resize:vertical}.history-panel{margin-top:28px}
@media(max-width:1000px){.benefit-stats{grid-template-columns:repeat(2,1fr)}.family-row{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.benefit-grid,.history-data,.family-row{grid-template-columns:1fr}.benefit-panel{padding:17px}.benefit-stats strong{font-size:19px}.benefit-filter label{min-width:100%}.benefit-amount{font-size:22px}.benefit-calculation{align-items:flex-start}.module-card{padding:20px}.benefit-tile .topline{flex-direction:column}}
/* More modules must not squeeze navigation over the product name. */
.forecast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.forecast-card{display:flex;flex-direction:column;gap:12px;padding:22px;border:1px solid #adc5dc;border-radius:12px;background:#f0f6fc;color:#19365f;text-decoration:none}.forecast-card strong{font-size:26px}.forecast-card small{display:block;font-size:13px;line-height:1.5}.forecast-card:focus-visible{outline:3px solid #19365f;outline-offset:3px}.forecast-card:hover{background:#e5f0fb}.forecast-person{display:grid;grid-template-columns:1fr 1.3fr auto;gap:20px;align-items:center}.forecast-person h3{margin:0}.forecast-warning{color:#854d0e}.forecast-panel>h3{margin-top:24px}@media(max-width:800px){.forecast-grid,.forecast-person{grid-template-columns:1fr}.forecast-card strong{font-size:22px}}
.user-unit-filters{margin-bottom:16px}.user-unit-filters .benefit-status-filters{border-top:0;margin-top:8px;padding-top:0}.user-unit-filters p{margin-bottom:0}
.benefit-list-state{display:flex;flex-direction:column;gap:6px;padding:14px;margin:14px 0;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#344054}
.benefit-list-state small{display:block;font-size:12px;line-height:1.5;margin-top:4px}
.benefit-list-state.selectable{flex-direction:row;align-items:center;gap:12px;cursor:pointer;border:2px solid #7998b5;background:#f1f7fd}
.benefit-list-state.selectable input{width:22px;min-width:22px;height:22px;accent-color:#166534}
.benefit-list-state.is-selected,.benefit-list-state.listed{background:#dcfce7;border-color:#329561;color:#14532d}
.benefit-list-state.listed a{color:#14532d;font-weight:650}.benefit-list-state.waiting{background:#f1f4f9;color:#475467}
.benefit-list-state:focus-within{outline:2px solid #19365f;outline-offset:3px}
@media(min-width:1181px){.app-header-inner{flex-wrap:wrap;gap:4px 24px}.app-header .header-top{flex:0 0 auto}.app-header .system-nav{flex-wrap:wrap;justify-content:flex-start;gap:3px;flex:1 1 100%}.app-header .brand{white-space:normal}}
@media(max-width:1180px){.app-header .brand{white-space:normal;overflow-wrap:anywhere}}
.benefit-filter label{display:flex;flex-direction:column;gap:4px}.benefit-filter label input,.benefit-filter label select{margin-top:0}
/* Wide staff rows and filters: shared shape, stable status colours. */
.benefit-people{display:flex;flex-direction:column;gap:14px}
.benefit-person-row{display:grid;grid-template-columns:minmax(210px,1fr) minmax(230px,1.15fr) minmax(230px,1.15fr);border:1px solid #dce3ed;border-radius:12px;background:#f9fbfd;overflow:hidden}
.benefit-person-row.single-benefit{grid-template-columns:minmax(210px,1fr) minmax(300px,2.3fr)}
.benefit-person,.benefit-person-section{padding:20px;min-width:0;overflow-wrap:anywhere}
.benefit-person-section{border-left:1px solid #dce3ed}
.benefit-person h2{font-size:19px;margin:0 0 8px}.benefit-person-section h3{font-size:17px;margin:0 0 12px}
.benefit-person p,.benefit-person-section p{margin:8px 0 12px}.benefit-person-section .actions{gap:8px}
.benefit-search .benefit-filter+.benefit-filter{margin-top:18px}.benefit-filter .wide{flex:2}
.benefit-status-filters{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #e1e6ec;padding-top:16px;margin-top:18px}
.benefit-filter-pill{display:inline-flex;padding:8px 12px;border:2px solid transparent;border-radius:24px;background:#f3f5f8;color:#344054;font-size:13px;font-weight:650;text-decoration:none}
.benefit-filter-pill.submitted{background:#eaf1ff;color:#175cd3}.benefit-filter-pill.received{background:#dcfce7;color:#166534}
.benefit-filter-pill.unlisted{background:#eaf5fb;color:#19365f}.benefit-filter-pill.missing{background:#f2f4f7;color:#475467}
.benefit-filter-pill.selected{border-color:currentColor}.benefit-filter-pill:focus-visible{outline:2px solid #19365f;outline-offset:3px}
.benefit-list-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:4px 0 20px}
.benefit-list-actions label{display:flex;align-items:center;gap:8px}.benefit-list-actions input{width:auto;margin:0}
@media(max-width:900px){.benefit-person-row,.benefit-person-row.single-benefit{grid-template-columns:1fr}.benefit-person-section{border-left:0;border-top:1px solid #dce3ed}}
/* Keep navigation aligned with page content; allow one row when it fits. */
@media(min-width:1181px){.app-header{padding-left:20px;padding-right:20px}.app-header-inner{max-width:1440px;justify-content:flex-start}.app-header .system-nav{flex:1 1 auto;justify-content:flex-start}.app-header .header-top{flex:0 0 auto}}
.nav-administration{position:relative;color:#eaf0f8;font-size:13px;font-weight:650}.nav-administration summary{padding:10px;cursor:pointer;white-space:nowrap;list-style:none}
.nav-administration summary::after{content:' ▾'}.nav-administration-links{position:absolute;right:0;top:100%;display:flex;flex-direction:column;min-width:190px;background:#172b4d;border:1px solid #536482;border-radius:10px;box-shadow:0 6px 18px #0003;padding:6px;z-index:1010}
@media(max-width:1180px){.nav-administration{font-size:1.08rem}.nav-administration-links{position:static;border:0;box-shadow:none}.nav-administration summary{padding:16px 12px}}