/* A9 Consumer visual shell aligned to user SS1 MASTER dark landscape reference.
   Only approved layout and imagery. NO MASTER JS, no hidden privileged feature modules.
   Backend continues to enforce all feature, tier, role and satker checks. */
:root{--ss1-bg:#071827;--ss1-cell:#091c2b;--ss1-grid:#29465a;--ss1-blue:#20547d;--ss1-cell-alt:#0a2335;--ss1-copy:#f1f9ff;--ss1-date:#e6f1ff}
html{scrollbar-gutter:stable}
body.consumer-master-dark:has(.master-ss1-v9:not([hidden])){background:var(--ss1-bg);color:var(--ss1-copy);overflow-x:hidden}
body.consumer-master-dark .master-ss1-v9,body.consumer-master-dark .master-ss1-v9 .master-masthead{background:var(--ss1-bg);color:var(--ss1-copy)}
body.consumer-master-dark .master-ss1-v9{min-height:100dvh;overflow:hidden}
body.consumer-master-dark .master-ss1-v9 .master-masthead{height:176px;min-height:176px;padding:0 0 7px;align-items:center;justify-content:center}
body.consumer-master-dark .master-ss1-v9 .master-logo-stage{position:relative;display:block;width:172px;height:161px;isolation:isolate;overflow:visible;flex-shrink:0}
body.consumer-master-dark .master-ss1-v9 .master-main-logo{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;filter:none;display:block;pointer-events:none;user-select:none}
body.consumer-master-dark .master-ss1-v9 .master-glow-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;isolation:isolate}
body.consumer-master-dark .master-ss1-v9 .master-glow-sweep{position:absolute;inset:0 auto 0 0;width:18%;height:100%;pointer-events:none;overflow:hidden;mix-blend-mode:screen;opacity:.98;contain:strict;will-change:transform;animation:consumerSS1GlowWindow 3.72s linear infinite;mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.18) 9%,rgba(0,0,0,.62) 23%,#000 38%,#000 62%,rgba(0,0,0,.62) 77%,rgba(0,0,0,.18) 91%,transparent)}
body.consumer-master-dark .master-ss1-v9 .master-glow-sweep img{position:absolute;top:0;left:0;width:555.555556%;height:100%;max-width:none;max-height:none;object-fit:fill;filter:none;animation:consumerSS1GlowCounter 3.72s linear infinite;will-change:transform}
@keyframes consumerSS1GlowWindow{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(555.555556%,0,0)}}
@keyframes consumerSS1GlowCounter{from{transform:translate3d(18%,0,0)}to{transform:translate3d(-100%,0,0)}}
/* Consumer identification remains accessible to assistive technology but does not displace SS1 alignment. */
body.consumer-master-dark .master-ss1-v9 .consumer-id{position:absolute!important;clip-path:inset(50%);width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap}
body.consumer-master-dark .master-ss1-v9 .master-toolbar{min-height:43px;margin:0 8px 8px;padding:0;gap:9px;justify-content:center;align-content:center}
body.consumer-master-dark .master-ss1-v9 .master-tool{background:linear-gradient(#337aa0,#145079);border:1px solid #1c5071;border-radius:11px;padding:9px 14px;min-height:40px;color:#fff;box-shadow:0 3px 8px rgba(0,0,0,.24);font:700 14px Georgia,'Times New Roman',serif;transition:none}
body.consumer-master-dark .master-ss1-v9 .master-tool:hover{filter:brightness(1.09)}
body.consumer-master-dark .master-ss1-v9 .search-stat-line{grid-template-columns:minmax(320px,1.05fr) minmax(520px,1.38fr);gap:8px;padding:0 6px;margin:0 0 14px;min-height:45px}
body.consumer-master-dark .master-ss1-v9 .search-box{min-height:45px;gap:10px}
body.consumer-master-dark .master-ss1-v9 .search-chip{min-width:115px;border-radius:10px;background:linear-gradient(#317ba4,#175176);color:#fff;font:700 14px Georgia,serif}
body.consumer-master-dark .master-ss1-v9 #searchInput{background:#0a2334;border:1px solid #28536c;border-radius:10px;color:#e7f5ff;font:700 14px Georgia,serif;box-shadow:none}
body.consumer-master-dark .master-ss1-v9 #searchInput::placeholder{color:#8da7b9}
body.consumer-master-dark .master-ss1-v9 .master-stat-wrap{background:#0a2334;border:1px solid #2c5c7c;border-radius:13px;padding:3px;gap:5px}
body.consumer-master-dark .master-ss1-v9 .master-stat{background:linear-gradient(#0d2d42,#092033);border:1px solid #31546b;border-radius:10px;padding:3px 8px;box-shadow:inset 0 0 1px #5485a5}
body.consumer-master-dark .master-ss1-v9 .master-stat:before{background:#15a8c4;width:3px}
body.consumer-master-dark .master-ss1-v9 .master-stat span{color:#e6f4fc;font:700 9px Georgia,serif}
body.consumer-master-dark .master-ss1-v9 .master-stat strong{color:#f5fbff;font:700 12px Georgia,serif}
body.consumer-master-dark .master-ss1-v9 .master-context-line{height:0;min-height:0;margin:0;overflow:hidden;clip-path:inset(50%);position:absolute;pointer-events:none}
body.consumer-master-dark .master-ss1-v9 .master-main{padding:0 5px 67px;min-height:0;flex:1}
body.consumer-master-dark .master-ss1-v9 .master-panel{min-height:0;flex:1}
body.consumer-master-dark .master-ss1-v9 .table-scroll{background:#091b2b;border:1px solid #2c5674;border-radius:12px 12px 0 0;box-shadow:0 0 0 1px #142d3f inset;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-color:#285475 #081c2c;max-height:calc(100dvh - 360px);min-height:0}
body.consumer-master-dark .master-ss1-v9 .inventory-grid{min-width:1250px;width:100%;color:#fff;border-collapse:collapse;table-layout:auto;font:700 var(--master-table-font-size,12.5px) Georgia,'Times New Roman',serif}
body.consumer-master-dark .master-ss1-v9 .inventory-grid th{height:46px;min-width:80px;padding:9px 10px;background:linear-gradient(#327ca8,#20547e);border:1px solid #416783;border-bottom:1px solid #1a4866;color:#fff;white-space:nowrap;font:700 var(--master-table-head-font-size,13px) Georgia,serif}
body.consumer-master-dark .master-ss1-v9 .inventory-grid th:first-child{width:58px;min-width:58px}
body.consumer-master-dark .master-ss1-v9 .inventory-grid th:nth-child(2){min-width:250px}
body.consumer-master-dark .master-ss1-v9 .inventory-grid th:nth-child(3){min-width:180px}
body.consumer-master-dark .master-ss1-v9 .inventory-grid th:nth-child(4){min-width:180px}
body.consumer-master-dark .master-ss1-v9 .inventory-grid th:nth-child(7){min-width:305px}
body.consumer-master-dark .master-ss1-v9 .inventory-grid td,body.consumer-master-dark .master-ss1-v9 .inventory-grid tbody tr:nth-child(even) td{background:#091c2b;color:#f9fcff;border:1px solid #284456;padding:9px 10px;white-space:nowrap;text-align:center;height:37px;line-height:1.35;font:700 12px Georgia,'Times New Roman',serif}
body.consumer-master-dark .master-ss1-v9 .inventory-grid tbody tr:hover td{background:#0e2a40}
body.consumer-master-dark .master-ss1-v9 .inventory-grid td.empty{background:#091c2b;color:#a7bfcf;height:45px}
body.consumer-master-dark .master-ss1-v9 .master-blue-base{height:45px;min-height:45px;flex:1;background:#091c2b;border-radius:0 0 12px 12px;box-shadow:inset 0 -1px 0 #15394f}
body.consumer-master-dark .master-ss1-v9 .master-table-foot{color:#e2f3ff;grid-template-columns:1fr 1fr 1fr;padding:11px 2px 4px;min-height:63px;font:14px Georgia,serif;gap:8px}
body.consumer-master-dark .master-ss1-v9 #sizeInput{background:#0d2538;border:1px solid #2a536c;color:#fff;border-radius:7px;height:36px}
body.consumer-master-dark .master-ss1-v9 .master-pager .button{background:#091d2b;border:1px solid #2e6284;color:#d4f1ff;box-shadow:none;border-radius:7px}
body.consumer-master-dark .master-ss1-v9 #pageNumber{background:#15587f;border-radius:7px;color:#fff}
body.consumer-master-dark .master-ss1-v9 .master-footer{background:#071827;border:0;min-height:77px;padding:6px 22px 7px;color:#e7f5ff}
body.consumer-master-dark .master-ss1-v9 .master-expand{min-width:148px;min-height:55px;border-radius:17px 17px 9px 9px;border:1px solid #2d91c2;background:linear-gradient(#205d87,#0e466b);box-shadow:inset 0 1px 0 #4788aa;font:700 15px Georgia,serif}
body.consumer-master-dark .master-ss1-v9 .master-footer-right{background:#21527f;border:1px solid #3379a3;border-radius:20px 20px 10px 10px;padding:6px 12px 5px 18px;gap:8px;font:700 10px Georgia,serif;color:#fff}
body.consumer-master-dark .master-ss1-v9 .master-footer-right strong{font:700 22px Georgia,serif}
body.consumer-master-dark .master-ss1-v9 .wib-chip{background:#447da0;border:1px solid #679ac0;border-radius:16px;color:#e5f7ff}
body.consumer-master-dark .master-ss1-v9 .consumer-expand-panel{background:#092639;color:#dceef9;border-color:#276080}
body.consumer-master-dark .master-ss1-v9 .consumer-expand-panel .nav{background:#123750;color:#dceef9}
body.consumer-master-dark .master-ss1-v9 .consumer-expand-panel p,body.consumer-master-dark .master-ss1-v9 .expand-info span{color:#b8d3e6}
body.consumer-master-dark .master-ss1-v9 .master-add{background:#17587b;color:white}
/* Keep all input, login and dialog behavior unchanged. Display feature modules only when server says allowed. */
@media(max-width:1090px){body.consumer-master-dark .master-ss1-v9 .search-stat-line{grid-template-columns:1fr}body.consumer-master-dark .master-ss1-v9 .table-scroll{max-height:calc(100dvh - 460px)}}
@media(max-width:640px){
 body.consumer-master-dark .master-ss1-v9 .master-masthead{height:123px;min-height:123px;padding:4px}
 body.consumer-master-dark .master-ss1-v9 .master-logo-stage{width:128px;height:115px}
 body.consumer-master-dark .master-ss1-v9 .master-toolbar{gap:6px;margin:1px 5px 8px}
 body.consumer-master-dark .master-ss1-v9 .master-tool{font-size:11px;padding:7px 8px;min-height:34px;border-radius:8px}
 body.consumer-master-dark .master-ss1-v9 .search-stat-line{gap:5px;padding:0 5px;margin-bottom:9px}
 body.consumer-master-dark .master-ss1-v9 .search-box{min-height:40px}
 body.consumer-master-dark .master-ss1-v9 .search-chip{min-width:88px;font-size:12px}
 body.consumer-master-dark .master-ss1-v9 #searchInput{font-size:12px}
 body.consumer-master-dark .master-ss1-v9 .master-stat{min-height:42px}
 body.consumer-master-dark .master-ss1-v9 .table-scroll{max-height:calc(100dvh - 425px);min-height:130px}
 body.consumer-master-dark .master-ss1-v9 .inventory-grid th{font-size:11px;padding:7px}
 body.consumer-master-dark .master-ss1-v9 .inventory-grid td{font-size:11px;padding:8px}
 body.consumer-master-dark .master-ss1-v9 .master-blue-base{min-height:22px;height:22px}
 body.consumer-master-dark .master-ss1-v9 .master-table-foot{font-size:11px;padding:9px 0 3px}
 body.consumer-master-dark .master-ss1-v9 .master-footer{min-height:59px;padding:5px 10px}
 body.consumer-master-dark .master-ss1-v9 .master-expand{min-width:103px;min-height:42px}
 body.consumer-master-dark .master-ss1-v9 .master-footer-right{padding:5px;max-width:190px}
 body.consumer-master-dark .master-ss1-v9 .master-footer-right strong{font-size:15px}
 body.consumer-master-dark .master-ss1-v9 .master-main{padding-bottom:66px}
}
@media(prefers-reduced-motion:reduce){body.consumer-master-dark .master-ss1-v9 .master-glow-sweep,body.consumer-master-dark .master-ss1-v9 .master-glow-sweep img{animation:none;will-change:auto}}
@media print{body.consumer-master-dark .master-ss1-v9 .master-glow-layer{display:none}}

/* Scroll parity: both FREE and PRO share identical scrolling; no slow-down by license. */
body.consumer-master-dark .master-ss1-v9 .table-scroll{touch-action:pan-x pan-y;overflow-anchor:none;scroll-behavior:auto}
body.consumer-master-dark .master-ss1-v9 .inventory-grid tbody tr{content-visibility:visible;transition:none}
body.consumer-master-dark .master-ss1-v9 .master-toolbar,body.consumer-master-dark .master-ss1-v9 .master-table-foot{contain:layout style}
/* SS1 desktop alignment calibration against H277-C33 reference at 1728×896. */
@media(min-width:1091px){
 body.consumer-master-dark .master-ss1-v9 .master-masthead{height:181px;min-height:181px}
 body.consumer-master-dark .master-ss1-v9 .master-logo-stage{transform:translateY(6px) scale(1.30);transform-origin:center center}
 body.consumer-master-dark .master-ss1-v9 .search-stat-line{margin-bottom:19px}
 body.consumer-master-dark .master-ss1-v9 .master-blue-base{flex:0 0 45px;height:45px;min-height:45px}
 body.consumer-master-dark .master-ss1-v9 .master-footer{min-height:85px}
}

/* Optional authenticated module layout; this contains no feature code. */
.consumer-private-filter{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin:9px 0;padding:9px;border:1px solid #24506d;border-radius:10px;background:#0a243b}
.consumer-private-filter[hidden]{display:none!important}
.consumer-private-filter label{display:grid;gap:3px;font-size:11px;color:#cee7fa;min-width:105px;flex:1}
.consumer-private-filter input{width:100%;background:#071a2c;color:white;border:1px solid #235776;border-radius:8px;padding:8px}
.consumer-private-filter button{border-radius:8px;background:#196b95;color:white;border:1px solid #3293bd;padding:9px;cursor:pointer}