:root{--navy:#173a60;--navy2:#0e2c4d;--green:#15a675;--orange:#e59016;--red:#dd3848;--yellow:#f1c94b;--ink:#17304e;--muted:#6b7e94;--line:#d9e3ee;--bg:#f4f7fb;--panel:#fff;--soft:#edf3f8;--shadow:0 14px 36px rgba(23,58,96,.13)}
html[data-theme="dark"]{--ink:#e9f0f7;--muted:#9aafc3;--line:#2c4965;--bg:#10243a;--panel:#17324d;--soft:#203d58;--shadow:0 14px 36px rgba(0,0,0,.28)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:14px}.hidden{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer}.splash{position:fixed;z-index:2000;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 52%,rgba(16,152,137,.12),transparent 30%),linear-gradient(145deg,#020b1c 0%,#06152d 50%,#031125 100%);display:grid;place-items:center;color:#fff;opacity:1;visibility:visible;transition:opacity .65s ease,visibility .65s ease}.splash.hide{opacity:0;visibility:hidden;pointer-events:none}.splash-grid{position:absolute;inset:-10%;opacity:.2;background-image:linear-gradient(rgba(54,214,195,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(54,214,195,.12) 1px,transparent 1px);background-size:42px 42px;transform:perspective(700px) rotateX(57deg) translateY(42%);transform-origin:center bottom;animation:splashGridMove 7s linear infinite}.splash-grid:before,.splash-grid:after{content:"";position:absolute;border:1px solid rgba(45,220,197,.22);border-radius:50%;width:720px;height:720px;top:50%;transform:translateY(-50%)}.splash-grid:before{left:-610px}.splash-grid:after{right:-610px}.splash-glow{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(70px);opacity:.14;background:#1bd0b0}.splash-glow-left{left:-230px;top:25%;animation:splashFloat 7s ease-in-out infinite}.splash-glow-right{right:-230px;bottom:12%;animation:splashFloat 7s ease-in-out infinite reverse}.splash-console{position:relative;z-index:2;width:min(760px,92vw);text-align:center;padding:30px 24px}.splash-kicker{display:flex;align-items:center;justify-content:center;gap:14px;color:#d8e6f4;font-size:13px;font-weight:800;letter-spacing:7px}.splash-kicker i{display:block;width:88px;height:1px;background:linear-gradient(90deg,transparent,#29d5bb)}.splash-kicker i:last-child{background:linear-gradient(90deg,#29d5bb,transparent)}.splash h1{font-size:clamp(32px,5vw,58px);line-height:1;margin:16px 0 12px;letter-spacing:1px;text-shadow:0 4px 28px rgba(0,0,0,.3)}.splash h1 em{font-style:normal;background:linear-gradient(90deg,#25e0bd,#65f2d8);-webkit-background-clip:text;background-clip:text;color:transparent}.splash-subtitle{margin:0;color:#b9cadb;font-size:clamp(12px,2vw,16px);letter-spacing:.4px}.splash-orbit{position:relative;width:250px;height:250px;margin:30px auto 22px;display:grid;place-items:center}.splash-logo-disc{position:relative;z-index:5;width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#eaf1f5);border:8px solid rgba(255,255,255,.14);box-shadow:0 0 0 1px rgba(54,224,199,.55),0 0 38px rgba(24,211,179,.32),inset 0 0 24px rgba(6,36,58,.12);animation:splashLogoPulse 2.4s ease-in-out infinite}.splash-logo-disc img{width:102px;max-height:72px;object-fit:contain}.orbit{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(46,226,199,.32)}.orbit-one{inset:13px;border-style:dashed;animation:splashSpin 9s linear infinite}.orbit-two{inset:30px;border-color:rgba(55,205,236,.38);animation:splashSpin 6s linear infinite reverse}.orbit-three{inset:49px;border-color:rgba(46,226,199,.28);animation:splashSpin 4s linear infinite}.orbit:before,.orbit:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#38edce;box-shadow:0 0 14px #38edce}.orbit:before{left:50%;top:-3px}.orbit:after{left:50%;bottom:-3px}.orbit-node{position:absolute;width:10px;height:10px;border-radius:50%;background:#30e1c2;box-shadow:0 0 18px #30e1c2;z-index:3}.node-one{top:-5px;left:calc(50% - 5px)}.node-two{right:-5px;top:calc(50% - 5px)}.node-three{bottom:-5px;left:calc(50% - 5px)}.node-four{left:-5px;top:calc(50% - 5px)}.splash-status-row{display:flex;justify-content:space-between;gap:18px;align-items:center;width:min(570px,100%);margin:0 auto 9px;color:#b9cadb;font-size:11px;letter-spacing:1.2px;text-transform:uppercase}.splash-status-row b{color:#56efd5;font-size:12px;min-width:38px;text-align:right}.splash-progress{position:relative;width:min(570px,100%);height:10px;margin:auto;border:1px solid rgba(55,231,202,.48);border-radius:999px;padding:2px;background:rgba(1,10,24,.7);box-shadow:0 0 20px rgba(38,218,188,.12)}.splash-progress:before,.splash-progress:after{content:"";position:absolute;top:50%;width:25px;height:1px;background:#2ed9bc}.splash-progress:before{right:100%;margin-right:9px}.splash-progress:after{left:100%;margin-left:9px}.splash-progress i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#16a98d,#5af3d8);box-shadow:0 0 14px #3de7ca;transition:width .35s ease}.splash-steps{display:flex;justify-content:center;gap:28px;margin-top:18px;color:#617a91;font-size:9px;text-transform:uppercase;letter-spacing:1.3px}.splash-steps span{display:flex;align-items:center;gap:6px;transition:.3s}.splash-steps i{width:6px;height:6px;border-radius:50%;background:#314a61;transition:.3s}.splash-steps span.active{color:#b9fff2}.splash-steps span.active i{background:#32e2c3;box-shadow:0 0 12px #32e2c3}.splash-steps span.done{color:#72ad9f}.splash-steps span.done i{background:#198a77}.splash.ready .splash-logo-disc{animation:splashReady .6s ease both}.splash.ready .splash-progress i{box-shadow:0 0 24px #65ffe4}@keyframes splashSpin{to{transform:rotate(360deg)}}@keyframes splashLogoPulse{50%{transform:scale(1.035);box-shadow:0 0 0 1px rgba(54,224,199,.75),0 0 55px rgba(24,211,179,.42),inset 0 0 24px rgba(6,36,58,.12)}}@keyframes splashReady{50%{transform:scale(1.12)}100%{transform:scale(1)}}@keyframes splashFloat{50%{transform:translateY(-35px) scale(1.08)}}@keyframes splashGridMove{to{background-position:0 42px,42px 0}}@media(max-width:600px){.splash-console{padding:20px 16px}.splash-kicker{font-size:10px;letter-spacing:4px;gap:8px}.splash-kicker i{width:42px}.splash h1{line-height:1.08}.splash h1 em{display:block;margin-top:5px}.splash-orbit{width:205px;height:205px;margin:24px auto 20px}.splash-logo-disc{width:110px;height:110px}.splash-logo-disc img{width:84px}.splash-steps{gap:14px}.splash-progress:before,.splash-progress:after{display:none}}@media(prefers-reduced-motion:reduce){.splash-grid,.splash-glow,.orbit,.splash-logo-disc{animation:none!important}.splash-progress i{transition:none}}
.login-view{min-height:100vh;padding:30px;display:grid;place-items:center;background:radial-gradient(circle at 15% 15%,#dfeefa 0,transparent 34%),linear-gradient(145deg,#f7faff,#e7eff8)}.login-shell{width:min(1050px,100%);display:grid;grid-template-columns:1.25fr .75fr;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:#fff}.login-brand{padding:54px;background:linear-gradient(145deg,#15395d,#0d2743);color:#fff;position:relative}.login-brand:after{content:"";position:absolute;width:300px;height:300px;border:70px solid rgba(255,255,255,.035);border-radius:50%;right:-130px;bottom:-160px}.login-brand img{width:210px;background:#fff;border-radius:14px;padding:8px}.login-brand>span{display:block;margin-top:55px;color:#83e4c2;font-weight:800;letter-spacing:2px}.login-brand h1{font-size:38px;line-height:1.08;margin:12px 0}.login-brand p{max-width:560px;line-height:1.7;color:#c6d6e5}.login-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:36px}.login-feature-grid div{padding:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:14px}.login-feature-grid b,.login-feature-grid span{display:block}.login-feature-grid b{font-size:21px}.login-feature-grid span{font-size:12px;margin-top:3px;color:#bed0df}.login-card{padding:52px 40px;align-self:center}.login-card h2{font-size:28px;margin:0}.login-card>p{color:#75859a;margin-bottom:28px}.login-card label{display:block;font-weight:700;margin:15px 0}.login-card input{width:100%;margin-top:8px;padding:14px;border:1px solid #cfdae6;border-radius:12px;outline:none}.login-card input:focus{border-color:#4c83ae;box-shadow:0 0 0 3px rgba(76,131,174,.12)}.login-actions{display:grid;gap:9px;margin-top:22px}.primary,.secondary,.ghost{border:0;border-radius:11px;padding:13px 17px;font-weight:800}.primary{background:var(--navy);color:#fff}.secondary{background:#eaf2f8;color:var(--navy)}.ghost{background:transparent;color:#416786;border:1px solid #cbd9e5}.form-message{min-height:20px;color:var(--red)!important;font-size:12px}
.utility-bar{height:38px;padding:0 22px;background:var(--navy2);color:#9fb6ca;display:flex;align-items:center;justify-content:space-between;font-size:11px}.utility-bar b{color:#d7e5f0;letter-spacing:1px;margin-right:14px}.utility-right{display:flex;gap:20px}.main-header{position:sticky;top:0;z-index:30;min-height:90px;padding:14px 22px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-home{border:0;background:none;display:flex;align-items:center;gap:12px;color:var(--ink);text-align:left}.brand-home img{width:100px}.brand-home b,.brand-home span{display:block}.brand-home b{font-size:18px}.brand-home span{font-size:11px;color:var(--muted);margin-top:3px}.header-actions{display:flex;align-items:center;gap:10px}.search-box{min-width:330px;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:0 12px;display:flex;align-items:center;gap:7px}.search-box input{border:0;background:transparent;width:100%;padding:11px 0;color:var(--ink);outline:none}.icon-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:18px}.notification-icon{position:relative}.notification-icon em{position:absolute;right:-2px;top:-4px;background:var(--orange);color:#fff;font-size:10px;font-style:normal;min-width:18px;height:18px;border-radius:10px;display:grid;place-items:center}.user-chip{display:flex;align-items:center;gap:8px;padding:4px 9px}.user-chip>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#dce9f4;color:var(--navy);font-weight:900}.user-chip b,.user-chip small{display:block}.user-chip small{color:var(--muted);font-size:10px;margin-top:2px}.main-nav{position:sticky;top:90px;z-index:29;display:flex;gap:5px;padding:0 20px;background:var(--panel);border-bottom:1px solid var(--line);overflow-x:auto}.main-nav button{border:0;background:none;padding:17px 15px;color:var(--ink);font-weight:800;white-space:nowrap;border-bottom:3px solid transparent}.main-nav button.active{color:var(--orange);border-bottom-color:var(--orange)}.main-nav span{background:#e9eef4;border-radius:10px;padding:2px 6px;font-size:10px}.content{min-height:calc(100vh - 265px);padding:24px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:20px}.eyebrow{color:var(--orange);font-size:11px;font-weight:900;letter-spacing:2px}.page-head h1{font-size:30px;margin:5px 0 3px}.page-head p{margin:0;color:var(--muted)}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:10px 13px;border-radius:10px;font-weight:800}.btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.btn.green{background:var(--green);color:#fff;border-color:var(--green)}.btn.danger{background:var(--red);color:#fff;border-color:var(--red)}
.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:17px;position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--green)}.kpi.orange:before{background:var(--orange)}.kpi.red:before{background:var(--red)}.kpi.blue:before{background:#4d83ad}.kpi small{display:block;color:var(--muted);font-weight:800;text-transform:uppercase;font-size:10px;letter-spacing:.7px}.kpi strong{display:block;font-size:28px;margin-top:8px}.kpi span{font-size:11px;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px;margin-top:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-head h2{margin:0;font-size:17px}.panel-head span{font-size:11px;color:var(--muted)}.phase-row{display:grid;grid-template-columns:130px 1fr 50px;align-items:center;gap:10px;margin:14px 0}.bar{height:10px;background:var(--soft);border-radius:10px;overflow:hidden}.bar i{display:block;height:100%;background:var(--green);border-radius:10px}.phase-row:nth-child(2) .bar i{background:#4d83ad}.phase-row:nth-child(3) .bar i{background:var(--orange)}.launch-list,.alert-list{display:grid;gap:9px}.launch-item,.alert-item{padding:12px;border:1px solid var(--line);border-radius:12px;display:flex;justify-content:space-between;gap:12px;align-items:center}.launch-item b,.launch-item span,.alert-item b,.alert-item span{display:block}.launch-item span,.alert-item span{font-size:11px;color:var(--muted);margin-top:3px}.date-chip{background:var(--soft);padding:7px 9px;border-radius:9px;white-space:nowrap;font-weight:800;font-size:11px}.status-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:20px;font-size:10px;font-weight:900;text-transform:uppercase}.status-chip.overdue{background:#fee4e7;color:#b51e31}.status-chip.ongoing,.status-chip.open{background:#fff3cd;color:#8c6700}.status-chip.completed,.status-chip.closed{background:#dff6ec;color:#087852}.status-chip.planned,.status-chip.not_started{background:#e7eff7;color:#46647e}.status-chip.on_hold{background:#eee7f9;color:#6f49a4}.status-chip.not_applicable{background:#edf0f3;color:#66717d}
.toolbar{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:12px;display:grid;grid-template-columns:2fr repeat(3,1fr) auto;gap:9px;margin-bottom:14px}.toolbar input,.toolbar select,.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:10px;padding:10px;outline:none}.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:17px;overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:1050px}.data-table th{text-align:left;background:var(--soft);padding:12px;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);position:sticky;top:0;z-index:1}.data-table td{padding:12px;border-top:1px solid var(--line);vertical-align:middle}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover{background:rgba(77,131,173,.06)}.product-name b,.product-name span{display:block}.product-name span{font-size:11px;color:var(--muted);margin-top:3px;max-width:280px}.progress-cell{min-width:130px}.progress-cell .bar{height:7px}.progress-cell small{font-size:10px;color:var(--muted)}.phase-badge{font-weight:900;font-size:10px;padding:5px 8px;border-radius:8px;background:#e9f0f6;color:#3c617f}.empty-state{text-align:center;padding:55px 20px;color:var(--muted)}.empty-state b{display:block;color:var(--ink);font-size:18px;margin-bottom:5px}.card-grid{display:none}
.modal-backdrop{position:fixed;z-index:900;inset:0;background:rgba(13,31,49,.65);display:grid;place-items:center;padding:18px}.modal{background:var(--panel);border-radius:20px;width:min(1080px,100%);max-height:92vh;overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.35)}.modal-header{position:sticky;top:0;background:var(--panel);z-index:5;padding:18px 20px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.modal-header h2{margin:4px 0}.modal-header p{margin:0;color:var(--muted);font-size:12px}.close-btn{border:0;background:var(--soft);width:37px;height:37px;border-radius:50%;color:var(--ink);font-size:20px}.modal-body{padding:20px}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.detail-box{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:12px}.detail-box small,.detail-box b{display:block}.detail-box small{font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:900}.detail-box b{font-size:12px;margin-top:5px;word-break:break-word}.timeline{margin-top:18px}.timeline-stage{display:grid;grid-template-columns:32px 1fr 120px 105px;gap:12px;align-items:center;padding:12px;border-top:1px solid var(--line)}.timeline-stage:first-child{border-top:0}.stage-dot{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--soft);font-size:10px;font-weight:900}.timeline-stage.closed .stage-dot{background:var(--green);color:white}.timeline-stage.overdue .stage-dot{background:var(--red);color:white}.timeline-stage.open .stage-dot{background:var(--yellow);color:#6f5500}.stage-title b,.stage-title span{display:block}.stage-title span{font-size:11px;color:var(--muted);margin-top:3px}.detail-tabs{display:flex;gap:6px;margin-top:18px;border-bottom:1px solid var(--line)}.detail-tabs button{border:0;background:none;padding:10px 12px;color:var(--muted);font-weight:800;border-bottom:2px solid transparent}.detail-tabs button.active{color:var(--orange);border-bottom-color:var(--orange)}.comments-box{background:var(--soft);border-radius:12px;padding:13px;white-space:pre-wrap;line-height:1.6}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.field{display:block}.field span{display:block;font-size:11px;font-weight:800;margin-bottom:6px}.field.full{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.audit-list{display:grid;gap:8px}.audit-row{padding:11px;border:1px solid var(--line);border-radius:10px}.audit-row b,.audit-row span{display:block}.audit-row span{font-size:11px;color:var(--muted);margin-top:4px}.import-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.import-card{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:17px}.import-card .file-icon{width:45px;height:45px;border-radius:12px;background:#dff6ec;color:#087852;display:grid;place-items:center;font-weight:900}.import-card h3{margin:12px 0 5px}.import-card p{color:var(--muted);font-size:12px;min-height:38px}.import-card .import-meta{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid var(--line);font-size:11px}.setup-note{background:#fff8df;border:1px solid #eed27a;border-radius:14px;padding:15px;margin-bottom:15px;color:#6f5800}.notification-list{display:grid;gap:10px}.notification-card{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:13px;padding:14px;display:flex;justify-content:space-between;gap:15px}.notification-card.urgent{border-left-color:var(--red)}.notification-card b,.notification-card span{display:block}.notification-card span{font-size:11px;color:var(--muted);margin-top:4px}.toast{position:fixed;right:22px;bottom:22px;z-index:1200;background:#102d4a;color:#fff;padding:13px 16px;border-radius:11px;box-shadow:var(--shadow);max-width:420px}.toast.error{background:#9e2432}.toast.success{background:#087852}footer{display:flex;justify-content:center;padding:22px;color:var(--muted);font-size:11px;text-align:center}
@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.search-box{min-width:250px}.detail-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.utility-bar,.search-box,.user-chip div{display:none}.main-header{padding:10px 12px;min-height:72px}.brand-home img{width:78px}.header-actions{gap:6px}.icon-btn{width:38px;height:38px}.main-nav{padding:0 8px}.main-nav button{padding:14px 10px}.content{padding:14px}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:25px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi strong{font-size:24px}.toolbar{grid-template-columns:1fr 1fr}.toolbar input:first-child{grid-column:1/-1}.table-wrap{display:none}.card-grid{display:grid;gap:10px}.product-card{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--green);border-radius:14px;padding:14px}.product-card.overdue{border-left-color:var(--red)}.product-card h3{font-size:15px;margin:8px 0 4px}.product-card p{font-size:11px;color:var(--muted);margin:0 0 10px}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:8px}.login-view{padding:12px}.login-shell{grid-template-columns:1fr}.login-brand{padding:28px}.login-brand h1{font-size:28px}.login-brand>span{margin-top:25px}.login-feature-grid{margin-top:20px}.login-card{padding:28px}.import-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr 1fr}.timeline-stage{grid-template-columns:28px 1fr}.timeline-stage>.status-chip,.timeline-stage>.btn{grid-column:2}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.modal-backdrop{padding:0}.modal{border-radius:0;width:100%;height:100vh;max-height:none}.modal-header{padding:14px}.modal-body{padding:14px}footer{flex-direction:column;gap:6px}}

