:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#e8eef8;background:#09111f}*{box-sizing:border-box}body{margin:0;background:linear-gradient(#09111f,#0d1728);min-height:100vh;padding-bottom:84px}header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:#0b1424dd;backdrop-filter:blur(12px);border-bottom:1px solid #263247}header b{font-size:22px;letter-spacing:1.5px}header small{display:block;color:#91a0b8}header span{font-size:11px;background:#173153;padding:7px 9px;border-radius:99px;color:#8ec5ff}main{max-width:760px;margin:auto;padding:14px}.search{display:flex;gap:8px}.search input{flex:1}.search input,.filters select{background:#121f33;border:1px solid #2b3b55;color:white;border-radius:12px;padding:13px;min-width:0}.search button{border:0;border-radius:12px;padding:12px 15px;background:#1976d2;color:#fff;font-weight:700}.chips{display:flex;gap:8px;overflow:auto;padding:12px 0 4px}.chips button{min-width:62px;border:1px solid #2b3b55;background:#111d30;color:#a9b7ca;padding:9px 14px;border-radius:99px;font-weight:800}.chips button.active{background:#1976d2;color:#fff;border-color:#1976d2}.view{display:none}.view.active{display:block}.filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.filters-3{grid-template-columns:.8fr .7fr 1.5fr}.card{background:#111d30;border:1px solid #24344e;border-radius:18px;padding:15px;margin:10px 0;box-shadow:0 8px 30px #0002}.card h3,.card h2{margin:0 0 4px}.card-head,.title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.muted,.asof{color:#91a0b8;font-size:13px}.asof{text-align:right;font-size:11px;margin-top:10px}.row{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px solid #223047}.row:last-child{border:0}.tag,.factory-badge{display:inline-block;border-radius:99px;padding:5px 9px;font-size:12px;background:#263a59}.factory-badge{background:#173153;color:#8ec5ff;font-weight:800}.overdue{background:#5b2028;color:#ffb5bd}.today{background:#624b16;color:#ffe08a}.upcoming{background:#173b31;color:#8ee6c5}.date{font-size:18px;font-weight:800}.section-title{margin:20px 2px 7px;color:#9fb1ca;font-size:12px;text-transform:uppercase;letter-spacing:1.2px}.page-title{font-size:18px;font-weight:800;margin:8px 2px 12px}.back{margin:0 0 10px;background:none;border:0;color:#7ec0ff;font-size:15px;padding:9px 0}.empty{text-align:center;color:#8190a7;padding:35px 10px}.product{padding:10px 0;border-bottom:1px solid #223047}.product:last-child{border:0}.doc-button{width:100%;border:0;background:#1976d2;color:white;padding:13px 15px;border-radius:12px;font-weight:800;font-size:15px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#0b1424ee;backdrop-filter:blur(14px);border-top:1px solid #263247}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:2px;border:0;background:transparent;color:#8291a9;padding:7px 2px;border-radius:10px;font-weight:600}.bottom-nav button span{font-size:22px;line-height:22px}.bottom-nav button small{font-size:10px}.bottom-nav button.active{color:#72b8ff;background:#13243b}.viewer-toolbar{position:sticky;top:69px;z-index:4;display:grid;grid-template-columns:.8fr .8fr 1.4fr;gap:7px;background:#09111f;padding:6px 0 10px}.viewer-toolbar button{border:1px solid #2b3b55;background:#13243b;color:#dbe9fb;padding:10px 8px;border-radius:10px;font-weight:700}#docFrame{width:100%;height:calc(100vh - 210px);border:1px solid #2b3b55;border-radius:12px;background:#fff}@media(max-width:430px){.filters-3{grid-template-columns:1fr 1fr}.filters-3 #stype{grid-column:1/-1}.asof{max-width:48%}}@media(min-width:700px){main{padding-top:24px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cards .card{margin:0}}
.section-title-count{display:flex;align-items:center;gap:8px}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:22px;padding:0 7px;border-radius:99px;background:#263a59;color:#dce9f8;font-size:12px;font-weight:800;letter-spacing:0}.bottom-nav-5{grid-template-columns:repeat(5,1fr)}.product-search{margin-bottom:10px}.variant-card .row b{max-width:58%;text-align:right;overflow-wrap:anywhere}@media(max-width:390px){.bottom-nav button small{font-size:9px}.bottom-nav button span{font-size:20px}.bottom-nav{padding-left:4px;padding-right:4px}}

.total-row{display:flex;align-items:center;justify-content:space-between;margin:12px 0 6px;padding:13px 15px;border:1px solid #315174;border-radius:14px;background:#10243b;color:#dce9f8;font-weight:900;letter-spacing:.8px}.total-row b{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:28px;padding:0 10px;border-radius:99px;background:#1976d2;color:#fff;font-size:15px;letter-spacing:0}
.export-bar{display:flex;justify-content:flex-end;gap:8px;margin:8px 0 10px}.export-bar button{border:1px solid #315174;background:#13243b;color:#dbe9fb;padding:9px 12px;border-radius:10px;font-weight:800}.export-bar.compact{margin:2px 0 8px}.export-bar.compact button{padding:8px 10px;font-size:12px}.note-box{margin-top:8px;padding:10px 12px;border-radius:12px;background:#0d1828;border:1px solid #223047;color:#cbd7e8;white-space:pre-wrap;overflow-wrap:anywhere}.doc-meta{font-size:11px;color:#91a0b8;margin:4px 0 8px}.document-list .doc-button{margin:6px 0;background:#173153}.spec-subtitle{margin:14px 0 4px;color:#8ec5ff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}

/* V1.8.2 in-app document viewer */
#document{position:relative}
#document.expanded{position:fixed;inset:0;z-index:1000;display:block!important;background:#09111f;padding:env(safe-area-inset-top) 8px env(safe-area-inset-bottom);overflow:hidden}
#document.expanded .viewer-toolbar{top:0;padding-top:8px}
#document.expanded #docTitle{margin:4px 4px 8px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#document.expanded #docFrame{height:calc(100vh - 108px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:8px}
body.document-expanded{overflow:hidden}
body.document-expanded header,body.document-expanded .bottom-nav{display:none}
.viewer-toolbar{grid-template-columns:1fr .8fr 1fr}
.viewer-toolbar #docBack{background:#2b1820;border-color:#63303c;color:#ffd5dc}
.doc-pagebar{display:flex;align-items:center;justify-content:center;gap:10px;margin:8px 0}.doc-pagebar button{border:1px solid #33445f;background:#14243b;color:#fff;border-radius:10px;padding:8px 12px;font-weight:700}.doc-pagebar button:disabled{opacity:.4}.doc-pagebar span{min-width:100px;text-align:center;color:#c9d6e8;font-weight:700}.doc-notice{margin:6px 0 10px;padding:9px 11px;border:1px solid #315074;border-radius:10px;background:#10243b;color:#b9d8ff;font-size:13px}
/* V1.9 language switcher */
.header-actions{display:flex;align-items:center;gap:8px}.header-actions select{border:1px solid #2b3b55;background:#121f33;color:#fff;border-radius:9px;padding:6px 8px;font-weight:800;font-size:12px}.header-actions span{white-space:nowrap}@media(max-width:390px){.header-actions{gap:5px}.header-actions select{padding:6px 5px}header{padding-left:12px;padding-right:12px}}