:root{--nav:#073b7c;--blue:#0863d1;--blue2:#2f82e7;--bg:#f4f7fb;--card:#fff;--line:#e1e9f3;--text:#14243a;--muted:#758198;--green:#12895f;--red:#cf4054;--amber:#d98a12;--shadow:0 10px 30px #173b6812}*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text)}body.dark{--bg:#0f1722;--card:#172231;--line:#28394d;--text:#f1f5fa;--muted:#9aabc0;--shadow:none}button,input,select,textarea{font:inherit;color:inherit}.hidden{display:none!important}.wrap{max-width:700px;margin:auto;min-height:100vh;padding:18px 16px 92px}.top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.brand{display:flex;align-items:center;gap:10px}.logo{width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,var(--blue2),var(--nav));color:#fff;display:grid;place-items:center;font-weight:900}.muted{font-size:12px;color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow);margin:12px 0}.hero{background:linear-gradient(135deg,#073b7c,#0a73df);color:#fff;border:0}.hero .muted{color:#d8e8fb}.btn{border:0;border-radius:12px;padding:11px 15px;font-weight:800;cursor:pointer}.btn.primary{background:var(--blue);color:#fff}.btn.light{background:#eaf3ff;color:#0753ad}.dark .btn.light{background:#263c57;color:#dbeafe}.btn.success{background:#e7f7ef;color:#08704d}.btn.danger{background:#ffedf0;color:#ad2438}.btn.warn{background:#fff4dc;color:#8c5a00}.btn.wide{width:100%;padding:14px}.field{margin:13px 0}.field label{display:block;font-weight:800;margin-bottom:6px}.field input,.field select,.field textarea,input,select,textarea{width:100%;background:var(--card);border:1px solid #cbd7e7;border-radius:11px;padding:11px}.dark input,.dark select,.dark textarea{border-color:#344b66}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:9px}.actions{display:flex;gap:8px;flex-wrap:wrap}.tag{display:inline-block;padding:5px 9px;border-radius:999px;background:#eaf3ff;color:#075dcc;font-size:12px}.tag.green{background:#e7f7ef;color:#08704d}.tag.red{background:#ffedf0;color:#ad2438}.tag.amber{background:#fff4dc;color:#8c5a00}.notice{border-radius:16px;padding:14px;margin:11px 0;border-right:5px solid var(--amber);background:#fff8e8}.notice.critical{border-color:var(--red);background:#fff0f2}.dark .notice{background:#2b271c}.dark .notice.critical{background:#321d22}.case{cursor:pointer}.case-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.case p{margin:8px 0}.nav{position:fixed;bottom:0;left:0;right:0;background:var(--card);border-top:1px solid var(--line);display:flex;justify-content:center;z-index:10;padding-bottom:env(safe-area-inset-bottom)}.nav-inner{width:min(700px,100%);display:grid;grid-template-columns:repeat(4,1fr)}.nav button{border:0;background:transparent;padding:12px 4px;color:var(--muted);font-size:12px}.nav button.active{color:var(--blue);font-weight:900}.nav .ico{font-size:20px;display:block;margin-bottom:2px}.chat{background:color-mix(in srgb,var(--bg) 80%,transparent);padding:10px;border-radius:15px;max-height:430px;overflow:auto}.msg{max-width:86%;padding:10px 12px;border-radius:15px;background:#edf5ff;margin:8px 0;color:#16314f}.msg.supplier{margin-right:auto;background:#e8f7f0;color:#154735}.dark .msg{background:#253d59;color:#eaf4ff}.dark .msg.supplier{background:#1f4939;color:#e9fff6}.timeline{border-right:3px solid #d7e5f6;padding-right:15px}.tl{position:relative;padding:0 0 15px}.tl:before{content:"";width:10px;height:10px;background:var(--blue);border-radius:50%;position:absolute;right:-21px;top:4px}.profile-row{display:flex;justify-content:space-between;align-items:center;padding:14px 3px;border-bottom:1px solid var(--line);cursor:pointer}.profile-row:last-child{border-bottom:0}.profile-row .left{color:var(--muted)}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,#052e62,#0a69cd)}.login-card{width:min(440px,100%);background:#fff;color:#14243a;border-radius:26px;padding:25px}.login-card .logo{width:58px;height:58px}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#edf3fb;border-radius:12px;padding:4px;margin:18px 0}.tabs button{border:0;background:transparent;padding:10px;border-radius:9px}.tabs button.active{background:#fff;color:#075dcc;font-weight:900}.birth{display:grid;grid-template-columns:1fr 1.3fr 1.2fr auto;gap:6px}.birth select{min-width:0}.modal{position:fixed;inset:0;background:#001a3988;display:grid;place-items:center;z-index:30;padding:16px}.modal-card{background:var(--card);width:min(620px,96vw);max-height:88vh;overflow:auto;border-radius:20px;padding:18px}.cal-head{display:flex;justify-content:space-between;align-items:center}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:10px}.cal-grid button{border:0;border-radius:9px;padding:10px 2px;background:#edf4fc;color:#234}.cal-grid button:hover{background:#cfe3ff}.survey-q{margin:15px 0;padding-bottom:12px;border-bottom:1px solid var(--line)}.rating{display:flex;gap:7px}.rating label{padding:9px 12px;border:1px solid var(--line);border-radius:10px}.empty{text-align:center;color:var(--muted);padding:24px}.badge{display:inline-grid;min-width:20px;height:20px;place-items:center;border-radius:99px;background:var(--red);color:#fff;font-size:10px}@media(max-width:520px){.grid2{grid-template-columns:1fr}.birth{grid-template-columns:1fr 1.2fr 1.1fr}.birth .calbtn{grid-column:1/-1}.wrap{padding:13px 12px 88px}}

/* VOS v2.0 design system additions */
:root{--space:16px;--radius-lg:20px;--shadow-soft:0 10px 30px rgba(15,42,77,.08)}
body{font-family:"Vazirmatn","IRANSansX","Segoe UI",Tahoma,Arial,sans-serif}
.wrap{max-width:1180px;margin:0 auto;padding:18px 18px 100px}
.top{position:sticky;top:0;z-index:20;background:rgba(248,251,255,.94);backdrop-filter:blur(14px);padding:10px 0 14px}
.user-mini{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.user-mini span{font-size:12px;color:var(--muted)}
.toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%,18px);opacity:0;z-index:9999;background:#143c6d;color:white;padding:12px 18px;border-radius:12px;box-shadow:var(--shadow-soft);transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#b4232f}.toast.success{background:#137a4a}
.otp-target{padding:12px 14px;background:#eef6ff;border:1px solid #d8e8fb;border-radius:12px;margin-bottom:12px}.linkbtn{border:0;background:none;color:#075dcc;cursor:pointer;font:inherit}
.hero-v2{display:grid;grid-template-columns:1.5fr .6fr;gap:18px;align-items:center;background:linear-gradient(135deg,#083b7c,#0d6efd);color:white;border-radius:24px;padding:28px;box-shadow:0 16px 36px rgba(8,59,124,.22);margin-bottom:18px}.hero-v2 h1{margin:6px 0 4px}.hero-v2 p{margin:0 0 18px;opacity:.92}.eyebrow{font-size:13px;opacity:.8}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.btn.glass{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.35)}
.status-orb{width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);justify-self:end}.status-orb b{font-size:38px}.status-orb span{font-size:12px;text-align:center}.status-orb.attention{background:rgba(255,184,0,.18)}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.kpi-card{background:white;border:1px solid #e4edf8;border-radius:18px;padding:18px;box-shadow:var(--shadow-soft);cursor:pointer}.kpi-card span{display:block;color:var(--muted);font-size:13px}.kpi-card b{font-size:30px;color:#083b7c;display:block;margin-top:6px}
.action-center{border-right:4px solid #f0a500}.action-row{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #edf2f7;cursor:pointer}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-v2 .card{box-shadow:var(--shadow-soft)}.attachments-box,.recorder-box{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;border:1px dashed #a8c6e8;background:#f7fbff;border-radius:16px;margin:14px 0}.upload-btn{background:#fff;border:1px solid #c9d9ea;padding:10px 14px;border-radius:10px;cursor:pointer;color:#075dcc}.selected-files{display:flex;gap:8px;flex-wrap:wrap}.file-chip{background:#eef6ff;border:1px solid #d9e9fa;padding:7px 10px;border-radius:999px;font-size:12px}.file-chip small{color:var(--muted)}.recorder-box audio{max-width:280px}
.success-card{max-width:640px;margin:70px auto;background:white;border-radius:24px;padding:36px;text-align:center;box-shadow:var(--shadow-soft)}.success-icon{width:72px;height:72px;border-radius:50%;background:#e7f7ef;color:#118254;display:grid;place-items:center;font-size:38px;margin:0 auto 12px}.tracking-code{font-size:30px;font-weight:800;letter-spacing:1px;color:#083b7c;margin:14px 0}
.rating10{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;margin:14px 0}.rating10 label{border:1px solid #d7e4f2;border-radius:10px;padding:10px 4px;text-align:center}.rating10 input{display:block;margin:0 auto 5px}
.social-item{display:flex;align-items:center;gap:10px}.social-item img{width:36px;height:36px;object-fit:contain;border-radius:9px}.social-icon{width:36px;height:36px;border-radius:9px;background:#eef6ff;display:grid;place-items:center;color:#075dcc}
@media(max-width:800px){.wrap{padding:12px 12px 92px}.hero-v2{grid-template-columns:1fr;padding:22px}.status-orb{width:100%;height:auto;border-radius:16px;padding:12px;justify-self:stretch}.status-orb b{font-size:26px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.home-grid{grid-template-columns:1fr}.top{align-items:flex-start}.user-mini{max-width:45%;text-align:left}.attachments-box,.recorder-box{align-items:flex-start;flex-direction:column}.rating10{grid-template-columns:repeat(5,1fr)}}


/* === VOS v2.0 Premium Supplier Portal UI / RC2 === */
:root{--ink:#0a2f61;--royal:#0877ed;--royal2:#005bc8;--soft-blue:#eef7ff;--surface:#ffffff;--page:#f5f9fe;--stroke:#dfeaf6;--danger:#ef3340;--success:#0bae68;--purple:#6e4ce8;--warning:#f6a81a;--shadow-premium:0 10px 35px rgba(9,55,105,.08)}
body{background:var(--page);color:#122641;font-family:"Vazirmatn","IRANSansX","Segoe UI",Tahoma,Arial,sans-serif}.portal-page{min-height:100vh;background:linear-gradient(180deg,#f8fbff 0,#f4f8fd 72%,#eef5fb 100%)}.portal-shell{max-width:1220px;margin:auto;padding:0 18px 0}.ui-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.app-header{height:104px;display:grid;grid-template-columns:260px 1fr 220px;align-items:center;gap:20px;background:rgba(255,255,255,.94);border-radius:0 0 18px 18px;padding:0 28px;margin-bottom:0;box-shadow:0 8px 30px rgba(24,75,127,.05);position:relative;z-index:20}.brand-xl{cursor:pointer}.brand-xl .logo{width:64px;height:64px;border-radius:14px;font-size:25px;box-shadow:0 10px 22px rgba(0,90,185,.2)}.brand-xl b{font-size:19px;color:var(--ink)}.brand-en{font-size:12px;color:#59708d;margin-top:4px}.desktop-links{display:flex;justify-content:center;gap:18px;align-items:center}.desktop-links button{border:0;background:none;color:#1c477a;min-width:72px;padding:11px 7px;border-radius:12px;display:grid;place-items:center;gap:6px;cursor:pointer;position:relative}.desktop-links button:hover{background:#f0f7ff;color:var(--royal)}.desktop-links span{font-size:12px;font-weight:700}.desktop-links .notif-btn{min-width:44px}.desktop-links .notif-btn i,.mobile-head-actions i{position:absolute;top:4px;right:5px;background:#f12838;color:#fff;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10px}.user-chip{border:1px solid #dfeaf5;background:#fff;border-radius:14px;padding:10px 12px;display:flex;align-items:center;justify-content:flex-end;gap:12px;box-shadow:0 5px 16px rgba(23,67,116,.06);cursor:pointer;text-align:right}.user-chip span:first-child{display:grid;gap:3px}.user-chip b{font-size:13px;color:var(--ink)}.user-chip small{color:#75889e;font-size:11px}.avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#116dc5,#064585);color:#fff;display:grid;place-items:center}.avatar .ui-icon{width:23px}.mobile-head-actions{display:none}.icon-btn{position:relative}
.hero-industrial{min-height:280px;border-radius:20px;margin-top:0;overflow:hidden;display:grid;grid-template-columns:1.5fr .7fr;align-items:center;padding:38px 48px;color:#fff;background:linear-gradient(90deg,rgba(5,41,79,.96) 0%,rgba(7,54,103,.88) 45%,rgba(5,41,79,.58) 100%),url('assets/steel-coils-hero.svg') center/cover no-repeat;box-shadow:0 15px 35px rgba(11,46,85,.14)}.hero-copy{max-width:720px}.hero-kicker{font-size:13px;color:#c7e2ff;margin-bottom:10px}.hero-copy h1{font-size:34px;margin:0 0 12px;font-weight:900}.hero-copy p{font-size:19px;line-height:1.9;margin:0;font-weight:700}.hero-copy p span{font-size:15px;color:#d6e6f6;font-weight:500}.hero-promise{justify-self:end;text-align:right;border-right:2px solid rgba(255,255,255,.28);padding-right:26px}.hero-promise b{font-size:23px;line-height:1.7}.hero-promise i{display:block;width:58px;height:4px;border-radius:9px;background:#1da1ff;margin-top:16px}
.status-strip{margin:18px 0 14px;background:linear-gradient(90deg,#f1fff9,#fbfffd);border:1px solid #caefdc;border-radius:16px;min-height:76px;padding:14px 18px;display:grid;grid-template-columns:44px 1fr 30px;align-items:center;gap:13px;cursor:pointer}.status-strip.attention{background:linear-gradient(90deg,#fff9ed,#fffdf7);border-color:#f4dfb2}.status-check{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#dff8eb;color:#08a35f}.status-strip.attention .status-check{background:#fff0cd;color:#db8a00}.status-strip b,.status-strip small{display:block}.status-strip b{font-size:14px;color:#153250}.status-strip small{font-size:12px;color:#6c8095;margin-top:5px}.status-arrow{color:#0a4d8c}.status-arrow .ui-icon{width:18px}
.kpi-premium{grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 14px}.kpi-premium .kpi-card{min-height:174px;border-radius:17px;padding:18px 20px;box-shadow:none;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}.kpi-premium .kpi-card.blue{background:linear-gradient(145deg,#f7fbff,#edf6ff);border-color:#d6e9fb}.kpi-premium .kpi-card.red{background:linear-gradient(145deg,#fffafb,#fff0f1);border-color:#f7dfe1}.kpi-premium .kpi-card.purple{background:linear-gradient(145deg,#fbfaff,#f1edff);border-color:#e4ddfb}.kpi-premium .kpi-card.green{background:linear-gradient(145deg,#f8fffc,#ecfaf3);border-color:#d7efe2}.kpi-ico{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;margin-bottom:10px}.blue .kpi-ico{background:#dceeff;color:#0877ed}.red .kpi-ico{background:#ffe0e2;color:#ef3340}.purple .kpi-ico{background:#e7e0ff;color:#6e4ce8}.green .kpi-ico{background:#d9f5e7;color:#0bae68}.kpi-premium .kpi-card>b{font-size:31px;color:#0d2d58;line-height:1;margin:2px 0 8px}.kpi-premium strong{font-size:14px}.kpi-premium small{margin-top:auto;color:#1872cf;font-size:11px;font-weight:700;display:flex;gap:4px;align-items:center}.kpi-premium small .ui-icon{width:13px}
.quick-actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;background:#fff;border:1px solid var(--stroke);padding:12px;border-radius:17px;margin-bottom:16px}.quick-actions button{border:0;background:#fff;border-radius:13px;padding:14px 18px;display:grid;grid-template-columns:50px 1fr;grid-template-rows:auto auto;text-align:right;column-gap:12px;cursor:pointer;color:#15375f}.quick-actions button>span{grid-row:1/3;width:50px;height:50px;border-radius:13px;background:#f0f7ff;display:grid;place-items:center;color:#075ebd}.quick-actions b{font-size:14px}.quick-actions small{font-size:11px;color:#7b8da1;margin-top:5px}.quick-actions .quick-main{background:linear-gradient(135deg,#0a7cf6,#0063d7);color:#fff;box-shadow:0 10px 25px rgba(0,104,218,.18)}.quick-actions .quick-main span{background:rgba(255,255,255,.18);color:#fff}.quick-actions .quick-main small{color:#dfefff}.quick-actions .quick-main .ui-icon{width:27px;height:27px}
.content-grid{display:grid;grid-template-columns:2fr .85fr;gap:16px}.panel{background:#fff;border:1px solid var(--stroke);border-radius:17px;box-shadow:var(--shadow-premium);overflow:hidden}.panel-head{min-height:60px;padding:14px 17px;border-bottom:1px solid #edf3f9;display:flex;align-items:center;justify-content:space-between}.panel-head>div{display:flex;align-items:center;gap:8px;color:#123e71}.panel-head h3{font-size:15px;margin:0;color:#153250}.panel-head button{border:0;background:#eef6ff;color:#0a6bd2;border-radius:9px;padding:7px 10px;font-weight:700;font-size:11px;cursor:pointer}.bubble-count{width:28px;height:28px;border-radius:50%;background:#ef3340;color:#fff;display:grid;place-items:center;font-size:12px}.case-table-head,.case-table-row{display:grid;grid-template-columns:1.15fr 1.3fr 1fr 1.1fr 26px;align-items:center;gap:10px;padding:12px 16px}.case-table-head{font-size:11px;color:#7c8ea1;background:#fbfdff}.case-table-row{width:100%;border:0;border-top:1px solid #edf2f7;background:#fff;text-align:right;cursor:pointer;min-height:58px}.case-table-row:hover{background:#f8fbff}.case-table-row b{font-size:12px;color:#0a3f78}.case-table-row span{font-size:12px}.status-pill{display:inline-flex;border-radius:8px;padding:5px 8px;font-style:normal;font-size:10px;font-weight:700;white-space:nowrap}.status-pill.blue{background:#e8f3ff;color:#0d71d7}.status-pill.green{background:#e3f7ed;color:#118052}.status-pill.amber{background:#fff0d6;color:#bd7400}.status-pill.red{background:#ffe5e6;color:#ce2632}.mobile-case-list{display:none}.action-panel{padding-bottom:10px}.action-item{width:calc(100% - 22px);margin:10px 11px 0;border:1px solid #e7eef6;background:#fff;border-radius:12px;padding:12px;display:grid;grid-template-columns:42px 1fr 20px;align-items:center;gap:10px;text-align:right;cursor:pointer}.action-item>span:nth-child(2){display:grid;gap:3px}.action-item b{font-size:12px}.action-item small{font-size:10px;color:#8192a6}.action-ico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center}.action-ico.purple{background:#eee9ff;color:#6e4ce8}.action-ico.amber{background:#fff1dc;color:#e28b00}.action-ico.blue{background:#e7f3ff;color:#0877ed}.panel-more{margin:12px 14px 0;width:calc(100% - 28px);border:0;background:#edf6ff;color:#0b65bf;border-radius:9px;padding:9px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:700;cursor:pointer}.panel-more .ui-icon{width:13px}.compact{padding:20px 12px}.mobile-urgent{display:none}
.lower-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;margin-top:16px}.announcement-item{border:0;background:#fff;width:100%;padding:13px 14px;display:grid;grid-template-columns:10px 1fr auto 22px;gap:9px;text-align:right;align-items:center;border-top:1px solid #edf2f7;cursor:pointer}.announcement-item.critical{background:#fff8f8}.announcement-dot{width:7px;height:7px;background:#ef3340;border-radius:50%}.announcement-item>span:nth-child(2){display:grid;gap:4px}.announcement-item b{font-size:12px}.announcement-item small{font-size:10px;color:#6d8094;line-height:1.7}.announcement-item em{font-size:9px;color:#8b9aab;font-style:normal}.announcement-item>i{font-style:normal;font-size:9px;background:#ffe2e4;color:#d82f3b;padding:4px 7px;border-radius:7px}.survey-feature{padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.survey-big{width:54px;height:54px;background:#e8f4ff;color:#0877ed;border-radius:13px;display:grid;place-items:center}.survey-feature b{font-size:13px}.survey-feature small{font-size:10px;color:#7c8da0}.survey-feature button{margin-top:7px;border:0;background:#0877ed;color:#fff;border-radius:9px;padding:10px 16px;font-weight:800;cursor:pointer}.support-stat{padding:10px 15px}.support-stat span{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf2f7;font-size:11px}.support-stat b{font-size:19px;color:#0f5599}
.social-panel{margin-top:16px;padding:18px 22px 22px}.social-title{display:flex;gap:10px;align-items:flex-start;color:#0c5fb8}.social-title h3{margin:0;color:#18344f;font-size:14px}.social-title small{color:#7c8da0;font-size:11px}.social-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:16px}.social-cards button{border:1px solid #e4edf7;background:#fbfdff;border-radius:13px;padding:15px 8px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer}.social-cards span{font-weight:900;font-size:22px;color:#0877ed}.social-cards b{font-size:11px}.social-cards small{font-size:9px;color:#8294a7}.portal-footer{margin-top:18px;margin-left:-18px;margin-right:-18px;background:linear-gradient(90deg,#006bcf,#003d7f);color:#fff;min-height:68px;padding:18px 30px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.nav{display:none}.guide-list>div{padding:12px 0;border-bottom:1px solid var(--line)}.guide-list p{margin:5px 0;color:var(--muted);line-height:1.7}
/* Other pages inherit the premium shell */.wrap:not(.home-v2){max-width:1060px}.wrap:not(.home-v2) .top{display:none}.form-v2>.case-head{margin-top:20px}.form-v2 .card,.wrap>.card{border-radius:17px;border-color:var(--stroke);box-shadow:var(--shadow-premium)}
@media(max-width:760px){body{background:#f5f9fe}.portal-shell{padding:0 11px 92px}.app-header{height:76px;grid-template-columns:1fr auto;padding:0 6px;background:transparent;box-shadow:none;border-radius:0}.brand-xl .logo{width:36px;height:36px;border-radius:8px;font-size:14px}.brand-xl b{display:none}.brand-xl .brand-en{font-size:11px;font-weight:800;color:#11385f;margin:0}.brand-xl .brand-en:after{content:' VOS';color:#0e4e91}.desktop-links,.user-chip{display:none}.mobile-head-actions{display:flex;gap:6px}.mobile-head-actions .icon-btn{width:36px;height:36px;border-radius:10px;border:0;background:#fff;color:#0d4d8d;display:grid;place-items:center;box-shadow:0 4px 16px rgba(17,62,109,.06)}.mobile-head-actions .ui-icon{width:19px}.hero-industrial{min-height:134px;border-radius:15px;margin-top:0;padding:17px 18px;background:linear-gradient(90deg,rgba(5,57,112,.95),rgba(8,92,166,.72)),url('assets/steel-coils-hero.svg') center/cover no-repeat;grid-template-columns:1fr .5fr}.hero-kicker{display:none}.hero-copy h1{font-size:17px;margin-bottom:5px}.hero-copy p{font-size:11px;line-height:1.8}.hero-copy p span{font-size:9px}.hero-promise{display:none}.status-strip{min-height:64px;margin:10px 0;padding:9px 11px;grid-template-columns:35px 1fr 20px}.status-check{width:30px;height:30px}.status-check .ui-icon{width:17px}.status-strip b{font-size:11px}.status-strip small{font-size:9px}.kpi-premium{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.kpi-premium .kpi-card{min-height:92px;border-radius:12px;padding:10px 11px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:30px auto;align-items:center}.kpi-ico{width:32px;height:32px;border-radius:8px;margin:0;grid-row:1/3}.kpi-ico .ui-icon{width:17px}.kpi-premium .kpi-card>b{font-size:23px;margin:0}.kpi-premium strong{font-size:9px;grid-column:2}.kpi-premium small{display:none}.quick-actions{grid-template-columns:1fr;padding:0;background:transparent;border:0;margin-bottom:10px}.quick-actions button:not(.quick-main){display:none}.quick-actions .quick-main{min-height:70px;border-radius:12px;padding:11px 15px;grid-template-columns:45px 1fr}.quick-actions .quick-main>span{width:42px;height:42px;border-radius:10px}.quick-actions .quick-main b{font-size:14px}.quick-actions .quick-main small{font-size:9px}.content-grid{grid-template-columns:1fr}.action-panel{display:none}.panel{border-radius:13px;box-shadow:0 6px 22px rgba(17,61,108,.06)}.panel-head{min-height:48px;padding:10px 12px}.panel-head h3{font-size:12px}.panel-head .ui-icon{width:16px}.panel-head button{font-size:9px;padding:5px 8px}.desktop-case-table{display:none}.mobile-case-list{display:block}.mobile-case{width:100%;min-height:60px;border:0;border-top:1px solid #edf2f7;background:#fff;display:grid;grid-template-columns:1fr auto 18px;align-items:center;gap:8px;padding:10px 11px;text-align:right;cursor:pointer}.mobile-case>div{display:grid;gap:5px}.mobile-case b{font-size:11px;color:#0b3b72}.mobile-case small{font-size:9px;color:#6d8095}.mobile-case>.ui-icon{width:15px;color:#0e60b6}.status-pill{font-size:8px;padding:4px 6px}.mobile-urgent{display:block;margin-top:10px}.lower-grid{display:none}.social-panel{display:none}.portal-footer{display:none}.nav{display:flex;background:#fff;border-top:1px solid #dfe9f4;box-shadow:0 -6px 20px rgba(27,68,112,.06);height:72px;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.nav-inner{grid-template-columns:repeat(5,1fr);max-width:520px}.nav button{position:relative;padding:8px 2px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#6d8095;font-size:9px}.nav button.active{color:#086fd6}.nav .nav-ico{width:19px;height:19px}.nav-primary{transform:translateY(-10px)}.nav-plus{width:36px;height:36px;border-radius:50%;background:#0b73df;color:#fff;display:grid;place-items:center;box-shadow:0 6px 14px rgba(7,102,205,.25)}.nav-plus .ui-icon{width:21px}.nav-badge{position:absolute;top:2px;right:20%;background:#ef3340;color:#fff;border-radius:10px;min-width:16px;height:16px;display:grid;place-items:center;font-style:normal;font-size:8px}.wrap{padding:10px 10px 88px}.wrap>.top{display:none}.login-card{border-radius:20px}.modal-card{border-radius:16px}.hero-v2{display:none}}

/* OTP RC3 hotfix */
.ltr-number{direction:ltr!important;unicode-bidi:isolate!important;display:inline-block!important;text-align:left!important;font-variant-numeric:tabular-nums}.otp-mobile{font-weight:900;letter-spacing:.35px;white-space:nowrap}.otp-code{text-align:center!important;letter-spacing:4px;font-weight:900;font-size:16px}.otp-expiry-box{margin:10px 0 12px;border:1px solid #cfe0f3;background:#f4f9ff;border-radius:12px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#365777}.otp-expiry-box strong{font-size:18px;color:#0863d1;min-width:54px;text-align:center;font-variant-numeric:tabular-nums}.otp-expiry-box.expired{border-color:#f0c8ce;background:#fff3f5;color:#9d3344}.otp-expiry-box.expired strong{color:#cf4054}.btn:disabled{opacity:.5;cursor:not-allowed}
/* RC4 supplier completion */
.ltr-number{direction:ltr!important;unicode-bidi:isolate!important;text-align:left;font-variant-numeric:tabular-nums}
.followup-list{display:grid;gap:10px;margin-top:16px}.followup-case{width:100%;border:1px solid var(--line);background:var(--card);border-radius:14px;padding:13px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;text-align:right;cursor:pointer}.followup-case span:first-child{display:grid;gap:4px}.followup-case small{color:var(--muted)}
.social-direct{text-decoration:none;color:inherit;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px}.social-direct:hover{transform:translateY(-2px);border-color:#b7d5fa!important;box-shadow:0 8px 22px #14395c12}.social-hub-row{text-decoration:none;color:inherit}
.support-banner-strong{margin-top:18px!important;background:linear-gradient(135deg,#06366f,#0b6ac9)!important;color:#fff!important;border:0!important;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px!important}.support-banner-copy{display:flex;align-items:center;gap:12px}.support-banner-copy b{font-size:17px}.support-banner-copy small{display:block;color:#d9eaff;margin-top:4px}.support-pulse{color:#55e4a3;filter:drop-shadow(0 0 7px #55e4a3);animation:pulseSupport 1.7s infinite}.support-banner-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.support-phone{background:#fff;color:#073b7c;text-decoration:none;padding:9px 12px;border-radius:10px;font-weight:900}@keyframes pulseSupport{50%{opacity:.35}}
.contact-page{padding-bottom:90px}.contact-hero{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#eef6ff,#fff)}.contact-hero h2{margin:0 0 6px}.contact-hero p{margin:0;color:var(--muted)}.contact-hero-icon{width:58px;height:58px;border-radius:18px;background:#e5f1ff;color:#0863d1;display:grid;place-items:center;font-size:28px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.contact-action{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.contact-action b{color:#075dcc}.contact-address{line-height:2;color:#46566d}
.support-ticket{margin-top:12px}.support-origin{padding:12px;border-radius:12px;background:#f7f9fc;margin:10px 0;line-height:1.9}.support-files{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:8px 0}.file-pill{border:1px solid #d6e3f3;background:#edf5ff;color:#075dcc;border-radius:999px;padding:7px 10px;cursor:pointer}.support-chat{display:grid;gap:8px;padding:10px;background:#f8fafc;border-radius:14px}.support-msg{max-width:82%;border-radius:14px;padding:10px 12px;border:1px solid #e0e8f3;background:#fff}.support-msg.mine{margin-right:auto;background:#eaf4ff}.support-msg.org{margin-left:auto;background:#eefaf5}.support-msg p{margin:6px 0}.support-msg small{color:var(--muted)}.support-compose{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:end;margin-top:10px}.support-compose textarea{width:100%}
.linear-rating,.satisfaction-box{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fafcff}.linear-value{display:flex;align-items:baseline;justify-content:center;gap:7px;margin-bottom:9px}.linear-value output{font-size:31px;font-weight:900;color:#0863d1}.rating-range{width:100%;accent-color:#0863d1;direction:ltr}.rating-scale{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:5px}.survey-prompt{text-align:center;font-weight:800;margin:16px 0 10px}.sat-reasons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sat-reasons button{border:1px solid var(--line);background:#fff;padding:11px;border-radius:11px;cursor:pointer}.sat-reasons button.selected{border-color:#0863d1;background:#eaf3ff;color:#075dcc;font-weight:900}
@media(max-width:720px){.contact-grid{grid-template-columns:1fr}.support-banner-strong{align-items:flex-start;flex-direction:column}.support-compose{grid-template-columns:1fr}.sat-reasons{grid-template-columns:1fr}.followup-case{grid-template-columns:1fr auto}.followup-case svg{display:none}}
/* FINAL RELEASE UI polish */
.upload-zone{border:1.5px dashed #9fc9f8;border-radius:16px;padding:22px;display:grid;gap:8px;place-items:center;text-align:center;background:#f8fbff;color:#28547f;cursor:pointer}.upload-zone>span{font-size:34px;color:#0870df}.upload-zone small{color:#7b8ca3}.mini-upload{padding:10px 14px;display:inline-flex;grid-auto-flow:column;gap:6px}.modal-actions{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin-top:14px}.page-hero{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:12px 0 18px;background:linear-gradient(135deg,#f5f9ff,#fff);border:1px solid #dce8f7;border-radius:18px;padding:18px}.page-hero h2{margin:0 0 5px}.page-hero p{margin:0;color:#73849b}.support-toolbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px}.support-toolbar input{flex:1;min-width:220px}.support-table-wrap{overflow:auto}.support-table{width:100%;border-collapse:collapse}.support-table th,.support-table td{padding:12px 10px;border-bottom:1px solid #e8eef6;text-align:right;white-space:nowrap}.seg-rating{position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding:12px 4px 0;margin-top:6px;direction:ltr}.seg-line{position:absolute;left:5%;right:5%;top:22px;height:3px;background:#cfe1f6;z-index:0}.seg-dot{position:relative;z-index:1;border:0;background:transparent;display:grid;gap:7px;place-items:center;cursor:pointer;padding:0;color:#6e7f95}.seg-dot i{display:block;width:20px;height:20px;border-radius:50%;background:#edf5ff;border:2px solid #86b9ee;box-shadow:0 0 0 3px #fff}.seg-dot.active i{background:#0a69d7;border-color:#0a69d7;box-shadow:0 0 0 4px #dcebff}.seg-dot.active b{color:#075dcc}.seg-labels{display:flex;justify-content:space-between;color:#748197;font-size:11px;margin-top:7px}.sat-reasons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sat-reasons button{border:1px solid #d5e1ef;background:#fff;border-radius:11px;padding:11px;cursor:pointer}.sat-reasons button.selected{background:#e8f3ff;color:#075dcc;border-color:#75aee9;font-weight:800}.satisfaction-box{padding:12px 4px}.support-compose{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:end}.otp-mobile{unicode-bidi:isolate}.ltr-number{direction:ltr!important;unicode-bidi:isolate!important;text-align:left}.status-strip small{line-height:1.7}
@media(max-width:720px){.page-hero{align-items:flex-start;flex-direction:column}.support-compose{grid-template-columns:1fr}.sat-reasons{grid-template-columns:1fr}.modal-actions{grid-template-columns:1fr}.support-table{min-width:680px}}