:root{
 --bg:#080b0f;--bg2:#0c1117;--panel:#111820;--panel2:#151d26;--panel3:#0b1117;--line:#2a3540;--line2:#45372d;
 --text:#f2f5f7;--muted:#89959e;--orange:#f28a2e;--orange2:#ffb16d;--green:#64d99a;--blue:#67c9f3;--red:#ef7881;--amber:#f0bd68;--purple:#b69be7;--cyan:#61dfdd;
 --rail:244px;--top:78px;--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-size:14px;background:radial-gradient(circle at 88% -10%,rgba(242,138,46,.11),transparent 30%),radial-gradient(circle at 5% 50%,rgba(97,223,221,.04),transparent 24%),linear-gradient(180deg,#080b0f,#0a1015)}button,input,select,textarea{font:inherit}.hidden{display:none!important}button{touch-action:manipulation}.shell{min-height:100vh;display:grid;grid-template-columns:var(--rail) minmax(0,1fr);grid-template-rows:var(--top) minmax(0,1fr)}
.boot{position:fixed;inset:0;z-index:999;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 65% 0%,rgba(242,138,46,.13),transparent 35%),#070a0e}.bootCard{width:min(460px,93vw);padding:30px;text-align:center;border:1px solid #45362b;border-top:4px solid var(--orange);border-radius:25px;background:#0e141a;box-shadow:0 35px 90px rgba(0,0,0,.58)}.bootLogo{width:104px;height:104px;margin:auto;border:2px solid var(--orange);border-radius:20px;background:#fff;overflow:hidden}.bootLogo img{width:100%;height:100%;object-fit:contain}.bootCard>small{display:block;margin-top:14px;color:#d88a49;font-weight:900;font-size:8px;letter-spacing:1.2px}.bootCard h1{margin:5px 0;font-size:28px}.bootCard p{margin:0;color:#85919a;font-size:10px}.bootLine{height:6px;margin:19px 0 9px;border-radius:99px;background:#261b13;overflow:hidden}.bootLine i{display:block;width:40%;height:100%;background:linear-gradient(90deg,#d76d19,#ffb26e);animation:bootMove 1s infinite alternate}.bootCard>span{font-size:9px;color:#7d8991}@keyframes bootMove{to{transform:translateX(145%)}}
.rail{grid-column:1;grid-row:1/-1;position:fixed;inset-block:0;inset-inline-start:0;width:var(--rail);z-index:50;padding:14px 12px;background:linear-gradient(180deg,#080c10,#0c1217);border-inline-end:1px solid #352a23;overflow:auto}.brand{display:flex;align-items:center;gap:10px;padding:1px 2px 14px;border-bottom:1px solid #302921}.brandLogo{width:50px;height:50px;flex:none;border:2px solid var(--orange);border-radius:12px;background:#fff;overflow:hidden}.brandLogo img{width:100%;height:100%;object-fit:contain}.brand b{display:block;font-size:13px;letter-spacing:1px}.brand small{display:block;margin-top:2px;color:#d08a4d;font-size:7px}.railLabel{display:block;margin:14px 4px 5px;color:#857367;font-size:7px;font-weight:900;letter-spacing:.9px}.projectSelect{width:100%;min-height:46px;padding:0 8px;border:1px solid #493a2e;border-radius:10px;background:#0b1116;color:#edf1f3;font-size:9px}#railNav{display:grid;gap:4px;margin-top:12px}#railNav button{min-height:48px;display:grid;grid-template-columns:33px 1fr;align-items:center;gap:8px;text-align:start;padding:0 9px;border:1px solid transparent;border-radius:10px;background:transparent;color:#8f9aa2;font-weight:760}#railNav button span{width:29px;height:29px;display:grid;place-items:center;border:1px solid #35414a;border-radius:8px;background:#10171c;font-size:7px;font-weight:950}#railNav button.active{border-color:#73471f;background:linear-gradient(90deg,#25180e,#151618);color:#fff;box-shadow:inset 3px 0 0 var(--orange)}html[dir=rtl] #railNav button.active{box-shadow:inset -3px 0 0 var(--orange)}#railNav button.active span{border-color:#935721;background:#2d1c0f;color:#ffad67}.railFoot{margin-top:18px;padding:10px;border:1px solid #2c4135;border-radius:10px;background:#0b1710}.railFoot div{display:flex;align-items:center;gap:6px;color:#6ed59a;font-size:8px}.railFoot i{width:7px;height:7px;border-radius:50%;background:var(--green)}.railFoot small{display:block;margin-top:4px;color:#67746c;font-size:7px;line-height:1.45}
.topbar{grid-column:2;grid-row:1;position:sticky;top:0;z-index:40;display:grid;grid-template-columns:auto minmax(280px,620px) auto;align-items:center;gap:13px;padding:10px 15px;background:rgba(8,12,16,.96);border-bottom:1px solid #3c3027;backdrop-filter:blur(17px);box-shadow:0 8px 28px rgba(0,0,0,.24)}.pageIdentity{min-width:170px}.pageIdentity small{display:block;color:#ce8648;font-size:7px;font-weight:900;letter-spacing:1px}.pageIdentity h1{margin:2px 0 0;font-size:21px;white-space:nowrap}.globalSearch{min-height:52px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:7px;text-align:start;padding:0 11px;border:1px solid #48392e;border-radius:13px;background:#0b1116;color:#fff}.globalSearch span{font-size:23px;color:var(--orange2)}.globalSearch b{font-size:10px;color:#c9d0d4}.globalSearch kbd{padding:4px 6px;border:1px solid #39454d;border-radius:6px;background:#151c22;color:#728089;font-size:6px}.topTools{display:flex;align-items:center;justify-content:flex-end;gap:7px}.tool{min-height:44px;padding:0 10px;border:1px solid;border-radius:10px;background:#111820;color:#fff;font-weight:900}.tool.scan{border-color:#336880;background:#0a2331;color:#76cef8}.tool.scan span{margin-inline-end:5px;font-size:15px}.saveStatus{min-height:42px;display:flex;align-items:center;gap:6px;padding:0 9px;border:1px solid #365d46;border-radius:10px;background:#0a1d13;color:#71dc9c;font-size:7px}.saveStatus i{width:7px;height:7px;border-radius:50%;background:var(--green)}.saveStatus.busy{border-color:#71582c;background:#241b0c;color:#edc171}.saveStatus.busy i{background:var(--amber)}.saveStatus.bad{border-color:#704048;background:#271316;color:#ef8990}.saveStatus.bad i{background:var(--red)}.adminLock{min-height:45px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #4d4040;border-radius:11px;background:#14181c;color:#fff}.adminLock>span{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#281518;color:#ef858c;font-size:9px}.adminLock small{display:block;color:#7f888f;font-size:6px}.adminLock b{display:block;font-size:8px}.adminLock.unlocked{border-color:#82501f;background:#22160d}.adminLock.unlocked>span{background:var(--orange);color:#fff}.adminLock.unlocked b{color:#ffb16d}
.workspace{grid-column:2;grid-row:2;min-width:0;padding:16px 17px 95px}.view{display:none;animation:fade .17s ease}.view.active{display:block}@keyframes fade{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}}.bottomNav{display:none}
.viewHead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px}.viewHead h2{margin:0;font-size:22px;font-weight:880}.viewHead p{margin:3px 0 0;color:#8b979f;font-size:10px}.actions{display:flex;gap:7px;flex-wrap:wrap}.btn{min-height:41px;padding:0 11px;border:1px solid #3a4650;border-radius:9px;background:#141c22;color:#e7ecef;font-size:10px;font-weight:850}.btn.small{min-height:33px;padding:0 8px;font-size:8px}.btn.large{min-height:49px}.btn.primary{border-color:#f39a4b;background:linear-gradient(180deg,#f2923d,#df751e);color:#fff}.btn.green{border-color:#36714e;background:#0b2918;color:#6edc9d}.btn.red{border-color:#794249;background:#291417;color:#ee858d}.btn.blue{border-color:#376b84;background:#0b2634;color:#76cef7}.btn.purple{border-color:#655085;background:#1c1428;color:#c5b0eb}.btn.amber{border-color:#795f2c;background:#241b0c;color:#efc06a}.btn:disabled{opacity:.38}.link{border:0;background:transparent;color:#ff9c48;font-weight:850;padding:0;text-align:start}.muted{color:var(--muted)}
.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr);gap:10px}.heroMain,.heroSide,.card,.filterBar,.metric,.panel{border:1px solid var(--line);border-radius:14px;background:var(--panel)}.heroMain{padding:20px;background:radial-gradient(circle at 88% 12%,rgba(242,138,46,.13),transparent 28%),radial-gradient(circle at 20% 90%,rgba(97,223,221,.05),transparent 25%),linear-gradient(135deg,#151d24,#11171c 74%,#21150d);border-color:#49372b}.heroMain>small{color:#f19949;font-size:7px;font-weight:950;letter-spacing:1px}.heroMain h2{margin:5px 0;font-size:24px;line-height:1.25}.heroMain p{max-width:800px;margin:0;color:#93a0a7;font-size:10px;line-height:1.6}.heroBtns{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.heroSide{padding:14px;background:linear-gradient(145deg,#0f1a15,#181710);border-color:#3a493e}.heroSide .health{width:48px;height:48px;display:grid;place-items:center;border:2px solid #518367;border-radius:13px;background:#0c2a19;color:#6ddd9e;font-size:18px;font-weight:950}.heroSide h3{margin:8px 0 2px;font-size:13px}.heroSide p{margin:0 0 8px;color:#75877c;font-size:8px}.healthLine{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid #2c352f;font-size:8px}.healthLine span{color:#76827b}.healthLine b{font-size:8px}
.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:10px 0}.metric{min-height:112px;padding:11px;border-top:3px solid}.metric small{display:block;color:#8d969d;font-size:7px;font-weight:900}.metric b{display:block;margin-top:3px;font-size:27px}.metric span{display:block;margin-top:2px;color:#758087;font-size:7px}.metric.red{border-top-color:var(--red)}.metric.orange{border-top-color:var(--orange)}.metric.blue{border-top-color:var(--blue)}.metric.green{border-top-color:var(--green)}.metric.purple{border-top-color:var(--purple)}.metric.cyan{border-top-color:var(--cyan)}
.grid2{display:grid;grid-template-columns:1.25fr .75fr;gap:9px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.card{padding:11px}.cardHead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.cardHead h3{margin:0;font-size:13px}.cardHead small{display:block;margin-top:2px;color:#76838b;font-size:8px}.badgeCount{min-width:44px;padding:5px 8px;text-align:center;border:1px solid #69441f;border-radius:999px;background:#22160d;color:#ffad64;font-size:8px;font-weight:900}.timeline{display:grid;gap:6px}.timelineRow{display:grid;grid-template-columns:80px 1fr auto;gap:8px;align-items:center;padding:8px;border:1px solid #2c363e;border-radius:9px;background:#0d1419}.timelineDate{display:grid;place-items:center;min-height:42px;border-radius:8px;background:#151e25;color:#9da8af;font-size:8px}.timelineRow b{font-size:9px}.timelineRow p{margin:2px 0 0;color:#75828a;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movementList{display:grid}.movement{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #29333a}.moveIcon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;font-weight:950}.moveIcon.in{background:#0b2918;color:#6bdb9b}.moveIcon.out{background:#291417;color:#ef8189}.moveIcon.adj{background:#211b0d;color:#efc06b}.movement b{font-size:9px}.movement small{display:block;margin-top:2px;color:#77838b;font-size:7px}.movement strong{font-size:9px}
.filterBar{padding:9px;margin-bottom:9px;background:#0d1419;border-color:#3d342d}.filterGrid{display:grid;grid-template-columns:1.6fr 1.2fr 1fr 1fr auto;gap:7px}.filterGrid.two{grid-template-columns:1.6fr 1fr}.filterGrid label,.formGrid label,.reportGrid label{display:grid;gap:4px}.filterGrid span,.formGrid label>span,.reportGrid span{font-size:7px;font-weight:900;color:#a98b72;letter-spacing:.3px}.filterGrid input,.filterGrid select,.formGrid input,.formGrid select,.formGrid textarea,.reportGrid input,.reportGrid select{width:100%;min-height:43px;padding:0 8px;border:1px solid #39454e;border-radius:8px;background:#091015;color:#edf1f3;font-size:10px}.formGrid textarea{min-height:76px;padding-top:8px;resize:vertical}.filterGrid input:focus,.filterGrid select:focus,.formGrid input:focus,.formGrid select:focus,.formGrid textarea:focus,.reportGrid input:focus,.reportGrid select:focus{outline:0;border-color:#a46027;box-shadow:0 0 0 3px rgba(242,138,46,.08)}.segmented{display:flex;gap:5px;overflow:auto;padding:3px}.segmented button{white-space:nowrap;min-height:34px;padding:0 9px;border:1px solid #39434b;border-radius:8px;background:#121920;color:#89959d;font-size:8px;font-weight:850}.segmented button.active{border-color:#895522;background:#2a190d;color:#ffad62}
.tableCard{padding:0;overflow:hidden}.tableCard .cardHead{padding:10px 11px 3px}.tableWrap{width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.tableWrap.tall{max-height:calc(100vh - 280px);min-height:310px}.tableWrap.report{max-height:calc(100vh - 405px)}table{width:100%;min-width:900px;border-collapse:separate;border-spacing:0;font-size:10px}th{position:sticky;top:0;z-index:2;padding:8px 7px;text-align:start;border-bottom:1px solid #49382c;background:#171e25;color:#baa493;font-size:8px;font-weight:900;letter-spacing:.25px}td{padding:8px 7px;border-bottom:1px solid #28323a;color:#dae1e5;vertical-align:middle}tbody tr:hover td{background:#10181e}.wrap{min-width:190px;white-space:normal;line-height:1.4}.qty{font-weight:900}.empty{text-align:center!important;color:#74818a!important;padding:25px!important}.check{width:18px;height:18px;accent-color:var(--orange)}.pager{display:flex;justify-content:center;align-items:center;gap:11px;padding:9px;border-top:1px solid #28323a}.pager span{color:#7e8b93;font-size:8px}.status{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:0 8px;border:1px solid;border-radius:999px;font-size:6.5px;font-weight:950;white-space:nowrap}.status.overdue,.status.not_arrived,.status.out{border-color:#754149;background:#281417;color:#ed858d}.status.due_today{border-color:#885020;background:#29190c;color:#ffad61}.status.due_soon{border-color:#32687f;background:#0b2634;color:#75cef7}.status.scheduled{border-color:#55516b;background:#181624;color:#c2b0e7}.status.partial{border-color:#7d642d;background:#241c0d;color:#efc16b}.status.arrived,.status.ok{border-color:#37704e;background:#0b2918;color:#6cdb9c}.status.no_date{border-color:#505a61;background:#151a1e;color:#a2abb1}.status.cancelled{border-color:#4c4d4f;background:#18191a;color:#858a8e}.status.low{border-color:#82642d;background:#241b0b;color:#efc06a}
.poActions{display:flex;gap:4px}.receiveSummary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px}.receiveSummary>div{padding:9px;border:1px solid #333f47;border-radius:9px;background:#0c1318}.receiveSummary small{display:block;color:#77838b;font-size:7px}.receiveSummary b{display:block;margin-top:3px;font-size:11px}.progress{height:7px;border-radius:99px;background:#242d34;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#f28a2e,#65d99a)}
.stockHero{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:13px;border:1px solid #35424a;border-radius:11px;background:linear-gradient(135deg,#0e151b,#111a1e)}.stockHero b{display:block;font-size:13px}.stockHero small{display:block;margin-top:3px;color:#7c8890;font-size:8px}.stockHero strong{font-size:24px}.stockHero strong.negative{color:#ef8189}.inputAction{display:grid;grid-template-columns:1fr auto;gap:6px}
.searchShell{border:1px solid #44372e;border-radius:14px;background:#0d1419;padding:9px}.searchBox{display:grid;grid-template-columns:36px minmax(0,1fr) auto 105px;align-items:center;gap:6px;border:1px solid #584533;border-radius:12px;background:#081015;padding:5px 7px}.searchBox>span{font-size:22px;color:#ffad62}.searchBox input,.searchBox select{min-height:46px;border:0;background:transparent;color:#fff;font-size:13px}.searchBox select{font-size:9px}.searchBox input:focus,.searchBox select:focus{outline:0}.searchHints{display:flex;gap:5px;flex-wrap:wrap;padding-top:7px}.searchHints span{padding:4px 7px;border:1px solid #30463a;border-radius:999px;background:#0c1912;color:#739a82;font-size:7px}.searchResults{display:grid;gap:6px;margin-top:9px}.searchResult{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:8px;padding:9px;border:1px solid #313c45;border-radius:10px;background:#10171c}.searchType{width:46px;min-height:34px;display:grid;place-items:center;border:1px solid;border-radius:8px;font-size:7px;font-weight:950}.searchType.po{border-color:#865020;background:#28190c;color:#ffad63}.searchType.item{border-color:#356d4c;background:#0b2617;color:#6ddb9d}.searchType.dn{border-color:#31667e;background:#0b2533;color:#75cef7}.searchType.sup{border-color:#685589;background:#1a1425;color:#c4afe8}.searchType.emp{border-color:#7a622d;background:#221b0b;color:#efc16a}.searchResult b{font-size:10px}.searchResult p{margin:2px 0 0;color:#78858d;font-size:8px}
.reportGrid{display:grid;grid-template-columns:1.1fr 1.5fr .85fr .85fr 1fr 1.3fr;gap:7px;padding:9px;border:1px solid #46372c;border-top:3px solid var(--orange);border-radius:12px;background:#10171c}.presets{display:flex;gap:5px;overflow:auto;margin:8px 0}.presets button{min-height:31px;white-space:nowrap;padding:0 9px;border:1px solid #493b31;border-radius:999px;background:#151514;color:#c7b6a8;font-size:7px;font-weight:850}.reportMetrics{display:grid;grid-template-columns:.7fr .8fr 1.5fr 1fr;gap:7px;margin-bottom:8px}.reportMetrics>div{padding:9px;border:1px solid #344048;border-top:3px solid var(--orange);border-radius:9px;background:#10171c}.reportMetrics small{display:block;color:#987d68;font-size:6.5px}.reportMetrics b{display:block;margin-top:3px;font-size:20px}.reportMetrics .small{font-size:8px;line-height:1.35}
.aiLayout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:9px}.aiMain,.aiSide{border:1px solid #3d364a;border-radius:14px;background:#10161c;padding:11px}.aiIntro{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #5f4a80;border-radius:11px;background:radial-gradient(circle at 90% 0%,rgba(182,155,231,.13),transparent 35%),linear-gradient(135deg,#171322,#141a20)}.aiOrb{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#6b50a1;color:#fff;font-weight:950}.aiIntro b{font-size:12px}.aiIntro p{margin:2px 0 0;color:#91899c;font-size:8px;line-height:1.5}.aiModes{display:flex;gap:5px;overflow:auto;margin:8px 0}.aiModes button{white-space:nowrap;min-height:34px;padding:0 9px;border:1px solid #424653;border-radius:8px;background:#13191f;color:#9aa4ab;font-size:8px;font-weight:850}.aiModes button.active{border-color:#7659a1;background:#241833;color:#d0bbf2}.aiChat{min-height:360px;max-height:56vh;overflow:auto;display:grid;align-content:start;gap:7px;padding:7px 1px}.msg{max-width:90%;padding:9px 10px;border-radius:11px;font-size:9px;line-height:1.55}.msg.user{justify-self:end;border:1px solid #7d4c22;background:#29190c;color:#ffc08a}.msg.ai{justify-self:start;border:1px solid #4d4064;background:linear-gradient(135deg,#121920,#171422)}.msg.ai p{margin:6px 0 0;color:#d4dbe0;line-height:1.65}.msgMeta{display:flex;justify-content:space-between;gap:8px;align-items:center}.msgMeta span{padding:3px 6px;border:1px solid #594772;border-radius:999px;color:#c2aae8;font-size:6px}.thinking{display:flex;align-items:center;gap:7px;color:#b6a3d2}.thinking i{width:12px;height:12px;border:2px solid #604b7e;border-top-color:#c6aff0;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.aiInput{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px}.aiInput input{min-height:48px;padding:0 10px;border:1px solid #414c55;border-radius:10px;background:#091015;color:#fff}.aiImage{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:7px;margin:6px 0;border:1px solid #654f86;border-radius:9px;background:#1a1426}.aiImage span{font-size:6px;color:#aa8fd6}.aiImage b{font-size:8px}.aiImage button{width:28px;height:28px;border:0;border-radius:7px;background:#2b1c3b;color:#fff}.aiSide h3{margin:0 0 8px}.aiSide>button{width:100%;min-height:40px;margin-bottom:5px;text-align:start;padding:0 8px;border:1px solid #39444d;border-radius:9px;background:#12191f;color:#d8dfe3;font-size:8px}.routerCard{margin-top:9px;padding:10px;border:1px solid #4d5944;border-radius:10px;background:#101a13}.routerCard small{color:#75b990;font-size:6px}.routerCard b{display:block;margin:3px 0;font-size:10px}.routerRow{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px solid #2d3a31;font-size:7px}.routerRow span{color:#819087}.routerRow strong.sol{color:#d2b7f6}.routerRow strong.terra{color:#72d7f5}
.securityGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:9px}.securityCard{padding:12px;border:1px solid #333e46;border-top:3px solid;border-radius:12px;background:#10171c}.securityCard.db{border-top-color:var(--green)}.securityCard.auth{border-top-color:var(--red)}.securityCard.update{border-top-color:var(--orange)}.securityCard.ai{border-top-color:var(--purple)}.securityIcon{width:40px;height:40px;display:grid;place-items:center;border:1px solid #4b3c31;border-radius:10px;background:#21160d;color:#ffac62;font-size:9px;font-weight:950}.securityCard h3{margin:8px 0 3px;font-size:12px}.securityCard p{min-height:44px;margin:0;color:#7f8c94;font-size:8px;line-height:1.45}.secLine{display:flex;justify-content:space-between;gap:7px;padding:6px 0;border-top:1px solid #29343b;font-size:7px}.secLine span{color:#75818a}.securityCard>.btn,.securityCard>select{width:100%;margin-top:7px}.securityCard select{min-height:39px;border:1px solid #39454d;border-radius:8px;background:#0b1116;color:#fff;padding:0 7px;font-size:8px}.auditTable{max-height:360px}.notice{padding:9px;border:1px solid #5a4930;border-radius:9px;background:#1d170e;color:#c9ae88;font-size:8px;line-height:1.5}.readonly{padding:4px 7px;border:1px solid #46515a;border-radius:999px;background:#13191e;color:#849199;font-size:6px;font-weight:900}
.modal{position:fixed;inset:0;z-index:120}.modalShade{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.modalPanel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,94vw);max-height:90vh;overflow:auto;padding:14px;border:1px solid #4a392d;border-top:3px solid var(--orange);border-radius:17px;background:#0f161b;box-shadow:0 35px 95px rgba(0,0,0,.58)}.modalHead{display:flex;justify-content:space-between;gap:10px;padding-bottom:9px;margin-bottom:10px;border-bottom:1px solid #2b343b}.modalHead small{color:#d0894a;font-size:7px;font-weight:900}.modalHead h2{margin:2px 0;font-size:19px}.modalHead p{margin:0;color:#808d95;font-size:8px}.close{width:39px;height:39px;border:1px solid #3c474f;border-radius:9px;background:#161d22;color:#fff;font-size:18px}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.formGrid.one{grid-template-columns:1fr}.formGrid .span2{grid-column:1/-1}.detailGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:9px}.detailGrid>div{padding:8px;border:1px solid #323d45;border-radius:9px;background:#0b1217}.detailGrid small{display:block;color:#78858d;font-size:6.5px}.detailGrid b{display:block;margin-top:3px;font-size:9px;line-height:1.4}.modalBtns{display:flex;gap:6px;flex-wrap:wrap}.confirmBox{padding:10px;border:1px solid #65452e;border-radius:10px;background:#20160f;color:#d1ae8c;font-size:8px;line-height:1.5}.loginPanel{display:grid;gap:8px}.loginStatus{padding:8px;border:1px solid #39434a;border-radius:9px;background:#0b1217;color:#839099;font-size:8px}.toast{position:fixed;right:17px;bottom:17px;z-index:200;max-width:min(420px,90vw);padding:10px 14px;border:1px solid #39724f;border-radius:10px;background:#0b2918;color:#73dea0;font-weight:800;box-shadow:0 12px 38px rgba(0,0,0,.42)}html[dir=rtl] .toast{right:auto;left:17px}.toast.bad{border-color:#774249;background:#281417;color:#ef888f}.toast.warn{border-color:#775e2c;background:#241b0c;color:#efc06b}
.barcodePreview{padding:9px;border:1px solid #3b454b;border-radius:9px;background:#fff;color:#111}.barcodePreview svg{display:block;width:100%;max-height:100px}
.barcodeScannerOverlay{position:fixed!important;inset:0!important;z-index:500!important}
@media(max-width:1250px){:root{--rail:220px}.metrics{grid-template-columns:repeat(3,1fr)}.securityGrid{grid-template-columns:1fr 1fr}.reportGrid{grid-template-columns:1fr 1.4fr 1fr 1fr}.reportGrid .wide{grid-column:1/-1}}
@media(orientation:portrait) and (max-width:1100px){:root{--top:71px}.shell{grid-template-columns:1fr;grid-template-rows:var(--top) 1fr}.rail{display:none}.topbar{grid-column:1;grid-template-columns:1fr auto;padding:8px 11px}.globalSearch{display:none}.workspace{grid-column:1;padding:13px 12px 96px}.bottomNav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:10px;right:10px;bottom:max(9px,env(safe-area-inset-bottom));z-index:55;padding:5px;border:1px solid #49372a;border-radius:15px;background:rgba(9,13,17,.97);backdrop-filter:blur(18px);box-shadow:0 18px 45px rgba(0,0,0,.45)}.bottomNav button{min-height:52px;border:0;border-radius:10px;background:transparent;color:#7c8991;font-size:6.5px;font-weight:850}.bottomNav button span{display:block;font-size:8px}.bottomNav button b{display:block;margin-top:2px}.bottomNav button.active{background:#29190c;color:#ffad62}.saveStatus{display:none}.pageIdentity small{display:none}.hero{grid-template-columns:1fr}.heroSide{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px}.heroSide .healthLine{grid-column:1/-1}.metrics{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:1fr}.grid3{grid-template-columns:1fr 1fr}.filterGrid{grid-template-columns:1fr 1fr}.filterGrid .wide{grid-column:1/-1}.receiveSummary{grid-template-columns:1fr 1fr}.reportGrid{grid-template-columns:1fr 1fr}.reportGrid .wide{grid-column:1/-1}.reportMetrics{grid-template-columns:1fr 1fr}.aiLayout{grid-template-columns:1fr}.securityGrid{grid-template-columns:1fr 1fr}.tableWrap.tall{max-height:59vh}}
@media(max-width:700px){.topTools .adminLock div{display:none}.tool.scan b{display:none}.pageIdentity h1{font-size:18px}.viewHead{align-items:flex-start}.viewHead h2{font-size:19px}.metrics{grid-template-columns:1fr 1fr}.grid3,.filterGrid,.filterGrid.two,.formGrid,.detailGrid,.securityGrid,.reportGrid{grid-template-columns:1fr}.formGrid .span2,.reportGrid .wide{grid-column:auto}.receiveSummary,.reportMetrics{grid-template-columns:1fr 1fr}.searchBox{grid-template-columns:30px 1fr}.searchBox .btn,.searchBox select{grid-column:1/-1}.searchResult{grid-template-columns:46px 1fr}.searchResult>.btn{grid-column:1/-1}.aiInput{grid-template-columns:1fr}.modalPanel{top:auto;bottom:0;transform:translateX(-50%);max-height:92vh;border-radius:17px 17px 0 0}.timelineRow{grid-template-columns:68px 1fr}.timelineRow>.status{grid-column:1/-1}.securityCard p{min-height:0}}
/* Barcode / QR camera overlay */
.barcodeScannerOverlay{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:18px}.barcodeScannerOverlay.hidden{display:none}.scanBackdrop{position:absolute;inset:0;background:rgba(0,0,0,.84);backdrop-filter:blur(9px)}.scanPanel{position:relative;width:min(760px,96vw);padding:13px;border:1px solid #3c5260;border-top:3px solid var(--blue);border-radius:19px;background:#0d151b;box-shadow:0 35px 95px rgba(0,0,0,.62)}.scanHead{display:flex;justify-content:space-between;gap:10px;margin-bottom:9px}.scanHead small{color:#70caf5;font-size:7px;font-weight:900}.scanHead h2{margin:2px 0;font-size:20px}.scanHead p{margin:0;color:#83919a;font-size:8px}.scanHead button{width:39px;height:39px;border:1px solid #3c4850;border-radius:9px;background:#151d22;color:#fff;font-size:19px}.cameraBox{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:13px;background:#000}.cameraBox video{width:100%;height:100%;object-fit:cover}.scanFrame{position:absolute;inset:22% 10%;border:1px solid rgba(255,255,255,.19)}.scanFrame i{position:absolute;width:34px;height:34px;border-color:#6bcaf7;border-style:solid}.scanFrame i:nth-child(1){left:-2px;top:-2px;border-width:4px 0 0 4px}.scanFrame i:nth-child(2){right:-2px;top:-2px;border-width:4px 4px 0 0}.scanFrame i:nth-child(3){left:-2px;bottom:-2px;border-width:0 0 4px 4px}.scanFrame i:nth-child(4){right:-2px;bottom:-2px;border-width:0 4px 4px 0}.scanFrame span{position:absolute;left:4%;right:4%;top:50%;height:2px;background:var(--orange);box-shadow:0 0 13px var(--orange);animation:scanLine 1.5s ease-in-out infinite alternate}@keyframes scanLine{from{transform:translateY(-55px)}to{transform:translateY(55px)}}.qrTarget{position:absolute;right:12%;bottom:12%;width:43px;height:43px;display:grid;place-items:center;border:2px dashed rgba(190,166,232,.78);border-radius:8px;background:rgba(24,14,35,.28);color:#d0b9f3;font-size:7px;font-weight:950}.scanStatus{padding:8px;text-align:center;color:#8b9aa3;font-size:8px}.scanFormats{min-height:22px;padding:2px 7px;text-align:center;color:#6f7e87;font-size:6.5px;line-height:1.45}.scanActions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.scanActions.three{grid-template-columns:1fr 1fr 1fr}.scanAction{min-height:43px;border:1px solid #3b4851;border-radius:9px;background:#131c22;color:#e4eaed;font-size:9px;font-weight:850}.scanAction.image{border-color:#625083;background:#1a1426;color:#c5b0eb}.scanAction.danger{border-color:#744149;background:#281417;color:#ef858d}
@media(max-width:700px){.scanPanel{padding:9px}.scanFrame{inset:20% 7%}.scanActions.three{grid-template-columns:1fr}.scanHead h2{font-size:18px}}

/* V12.4 — PO ARRIVAL / QUANTITY / RECEIVER / ITEM MANAGER */
.poManagerStats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.poManagerStats>div{padding:10px;border:1px solid #3c4650;border-top:3px solid var(--orange);border-radius:10px;background:#0d1419}.poManagerStats small{display:block;color:#8b969e;font-size:7px}.poManagerStats b{display:block;margin-top:3px;font-size:18px}.poManagerTable{max-height:55vh;border:1px solid #2f3940;border-radius:11px;margin-top:9px}.poIntegrityNote{padding:10px;border:1px solid #6d512a;border-radius:10px;background:#211a0e;color:#e0bf83;font-size:9px;line-height:1.55;margin-top:9px}.receiveImpact{padding:10px;border:1px solid #355f78;border-radius:10px;background:#0b1e29;color:#87cceb;font-size:9px;font-weight:750}.negativeQty{color:#ef858d!important}.status.hold{border-color:#75622d!important;background:#241d0d!important;color:#f2c66d!important}.btn.purple{border-color:#65508a;background:#1c1429;color:#c9b4f1}
@media(orientation:portrait) and (max-width:1100px){.poManagerStats{grid-template-columns:1fr 1fr}}@media(max-width:700px){.poManagerStats{grid-template-columns:1fr 1fr}.poManagerTable{max-height:48vh}}

/* V13.0 — PO RECEIVING WAREHOUSE */
.receivingHero{display:grid;gap:12px;margin-bottom:12px}.receivingHeroMain{padding:23px;border:1px solid #5a422f;border-top:4px solid var(--orange);border-radius:18px;background:radial-gradient(circle at 88% 12%,rgba(242,138,46,.18),transparent 28%),linear-gradient(135deg,#171d22,#10161b 70%,#24170d)}.receivingHeroMain>small,.stepLabel{font-size:8px;font-weight:950;letter-spacing:1px;color:#f4a259}.receivingHeroMain h2{font-size:28px;margin:5px 0}.receivingHeroMain p{max-width:900px;color:#a3adb3;line-height:1.6}.receivingFlow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px;padding:10px;border:1px solid #354048;border-radius:14px;background:#0d1419}.receivingFlow>div{min-height:64px;display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #333d44;border-radius:11px;background:#12191e}.receivingFlow span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#f28a2e;color:#fff;font-weight:950}.receivingFlow b{font-size:10px}.receivingFlow i{color:#6e7880;font-size:20px}.receivingMetrics{grid-template-columns:repeat(6,1fr)}.poCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.poCard{padding:11px;border:1px solid #364149;border-radius:12px;background:#0d1419}.poCardTop,.poCardFoot,.poCardStats{display:flex;justify-content:space-between;align-items:center;gap:7px}.poCardTop small{display:block;color:#8a7563;font-size:7px}.poCardTop b{font-size:13px}.poCard p{margin:6px 0;color:#8a959d;font-size:9px}.poCardStats{justify-content:flex-start;flex-wrap:wrap}.poCardStats span{padding:4px 7px;border:1px solid #303a42;border-radius:999px;color:#8fa0aa;font-size:7px}.poCardFoot{margin-top:8px;padding-top:8px;border-top:1px solid #2b343a}.poCardFoot>span{font-size:8px;color:#b39a84}
.receiveStart{max-width:980px;margin:0 auto}.receiveStartHead{padding:20px 0 10px}.receiveStartHead small{color:#f29a4a;font-size:8px;font-weight:950}.receiveStartHead h2{font-size:28px;margin:4px 0}.receiveStartHead p{color:#909ba2}.receiveSearchBox{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:7px;padding:8px;border:1px solid #684a31;border-radius:14px;background:#0d1419}.receiveSearchBox>span{height:46px;display:grid;place-items:center;border-radius:10px;background:#2a190d;color:#ffae65;font-weight:950}.receiveSearchBox input{min-height:48px;border:0;background:transparent;color:#fff;font-size:16px}.receiveSearchBox input:focus{outline:0}.receivePOResults{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.receivePOResult{min-height:92px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;text-align:start;padding:12px;border:1px solid #354149;border-radius:13px;background:#11181e;color:#eaf0f2}.receivePOResult:hover{border-color:#805128;background:#181817}.receivePOResult small{display:block;color:#b4845c;font-size:7px}.receivePOResult b{font-size:15px}.receivePOResult p{margin:4px 0 0;color:#89959d;font-size:9px}.receivePOResult>div:last-child{text-align:end}.receivePOResult span{display:block;color:#f0a55f;font-size:8px;font-weight:850}.receivePOResult strong{display:block;margin-top:5px;font-size:9px}
.receivePOHeader{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:10px}.receivePOHeader>div{padding:11px;border:1px solid #38434b;border-top:3px solid #f28a2e;border-radius:11px;background:#10171c}.receivePOHeader small{display:block;color:#987d66;font-size:7px}.receivePOHeader b{display:block;margin-top:3px;font-size:18px}.shipmentFields{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:11px;border:1px solid #40372f;border-radius:13px;background:#0e151a;margin-bottom:10px}.shipmentFields label,.shipmentNotes{display:grid;gap:4px}.shipmentFields span,.shipmentNotes span{font-size:8px;font-weight:900;color:#b68d69}.shipmentFields input,.shipmentFields select,.shipmentNotes textarea{width:100%;min-height:43px;border:1px solid #3a454d;border-radius:9px;background:#090f14;color:#edf2f4;padding:0 9px}.shipmentItems{padding:0;overflow:hidden}.shipmentItems .cardHead{padding:11px}.receiveQtyInput{width:105px;min-height:38px;border:1px solid #795128;border-radius:8px;background:#17130f;color:#fff;padding:0 8px;font-weight:850}.shipmentNotes{margin-top:10px}.shipmentNotes textarea{min-height:75px;padding-top:9px}.receiveImpactBox{display:flex;gap:7px;margin-top:9px;padding:10px;border:1px solid #37664a;border-radius:10px;background:#0c2015;color:#9cd7b2;font-size:9px}.shipmentSubmit{display:flex;justify-content:flex-end;margin-top:10px}.poManagerStats{grid-template-columns:repeat(4,1fr)}
@media(max-width:1200px){.receivingMetrics{grid-template-columns:repeat(3,1fr)}.shipmentFields{grid-template-columns:1fr 1fr}.receivePOResults{grid-template-columns:1fr}}
@media(orientation:portrait) and (max-width:1100px){.receivingFlow{grid-template-columns:1fr 1fr}.receivingFlow i{display:none}.poCards{grid-template-columns:1fr}.receivePOHeader{grid-template-columns:1fr 1fr}.shipmentFields{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.receivingHeroMain h2,.receiveStartHead h2{font-size:22px}.receivingMetrics{grid-template-columns:1fr 1fr}.receivingFlow{grid-template-columns:1fr}.receiveSearchBox{grid-template-columns:42px 1fr}.receiveSearchBox .btn{grid-column:1/-1}.receivePOHeader,.shipmentFields{grid-template-columns:1fr 1fr}.shipmentSubmit .btn{width:100%}}

/* V13.1 visual refresh */
:root{--orange:#f28a2e;--green:#39c67a;--red:#e55353;--blue:#49a9ff;--purple:#9b6dff;--teal:#22c9c9;--yellow:#ffd166;--text:#f4f8fa;--muted:#9cafba}
html,body{font-size:16px}
body{background:radial-gradient(circle at 14% 8%,rgba(73,169,255,.10),transparent 26%),radial-gradient(circle at 87% 8%,rgba(242,138,46,.12),transparent 23%),#0a0f13;color:var(--text)}
.brandLogoWrap{display:flex;align-items:center;gap:12px}.brandLogo{width:52px;height:52px;object-fit:contain;background:#fff;padding:6px;border-radius:14px;box-shadow:0 10px 24px rgba(0,0,0,.28)}
#railNav button{min-height:58px;border-radius:15px;border:1px solid #273740;background:linear-gradient(180deg,#121b22,#0d1419)}
#railNav button span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#1c2931;font-size:20px}
#railNav button.active{border-color:#f28a2e;background:linear-gradient(135deg,rgba(242,138,46,.18),rgba(73,169,255,.08),rgba(155,109,255,.08))}
#railNav button.active span{background:linear-gradient(180deg,#f28a2e,#cc6d18)}
#railNav button b{font-size:14px;font-weight:850}
.viewHead h2,.cardHead h3,.receivingHeroMain h2,.receiveStartHead h2{color:#fff}
.viewHead p,.cardHead small{color:#9cafba}
.btn{font-size:13px!important;font-weight:850;border-radius:12px}
.btn.primary{background:linear-gradient(180deg,#f28a2e,#db7418)!important}.btn.green{background:linear-gradient(180deg,#39c67a,#24985a)!important}.btn.blue{background:linear-gradient(180deg,#49a9ff,#2f88d9)!important}.btn.purple{background:linear-gradient(180deg,#9b6dff,#784adf)!important}
.metric.red{border-top:4px solid #e55353!important}.metric.orange{border-top:4px solid #f28a2e!important}.metric.blue{border-top:4px solid #49a9ff!important}.metric.green{border-top:4px solid #39c67a!important}.metric.purple{border-top:4px solid #9b6dff!important}.metric.cyan{border-top:4px solid #22c9c9!important}
.card,.metric,.poCard,.receivePOResult,.shipmentItems,.receivePOHeader>div,.systemCard{box-shadow:0 10px 25px rgba(0,0,0,.20)}
table{font-size:14px}th{font-size:11px;color:#a9bbc5}td{font-size:13px;color:#eef4f7}
input,select,textarea{font-size:15px!important}
.bottomNav button span{font-size:19px}
\n/* V13.2 clean UI */
.cleanHero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin-bottom:12px;border:1px solid #32414a;border-left:5px solid var(--orange);border-radius:18px;background:linear-gradient(135deg,#111a20,#0e151a 65%,#17130f);box-shadow:0 10px 25px rgba(0,0,0,.18)}.cleanHero small{color:#f3a45e;font-size:9px;font-weight:950}.cleanHero h2{margin:3px 0 2px;font-size:27px}.cleanHero p{margin:0;color:#95a6b0;font-size:11px}.cleanHeroActions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.stockAlertBtn{border-color:#40545f!important;background:#152129!important}.stockAlertBtn b{margin-left:4px;color:#ffd166}.cleanMetrics{grid-template-columns:repeat(5,1fr);margin-bottom:12px}.cleanMetrics .metric{min-height:92px;text-align:left;padding:13px}.cleanMetrics .metric small{font-size:9px}.cleanMetrics .metric b{font-size:29px;margin-top:6px}.cleanMetrics .metric span{display:none}.compactActions{display:flex;gap:5px}.poNumberBtn{border:0;background:transparent;color:#67baff;font:inherit;font-weight:900;padding:4px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.fullPOSummary{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-bottom:9px}.fullPOSummary>div{min-height:70px;padding:9px;border:1px solid #34434c;border-radius:11px;background:#10181d}.fullPOSummary small{display:block;font-size:7px;color:#8fa1ac;font-weight:900}.fullPOSummary b{display:block;margin-top:4px;font-size:16px}.fullPOInfo{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:9px}.fullPOInfo span{padding:7px 9px;border:1px solid #35444e;border-radius:9px;background:#0d151a;color:#aab9c1;font-size:9px}.fullPOTable{max-height:54vh}.fullPOActions{justify-content:flex-end}.receivedQty{color:#7ce0a5;font-weight:900}.employeeAutoHost{position:relative}.employeeSuggest{display:none;position:absolute;z-index:900;left:0;right:0;top:calc(100% + 5px);max-height:300px;overflow:auto;border:1px solid #46606e;border-radius:12px;background:#10191f;box-shadow:0 18px 40px rgba(0,0,0,.45);padding:5px}.employeeSuggest.show{display:block}.employeeOption{width:100%;display:grid;grid-template-columns:35px 1fr;align-items:center;gap:7px;text-align:left;border:0;border-bottom:1px solid #27363f;background:transparent;color:#edf5f8;padding:8px;border-radius:8px}.employeeOption:hover,.employeeOption:focus{background:#172630;outline:0}.employeeAvatar{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#203441}.employeeOption b{display:block;font-size:11px}.employeeOption small{display:block;margin-top:2px;color:#8ea2ad;font-size:8px}.employeeNoResult{padding:10px;color:#899ba5;font-size:9px}.cleanReceiveStart{max-width:900px}.cleanReceiveStart .receiveStartHead{padding-top:10px}.cleanReceiveStart .receiveStartHead h2{font-size:25px}.cleanReceiveSummary{grid-template-columns:repeat(5,1fr);gap:6px}.cleanReceiveSummary>div{min-height:68px;padding:9px;border-top-width:2px}.cleanReceiveSummary b{font-size:16px}.cleanShipmentFields{grid-template-columns:1fr 1fr 2fr 1fr 1fr;gap:7px;padding:9px}.receiverField input{border-color:#4f7488!important;background:#0e1920!important}.cleanItemsCard{margin-top:8px}.cleanItemsCard .cardHead{padding:9px 11px}.iconOnlyBtn{min-width:38px;padding:0!important;font-size:16px!important}.optionalReceive{margin-top:8px;border:1px solid #303f48;border-radius:11px;background:#0e151a}.optionalReceive summary{cursor:pointer;padding:10px 12px;color:#a9bac3;font-size:10px;font-weight:850}.optionalReceive[open] summary{border-bottom:1px solid #2b3941}.optionalReceiveGrid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px}.optionalReceiveGrid .wide{grid-column:1/-1}.optionalReceiveGrid textarea{min-height:66px}.cleanSubmit{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0 0}.inventoryAutoNote{color:#8ed9ae;font-size:10px;font-weight:800}.receivingFlow{display:none!important}@media(max-width:1200px){.cleanMetrics{grid-template-columns:repeat(3,1fr)}.cleanShipmentFields{grid-template-columns:1fr 1fr}.receiverField{grid-column:1/-1}.fullPOSummary{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.cleanHero{align-items:flex-start;flex-direction:column;padding:14px}.cleanHeroActions{display:grid;grid-template-columns:1fr 1fr;width:100%}.cleanMetrics{grid-template-columns:1fr 1fr}.cleanShipmentFields{grid-template-columns:1fr}.receiverField{grid-column:auto}.cleanReceiveSummary{grid-template-columns:1fr 1fr}.fullPOSummary{grid-template-columns:1fr 1fr}.optionalReceiveGrid{grid-template-columns:1fr}.optionalReceiveGrid .wide{grid-column:auto}.cleanSubmit{align-items:stretch;flex-direction:column}.cleanSubmit .btn{width:100%}}\n
/* V13.3 — BILINGUAL + SIMPLE PO STATUS + FULL ERP DETAILS */
.tool.language{min-width:86px;border-color:#4f5d81;background:#171b2a;color:#d8d7ff}.tool.language span{font-size:14px;font-weight:950}.tool.language b{font-size:9px}
.status.received{background:#0d2c1a!important;border-color:#3d8058!important;color:#8fe6b0!important}.status.late{background:#331317!important;border-color:#8f424c!important;color:#ff9da5!important}.status.rejected{background:#341117!important;border-color:#9a3d4b!important;color:#ff96a2!important}.status.on_the_way{background:#10263a!important;border-color:#3e7198!important;color:#95cdf7!important}.status.partial{background:#261a38!important;border-color:#72549b!important;color:#ceb4f3!important}
.metric.rejected{border-top:4px solid #d54f61!important}.metric.rejected b{color:#ff929f}
.fullPOAdmin{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(280px,1.5fr) auto;gap:8px;align-items:end;margin:9px 0;padding:10px;border:1px solid #4a4057;border-radius:12px;background:linear-gradient(135deg,#15131d,#11191d)}.fullPOAdmin label{display:grid;gap:4px}.fullPOAdmin select{min-height:44px}.projectControl select{font-size:11px!important}
.allERPDetails{margin-top:10px;border:1px solid #394953;border-radius:12px;background:#0d1419;overflow:hidden}.allERPDetails>summary{cursor:pointer;padding:12px;color:#9fc6dd;font-size:11px;font-weight:900;background:#101a20}.erpItems{padding:8px;display:grid;gap:7px}.erpItem{border:1px solid #2e3d46;border-radius:10px;background:#10171c;overflow:hidden}.erpItem>summary{cursor:pointer;padding:9px 10px;font-size:10px;font-weight:850;color:#e7eef1}.erpFieldGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:8px;border-top:1px solid #293740}.erpFieldGrid>div{min-height:55px;padding:7px;border:1px solid #2b3941;border-radius:8px;background:#0b1216;overflow:hidden}.erpFieldGrid small{display:block;color:#81949f;font-size:7px;font-weight:850}.erpFieldGrid b{display:block;margin-top:3px;color:#edf4f7;font-size:9px;word-break:break-word;font-weight:700}
.lang-ar .modalHead,.lang-ar .viewHead,.lang-ar .cardHead,.lang-ar label,.lang-ar .poCard,.lang-ar .timelineRow{text-align:right}.lang-ar table{direction:rtl}.lang-ar .poNumberBtn,.lang-ar .qty,.lang-ar .status,.lang-ar kbd{direction:ltr}.lang-ar input,.lang-ar textarea{text-align:right}.lang-ar .globalSearch{text-align:right}.lang-ar .employeeOption{text-align:right}
@media(max-width:1100px){.fullPOAdmin{grid-template-columns:1fr 1fr}.fullPOAdmin .btn{grid-column:1/-1}.erpFieldGrid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.fullPOAdmin{grid-template-columns:1fr}.fullPOAdmin .btn{grid-column:auto}.erpFieldGrid{grid-template-columns:1fr}.tool.language{min-width:56px}.tool.language b{display:none}}
