/* Consumer SS1 Master visual parity — presentation only; never grants feature permissions. */
:root{--master-toolbar-top:#346e97;--master-toolbar-bottom:#124e76;--master-table-head:#24648e;--master-table-head-bottom:#144768;--master-footer:#dbeef8;--master-line:#d9e4ee;--master-row-alt:#f3f7fb;--master-accent:#0baac6}
/* All SS1 styling scoped under authenticated app. Login / MFA / activation remain untouched. */
body:has(.master-parity:not([hidden])){background:#fff;color:#102b44;font-family:Georgia,"Times New Roman",serif;overflow-x:hidden}
.master-parity{background:#fff;color:#122b41;min-height:100vh;display:flex;flex-direction:column;font-family:Georgia,"Times New Roman",serif;}
.master-parity button,.master-parity select,.master-parity input{font-family:inherit}
.master-parity [hidden]{display:none!important}
.master-masthead{min-height:var(--master-header-height,157px);display:flex;justify-content:center;align-items:center;position:relative;padding:8px 18px 5px;background:#fff}
.master-main-logo{height:var(--master-logo-height,146px);width:190px;max-width:70vw;object-fit:contain;filter:none}
.consumer-id{position:absolute;top:12px;right:18px;color:#53758c;font:600 10px "Segoe UI",Arial,sans-serif;letter-spacing:.06em;opacity:.82}.consumer-id b{color:#08799c}
.master-toolbar{display:flex;gap:var(--master-toolbar-gap,8px);flex-wrap:wrap;justify-content:center;align-items:center;margin:4px 12px 9px;padding:0 4px}
.master-parity .master-tool{color:#fff;background:linear-gradient(180deg,var(--master-toolbar-top),var(--master-toolbar-bottom));border:1px solid #1d5477;padding:11px 13px;font:700 var(--master-toolbar-font-size,13px) "Bahnschrift","Segoe UI",Arial,sans-serif;border-radius:var(--master-toolbar-radius,10px);box-shadow:0 4px 9px #123d5d2a;min-height:39px;white-space:nowrap;transition:filter .15s}
.master-parity .master-tool:focus-visible{outline:3px solid #33d3ff}
.master-parity .master-tool:hover{filter:brightness(1.1)}
.master-parity .master-tool:disabled{display:none}
.search-stat-line{display:grid;grid-template-columns:minmax(340px,1.05fr) minmax(550px,1.35fr);align-items:stretch;gap:8px;padding:0 5px;margin-bottom:13px}
.search-box{display:flex;min-height:44px;border-radius:9px;gap:8px;min-width:0}
.search-chip{display:flex;align-items:center;justify-content:center;min-width:112px;background:linear-gradient(180deg,var(--master-toolbar-top),var(--master-toolbar-bottom));color:#fff;border-radius:9px;box-shadow:0 2px 7px #16465e3a;font-weight:700}
.master-parity #searchInput{min-width:0;flex:1;background:white;border:1px solid #e9eef2;color:#34556d;box-shadow:0 1px 5px #183b4f10;border-radius:9px;padding:0 15px;font:600 14px Georgia,serif;outline:none}
.master-parity #searchInput::placeholder{color:#91a7bd}
.master-stat-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;border:1px solid #d3e2ed;border-radius:13px;padding:4px;background:#f7fbfe}
.master-stat{background:linear-gradient(180deg,#fff,#f3faff);box-shadow:0 0 2px #b4ccdd;position:relative;min-width:0;border:1px solid #d7e4ec;border-radius:10px;padding:4px 9px;display:flex;flex-direction:column;justify-content:center;gap:2px;overflow:hidden}
.master-stat:before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background:#10a8c2}
.master-stat span{font-size:10px;font-weight:700;color:#284a67;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.master-stat strong{font-size:13px;color:#15416a;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.master-context-line{display:flex;gap:9px;align-items:center;justify-content:flex-end;margin:0 5px 6px;font:11px "Segoe UI",sans-serif;color:#476579;min-height:15px;white-space:nowrap;overflow:hidden}
.master-context-line #satkerLabel{max-width:300px;overflow:hidden;text-overflow:ellipsis}.master-context-line #satkerTag{font-weight:700;color:#285878;max-width:260px;border:0;padding:0}
.master-status{margin-left:2px}.master-status strong{color:#16799b;margin-left:4px}
.master-main{display:flex;flex-direction:column;flex:1;min-height:0;padding:0 5px 70px;min-width:0}
.hidden-legacy{position:absolute!important;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;pointer-events:none}
.master-panel{display:flex;flex-direction:column;min-width:0;flex:1}
.master-parity .table-scroll{overflow:auto;overscroll-behavior:contain;scrollbar-color:#b5cddd #f4f8fc;background:#fff;border:1px solid #d7e4ee;border-radius:10px 10px 0 0;min-height:0;max-height:calc(100vh - 340px)}
.master-parity .inventory-grid{border-collapse:collapse;table-layout:auto;min-width:1250px;width:100%;font-family:Georgia,"Times New Roman",serif;color:#173650;font-size:var(--master-table-font-size,13px)}
.master-parity .inventory-grid thead{position:sticky;top:0;z-index:2}
.master-parity .inventory-grid th{white-space:nowrap;min-width:80px;height:var(--master-table-head-height,44px);background:linear-gradient(180deg,var(--master-table-head),var(--master-table-head-bottom));border-right:1px solid #487e9e;border-bottom:1px solid #17415c;color:#fff;text-align:center;font-size:var(--master-table-head-font-size,13px);font-weight:700;padding:10px 12px}
.master-parity .inventory-grid th:first-child{min-width:58px;width:58px}
.master-parity .inventory-grid th:nth-child(2){min-width:185px}.master-parity .inventory-grid th:nth-child(3){min-width:170px}
.master-parity .inventory-grid th:nth-child(4){min-width:155px}.master-parity .inventory-grid th:nth-child(7){min-width:255px}
.master-parity .inventory-grid td{background:#fff;color:#102941;padding:10px 12px;border:1px solid #dde5ed;text-align:center;white-space:nowrap;font-size:13px;line-height:1.25;height:37px}
.master-parity .inventory-grid tbody tr:nth-child(even) td{background:var(--master-row-alt)}
.master-parity .inventory-grid tbody tr:hover td{background:#e7f5fd}
.master-parity .inventory-grid td:nth-child(7),.master-parity .inventory-grid td:nth-child(8){text-align:center}
.master-parity .inventory-grid .empty{text-align:center;color:#5f7181;height:100px}
.master-blue-base{height:35px;background:#21567f;border-radius:0 0 10px 10px;box-shadow:0 5px 9px #12436618}
.master-table-foot{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:8px;padding:13px 2px 5px;min-height:57px;font-size:14px;color:#1c2737}
.master-page-size{white-space:nowrap}.master-parity #sizeInput{margin:0 7px;min-width:82px;border:1px solid #8cacc5;background:#fff;color:#142535;border-radius:6px;height:38px;padding:3px 8px}
.master-table-foot #tableSummary{text-align:center;white-space:nowrap}
.master-pager{display:flex;justify-content:flex-end;gap:5px;align-items:center;white-space:nowrap}
.master-parity .master-pager .button{color:#1b4c7a;border:1px solid #7a9fc0;border-radius:6px;background:white;padding:9px 12px;box-shadow:none}
.master-parity .master-pager .button:disabled{color:#a9bccc;opacity:1}.master-parity #pageNumber{padding:7px 13px;border-radius:5px;background:#1c527d;color:#fff;font-weight:700}
.master-footer{position:fixed;bottom:0;left:0;right:0;z-index:10;background:linear-gradient(90deg,#e8f8ff,#ecf6fc);min-height:var(--master-footer-height,59px);border-top:1px solid #d2e3ed;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:3px 18px;color:#1a4870}
.master-expand{background:linear-gradient(180deg,#22658e,#074264);border:1px solid #238ec0;color:white;min-width:147px;min-height:48px;border-radius:16px 16px 8px 8px;font-size:15px;font-weight:700;display:flex;gap:12px;align-items:center;justify-content:center}
.master-expand:hover{filter:brightness(1.1)}
.master-footer-right{display:flex;align-items:center;gap:9px;font:600 12px Georgia,serif;text-align:center}.master-footer-right strong{font-size:22px;letter-spacing:.04em}.wib-chip{font:700 10px Georgia,serif;padding:5px 9px;border-radius:13px;background:#deeffa;color:#3182ac;border:1px solid #b4d6e9}
.consumer-expand-panel{position:fixed;z-index:15;left:17px;bottom:65px;width:min(360px,calc(100vw - 34px));padding:16px;background:#e8f6ff;border:1px solid #428fba;border-radius:16px 16px 10px 10px;box-shadow:0 10px 35px #082e4775;color:#1c4e6d;font:14px "Segoe UI",sans-serif}
.consumer-expand-panel[hidden]{display:none}.expand-info{display:grid;gap:5px;position:relative;padding-right:40px}.expand-info span{color:#386785}.expand-info #expandCloseButton{position:absolute;right:0;top:0;background:#fff;color:#13486c}
.expand-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}.consumer-expand-panel .nav{background:#fff;border:1px solid #b1d4ea;color:#1c5175;padding:11px;font-size:13px}
.consumer-expand-panel p{font-size:11px;color:#467088;margin:0;line-height:1.6}
.master-parity .master-add{position:fixed;bottom:76px;right:14px;background:#15587f;color:white;border:1px solid #3ca9ce;border-radius:9px;padding:10px 15px;z-index:8;box-shadow:0 6px 20px #154d6959;font-weight:700}
/* Theme toggle respects legacy `body.light` but SS1 is always the default light scheme. */
body.light .master-parity{background:#fff;color:#102d44}
body:not(.light) .master-parity{background:#fff;color:#102d44}
@media(max-width:1090px){.search-stat-line{grid-template-columns:1fr}.master-stat-wrap{min-height:48px}.master-parity .table-scroll{max-height:calc(100vh - 410px)}}
@media(max-width:640px){.master-masthead{min-height:113px}.master-main-logo{height:104px;width:142px}.consumer-id{font-size:9px;right:10px;top:6px}.master-toolbar{gap:5px;padding:0 7px;margin:0 0 9px}.master-parity .master-tool{font-size:11px;padding:8px 9px;min-height:34px;border-radius:8px}.search-stat-line{grid-template-columns:1fr;gap:6px}.search-chip{min-width:76px;font-size:11px}.search-box{min-height:39px}.master-parity #searchInput{font-size:12px}.master-stat{padding:3px 6px}.master-stat span{font-size:9px}.master-stat strong{font-size:11px}.master-context-line{font-size:10px}.master-parity .table-scroll{max-height:calc(100vh - 545px);min-height:140px}.master-parity .inventory-grid th{font-size:11px;padding:8px}.master-parity .inventory-grid td{font-size:11px;padding:8px}.master-blue-base{height:25px}.master-table-foot{grid-template-columns:1fr auto;gap:7px;font-size:11px}.master-table-foot #tableSummary{grid-column:1/3;grid-row:2;text-align:center}.master-pager{grid-column:2;grid-row:1}.master-parity .master-pager .button{font-size:10px;padding:7px}.master-parity #pageNumber{padding:7px;font-size:11px}.master-parity #sizeInput{min-width:55px;height:33px}.master-footer{min-height:56px;padding:4px 9px}.master-expand{min-width:103px;min-height:41px;font-size:13px}.master-footer-right{font-size:9px;gap:4px;flex-wrap:wrap;justify-content:flex-end;max-width:200px}.master-footer-right strong{font-size:16px}.wib-chip{font-size:8px;padding:4px}.master-main{padding-bottom:75px}}
.master-parity .inventory-grid th{text-transform:none;letter-spacing:0}
body.consumer-master-dark:has(.master-parity:not([hidden])){background:#071827;color:#dcecf4}
body.consumer-master-dark .master-parity{background:#071827;color:#dcecf4}
body.consumer-master-dark .master-masthead{background:#071827}
body.consumer-master-dark .search-stat-line,body.consumer-master-dark .master-context-line{color:#dcecf4}
body.consumer-master-dark .master-stat-wrap,body.consumer-master-dark .master-stat{background:#102c40;border-color:#31546b}
body.consumer-master-dark .master-stat span,body.consumer-master-dark .master-stat strong{color:#dcecf4}
body.consumer-master-dark .master-parity #searchInput{background:#071d30;color:#e9faff;border-color:#38617a}
body.consumer-master-dark .master-parity .table-scroll{background:#071827;border-color:#31546b}
body.consumer-master-dark .master-parity .inventory-grid td{background:#071827;color:#dcecf4;border-color:#2d485d}
body.consumer-master-dark .master-parity .inventory-grid tbody tr:nth-child(even) td{background:#0b2233}
body.consumer-master-dark .master-parity .inventory-grid tbody tr:hover td{background:#10384a}
body.consumer-master-dark .master-table-foot{color:#dcecf4}
body.consumer-master-dark .master-footer{background:#0d2839;color:#dcecf4;border-color:#2b5065}