/* V1.1 PR / PO tracking */
.status-chip.draft{background:#edf0f3;color:#66717d}.status-chip.under_review{background:#fff3cd;color:#8c6700}.status-chip.approved{background:#e4f0fb;color:#245f8d}.status-chip.po_issued{background:#e8e5fb;color:#584aa3}.status-chip.partially_received{background:#ffedd7;color:#a85a00}.status-chip.cancelled{background:#f1e7e9;color:#8e4650}.budget-chip{display:inline-flex;align-items:center;padding:5px 8px;border-radius:8px;font-size:10px;font-weight:900}.budget-chip.opex{background:#eee7f9;color:#6f49a4}.budget-chip.capex{background:#e4f0fb;color:#245f8d}.po-kpis{margin-bottom:14px}.po-toolbar{grid-template-columns:2fr repeat(3,1fr) auto}.po-table{min-width:1420px}.row-actions{display:flex;gap:6px;white-space:nowrap}.row-actions .btn{padding:7px 9px;font-size:10px}.po-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.po-mini-grid>div{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:12px}.po-mini-grid small,.po-mini-grid b{display:block}.po-mini-grid small{font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:900}.po-mini-grid b{font-size:22px;margin-top:5px}.po-mini-grid .danger b{color:var(--red)}.product-po-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 12px}.product-po-head b,.product-po-head span{display:block}.product-po-head span{font-size:11px;color:var(--muted);margin-top:3px}.po-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.po-card-meta span{background:var(--soft);border-radius:9px;padding:8px;font-size:10px;color:var(--muted)}.po-card-meta b{display:block;color:var(--ink);margin-top:3px}.card-actions{display:flex;gap:7px;margin-top:10px}.card-actions .btn{flex:1}.product-card.overdue{border-left-color:var(--red)}.product-card.completed{border-left-color:var(--green)}
@media(max-width:760px){.po-toolbar{grid-template-columns:1fr 1fr}.po-toolbar input:first-child,.po-toolbar select:nth-child(4){grid-column:1/-1}.po-mini-grid{grid-template-columns:repeat(2,1fr)}.product-po-head{align-items:flex-start}.product-po-head .btn{white-space:nowrap}}