:root{--blue:#1769ff;--blue2:#0a4cc5;--navy:#071a3d;--ink:#0c1830;--muted:#6c7b94;--bg:#f5f7fb;--card:#fff;--line:#e6ebf2;--red:#e24a4a;--green:#138c5d;--amber:#b9770e;--shadow:0 18px 55px rgba(21,55,102,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}input,select,button{font:inherit}.container{width:min(1200px,92vw);margin:auto}.narrow{width:min(920px,92vw);margin:auto}.nav{height:78px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.nav-inner{height:100%;width:min(1200px,92vw);margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand .logo{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#0d50c9,#2f8cff);display:grid;place-items:center;color:#fff;font-weight:900;font-size:22px;box-shadow:0 8px 24px rgba(23,105,255,.28)}.brand span:last-child{display:flex;flex-direction:column}.brand b{font-size:19px}.brand small{font-size:11px;color:#7d8ba0;margin-top:2px;letter-spacing:.08em}.brand.inverse b,.brand.inverse small{color:#fff}.menu{display:flex;align-items:center;gap:28px;font-size:14px;color:#4d5c73}.btn{border:0;border-radius:12px;padding:12px 18px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.2s}.btn.primary{background:linear-gradient(135deg,var(--blue),#2e85ff);color:#fff;box-shadow:0 10px 25px rgba(23,105,255,.22)}.btn.ghost{background:#edf4ff;color:var(--blue)}.btn.small{padding:8px 12px;font-size:12px}.btn.full{width:100%}.hero.pro{background:radial-gradient(circle at 70% 25%,rgba(47,133,255,.28),transparent 34%),linear-gradient(135deg,#061635 0%,#092a69 58%,#0d57c8 100%);color:#fff;padding:88px 0 96px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.16em;opacity:.75}.eyebrow.dark{color:var(--blue);opacity:1}.hero h1{font-size:58px;line-height:1.03;margin:16px 0 24px;letter-spacing:-.035em}.hero h1 em{font-style:normal;color:#8dc6ff}.hero p{font-size:18px;line-height:1.75;color:#d7e6ff;max-width:660px}.hero-track{margin-top:30px;display:flex;background:#fff;padding:8px;border-radius:16px;box-shadow:0 25px 60px rgba(0,0,0,.2);max-width:650px}.hero-track input{flex:1;border:0;padding:0 14px;outline:0;font-size:15px}.hero-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.hero-pills span{font-size:12px;padding:7px 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#d6e7ff}.network-card{background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:24px;box-shadow:0 35px 80px rgba(0,0,0,.22);backdrop-filter:blur(12px)}.network-head{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.1em;color:#cfe2ff}.network-head b{color:#78e3b2}.globe{height:290px;margin:18px 0;background:radial-gradient(circle at 50% 55%,rgba(68,145,255,.3),rgba(11,37,88,.6) 58%,transparent 59%),repeating-radial-gradient(circle at 50% 55%,rgba(255,255,255,.06) 0 1px,transparent 1px 15px);border-radius:50%;position:relative;overflow:hidden}.route-line{position:absolute;height:2px;background:linear-gradient(90deg,transparent,#86c5ff,transparent);transform-origin:left}.r1{width:260px;left:90px;top:150px;transform:rotate(-22deg)}.r2{width:220px;left:160px;top:135px;transform:rotate(18deg)}.dot{position:absolute;width:42px;height:42px;border-radius:50%;background:#fff;color:#0a4fb7;display:grid;place-items:center;font-weight:900;box-shadow:0 0 0 7px rgba(255,255,255,.10)}.dot.la{left:65px;top:158px}.dot.ny{right:45px;top:104px}.dot.cn{right:70px;bottom:38px}.network-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.network-metrics div{background:rgba(255,255,255,.08);border-radius:14px;padding:14px}.network-metrics b{display:block;font-size:20px}.network-metrics span{font-size:11px;color:#b9d3f8}.trust-strip{margin-top:-34px;position:relative;z-index:2}.trust-grid{background:#fff;border-radius:22px;padding:23px 28px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.trust-grid div{display:flex;flex-direction:column;border-right:1px solid var(--line)}.trust-grid div:last-child{border:0}.trust-grid b{font-size:16px}.trust-grid span{font-size:12px;color:var(--muted);margin-top:6px}.section{padding:86px 0}.section.soft{background:#eef4fb}.section h2{font-size:39px;margin:10px 0 12px;letter-spacing:-.025em}.lead{color:var(--muted);line-height:1.7}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.service-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;min-height:210px;position:relative;transition:.2s;box-shadow:0 8px 25px rgba(21,55,102,.045)}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.service-card .num{font-size:12px;color:var(--blue);font-weight:900}.service-card h3{font-size:20px;margin:22px 0 10px}.service-card p{color:var(--muted);line-height:1.65;font-size:14px}.service-card .arrow{position:absolute;right:24px;bottom:20px;color:var(--blue);font-size:22px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature-list{display:grid;gap:12px}.feature-list div{background:#fff;border:1px solid #dfe8f4;border-radius:16px;padding:18px;display:flex;align-items:center;gap:16px}.feature-list b{width:38px;height:38px;border-radius:10px;background:#eaf3ff;display:grid;place-items:center;color:var(--blue)}.feature-list span{display:flex;flex-direction:column}.feature-list small{color:var(--muted);margin-top:5px}.footer{background:#06152f;color:#b5c4d9;padding:36px 0}.footer-row{display:flex;align-items:center;justify-content:space-between}.track-page{padding:72px 0}.track-page h1{font-size:44px;margin:10px 0}.track-form{display:flex;background:#fff;border:1px solid var(--line);padding:8px;border-radius:15px;box-shadow:0 10px 30px rgba(21,55,102,.07);margin:25px 0}.track-form input{flex:1;border:0;outline:0;padding:12px}.shipment-summary,.timeline-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;margin-top:18px;box-shadow:0 8px 28px rgba(21,55,102,.05)}.shipment-summary{display:flex;justify-content:space-between;gap:20px}.shipment-summary h2{font-size:25px;margin:8px 0}.ship-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;min-width:430px}.ship-meta span{background:#f7f9fc;border-radius:12px;padding:12px}.ship-meta small,.ship-meta b{display:block}.ship-meta small{color:var(--muted);font-size:11px;margin-bottom:5px}.timeline{margin-top:20px}.event{display:flex;gap:18px;position:relative;padding:0 0 26px}.event:after{content:"";position:absolute;left:6px;top:16px;bottom:-2px;width:2px;background:#dfe8f5}.event:last-child:after{display:none}.event i{width:14px;height:14px;border-radius:50%;background:var(--blue);margin-top:4px;position:relative;z-index:1;box-shadow:0 0 0 5px #eaf2ff}.event b{display:block}.event small{display:block;color:var(--muted);margin:5px 0}.event p{margin:0;font-size:13px}.empty{padding:28px;text-align:center;color:var(--muted);background:#fff;border:1px dashed #cfd9e7;border-radius:16px}.login-page{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1fr 1fr}.login-art{background:radial-gradient(circle at 70% 20%,rgba(68,151,255,.35),transparent 30%),linear-gradient(145deg,#061938,#0a4daf);color:#fff;padding:9vw;display:flex;align-items:center}.login-art h1{font-size:48px;line-height:1.05;max-width:520px}.login-art p{color:#d1e2fb;max-width:520px;line-height:1.7}.login-panel{display:grid;place-items:center;padding:40px}.login-card{width:min(460px,94vw);background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow)}.login-card h2{font-size:30px;margin:0 0 8px}.login-card label,.compact-form label,.form-card label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#42506a;margin-top:14px}.login-card input,.compact-form input,.compact-form select,.form-card input,.form-card select,.issue-form input,.issue-form select,.inline-form input,.inline-form select,.integration-card input{width:100%;border:1px solid #d9e1ec;border-radius:11px;padding:12px 13px;outline:0;background:#fff;color:var(--ink)}.login-card input:focus,.form-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,105,255,.1)}.login-card .btn{margin-top:20px}.demo-box{margin-top:24px;background:#f5f8fc;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:7px;font-size:12px;color:#5d6d84}.portal-nav{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,24px);position:sticky;top:0;z-index:20}.portal-nav nav{display:flex;gap:22px;font-size:13px;color:#54627a}.portal-wrap{width:min(1180px,92vw);margin:30px auto 70px}.portal-hero{background:linear-gradient(135deg,#0b3d9d,#1670ff);border-radius:24px;padding:28px;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 18px 48px rgba(15,95,231,.22)}.portal-hero h1{margin:6px 0}.portal-hero p{color:#cfe0ff}.balance-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.17);border-radius:18px;padding:18px 22px;min-width:260px}.balance-card small,.balance-card b,.balance-card a{display:block}.balance-card b{font-size:30px;margin:6px 0}.balance-card a{font-size:12px;color:#d6e5ff}.portal-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.portal-metrics div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.portal-metrics small,.portal-metrics b{display:block}.portal-metrics small{color:var(--muted)}.portal-metrics b{font-size:27px;margin-top:6px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quick-grid a{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:7px}.quick-grid a>span{width:40px;height:40px;border-radius:11px;background:#eaf3ff;color:var(--blue);display:grid;place-items:center;font-size:20px}.quick-grid small{color:var(--muted)}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;margin-top:18px;box-shadow:0 7px 24px rgba(21,55,102,.04)}.panel-head,.page-head,.admin-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.panel-head h3,.panel h3{margin:0}.panel-head p,.page-head p,.admin-top p{margin:5px 0 0;color:var(--muted);font-size:13px}.page-head h1,.admin-top h1{margin:0;font-size:30px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid #edf0f4;font-size:12px;vertical-align:top}th{font-size:11px;color:#7c899d;text-transform:uppercase;letter-spacing:.05em}td small,td b{display:block}td small{color:var(--muted);margin-top:4px}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;background:#eef4ff;color:#2869cd}.badge.ok{background:#eaf8f1;color:#16774f}.badge.danger{background:#fff0f0;color:#c63f3f}.badge.warn{background:#fff6e7;color:#a76708}.form-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;margin-top:20px}.form-section{padding:8px 0 22px;border-bottom:1px solid var(--line)}.form-section:last-child{border-bottom:0}.form-section h3{margin:8px 0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 14px}.form-grid.cols3{grid-template-columns:repeat(3,1fr)}.form-grid.cols4{grid-template-columns:repeat(4,1fr)}.span2{grid-column:span 2}.form-actions{padding-top:22px}.finance-hero{background:#081d42;color:#fff;border-radius:22px;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.finance-hero small,.finance-hero b,.finance-hero span{display:block}.finance-hero b{font-size:38px;margin:7px 0}.finance-hero p{color:#c8d7ec}.green{color:var(--green)}.red{color:var(--red)}.link{color:var(--blue);font-weight:800}.admin-shell{display:grid;grid-template-columns:246px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#071a3d,#092552);padding:22px 16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.side-links{margin-top:30px}.side-link{display:flex;align-items:center;gap:12px;color:#b9c9df;padding:11px 13px;border-radius:10px;margin:4px 0;font-size:13px}.side-link:hover{background:rgba(255,255,255,.08);color:#fff}.side-link span{width:22px;text-align:center}.side-bottom{margin-top:auto}.admin-main{padding:28px;min-width:0}.admin-top{margin-bottom:18px}.admin-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.admin-metrics div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px}.admin-metrics span,.admin-metrics b,.admin-metrics small{display:block}.admin-metrics span,.admin-metrics small{color:var(--muted);font-size:11px}.admin-metrics b{font-size:24px;margin:8px 0 3px}.admin-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.issue-item{padding:12px 0;border-bottom:1px solid var(--line)}.issue-item>div{display:flex;justify-content:space-between}.issue-item span{font-size:11px;color:var(--muted);margin-left:7px}.issue-item p{font-size:12px;color:var(--muted);margin-bottom:0}.compact-form{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 12px;align-items:end}.compact-form label{margin:0}.compact-form .span2{grid-column:span 2}.compact-form .btn{height:42px}.issue-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.issue-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.issue-top{display:flex;justify-content:space-between;align-items:flex-start}.issue-top h3{margin:8px 0}.severity{font-size:10px;font-weight:900;padding:4px 7px;border-radius:7px;background:#edf1f6}.severity.high{background:#fff0f0;color:#c63f3f}.severity.medium{background:#fff6e7;color:#a76708}.issue-card p{color:#586981;font-size:13px}.issue-card small{color:var(--muted)}.issue-form{display:grid;grid-template-columns:1fr 1fr 2fr auto;gap:8px;margin-top:14px}.inline-form{display:grid;grid-template-columns:1fr 1fr 1.6fr auto;gap:6px}.integration-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.integration-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:14px}.integration-card>div{display:flex;gap:12px;align-items:center}.provider-logo{width:44px;height:44px;border-radius:12px;background:#eaf3ff;color:var(--blue);display:grid;place-items:center;font-weight:900}.integration-card h3{margin:0}.integration-card p,.integration-card small{margin:4px 0 0;color:var(--muted);font-size:12px}.integration-card form{display:grid;gap:8px}.integration-card code{background:#f4f7fb;border-radius:9px;padding:10px;overflow:auto;font-size:11px}.alert{border-radius:12px;padding:12px 14px;margin:14px 0;font-size:13px}.alert.ok{background:#eaf8f1;color:#176d4c}.alert.danger{background:#fff0f0;color:#b83b3b}@media(max-width:1100px){.admin-metrics{grid-template-columns:repeat(3,1fr)}.compact-form{grid-template-columns:repeat(2,1fr)}.integration-cards{grid-template-columns:1fr}.hero h1{font-size:48px}}@media(max-width:900px){.menu{display:none}.hero-grid,.split,.login-page,.admin-grid{grid-template-columns:1fr}.network-card{display:none}.trust-grid,.services-grid,.portal-metrics,.quick-grid{grid-template-columns:repeat(2,1fr)}.admin-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.side-links{display:flex;overflow:auto;margin-top:16px}.side-link{white-space:nowrap}.side-bottom{display:none}.issue-grid{grid-template-columns:1fr}.ship-meta{min-width:0}.shipment-summary{flex-direction:column}.login-art{display:none}.login-page{display:block}.admin-main{padding:18px}}@media(max-width:620px){.hero.pro{padding:62px 0}.hero h1{font-size:40px}.hero-track,.track-form{flex-direction:column}.trust-grid,.services-grid,.portal-metrics,.quick-grid,.admin-metrics{grid-template-columns:1fr}.trust-grid div{border-right:0;border-bottom:1px solid var(--line);padding-bottom:12px}.portal-nav nav{display:none}.portal-hero,.finance-hero{grid-template-columns:1fr;display:grid}.form-grid,.form-grid.cols3,.form-grid.cols4,.compact-form{grid-template-columns:1fr}.span2,.compact-form .span2{grid-column:span 1}.issue-form,.inline-form{grid-template-columns:1fr}.section{padding:60px 0}.section h2{font-size:32px}.footer-row{flex-direction:column;gap:15px;align-items:flex-start}}/* V3 duplicate-control workflow */
.duplicate-policy{margin-top:18px;padding:14px 16px;border:1px solid #ffdca6;background:#fff8ec;border-radius:14px;display:flex;gap:10px;flex-direction:column}.duplicate-policy b{color:#8f5a00}.duplicate-policy span{font-size:12px;color:#725a35;line-height:1.6}.scan-panel{border:1px solid #cfe0ff}.live-pill{font-size:11px;font-weight:900;color:#16774f;background:#eaf8f1;border-radius:999px;padding:7px 10px}.scan-console{display:grid;gap:14px;margin-top:18px}.scan-primary{display:grid;grid-template-columns:2fr 1.2fr 1fr;gap:12px}.scan-measures{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;align-items:end}.scan-console label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#42506a}.scan-console input,.scan-console select{width:100%;border:1px solid #d9e1ec;border-radius:11px;padding:13px;background:#fff}.scan-console #scanOrder{font-size:22px;font-weight:900;letter-spacing:.02em;border:2px solid #7fb0ff;box-shadow:0 0 0 4px rgba(23,105,255,.08)}.duplicate-scan-result,.normal-scan-result{display:flex;gap:16px;align-items:center;padding:18px 20px;border-radius:18px;margin-bottom:18px;box-shadow:0 10px 30px rgba(21,55,102,.08)}.duplicate-scan-result{background:#fff1f0;border:2px solid #ffb8b3;color:#9e2f2f}.normal-scan-result{background:#ebfaf2;border:2px solid #a8e6c5;color:#176d4c}.scan-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:28px;font-weight:900;background:rgba(255,255,255,.65)}.duplicate-scan-result b,.normal-scan-result b{font-size:18px}.duplicate-scan-result p,.normal-scan-result p{margin:5px 0 0;font-size:13px;line-height:1.5}.duplicate-group{border-left:5px solid #f2a33b}.inline-priority{margin:0}.inline-priority .btn{white-space:nowrap}@media(max-width:900px){.scan-primary,.scan-measures{grid-template-columns:1fr 1fr}}@media(max-width:620px){.scan-primary,.scan-measures{grid-template-columns:1fr}}
.dup-modal-backdrop{position:fixed;inset:0;background:rgba(5,18,42,.55);backdrop-filter:blur(5px);z-index:1000;display:grid;place-items:center;padding:20px}.dup-modal{width:min(520px,94vw);background:#fff;border-radius:24px;padding:28px;box-shadow:0 35px 90px rgba(0,0,0,.28);text-align:center}.dup-modal-icon{width:64px;height:64px;border-radius:20px;margin:0 auto 14px;display:grid;place-items:center;background:#fff1f0;color:#c53a33;font-size:30px}.dup-modal h2{margin:0 0 10px;font-size:25px}.dup-modal p{color:#5a6880;line-height:1.7;font-size:14px}.dup-rule{text-align:left;background:#fff8ec;border:1px solid #ffdca6;border-radius:14px;padding:13px 14px;margin:18px 0;display:flex;flex-direction:column;gap:6px}.dup-rule b{color:#8f5a00}.dup-rule span{font-size:12px;line-height:1.6;color:#725a35}
.dup-modal-backdrop{position:fixed;inset:0;background:rgba(5,18,42,.55);backdrop-filter:blur(5px);z-index:1000;display:grid;place-items:center;padding:20px}.dup-modal{width:min(520px,94vw);background:#fff;border-radius:24px;padding:28px;box-shadow:0 35px 90px rgba(0,0,0,.28);text-align:center}.dup-modal-icon{width:64px;height:64px;border-radius:20px;margin:0 auto 14px;display:grid;place-items:center;background:#fff1f0;color:#c53a33;font-size:30px}.dup-modal h2{margin:0 0 10px;font-size:25px}.dup-modal p{color:#5a6880;line-height:1.7;font-size:14px}.dup-rule{text-align:left;background:#fff8ec;border:1px solid #ffdca6;border-radius:14px;padding:13px 14px;margin:18px 0;display:flex;flex-direction:column;gap:6px}.dup-rule b{color:#8f5a00}.dup-rule span{font-size:12px;line-height:1.6;color:#725a35}
/* V4 configurable channels & pricing */
.channel-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.channel-mini{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;display:flex;flex-direction:column;gap:5px}.channel-mini b{font-size:13px;color:#162744}.channel-mini span{font-size:12px;color:#5c6b80;line-height:1.45}.channel-mini small{font-size:11px;color:#8a96a8}.config-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.inline-level{display:flex;gap:7px;align-items:center}.inline-level select{min-width:150px}.scan-measures.simple{grid-template-columns:1fr 2fr auto}.config-grid .panel{margin-top:0}.config-grid .compact-form{grid-template-columns:repeat(2,1fr)}
@media(max-width:1000px){.channel-strip{grid-template-columns:repeat(2,1fr)}.config-grid{grid-template-columns:1fr}}
@media(max-width:620px){.channel-strip{grid-template-columns:1fr}.scan-measures.simple{grid-template-columns:1fr}.inline-level{flex-direction:column;align-items:stretch}}
.btn.tiny{padding:6px 9px;font-size:11px;margin-left:5px}.table-wrap td input,.table-wrap td select{max-width:170px;border:1px solid #dfe5ee;border-radius:8px;padding:7px 8px;font-size:11px}.mini-pair{display:flex;gap:4px}.mini-pair input{width:72px}.config-grid table{min-width:680px}

/* V5 customer experience + mobile-first portal */
.mobile-bottom-nav{display:none}.mobile-welcome{display:none}.portal-hero.compact{padding:24px}.portal-hero.compact h1{font-size:34px;margin:6px 0}.balance-card.mini{min-width:180px}.app-icons{grid-template-columns:repeat(4,1fr)}.app-icons a{min-height:130px;align-items:flex-start}.app-icons a>span{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#1769ff,#52a3ff);color:#fff;display:grid;place-items:center;font-size:21px}.app-icons a:nth-child(2n)>span{background:linear-gradient(135deg,#7868ed,#a899ff)}.app-icons a:nth-child(3n)>span{background:linear-gradient(135deg,#20a77a,#56d39d)}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.smart-address-box textarea{width:100%;min-height:84px;border:1px dashed #bfd1eb;border-radius:13px;background:#f8fbff;padding:12px;resize:vertical;font:inherit;outline:0}.identity-card{margin-top:16px;border:1px solid #cfe0ff;background:#f5f9ff;border-radius:16px;padding:14px;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center}.identity-card div{display:flex;flex-direction:column;gap:5px}.identity-card small{color:var(--muted);line-height:1.5}.identity-result{font-size:12px;font-weight:800;padding:8px 10px;border-radius:999px;background:#edf1f6;color:#65738a;white-space:nowrap}.identity-result.good{background:#e8f8ef;color:#16734c}.identity-result.warn{background:#fff7e5;color:#936209}.identity-result.bad{background:#fff0f0;color:#b83b3b}.identity-result.pending{background:#edf4ff;color:#1769ff}.catalog-note{font-size:12px;color:var(--muted)}.product-search-wrap{position:relative}.product-search-wrap>input{width:100%;border:1px solid #b7cef2!important;background:#fbfdff!important;padding:14px 15px!important;font-size:15px!important}.product-suggestions{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;background:#fff;border:1px solid #dce5f1;border-radius:14px;box-shadow:0 18px 50px rgba(16,45,86,.16);display:none;max-height:340px;overflow:auto}.product-suggestions.open{display:block}.product-option{width:100%;border:0;border-bottom:1px solid #eef2f6;background:#fff;text-align:left;padding:13px 15px;display:flex;flex-direction:column;gap:4px;cursor:pointer}.product-option:hover{background:#f5f9ff}.product-option b{color:#172844}.product-option span,.product-option small{font-size:12px;color:#68788f}.product-empty{padding:16px;color:#6d7c91;font-size:12px}.selected-product-card{margin:12px 0 4px;background:#f7f9fc;border:1px solid var(--line);border-radius:14px;padding:13px 14px;display:flex;align-items:center}.selected-product-card div{display:flex;flex-direction:column;gap:4px}.selected-product-card small{color:var(--muted)}.order-actions{display:flex;gap:5px;flex-wrap:wrap}.share-page{min-height:100vh;background:linear-gradient(180deg,#eaf3ff,#f6f8fb 35%);padding:34px 18px 60px}.share-brand{width:min(650px,100%);margin:0 auto 18px;display:flex;align-items:center;gap:12px}.share-brand .logo{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#0a4cc5,#2f8cff);color:#fff;display:grid;place-items:center;font-weight:900;font-size:24px}.share-brand div{display:flex;flex-direction:column}.share-brand small{color:#6a7990;margin-top:3px}.share-card{width:min(650px,100%);margin:0 auto 16px;background:#fff;border:1px solid #e2e8f1;border-radius:24px;padding:24px;box-shadow:0 18px 55px rgba(19,55,101,.09)}.share-card h1{font-size:28px;margin:8px 0}.share-status{margin:8px 0 18px}.share-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.share-meta div{background:#f6f8fb;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:5px}.share-meta small{color:#7a8799;font-size:11px}.share-products{list-style:none;padding:0;margin:12px 0 18px;display:grid;gap:8px}.share-products li{border:1px solid #edf1f6;border-radius:12px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:5px}.share-products span{color:#6c7b94;font-size:12px}.share-products a{grid-column:1/-1;color:#1769ff;font-size:12px;font-weight:800}.copy-share{margin-top:8px}.share-privacy{width:min(650px,100%);margin:15px auto;color:#77869a;font-size:11px;text-align:center}.identity-integration .integration-note{background:#f6f8fb;border-radius:12px;padding:12px;color:#607087;font-size:12px}.sticky-mobile-action{position:relative}
@media(max-width:620px){body{padding-bottom:72px}.portal-nav{height:64px;padding:0 16px;background:linear-gradient(135deg,#1769ff,#2d7cf3);border:0}.portal-nav .brand b,.portal-nav .brand small{color:#fff}.portal-nav .brand .logo{background:rgba(255,255,255,.18);box-shadow:none}.portal-nav .brand small{opacity:.8}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;height:68px;background:rgba(255,255,255,.97);border-top:1px solid #e6ebf2;display:grid;grid-template-columns:repeat(5,1fr);z-index:100;backdrop-filter:blur(14px);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#6c7b94}.mobile-bottom-nav a span{font-size:20px}.mobile-bottom-nav a b{font-size:10px}.portal-wrap{width:100%;padding:0 12px 20px}.mobile-app{padding-top:0}.mobile-welcome{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#1769ff,#318aff);margin:0 -12px;padding:18px 18px 56px;color:#fff}.mobile-welcome small{font-size:10px;letter-spacing:.14em;opacity:.8}.mobile-welcome h1{font-size:25px;margin:4px 0}.mobile-welcome p{font-size:11px;margin:0;opacity:.85}.mobile-avatar{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.22);display:grid;place-items:center;font-size:20px;font-weight:900;border:2px solid rgba(255,255,255,.4)}.portal-hero.compact{margin:-38px 0 12px;border-radius:20px;display:grid;grid-template-columns:1fr auto;padding:18px;box-shadow:0 14px 35px rgba(21,55,102,.16)}.portal-hero.compact h1{font-size:28px}.balance-card.mini{min-width:105px;padding:12px}.balance-card.mini b{font-size:22px}.mobile-metrics{grid-template-columns:repeat(5,1fr)!important;gap:0!important;background:#fff;border-radius:18px;padding:12px 4px;margin:0 0 12px;box-shadow:0 8px 28px rgba(21,55,102,.07)}.mobile-metrics div{border:0!important;padding:5px 2px!important;background:transparent!important;text-align:center}.mobile-metrics b{font-size:18px!important}.mobile-metrics small{font-size:10px!important}.app-icons{grid-template-columns:repeat(4,1fr)!important;gap:8px!important;background:#fff;border-radius:18px;padding:14px 8px;margin-bottom:12px}.app-icons a{min-height:90px!important;border:0!important;box-shadow:none!important;padding:6px!important;align-items:center!important;text-align:center;background:transparent!important}.app-icons a>span{width:48px;height:48px;border-radius:14px;margin:auto}.app-icons b{font-size:12px}.app-icons small{font-size:9px}.desktop-recent{border-radius:18px;margin-top:0}.page-head{padding:16px 4px 8px}.page-head h1{font-size:25px;margin:4px 0}.form-card{border-radius:18px;padding:0;overflow:hidden}.form-section{padding:17px 15px;border-bottom:8px solid #f4f6f9}.form-section h3{font-size:17px}.identity-card{grid-template-columns:1fr;align-items:stretch}.identity-result{text-align:center}.section-title-row{align-items:center}.catalog-note{font-size:10px}.smart-address-box textarea{min-height:72px}.sticky-mobile-action{position:sticky;bottom:76px;background:#fff;padding:12px 15px;margin:0;z-index:20;border-top:1px solid #e8edf4}.share-page{padding:20px 12px 84px}.share-card{border-radius:20px;padding:18px}.share-meta{grid-template-columns:1fr 1fr}.login-page{min-height:100vh;background:linear-gradient(180deg,#1769ff 0,#2d80f4 32%,#f5f7fb 32%);padding:90px 12px 40px}.login-panel{padding:0}.login-card{border-radius:22px;padding:24px;box-shadow:0 20px 55px rgba(9,53,126,.2)}.login-card:before{content:'Depth Express · 深度快递';display:block;text-align:center;color:#1769ff;font-size:18px;font-weight:900;margin-bottom:18px}.nav{display:none}}

/* V6 brand + inspection notifications + batch operations */
.brand-logo-img{width:118px;height:44px;object-fit:contain;object-position:left center;border-radius:0;background:#111;padding:2px 6px}.sidebar .brand-logo-img{width:150px;height:56px;background:#111}.share-brand .brand-logo-img{width:150px;height:56px;background:#111}.portal-nav .brand-logo-img{width:122px;height:44px;background:#111}.notice-modal-backdrop{position:fixed;inset:0;background:rgba(5,18,42,.55);z-index:300;display:grid;place-items:center;padding:18px;backdrop-filter:blur(7px)}.notice-modal{width:min(520px,94vw);background:#fff;border-radius:24px;padding:28px;box-shadow:0 35px 100px rgba(0,0,0,.3);position:relative}.notice-icon{width:58px;height:58px;border-radius:18px;background:#fff0e8;color:#dc5b27;display:grid;place-items:center;font-size:31px;font-weight:900;margin-bottom:12px}.notice-type{display:inline-block;color:#c65920;background:#fff5ed;border:1px solid #ffd7c2;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900}.notice-modal h2{margin:12px 0 8px}.notice-modal p{color:#44546b;line-height:1.75;font-size:15px}.notice-order{background:#f5f7fb;border-radius:12px;padding:11px 13px;margin:16px 0;color:#607087}.notice-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.notice-list{display:grid;gap:12px}.customer-notice-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;justify-content:space-between;gap:20px;box-shadow:0 8px 28px rgba(21,55,102,.05)}.customer-notice-card.unread{border-left:4px solid #ff7a3d;background:#fffdfb}.customer-notice-card h3{margin:6px 0}.customer-notice-card p{margin:0 0 8px;color:#58677d;line-height:1.65}.customer-notice-card small{color:#8793a4}.notice-kind{font-size:10px;font-weight:900;color:#d45d2a;letter-spacing:.08em}.inspection-import textarea{min-height:110px;border:1px solid #dbe3ef;border-radius:12px;padding:11px;font:inherit;resize:vertical}.inspection-import small{display:block;color:#7a8798;margin-top:4px}.batch-inline{display:grid;grid-template-columns:130px 130px 180px auto;gap:6px;margin-top:7px;align-items:center}.batch-inline input,.batch-inline select{max-width:none!important}.inspection-panel{border-top:4px solid #f07a45}.span3{grid-column:1/-1}
@media(max-width:900px){.batch-inline{grid-template-columns:1fr 1fr}.batch-inline input:nth-of-type(2){grid-column:1/-1}.brand-logo-img{width:100px}}
@media(max-width:620px){.portal-nav .brand-logo-img{width:96px;height:38px}.portal-nav .brand span:last-child{display:none}.notice-modal{padding:22px}.notice-actions{grid-template-columns:1fr}.customer-notice-card{flex-direction:column}.brand-logo-img{background:#111}.app-icons{grid-template-columns:repeat(3,1fr)!important}.share-brand .brand-logo-img{width:135px}.batch-inline{grid-template-columns:1fr}}

/* V7 brand and customs automation */
.brand-logo-img{width:220px!important;height:68px!important;object-fit:contain!important;object-position:left center!important;background:#141414!important;border-radius:0!important;padding:0!important}.brand>span{display:none!important}.portal-nav,.nav{background:#141414!important;border-bottom:3px solid #225fa7!important}.portal-nav nav a,.nav .menu a{color:#eef6ff!important}.sidebar{background:#111820!important}.sidebar .brand{background:#141414!important;padding:16px 15px 20px!important}.sidebar .brand-logo-img{width:225px!important;height:72px!important}.footer{background:#10161d!important}.urgent-stack{margin-bottom:18px;padding:14px;border-radius:16px;background:#fff6ed;border:1px solid #ffc185;border-left:5px solid #ff7b22}.urgent-title{display:flex;justify-content:space-between;margin-bottom:10px}.urgent-id-card{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;background:#fff;padding:13px;border-radius:12px;text-decoration:none;color:#203149}.urgent-icon{width:42px;height:42px;border-radius:12px;background:#fff0e4;color:#e76500;display:grid;place-items:center;font-weight:800}.urgent-id-card p,.urgent-id-card small{margin:2px 0;color:#687a8f}.urgent-id-card>span{color:#e76500;font-weight:700}.admin-attention{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.admin-attention a{background:#fff;border:1px solid #dfe7f1;border-radius:16px;padding:17px;text-decoration:none;color:#203149;display:flex;gap:14px;align-items:center}.admin-attention b{font-size:24px;color:#116ccd}.id-upload-panel{max-width:900px;margin:auto}.customs-notice{background:#f2f6fb;border-left:4px solid #2e71d8;padding:15px;border-radius:10px}.id-progress{display:flex;margin:20px 0}.id-progress span{flex:1;text-align:center;padding:12px;background:#edf1f6;color:#8190a2}.id-progress span.active{background:#e7f1ff;color:#1769cc;font-weight:700}.id-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.id-drop{min-height:190px;border:2px dashed #7ca8e6;border-radius:16px;background:#f8fbff;display:flex;flex-direction:column;align-items:center;justify-content:center}.submitted-card{padding:16px;border-radius:12px;background:#eaf8ef;color:#18733b;font-weight:800}.port-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.port-card{display:flex;gap:18px;background:#fff;border:1px solid #dfe7f1;border-radius:18px;padding:24px}.port-badge{width:76px;min-height:110px;border-radius:18px;background:linear-gradient(160deg,#102f57,#0d70d9);display:grid;place-items:center;color:#fff;font-size:42px;font-weight:800}.port-main{flex:1}.file-btn{display:inline-block;background:#176bd1;color:#fff;padding:11px 16px;border-radius:10px;font-weight:750;cursor:pointer}.file-btn input{display:none}.template-upload{display:flex;gap:8px;margin-top:10px}.grow{flex:2}@media(max-width:760px){.brand-logo-img{width:170px!important;height:54px!important}.portal-nav nav{display:none!important}.admin-attention,.port-grid,.id-upload-grid{grid-template-columns:1fr}.urgent-id-card{grid-template-columns:42px 1fr}.urgent-id-card>span{grid-column:2}.port-card{padding:16px}.port-badge{width:58px;min-height:82px;font-size:30px}}
/* V7.1 brand correction: logo is the brand; do not recreate it with duplicate text */
.nav,.portal-nav{background:#111!important;border-bottom:0!important;height:88px!important}
.nav-inner,.portal-nav{align-items:center!important}
.brand{gap:0!important;min-width:0!important}
.brand-logo-img{display:block!important;width:300px!important;height:76px!important;max-width:none!important;object-fit:contain!important;object-position:left center!important;background:transparent!important;padding:0!important;border:0!important;border-radius:0!important}
.nav .brand-logo-img{width:300px!important;height:76px!important}
.portal-nav .brand-logo-img{width:285px!important;height:72px!important}
.sidebar .brand{height:112px!important;display:flex!important;align-items:center!important;padding:12px 16px!important;background:#111!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.sidebar .brand-logo-img{width:230px!important;height:76px!important}
.share-brand{background:#111!important;border-radius:18px!important;padding:12px 18px!important;align-items:center!important}
.share-brand .brand-logo-img{width:280px!important;height:72px!important}
.share-brand small{color:#d9e7f7!important;margin-left:12px!important}
@media(max-width:900px){
  .nav,.portal-nav{height:72px!important}
  .nav .brand-logo-img,.portal-nav .brand-logo-img{width:220px!important;height:58px!important}
}
@media(max-width:620px){
  .portal-nav{padding:0 14px!important}
  .portal-nav .brand-logo-img{width:205px!important;height:54px!important}
  .share-brand .brand-logo-img{width:210px!important;height:56px!important}
}


/* V7.2 logo integration: transparent, tightly-cropped official mark on dark header */
.nav,.portal-nav{background:#111!important;height:82px!important;border:0!important;box-shadow:none!important}
.nav-inner{height:82px!important}
.brand{display:flex!important;align-items:center!important;gap:0!important;background:transparent!important}
.brand-logo-img{display:block!important;width:auto!important;height:66px!important;max-width:310px!important;object-fit:contain!important;object-position:left center!important;background:transparent!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.nav .brand-logo-img{height:66px!important;width:auto!important}
.portal-nav .brand-logo-img{height:62px!important;width:auto!important}
.sidebar .brand{height:100px!important;padding:10px 18px!important;background:#111!important;display:flex!important;align-items:center!important}
.sidebar .brand-logo-img{height:70px!important;width:auto!important;max-width:240px!important}
.share-brand{background:#111!important;padding:10px 16px!important;border-radius:14px!important}
.share-brand .brand-logo-img{height:62px!important;width:auto!important;max-width:270px!important}
@media(max-width:900px){
 .nav,.portal-nav,.nav-inner{height:68px!important}
 .nav .brand-logo-img,.portal-nav .brand-logo-img{height:52px!important;width:auto!important}
}
@media(max-width:620px){
 .portal-nav{padding:0 12px!important}
 .portal-nav .brand-logo-img{height:48px!important;width:auto!important;max-width:210px!important}
 .share-brand .brand-logo-img{height:52px!important;width:auto!important}
}

/* ===== V7.3 logo refinement overrides ===== */
.nav{height:96px!important;background:#06080d!important;border-bottom:1px solid rgba(255,255,255,.08)!important;backdrop-filter:none!important;box-shadow:0 8px 24px rgba(0,0,0,.18)!important}
.nav-inner{width:min(1320px,94vw)!important}
.nav .brand,.portal-nav .brand,.sidebar .brand{display:flex!important;align-items:center!important;gap:0!important}
.nav .brand-logo-img{display:block!important;height:78px!important;width:auto!important;max-width:360px!important;object-fit:contain!important;object-position:left center!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;box-shadow:none!important;filter:drop-shadow(0 6px 18px rgba(0,0,0,.22))!important}
.menu{gap:30px!important}
.menu a{color:rgba(255,255,255,.96)!important;font-weight:700!important;letter-spacing:.02em}
.menu a:hover{color:#7dc0ff!important}
.menu .btn.ghost{background:#0b2a60!important;color:#d9ebff!important;border:1px solid rgba(125,192,255,.25)!important}
.sidebar .brand{padding:22px 20px 18px!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
.sidebar .brand-logo-img{display:block!important;height:72px!important;width:auto!important;max-width:280px!important;object-fit:contain!important;background:transparent!important;border:0!important;padding:0!important;margin:0!important;filter:drop-shadow(0 6px 18px rgba(0,0,0,.22))!important}
.portal-nav{background:#06080d!important;border-bottom:1px solid rgba(255,255,255,.08)!important;min-height:90px!important;padding:0 max(4vw,24px)!important}
.portal-nav .brand-logo-img{display:block!important;height:72px!important;width:auto!important;max-width:320px!important;object-fit:contain!important;background:transparent!important;border:0!important;padding:0!important;margin:0!important}
.portal-nav nav a{color:rgba(255,255,255,.9)!important}
.login-art .brand-logo-img,.login-card .brand-logo-img{height:84px!important;max-width:380px!important;width:auto!important;background:transparent!important;border:0!important;padding:0!important}
@media (max-width: 768px){
  .nav{height:84px!important}
  .nav .brand-logo-img{height:64px!important;max-width:280px!important}
  .menu{gap:14px!important;font-size:12px!important}
  .portal-nav{min-height:82px!important}
  .portal-nav .brand-logo-img{height:58px!important;max-width:250px!important}
  .sidebar .brand-logo-img{height:62px!important;max-width:230px!important}
}

/* ===== V7.4 clickable notifications ===== */
.notice-list{display:grid;gap:16px}
a.customer-notice-card.notice-clickable{display:flex;align-items:stretch;justify-content:space-between;gap:24px;text-decoration:none;color:inherit;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;position:relative}
a.customer-notice-card.notice-clickable:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(10,39,82,.12);border-color:#b9d1ff}
a.customer-notice-card.notice-clickable:focus{outline:3px solid rgba(23,105,255,.18);outline-offset:2px}
.customer-notice-card.unread{border-left:4px solid var(--blue)!important;background:linear-gradient(90deg,#f6faff 0,#fff 18%)!important}
.notice-main{min-width:0;flex:1}.notice-actions{min-width:150px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:14px}.notice-open{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:10px;background:#edf4ff;color:var(--blue);font-size:12px;font-weight:800;white-space:nowrap}.customer-notice-card:hover .notice-open{background:var(--blue);color:#fff}
@media(max-width:720px){a.customer-notice-card.notice-clickable{gap:12px;flex-direction:column}.notice-actions{min-width:0;flex-direction:row;align-items:center;justify-content:space-between}.notice-open{margin-left:auto}}

/* ===== V7.5 order detail ===== */
.back-link{display:inline-block;color:var(--blue);font-weight:800;margin-bottom:6px}.detail-actions{display:flex;gap:10px}.detail-hero{background:linear-gradient(135deg,#071d48,#0e5fda);color:#fff;border-radius:22px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 18px 45px rgba(7,40,99,.18);margin-bottom:18px}.detail-hero small{display:block;color:#bdd5fa;margin-bottom:8px}.detail-hero h2{margin:10px 0 4px;font-size:28px}.detail-hero p{margin:0;color:#d9e7fb}.detail-amount{text-align:right}.detail-amount b{display:block;font-size:30px}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-layout .span2{grid-column:1/-1}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-grid>div{background:#f7f9fc;border:1px solid #e5ebf3;border-radius:12px;padding:12px 14px}.detail-grid small{display:block;color:#8290a4;font-size:11px;margin-bottom:5px}.detail-grid b{display:block;line-height:1.45}.detail-grid .span2{grid-column:1/-1}.detail-products{display:grid;gap:10px}.detail-product{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;background:#f7f9fc;border:1px solid #e5ebf3;border-radius:12px;padding:13px}.detail-product span,.detail-product small{color:#69798f}.detail-alert{display:flex;flex-direction:column;gap:5px;padding:13px 15px;background:#fff5ed;border:1px solid #ffd8c4;border-radius:12px}.detail-alert.warn{margin-top:12px;background:#fff8e7;border-color:#ffe1a4}.detail-alert small{color:#7e6b4b}.customer-notice-card.notice-clickable{cursor:pointer}.customer-notice-card.notice-clickable:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(21,55,102,.11)}
@media(max-width:760px){.detail-layout{grid-template-columns:1fr}.detail-layout .span2{grid-column:auto}.detail-hero{align-items:flex-start;gap:16px;flex-direction:column}.detail-actions{flex-wrap:wrap}.detail-grid{grid-template-columns:1fr}.detail-grid .span2{grid-column:auto}.detail-product{grid-template-columns:1fr}.detail-amount{text-align:left}}
.metric-link{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;color:inherit;min-height:94px}.metric-link:hover{box-shadow:0 10px 25px rgba(21,55,102,.08)}.metric-link small,.metric-link b{display:block}.metric-link b{font-size:28px;margin-top:8px}.metric-grid-8{grid-template-columns:repeat(4,1fr)!important}.clickable-hero{color:#fff!important}.order-items-list{display:grid;gap:14px;margin-top:18px}.order-item-card{border:1px solid #dfe6f1;border-radius:16px;padding:16px;background:#fbfdff}.order-item-head{display:flex;justify-content:space-between;margin-bottom:10px}.btn.danger{background:#fff0f0;color:#d43c3c}.btn.warn{background:#fff5df;color:#9a6100}.order-actions{display:flex;gap:6px;flex-wrap:wrap}.order-actions form{display:inline-flex}@media(max-width:800px){.metric-grid-8{grid-template-columns:repeat(2,1fr)!important}}

/* V7.8 portal enhancements */
.extra-portal-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));}
.bulk-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}
.bulk-left,.bulk-right{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.column-picker{position:relative;background:#f8fbff;border:1px solid #d7e4f7;border-radius:12px;padding:8px 12px}
.column-picker summary{cursor:pointer;font-weight:700;color:#244b7d}
.column-picker label{display:block;padding:4px 0;font-size:13px;color:#334}
.orders-table-wrap table{min-width:1550px}
.col-select{width:42px;text-align:center}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:1000}
.simple-modal{background:#fff;border-radius:16px;padding:22px;max-width:520px;width:min(92vw,520px);box-shadow:0 24px 60px rgba(0,0,0,.16)}
.simple-modal h3{margin:0 0 12px 0}
.selected-order-list{margin:10px 0 14px;color:#223}
.selected-chip{display:inline-block;background:#eef4ff;color:#1f5fd0;border-radius:999px;padding:6px 10px;margin:6px 6px 0 0;font-size:12px}
.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
.stats-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:16px}
.stat-box{background:#fff;border:1px solid #e3ebf6;border-radius:16px;padding:18px}
.stat-box small{display:block;color:#6c7a92;margin-bottom:8px}
.stat-box b{font-size:30px;color:#0b2450}
@media (max-width:780px){.bulk-toolbar{align-items:stretch}.orders-table-wrap table{min-width:1200px}.column-picker{width:100%}}

/* V7.9 legacy-style filter + selector */
.legacy-filter-panel{background:#fff;border:1px solid #e3ebf5;border-radius:16px;padding:16px;margin-bottom:16px}.filter-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px}.filter-grid label{font-size:12px;color:#42536d}.filter-grid input,.filter-grid select{width:100%;margin-top:5px}.range-pair{display:grid;grid-template-columns:1fr 1fr;gap:5px}.filter-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.column-picker{max-height:360px;overflow:auto;min-width:180px}.orders-table-wrap table{min-width:2300px}@media(max-width:900px){.filter-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media(max-width:540px){.filter-grid{grid-template-columns:1fr}}

/* ===== V7.10 order management polish ===== */
.wider-wrap{width:min(1400px,96vw)}
.compact-head{margin-bottom:14px}
.compact-head p{max-width:760px}
.orders-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 10px}
.orders-hint{font-size:12px;color:#6c7a92}
.compact-filters{padding:14px 16px}
.compact-filters.is-collapsed{display:none}
.compact-grid{grid-template-columns:repeat(5,minmax(170px,1fr));gap:10px}
.compact-grid label{font-size:12px;font-weight:700;color:#50607a}
.compact-grid input,.compact-grid select{margin-top:4px;padding:10px 11px;border-radius:10px}
.compact-toolbar{margin-bottom:12px;align-items:center}
.modern-picker{padding:7px 12px;background:#f7fbff}
.modern-picker summary{list-style:none}
.modern-picker summary::-webkit-details-marker{display:none}
.compact-panel{padding:16px}
.compact-orders-wrap{overflow:auto;border:1px solid #e5ebf4;border-radius:16px;background:#fff}
.compact-orders-table{min-width:1320px;width:100%;border-collapse:separate;border-spacing:0}
.compact-orders-table thead th{position:sticky;top:0;background:#f8fbff;z-index:1;font-size:12px;color:#64748f;padding:11px 10px;border-bottom:1px solid #e7eef8;text-align:left;white-space:nowrap}
.compact-orders-table tbody td{padding:10px 10px;border-bottom:1px solid #edf2f8;vertical-align:top;font-size:13px;line-height:1.4}
.compact-orders-table tbody tr:hover{background:#fbfdff}
.compact-orders-table .col-select{text-align:center;width:40px}
.order-link-strong{font-weight:800;color:#0f3472}
.track-link{color:#1769ff;font-weight:700}
.track-link:hover,.order-link-strong:hover{text-decoration:underline}
.print-pill{display:inline-block;background:#edf4ff;color:#225dca;border-radius:999px;padding:4px 9px;font-weight:700;font-size:12px;white-space:nowrap}
.compact-actions{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start;min-width:240px}
.compact-actions .action-main{display:flex;gap:6px;flex-wrap:wrap}
.compact-actions .btn.tiny{padding:7px 10px;font-size:12px;border-radius:10px}
.icon-share-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#1769ff,#2f8cff);color:#fff;font-size:18px;font-weight:800;box-shadow:0 8px 20px rgba(23,105,255,.18)}
.icon-share-btn:hover{transform:translateY(-1px)}
.icon-share-btn::after{content:attr(data-tip);position:absolute;right:42px;top:50%;transform:translateY(-50%);background:#12284f;color:#fff;font-size:12px;padding:5px 8px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:.18s}
.icon-share-btn:hover::after{opacity:1}
@media(max-width:1200px){.compact-grid{grid-template-columns:repeat(4,minmax(160px,1fr))}}
@media(max-width:900px){.compact-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.orders-panel-head{align-items:flex-start}.compact-actions{min-width:200px}}
@media(max-width:640px){.compact-grid{grid-template-columns:1fr}.compact-orders-table{min-width:980px}.orders-hint{width:100%}}

/* ===== V7.11 one-screen order layout ===== */
.wider-wrap{width:min(1540px,98vw)!important;margin-left:auto!important;margin-right:auto!important}
.compact-panel{padding:12px!important}
.compact-orders-wrap{overflow:visible!important;border-radius:14px!important}
.compact-orders-table{min-width:0!important;width:100%!important;table-layout:fixed!important}
.compact-orders-table th,.compact-orders-table td{padding:8px 6px!important;font-size:12px!important;line-height:1.25!important;overflow:hidden;text-overflow:ellipsis;vertical-align:middle!important}
.compact-orders-table th{white-space:normal!important}
.compact-orders-table td{white-space:normal!important;word-break:break-word}
.compact-orders-table .col-select{width:32px!important}
.compact-orders-table [data-col="order"]{width:10.5%}
.compact-orders-table [data-col="tracking"]{width:10.5%}
.compact-orders-table [data-col="domestic_tracking"]{width:9.5%}
.compact-orders-table [data-col="recipient"]{width:5.8%}
.compact-orders-table [data-col="recipient_phone"]{width:7.5%}
.compact-orders-table [data-col="channel"]{width:8.5%}
.compact-orders-table [data-col="product"]{width:11.5%}
.compact-orders-table [data-col="weight"]{width:4.6%;text-align:center}
.compact-orders-table [data-col="amount"]{width:5.2%;text-align:center}
.compact-orders-table [data-col="print"]{width:5.2%;text-align:center}
.compact-orders-table [data-col="status"]{width:6%;text-align:center}
.compact-orders-table [data-col="order_time"]{width:8.5%}
.compact-orders-table [data-col="actions"]{width:12.5%}
.order-actions-grid{position:relative;display:flex;flex-direction:column;gap:4px;padding-right:34px;min-width:0}
.act-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.act-row form{display:block!important;margin:0!important}
.mini-act{display:flex!important;align-items:center;justify-content:center;min-height:26px;padding:4px 5px!important;border:0;border-radius:8px;background:#edf4ff;color:#1769ff;font-size:11px!important;font-weight:800;cursor:pointer;white-space:nowrap;text-align:center;width:100%}
.mini-act.warn{background:#fff5dc;color:#a56800}
.mini-act.danger{background:#fff0f0;color:#d93f3f}
.share-float{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.icon-share-btn{width:28px!important;height:28px!important;border-radius:9px!important;font-size:15px!important}
.field-picker-compact{position:relative!important;min-width:0!important;max-height:none!important;overflow:visible!important;padding:7px 10px!important}
.field-picker-compact[open]{z-index:80}
.field-picker-groups{position:absolute;right:0;top:calc(100% + 6px);width:260px;max-height:280px;overflow:auto;background:#fff;border:1px solid #d9e5f5;border-radius:12px;padding:10px;box-shadow:0 14px 35px rgba(16,43,82,.14);display:grid;grid-template-columns:1fr 1fr;gap:2px 10px}
.field-picker-groups label{padding:4px 2px!important;font-size:12px!important}
.orders-panel-head{margin-bottom:8px!important}
.compact-toolbar{margin-bottom:8px!important}
.compact-filters{margin-bottom:10px!important}
@media(max-width:1100px){
  .compact-orders-table th,.compact-orders-table td{font-size:11px!important;padding:7px 4px!important}
  .mini-act{font-size:10px!important;padding:3px 3px!important}
  .compact-orders-table [data-col="actions"]{width:13.5%}
}
@media(max-width:760px){
  .compact-orders-wrap{overflow-x:auto!important}
  .compact-orders-table{min-width:980px!important}
}

/* ===== V7.12 top navigation dropdowns ===== */
.portal-top-menu{display:flex!important;align-items:center!important;gap:10px!important}
.portal-top-menu>a,.nav-dd>button{color:rgba(255,255,255,.92)!important;background:transparent;border:0;padding:10px 11px;border-radius:9px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
.portal-top-menu>a:hover,.nav-dd>button:hover{background:rgba(255,255,255,.08);color:#fff!important}
.nav-dd{position:relative}
.nav-dd-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:150px;background:#fff;border:1px solid #e3e9f2;border-radius:12px;padding:7px;box-shadow:0 14px 40px rgba(0,0,0,.15);display:none;z-index:80}
.nav-dd:hover .nav-dd-menu,.nav-dd:focus-within .nav-dd-menu{display:grid}
.nav-dd-menu a{display:block;padding:9px 11px;border-radius:8px;color:#20324d!important;font-size:13px;white-space:nowrap}
.nav-dd-menu a:hover{background:#eef5ff;color:#1769ff!important}
@media(max-width:980px){.portal-top-menu{gap:2px!important}.portal-top-menu>a,.nav-dd>button{padding:9px 7px;font-size:12px}}

/* ===== V7.13 mobile orders + unified US number/logistics status ===== */
.mobile-orders-list{display:none}
.compact-orders-table [data-col="tracking"]{width:11.5%}
.compact-orders-table [data-col="domestic_tracking"]{width:9.5%}
.compact-orders-table [data-col="logistics_status"]{width:7.2%;text-align:center}
@media(max-width:760px){
  .wider-wrap{width:100%!important;margin:12px auto 88px!important;padding:0 10px}
  .compact-head{padding:0 4px;align-items:center!important}
  .compact-head h1{font-size:24px!important;margin-bottom:4px}
  .compact-head p{font-size:12px;line-height:1.5}
  .compact-head>.btn{padding:9px 12px;font-size:12px}
  .orders-panel-head{padding:0 2px;margin-bottom:8px}
  .orders-hint{display:none}
  .compact-filters{border-radius:14px!important;padding:12px!important;margin-bottom:10px!important}
  .compact-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .compact-panel{padding:10px!important;border-radius:16px!important}
  .compact-toolbar{margin-bottom:10px!important;gap:8px!important}
  .bulk-left{display:grid!important;grid-template-columns:repeat(3,1fr);width:100%}
  .bulk-left .btn{padding:8px 6px!important;font-size:11px!important}
  .bulk-right{width:100%;justify-content:flex-end}
  .field-picker-compact{min-width:132px!important}
  .orders-table-wrap{display:none!important}
  .mobile-orders-list{display:grid!important;gap:10px}
  .mobile-order-card{background:#fff;border:1px solid #e2eaf5;border-radius:16px;padding:12px;box-shadow:0 6px 18px rgba(20,55,105,.05)}
  .moc-head{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding-bottom:10px;border-bottom:1px solid #edf2f8}
  .moc-head>a{font-weight:900;color:#145fd3;font-size:14px;word-break:break-all}
  .moc-head .badge{white-space:nowrap}
  .moc-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px;padding:11px 0}
  .moc-grid>div{min-width:0}
  .moc-grid .span2{grid-column:1/-1}
  .moc-grid small{display:block;color:#8491a5;font-size:10px;margin-bottom:3px}
  .moc-grid b{display:block;font-size:12px;line-height:1.45;color:#1b2d4a;word-break:break-word}
  .moc-actions{border-top:1px solid #edf2f8;padding-top:10px}
  .moc-actions .order-actions-grid{grid-template-columns:1fr auto!important;min-width:0!important}
  .moc-actions .act-row{gap:6px!important}
  .moc-actions .mini-act{padding:7px 9px!important;font-size:11px!important}
  .moc-actions .icon-share-btn{width:32px!important;height:32px!important}
}
@media(max-width:430px){
  .compact-grid{grid-template-columns:1fr!important}
  .moc-grid{grid-template-columns:1fr 1fr}
  .moc-head{grid-template-columns:22px 1fr;}
  .moc-head .badge{grid-column:2;justify-self:start}
}

/* ===== V7.14 Admin operations ===== */
.admin-order-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.admin-order-toolbar form{display:flex;gap:8px;flex:1;min-width:650px}.admin-order-toolbar input{flex:1;min-width:340px}.admin-order-toolbar select{min-width:140px}.admin-order-toolbar input,.admin-order-toolbar select{border:1px solid #dbe3ef;border-radius:10px;padding:9px 10px;background:#fff}.admin-wide-table{overflow:auto}.admin-wide-table table{min-width:1750px}.admin-wide-table th,.admin-wide-table td{font-size:12px;padding:10px 9px;vertical-align:top}.admin-wide-table td small{display:block;color:#789;margin-top:4px}.admin-op{white-space:nowrap}.admin-op .btn{margin-right:4px}.admin-product{min-width:180px;max-width:260px}.admin-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-detail-grid .span2{grid-column:1/-1}.batch-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #e5ebf4;margin:-4px 0 14px;padding-bottom:10px}.batch-tab{padding:8px 14px;border-radius:10px;background:#eef3f8;color:#58708f;font-size:13px}.batch-tab.active{background:#1769ff;color:white}.batch-toolbar{display:flex;gap:8px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.batch-create-box{display:inline-block}.batch-create-box summary{list-style:none;cursor:pointer;background:#28bea2;color:white;border-radius:10px;padding:8px 12px;font-weight:800;font-size:12px}.batch-create-box[open]{width:100%;background:#f8fbff;border:1px solid #dce7f5;border-radius:14px;padding:12px}.batch-actions{white-space:nowrap;min-width:360px}.batch-actions .btn{margin:2px}.batch-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.batch-summary-grid>div{background:#fff;border:1px solid #e2eaf5;border-radius:14px;padding:16px}.batch-summary-grid small{display:block;color:#75859a;margin-bottom:6px}.batch-summary-grid b{font-size:16px}.batch-status-card{display:grid;grid-template-columns:180px 1fr 1.4fr auto;gap:10px;align-items:end}.batch-status-card label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700}.batch-status-card input,.batch-status-card select{border:1px solid #dbe3ef;border-radius:10px;padding:10px}.integration-note{background:#f5f8fc;border-radius:10px;padding:10px 12px;margin:10px 0;font-size:12px;color:#52647d}@media(max-width:900px){.admin-order-toolbar form{min-width:100%;flex-wrap:wrap}.admin-order-toolbar input{min-width:100%}.admin-detail-grid{grid-template-columns:1fr}.admin-detail-grid .span2{grid-column:auto}.batch-summary-grid{grid-template-columns:repeat(2,1fr)}.batch-status-card{grid-template-columns:1fr}.admin-wide-table table{min-width:1500px}}

/* ===== V7.15 admin order center / API polish ===== */
.v715-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:12px}
.admin-basic-search{display:flex;gap:8px;align-items:center;flex:1;min-width:560px}
.admin-basic-search input{flex:1;min-width:260px}
.toolbar-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.admin-column-picker{position:relative;background:#f5f9ff;border:1px solid #dce7f6;border-radius:10px;padding:7px 11px;min-width:96px}
.admin-column-picker summary{cursor:pointer;font-weight:800;color:#2d5488;list-style:none}
.admin-column-picker summary::-webkit-details-marker{display:none}
.admin-column-grid{display:grid;grid-template-columns:repeat(2,minmax(125px,1fr));gap:6px 12px;position:absolute;right:0;top:42px;width:330px;max-height:360px;overflow:auto;background:#fff;border:1px solid #dce7f6;border-radius:14px;padding:14px;box-shadow:0 18px 45px rgba(20,50,90,.16);z-index:20}
.admin-column-grid label{font-size:12px;display:flex;align-items:center;gap:6px;color:#31445f}
.admin-more-search{background:#f8fbff;border:1px solid #dce7f6;border-radius:14px;padding:14px;margin-bottom:14px}
.admin-more-search.collapsed{display:none}
.admin-more-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px}
.admin-more-grid label{font-size:12px;font-weight:700;color:#52647d;display:flex;flex-direction:column;gap:4px}
.admin-more-grid input,.admin-more-grid select{width:100%;padding:9px 10px;border:1px solid #d8e1ee;border-radius:9px;background:#fff}
.mini-range{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.admin-smart-table{overflow:auto;border:1px solid #e6edf6;border-radius:14px}
.admin-smart-table table{min-width:1680px;width:100%;border-collapse:collapse}
.admin-smart-table th{white-space:nowrap;background:#f7faff;position:sticky;top:0;z-index:1;padding:11px 9px;font-size:12px;color:#65758d}
.admin-smart-table td{padding:10px 9px;font-size:12px;vertical-align:top;border-bottom:1px solid #edf2f8}
.admin-smart-table tr:hover td{background:#fbfdff}
.admin-smart-table small{display:block;color:#8190a6;margin-top:3px}
.admin-action-stack{display:flex;flex-direction:column;gap:5px;min-width:72px}
.strong-link{font-weight:800;color:#0f63df}
.api-config-preview{display:grid;gap:9px;margin:10px 0}
.api-config-preview label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#52647d}
.api-config-preview input{border:1px solid #dce5f0;border-radius:9px;padding:9px 10px;background:#f8fafc}
.pricing-source-card{margin-bottom:16px}
@media(max-width:1100px){.admin-more-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}.admin-basic-search{min-width:100%}}
@media(max-width:700px){.admin-more-grid{grid-template-columns:1fr 1fr}.admin-column-grid{width:280px;grid-template-columns:1fr}.v715-toolbar{align-items:stretch}.toolbar-actions{width:100%}}

/* ===== V7.16 dashboard / profit / pricing / no-scroll admin orders ===== */
.dash-metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:16px}
.dash-metric{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e4ebf5;border-radius:16px;padding:16px;box-shadow:0 4px 16px rgba(15,45,85,.04)}
.dash-metric .dash-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#eaf3ff;color:#1670ff;font-weight:900;font-size:20px}
.dash-metric.green .dash-icon{background:#e9fbf2;color:#13a765}.dash-metric.purple .dash-icon{background:#f1edff;color:#7959e8}.dash-metric.orange .dash-icon{background:#fff3e4;color:#f49b29}.dash-metric.red .dash-icon{background:#fff0f0;color:#e64c4c}
.dash-metric small{display:block;color:#60708b;font-size:12px}.dash-metric b{display:block;font-size:25px;color:#10284f;margin:2px 0}.dash-metric em{font-style:normal;color:#7b8aa3;font-size:11px}
.batch-profit-overview{border:2px solid #2c80ff}
.profit-tabs{display:flex;gap:4px;background:#f1f5fb;border-radius:10px;padding:3px}.profit-tab{padding:8px 28px;border-radius:8px;color:#52647f;font-weight:700}.profit-tab.active{background:#1670ff;color:#fff}
.route-profit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 14px}.route-profit-card{display:grid;grid-template-columns:1.2fr .6fr 1fr 1fr;gap:10px;align-items:center;border:1px solid #e7edf6;border-radius:14px;padding:12px 14px;background:#fbfdff}.route-profit-card>div{display:flex;gap:8px;align-items:center}.route-dot{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#1670ff}.route-dot.green{background:#17b86b}.route-profit-card small{color:#65758e}.route-profit-card em{font-style:normal}
.no-x-scroll{overflow:visible}.no-x-scroll table{width:100%;table-layout:auto}
.dashboard-lower{grid-template-columns:1.6fr .8fr .8fr}
.admin-orders-cards{overflow:visible}.compact-search{margin-bottom:12px}.compact-search form{display:flex;gap:8px;flex:1}.compact-search form input{flex:1;min-width:340px}
.admin-order-card-head{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;background:#f4f8fe;border-radius:10px;margin-bottom:8px;color:#476080}
.admin-order-card{border:1px solid #e5ebf4;border-radius:13px;margin-bottom:9px;overflow:hidden;background:#fff}.admin-order-card:hover{box-shadow:0 5px 18px rgba(30,75,125,.07)}
.aoc-main{display:grid;grid-template-columns:64px 95px 145px 140px 85px 105px 110px 105px 105px 85px 112px minmax(120px,1fr);gap:8px;align-items:center;padding:10px 12px}.aoc-main>div{min-width:0}.aoc-main small{display:block;color:#7c8ba2;font-size:10px;margin-bottom:2px}.aoc-main b,.aoc-main a{font-size:12px;word-break:break-word}.aoc-actions{display:flex;align-items:center}
.aoc-detail{display:grid;grid-template-columns:1.5fr 2fr 1fr 1fr;gap:8px;padding:8px 12px;background:#f9fbfe;border-top:1px dashed #e5ebf4;font-size:11px;color:#50617b}.aoc-detail span{white-space:normal;word-break:break-word}
.pricing-tabs{display:flex;gap:8px;margin-bottom:12px}.pricing-tabs a{background:#fff;border:1px solid #dfe8f4;border-radius:12px;padding:10px 18px;font-weight:700;color:#51617b}.pricing-tabs a.active{border-color:#1670ff;color:#1670ff;background:#eef5ff}
.customer-price-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.customer-price-summary>div{background:#f8fbff;border:1px solid #e1eaf6;border-radius:12px;padding:12px}.customer-price-summary small{display:block;color:#71819a}.customer-price-summary b{font-size:17px;color:#142d56}
.price-matrix{border:1px solid #e3eaf4;border-radius:12px;overflow:hidden}.price-row{display:grid;grid-template-columns:1.2fr repeat(6,.8fr) .8fr;gap:8px;align-items:end;padding:8px 10px;border-bottom:1px solid #edf1f7}.price-row:last-child{border-bottom:0}.price-row label{font-size:10px;color:#6e7d95}.price-row input{padding:8px 8px;margin-top:2px}.price-row>div small{display:block;color:#76859b}.price-head{background:#f4f8fe;align-items:center;font-size:11px;font-weight:700;color:#667791}.price-head span{text-align:left}
.cost-rules{display:grid;gap:7px}.cost-rule-row{display:grid;grid-template-columns:.7fr .8fr 1.2fr .8fr .7fr 1.5fr .6fr;gap:8px;align-items:center}.cost-rule-row input,.cost-rule-row select{padding:9px}.cost-rule-row.add{margin-top:12px;padding-top:12px;border-top:1px dashed #dce6f2}.channel-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.channel-mini-grid>div{padding:12px;border:1px solid #e5ebf5;border-radius:11px}.channel-mini-grid small{display:block;color:#78879d;margin-top:4px}
.batch-finance-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:14px}.batch-finance-cards>div{background:#fff;border:1px solid #e4eaf3;border-radius:14px;padding:14px}.batch-finance-cards small{display:block;color:#71819a}.batch-finance-cards b{font-size:22px;color:#132d58}.batch-finance-cards .profit{background:#effbf4;border-color:#ccefdc}.batch-finance-cards .profit b{color:#129654}
.batch-cost-form{display:grid;grid-template-columns:.7fr 1.2fr .7fr 1.4fr auto;gap:10px;align-items:end}.extra-cost-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.extra-cost-item{border:1px solid #e3ebf5;border-radius:10px;padding:9px 12px;background:#fafcff}.extra-cost-item b{margin-left:10px}.extra-cost-item small{display:block;color:#74839b}
.batch-order-mini{display:grid;grid-template-columns:1.3fr 1fr .7fr .7fr .7fr .8fr;gap:10px;padding:10px 8px;border-bottom:1px solid #edf1f6;align-items:center;font-size:12px}.batch-order-mini.head{background:#f5f8fd;border-radius:8px;font-weight:700;color:#647590}
@media(max-width:1500px){.dash-metrics-grid{grid-template-columns:repeat(4,1fr)}.aoc-main{grid-template-columns:60px 90px 135px 125px 80px 100px 100px 95px 90px 75px 105px minmax(110px,1fr);gap:5px}.aoc-main b,.aoc-main a{font-size:11px}.aoc-detail{grid-template-columns:1.2fr 1.8fr 1fr}.aoc-detail span:last-child{grid-column:1/-1}}
@media(max-width:1150px){.dash-metrics-grid{grid-template-columns:repeat(3,1fr)}.dashboard-lower{grid-template-columns:1fr}.route-profit-grid{grid-template-columns:1fr}.aoc-main{grid-template-columns:repeat(4,1fr)}.aoc-detail{grid-template-columns:1fr 1fr}.price-row{grid-template-columns:1fr 1fr 1fr 1fr}.price-head{display:none}.cost-rule-row{grid-template-columns:1fr 1fr 1fr}.channel-mini-grid{grid-template-columns:repeat(2,1fr)}}

/* ===== V7.17 interaction + editable admin ===== */
.nav-dd.open .nav-dd-menu{display:grid!important}
.nav-dd-menu{min-width:190px!important;padding:10px!important;gap:3px!important}
.nav-dd-menu a{background:#fff;color:#20324d!important;border-radius:8px}
.admin-order-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.admin-status-tab{padding:8px 14px;border-radius:9px;background:#eef3f8;color:#53657e;font-size:12px;font-weight:700}
.admin-status-tab.active{background:#fff;border:1px solid #dce5ef;color:#163b70}
.admin-bulk-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.admin-bulk-toolbar>div{display:flex;gap:7px;flex-wrap:wrap}
.admin-search-right{display:flex;gap:7px;align-items:center;margin-left:auto}
.admin-search-right input{width:320px;max-width:34vw}
.selectable-card{display:grid!important;grid-template-columns:34px 1fr!important}
.selectable-card .aoc-detail{grid-column:2}
.select-col{display:flex;justify-content:center;padding-top:16px}
.price-row-wrap,.cost-rule-wrap{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;border-bottom:1px solid #e7edf5;padding:6px 0}
.price-row-wrap .price-row,.cost-rule-wrap .cost-rule-row{border-bottom:0!important;padding:5px 0!important}
.price-row-delete{min-width:90px;text-align:right}
.channel-add-form{display:grid;grid-template-columns:repeat(8,minmax(100px,1fr));gap:8px;margin-bottom:16px}
.channel-add-form input{padding:10px;border:1px solid #ccd8e8;border-radius:9px}
.channel-edit-grid{display:grid;gap:10px}
.channel-edit-card{display:grid;grid-template-columns:1fr auto;gap:8px;border:1px solid #e2eaf4;border-radius:14px;padding:12px}
.channel-edit-form{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:8px;align-items:end}
.channel-edit-form label{font-size:11px;color:#66758b;font-weight:700}
.channel-edit-form input,.channel-edit-form select{width:100%;padding:9px;border:1px solid #ccd8e8;border-radius:8px;margin-top:4px}
.batch-toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.batch-search{margin-left:auto;width:230px;padding:8px 10px;border:1px solid #ccd8e8;border-radius:8px}.batch-tabs{display:flex;gap:8px;background:#edf2f7;padding:8px;margin-bottom:12px}.batch-tabs a{background:#dfe7ef;padding:9px 22px;border-radius:6px;color:#607089}.batch-tabs a.active{background:#fff;color:#213b61}
@media(max-width:1000px){.channel-edit-form{grid-template-columns:repeat(2,minmax(130px,1fr))}.channel-add-form{grid-template-columns:repeat(2,minmax(120px,1fr))}.admin-search-right{width:100%}.admin-search-right input{max-width:none;flex:1;width:auto}}

/* ===== V7.18 reliable portal dropdowns ===== */
.nav-details{position:relative;display:block}
.nav-details>summary{list-style:none;color:rgba(255,255,255,.96);padding:10px 12px;border-radius:9px;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;user-select:none}
.nav-details>summary::-webkit-details-marker{display:none}
.nav-details>summary:hover,.nav-details[open]>summary{background:rgba(255,255,255,.09);color:#fff}
.nav-details-menu{position:absolute;right:0;top:calc(100% + 8px);width:250px;background:#fff!important;border:1px solid #dfe7f2;border-radius:15px;padding:8px;box-shadow:0 18px 48px rgba(5,24,55,.2);z-index:999;display:grid;gap:4px}
.nav-details-menu a{display:flex!important;flex-direction:column!important;gap:2px!important;padding:10px 12px!important;border-radius:10px!important;background:#fff!important;color:#172d50!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;line-height:1.3!important}
.nav-details-menu a:hover{background:#eef5ff!important;color:#1769ff!important}
.nav-details-menu a b{display:block!important;color:inherit!important;font-size:13px!important;font-weight:800!important}
.nav-details-menu a small{display:block!important;color:#72829a!important;font-size:11px!important;font-weight:500!important}
@media(max-width:980px){.nav-details>summary{padding:9px 7px;font-size:12px}.nav-details-menu{width:220px}}

/* ===== V7.18 weekly duplicate batches ===== */
.dup-tools{margin-bottom:14px}
.dup-tools-actions{display:flex;gap:8px;flex-wrap:wrap}
.dup-import-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 14px}
.dup-import-form input[type=file]{border:1px solid #dce6f2;border-radius:10px;padding:8px;background:#f8fbff}
.dup-batch-tabs{display:flex;gap:8px;flex-wrap:wrap}
.dup-batch-tab{display:flex;flex-direction:column;min-width:130px;padding:9px 12px;border:1px solid #dfe7f2;border-radius:10px;background:#f8fbff;color:#415777}
.dup-batch-tab.active{border-color:#1670ff;background:#edf5ff;color:#0f61dd}
.dup-batch-tab small{color:#8290a4;margin-top:2px}
.weekly-duplicate{border-left:4px solid #f4a62a}
.dup-batch-edit{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.dup-batch-edit input,.dup-batch-edit select,.dup-inline-form input,.dup-inline-form select{border:1px solid #d7e1ef;border-radius:8px;padding:7px 8px;background:#fff}
.dup-inline-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-width:520px}
.dup-inline-form input[name=duplicate_status]{min-width:150px;flex:1}

/* ===== V7.18 customer tier pricing ===== */
.tier-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.tier-tab{min-width:150px;padding:12px 16px;border:1px solid #dfe7f2;border-radius:13px;background:#f8fbff;color:#445b7b;display:flex;flex-direction:column;text-decoration:none}
.tier-tab b{font-size:15px}.tier-tab small{color:#8795a8;margin-top:3px}.tier-tab.active{background:#1670ff;color:#fff;border-color:#1670ff;box-shadow:0 10px 24px rgba(22,112,255,.18)}.tier-tab.active small{color:#dceaff}
.tier-price-list{border:1px solid #e3eaf4;border-radius:14px;overflow:hidden}
.tier-price-row{display:grid;grid-template-columns:190px 1fr 110px;gap:10px;align-items:end;padding:10px 12px;border-bottom:1px solid #edf1f6;background:#fff}
.tier-price-row:last-child{border-bottom:0}.tier-price-row:nth-child(even){background:#fbfdff}
.tier-channel b{display:block;font-size:13px;color:#102a53}.tier-channel small{display:block;color:#75859c;margin-top:3px}
.tier-price-form{display:grid;grid-template-columns:repeat(7,minmax(84px,1fr)) 105px;gap:7px;align-items:end}
.tier-price-form label{font-size:10px;color:#65758d;font-weight:700}.tier-price-form input{width:100%;padding:8px;border:1px solid #d7e0ed;border-radius:8px;margin-top:3px}
.tier-delete-form{display:flex;align-items:end;justify-content:flex-end}
.tier-delete-form button:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:1250px){.tier-price-row{grid-template-columns:160px 1fr}.tier-delete-form{grid-column:2}.tier-price-form{grid-template-columns:repeat(4,minmax(90px,1fr))}}
@media(max-width:780px){.tier-price-row{grid-template-columns:1fr}.tier-price-form{grid-template-columns:1fr 1fr}.tier-delete-form{grid-column:1}.dup-inline-form{min-width:0}}

/* ===== V7.19 pricing/customer/channel management ===== */
.level-manage-list,.customer-edit-list,.channel-edit-list,.shipping-price-list{display:grid;gap:14px;margin-top:14px}
.level-maintain,.customer-edit-card,.channel-edit-card,.shipping-price-card{background:#fff;border:1px solid #dfe7f2;border-radius:16px;padding:16px}
.manage-row,.customer-edit-grid,.channel-edit-form{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;align-items:end}
.channel-edit-form{grid-template-columns:repeat(4,minmax(180px,1fr))}
.channel-edit-form .span2{grid-column:span 2}
.channel-title{display:flex;flex-direction:column;gap:4px;padding:8px 0}.channel-title b{font-size:20px;color:#0b2c5d}.channel-title span{color:#50627e}
.inline-delete,.channel-delete-form{margin-top:10px;display:flex;justify-content:flex-end}
.tier-channel p{margin:6px 0 0;color:#667892;font-size:12px;line-height:1.45;max-width:260px}
.shipping-price-list{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}
.shipping-price-card{box-shadow:0 8px 24px rgba(30,70,120,.06)}
.sp-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.sp-head b{font-size:18px;color:#0a2c5e}.sp-head span{display:block;margin-top:4px;color:#6b7c95;font-size:13px}.sp-head strong{color:#1769ff}
.sp-price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.sp-price-grid span{background:#f6f9fd;border-radius:10px;padding:10px;font-size:12px;color:#61728e}.sp-price-grid b{display:block;margin-top:4px;color:#132c53;font-size:14px}
.sp-rules{border-top:1px dashed #d9e2ef;padding-top:10px}.sp-rules p{margin:7px 0;font-size:13px;line-height:1.55;color:#44546b}
@media(max-width:1050px){.manage-row,.customer-edit-grid,.channel-edit-form{grid-template-columns:repeat(2,minmax(140px,1fr))}.shipping-price-list{grid-template-columns:1fr}}
@media(max-width:650px){.manage-row,.customer-edit-grid,.channel-edit-form{grid-template-columns:1fr}.channel-edit-form .span2{grid-column:span 1}.sp-price-grid{grid-template-columns:repeat(2,1fr)}}

/* ===== V7.20 visual cleanup / grouped navigation / roomy sub-pages ===== */
.v720-sidebar{width:230px}
.side-links.grouped{padding:8px 10px}
.side-group{border-bottom:1px solid rgba(255,255,255,.06);padding:4px 0}
.side-group summary{list-style:none;cursor:pointer;color:#e8f2ff;font-weight:800;padding:12px 10px;display:flex;gap:10px;align-items:center;border-radius:10px}
.side-group summary::-webkit-details-marker{display:none}
.side-group summary:hover{background:rgba(255,255,255,.06)}
.side-sub-links{display:grid;gap:3px;padding:2px 0 8px 16px}
.side-sub-link{display:flex;align-items:center;gap:8px;color:#8fb4d4;text-decoration:none;padding:9px 10px;border-radius:9px;font-size:13px}
.side-sub-link:hover{background:rgba(35,151,255,.12);color:#fff}
.side-sub-link span{width:20px;text-align:center}

.nav-details-menu{min-width:250px;padding:10px!important;display:grid!important;gap:6px!important}
.nav-details-menu a{display:grid!important;grid-template-columns:1fr!important;gap:2px!important;padding:11px 12px!important;border-radius:10px!important;color:#14325a!important;background:#fff!important;text-decoration:none!important}
.nav-details-menu a:hover{background:#f2f7ff!important}
.nav-details-menu a b{font-size:13px;color:#0c2c5a!important}
.nav-details-menu a small{font-size:11px;color:#7890aa!important}

.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.settings-form{display:grid;gap:14px}
.settings-form label{display:grid;gap:6px;font-weight:700;color:#31445f}
.settings-form select{padding:12px;border:1px solid #ccd9ea;border-radius:10px;background:#fff}

.finance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 16px}
.finance-summary>div{background:#fff;border:1px solid #dce6f3;border-radius:14px;padding:16px}
.finance-summary small{display:block;color:#6c7a92;margin-bottom:5px}
.finance-summary b{font-size:24px;color:#0a2855}
.finance-search{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1.4fr auto auto;gap:10px;align-items:center;margin-bottom:14px}
.finance-search input,.finance-search select{padding:11px;border:1px solid #d1ddec;border-radius:10px;background:#fff;min-width:0}

.subpage-box{border:1px solid #dfe8f4;border-radius:14px;background:#f9fbfe;margin:12px 0}
.subpage-box summary{cursor:pointer;font-weight:800;padding:13px 15px;color:#164784;list-style:none}
.subpage-box summary::-webkit-details-marker{display:none}
.subpage-box[open] summary{border-bottom:1px solid #e2eaf4}
.subpage-box>form{padding:16px}
.roomy-form{display:grid!important;grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px!important}
.roomy-form label,.customs-notify-form label{display:grid;gap:6px;font-weight:700;color:#334a68}
.roomy-form input,.roomy-form textarea,.customs-notify-form input,.customs-notify-form textarea,.tracking-edit-row input,.tracking-add-form input,.tracking-add-form select{padding:12px;border:1px solid #cbd9eb;border-radius:10px;background:#fff}
.customs-notify-form{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;align-items:end}
.customs-notify-form .span3{grid-column:1/-1}
.customs-notify-form textarea{font-size:14px;line-height:1.6;min-height:120px}

.tracking-add-form{display:grid;grid-template-columns:1.3fr 1fr 1fr 2fr auto;gap:10px;margin:0 0 14px}
.tracking-edit-list{display:grid;gap:8px}
.tracking-edit-row{display:grid;grid-template-columns:1.1fr 1fr 1fr 2fr 1fr auto;gap:8px;padding:10px;border:1px solid #e2e9f3;border-radius:12px;background:#fafcff}

.batch-order-mini{font-size:13px}

@media(max-width:1100px){
  .settings-grid{grid-template-columns:1fr}
  .finance-search{grid-template-columns:1fr 1fr 1fr}
  .roomy-form{grid-template-columns:1fr 1fr!important}
  .customs-notify-form{grid-template-columns:1fr 1fr}
  .tracking-add-form,.tracking-edit-row{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .finance-summary{grid-template-columns:1fr}
  .finance-search,.roomy-form,.customs-notify-form,.tracking-add-form,.tracking-edit-row{grid-template-columns:1fr!important}
  .customs-notify-form .span3{grid-column:auto}
}

/* ===== V7.21 pricing pages split into focused child pages ===== */
.pricing-module-grid{grid-template-columns:repeat(5,minmax(190px,1fr));gap:16px}
.module-card{display:flex;flex-direction:column;gap:7px;min-height:150px;padding:22px;border:1px solid #dce6f4;border-radius:18px;background:#fff;color:#10284b;box-shadow:0 8px 28px rgba(20,55,95,.06);text-decoration:none}
.module-card:hover{transform:translateY(-2px);border-color:#a9c9ff;box-shadow:0 14px 32px rgba(31,111,255,.10)}
.module-card>span{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:13px;background:#eaf2ff;color:#1769ff;font-size:18px;font-weight:800}
.module-card>b{font-size:18px}.module-card small{color:#6b7b93;line-height:1.5;min-height:40px}.module-card em{font-style:normal;color:#1769ff;font-size:12px;font-weight:700;margin-top:auto}
.clean-edit-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.clean-edit-row{display:grid;grid-template-columns:150px repeat(4,minmax(150px,1fr)) 190px;gap:12px;align-items:end;padding:16px;border:1px solid #e1e9f5;border-radius:15px;background:#fbfdff}.clean-edit-row label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#61708a}.clean-edit-row .row-actions{display:flex;gap:8px;align-items:end}.clean-edit-row input,.clean-edit-row select{width:100%}
.channel-detail-list{display:flex;flex-direction:column;gap:14px;margin-top:16px}.channel-detail-card{border:1px solid #dfe8f5;border-radius:17px;padding:18px;background:#fff}.channel-detail-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.channel-detail-head>div{display:flex;gap:10px;align-items:baseline}.channel-detail-head b{font-size:19px;color:#143865}.channel-detail-head small{font-size:14px;color:#687996}.channel-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px}.channel-detail-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#5c6c86}.channel-detail-grid .span2{grid-column:span 2}.channel-detail-actions{display:flex;gap:10px;margin-top:14px}.channel-detail-card textarea{resize:vertical;min-height:70px}
.channel-price-list{display:flex;flex-direction:column;gap:10px}.channel-price-card{display:grid;grid-template-columns:220px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid #e1e9f5;border-radius:14px;background:#fbfdff}.channel-price-title{display:flex;flex-direction:column}.channel-price-title small{color:#708098}.channel-price-form{display:grid;grid-template-columns:repeat(6,minmax(105px,1fr)) 110px;gap:8px;align-items:end}.channel-price-form label{font-size:11px;color:#61708a;display:flex;flex-direction:column;gap:4px}.channel-price-form input{padding:9px}
.clean-customer-card{display:grid;grid-template-columns:180px repeat(5,minmax(140px,1fr)) 120px;gap:12px;align-items:end;padding:14px;border:1px solid #e2eaf6;border-radius:14px;background:#fbfdff}.clean-customer-card label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#61708a}.clean-customer-card>div{display:flex;flex-direction:column}.clean-customer-card>div small{color:#71809a}
.port-cost-panel{border-top:4px solid #2b7cff}.port-cost-row{display:grid;grid-template-columns:220px 220px 1fr 100px;gap:14px;align-items:end;padding:12px 0;border-bottom:1px solid #edf1f7}.port-cost-row>div{display:flex;flex-direction:column}.port-cost-row>div small{color:#71809a}.port-cost-row label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#60708a}.profit-summary-card{background:#fff;border:1px solid #dfe8f5;border-radius:17px;padding:18px;display:flex;flex-direction:column;gap:7px}.profit-summary-card>div{display:flex;gap:10px;align-items:center}.profit-summary-card strong{font-size:20px}.profit-summary-card small{color:#62728d}
@media(max-width:1400px){.pricing-module-grid{grid-template-columns:repeat(3,1fr)}.channel-detail-grid{grid-template-columns:repeat(2,1fr)}.channel-price-card{grid-template-columns:180px 1fr}.channel-price-card>.inline-form{grid-column:2}.channel-price-form{grid-template-columns:repeat(4,1fr)}.clean-customer-card{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.pricing-module-grid{grid-template-columns:1fr}.clean-edit-row,.clean-customer-card{grid-template-columns:1fr}.channel-detail-grid{grid-template-columns:1fr}.channel-detail-grid .span2{grid-column:auto}.channel-price-card{grid-template-columns:1fr}.channel-price-form{grid-template-columns:repeat(2,1fr)}.port-cost-row{grid-template-columns:1fr}.route-profit-grid{grid-template-columns:1fr}}

/* ===== V7.22 generated-design UI ===== */
html,body{height:100%;background:#f5f8fc}
.admin-shell{height:100vh;overflow:hidden;background:#f5f8fc}
.v722-sidebar{position:fixed;left:0;top:0;bottom:0;width:236px;height:100vh;background:linear-gradient(180deg,#0f2f58,#08223f);display:flex;flex-direction:column;overflow:hidden;z-index:50}
.v722-sidebar .brand{flex:0 0 auto;padding:18px 18px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.v722-side-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:8px 10px 16px;scrollbar-width:thin;scrollbar-color:#5e7896 transparent}
.v722-side-bottom{flex:0 0 auto;border-top:1px solid rgba(255,255,255,.08);padding:10px}
.side-section-title{font-size:12px;color:#8aa4c2;padding:18px 12px 7px;letter-spacing:.04em}
.side-v722-link{display:flex;align-items:center;gap:11px;color:#d7e8fa;text-decoration:none;padding:10px 12px;border-radius:10px;margin:2px 0;font-size:14px}
.side-v722-link:hover{background:rgba(66,145,255,.18);color:#fff}.side-v722-link span{width:22px;text-align:center;color:#b8d5f5}.side-v722-link b{font-weight:600}
.admin-main{margin-left:236px;height:100vh;overflow-y:auto;overscroll-behavior:contain;background:#f5f8fc;padding:88px 28px 40px;scrollbar-width:thin;scrollbar-color:#aab8c9 transparent}
.admin-work-topbar{position:fixed;left:236px;right:0;top:0;height:64px;background:#fff;border-bottom:1px solid #e5ebf4;display:flex;align-items:center;justify-content:space-between;padding:0 28px;z-index:40;box-shadow:0 2px 12px rgba(20,47,84,.03)}
.topbar-left,.topbar-right{display:flex;align-items:center;gap:12px}.hamburger{border:0;background:transparent;font-size:22px;color:#244870;cursor:pointer}.global-search{min-width:340px;background:#f5f8fc;border:1px solid #e5ebf5;border-radius:10px;padding:10px 14px;color:#91a0b5}.notify-dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#ef4444;color:#fff;font-size:11px}.admin-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#2473ee;color:#fff;font-weight:800}
.admin-top{margin:0 0 18px}.admin-top h1{font-size:28px;letter-spacing:-.02em;margin:0 0 6px;color:#0e274b}.admin-top p{color:#6b7a91;margin:0}.panel{border:1px solid #e1e8f2;border-radius:18px;box-shadow:0 8px 28px rgba(32,64,105,.045);background:#fff}
.v722-metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}
.v722-metric{position:relative;display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #e1e8f2;border-radius:16px;padding:16px;min-height:110px;box-shadow:0 7px 20px rgba(40,75,120,.04)}
.v722-metric-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#eaf3ff;color:#2474ef;font-size:20px}.v722-metric small{display:block;color:#6d7c92;font-size:12px}.v722-metric b{display:block;color:#0e2850;font-size:24px;margin:4px 0}.v722-metric em{font-style:normal;color:#7c8ba0;font-size:11px}.metric-eye{position:absolute;right:12px;top:11px;border:0;background:transparent;color:#7187a3;cursor:pointer;font-size:15px}
.v722-port-section{padding:18px;margin-bottom:18px}.v722-port-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.port-overview-card{border:1px solid #e4ebf4;border-radius:15px;padding:16px;background:linear-gradient(180deg,#fff,#fbfdff)}.port-title{display:flex;align-items:center;gap:10px;margin-bottom:14px}.port-title small{display:block;color:#7a899d;margin-top:3px}.port-badge{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;background:#3a7cff}.port-badge.green{background:#13b879}.port-badge.purple{background:#7357ee}.port-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.port-kpis>div{position:relative;border-right:1px solid #edf1f6;padding-right:8px}.port-kpis>div:last-child{border-right:0}.port-kpis small{display:block;color:#7b899d}.port-kpis b{display:block;font-size:19px;color:#102a52;margin-top:4px}.port-kpis .metric-eye{top:0;right:5px}
.trend-panel{padding:18px}.fake-trends{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.fake-trends>div{border:1px solid #e4ebf4;border-radius:14px;padding:16px}.spark{display:block;height:56px;margin-top:12px;border-radius:10px;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(20,183,121,.14),rgba(20,183,121,0))}.spark:after{content:"";position:absolute;left:-5%;right:-5%;top:50%;height:2px;background:currentColor;transform:rotate(-4deg);box-shadow:80px -10px 0 currentColor,160px 8px 0 currentColor,240px -16px 0 currentColor}.spark.green{color:#16b981}.spark.red{color:#ff5d63;background:linear-gradient(180deg,rgba(255,93,99,.14),rgba(255,93,99,0))}.spark.purple{color:#7b61f0;background:linear-gradient(180deg,rgba(123,97,240,.14),rgba(123,97,240,0))}.soft-select{padding:8px 12px;border:1px solid #dfe7f2;border-radius:10px;color:#62748e}
.v722-order-filters,.v722-bulkbar{background:#fff;border:1px solid #e2e9f3;border-radius:14px;padding:12px 14px;margin-bottom:12px}.v722-order-filters form{display:grid;grid-template-columns:140px 160px 25px 160px 1fr 100px 90px;gap:10px;align-items:center}.v722-order-filters input,.v722-order-filters select{height:42px;border:1px solid #d9e2ee;border-radius:9px;padding:0 11px;background:#fff}.v722-bulkbar{display:flex;align-items:center;gap:10px;position:relative}.order-column-picker{margin-left:auto;position:relative}.order-column-picker summary{list-style:none;cursor:pointer;border:1px solid #dce6f3;border-radius:9px;padding:8px 12px;color:#264f83;font-weight:700}.order-column-picker>div{position:absolute;right:0;top:42px;width:210px;background:#fff;border:1px solid #dde6f1;border-radius:12px;padding:12px;box-shadow:0 18px 44px rgba(29,54,88,.16);z-index:20;display:grid;gap:8px}.order-column-picker label{display:flex;gap:8px;align-items:center;font-size:13px;color:#354965}
.v722-order-list{display:grid;gap:10px}.v722-order-row{display:grid;grid-template-columns:34px 270px 90px 180px 250px 1fr 210px;gap:14px;align-items:start;background:#fff;border:1px solid #e2e9f3;border-radius:14px;padding:14px 16px;box-shadow:0 5px 16px rgba(25,58,98,.035)}.v722-order-row>div{min-width:0}.v722-order-row small{display:block;color:#73849a;font-size:11px;margin-bottom:4px}.v722-order-row b{color:#10284d;font-size:13px;line-height:1.4}.v722-order-row a{color:#1769ee;text-decoration:none}.ord-no{display:grid;gap:4px}.ord-status{padding-top:2px}.order-extra-line{display:none}.order-field-hidden{display:none!important}
.v722-channel-layout{display:grid;grid-template-columns:320px 1fr;gap:16px;align-items:start}.channel-list-pane{position:sticky;top:82px;background:#fff;border:1px solid #e1e9f4;border-radius:16px;padding:15px;max-height:calc(100vh - 105px);display:flex;flex-direction:column;overflow:hidden}.channel-list-pane>input{border:1px solid #dbe4ef;border-radius:9px;padding:10px;margin-bottom:10px}.channel-list-actions details summary{list-style:none;cursor:pointer;background:#2474ef;color:#fff;padding:9px 12px;border-radius:9px;font-weight:700}.mini-add-channel{display:grid;gap:7px;padding:8px 0}.mini-add-channel input{padding:8px;border:1px solid #dbe4ef;border-radius:8px}.channel-nav-scroll{overflow-y:auto;overscroll-behavior:contain;margin-top:10px;padding-right:3px}.channel-nav-item{display:grid;grid-template-columns:50px 1fr auto;gap:7px;padding:11px 10px;border-radius:10px;color:#173255;text-decoration:none;border-left:3px solid transparent}.channel-nav-item:hover,.channel-nav-item.active{background:#eef5ff;border-left-color:#2474ef}.channel-nav-item small{grid-column:2;color:#76869b}.channel-editor-pane{display:grid;gap:14px}.channel-basic-panel,.channel-price-panel{padding:18px}.switch-on{color:#12a66a;font-weight:700}.channel-editor-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.channel-editor-form label,.v722-price-form label{display:grid;gap:5px;color:#52647e;font-size:12px}.channel-editor-form .span2{grid-column:span 2}.channel-editor-form input,.channel-editor-form select,.channel-editor-form textarea,.v722-price-form input{border:1px solid #d7e1ed;border-radius:8px;padding:10px;background:#fff}.channel-editor-form textarea{min-height:62px}.danger-zone{margin-top:10px;text-align:right}.v722-price-form{display:grid;grid-template-columns:repeat(7,1fr) 110px;gap:10px;align-items:end;margin-top:12px}.tier-tabs{display:flex;gap:8px;flex-wrap:wrap}.tier-tab{display:grid;padding:9px 16px;border:1px solid #dbe5f1;border-radius:10px;color:#234369;text-decoration:none;background:#f8fbff}.tier-tab.active{background:#1769ee;color:#fff;border-color:#1769ee}.tier-tab small{font-size:10px;opacity:.75;margin-top:2px}
.cost-port-cards{grid-template-columns:1fr 1fr}.v722-cost-panel{padding:18px;margin-bottom:16px}.v722-cost-row{display:grid;grid-template-columns:220px 210px 1fr 95px;gap:14px;align-items:end;padding:10px 0;border-bottom:1px solid #edf1f6}.v722-cost-row label{display:grid;gap:5px;color:#5f7189;font-size:12px}.v722-cost-row input{border:1px solid #d9e2ed;border-radius:8px;padding:9px}.v722-cost-row b{align-self:center;color:#152d52}.v722-cost-row.extra b{color:#5d3cc4}
@media(max-width:1400px){.v722-metrics-grid{grid-template-columns:repeat(3,1fr)}.v722-order-row{grid-template-columns:30px 230px 85px 160px 210px 1fr}.v722-order-row>div:nth-child(7){grid-column:5/7}.v722-price-form{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1100px){.v722-sidebar{width:210px}.admin-main{margin-left:210px}.admin-work-topbar{left:210px}.v722-order-filters form{grid-template-columns:1fr 1fr}.v722-order-row{grid-template-columns:30px 1fr 1fr}.v722-channel-layout{grid-template-columns:1fr}.channel-list-pane{position:static;max-height:none}.channel-nav-scroll{max-height:320px}.channel-editor-form{grid-template-columns:1fr 1fr}.v722-port-grid,.fake-trends{grid-template-columns:1fr}.v722-cost-row{grid-template-columns:1fr 1fr}.cost-port-cards{grid-template-columns:1fr}}
body.sidebar-collapsed-v722 .v722-sidebar{transform:translateX(-236px)}body.sidebar-collapsed-v722 .admin-main{margin-left:0}body.sidebar-collapsed-v722 .admin-work-topbar{left:0}.v722-sidebar,.admin-main,.admin-work-topbar{transition:.2s ease}

/* ===== V7.23 critical layout repair: two independent panes ===== */
html,body{height:100%;min-height:100%;margin:0;background:#f5f8fc;color:#10284f}
body{overflow:hidden}
.admin-shell{
  height:100vh;height:100dvh;
  display:grid;
  grid-template-columns:236px minmax(0,1fr);
  overflow:hidden;
  background:#f5f8fc;
}
.v722-sidebar{
  position:relative!important;
  inset:auto!important;
  width:236px!important;
  height:100vh!important;height:100dvh!important;
  min-height:0;
  display:flex!important;
  flex-direction:column;
  overflow:hidden!important;
  z-index:10;
  background:linear-gradient(180deg,#0f2f58,#08223f)!important;
}
.v722-sidebar .brand{display:flex!important;flex:0 0 auto;min-height:82px;align-items:center;padding:14px 16px!important;background:rgba(4,20,38,.22)}
.v722-sidebar .brand-logo-img{display:block!important;max-width:190px;max-height:62px;object-fit:contain}
.v722-side-scroll{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding:8px 10px 18px;
}
.v722-side-bottom{flex:0 0 auto;position:relative!important;bottom:auto!important;background:#08223f;border-top:1px solid rgba(255,255,255,.1);padding:9px 10px 10px}
.side-v722-link{color:#d7e8fa!important}
.side-v722-link.active{background:#2474ef!important;color:#fff!important;box-shadow:0 7px 18px rgba(36,116,239,.24)}
.side-section-title{color:#8fb1d5!important}
.admin-main{
  margin-left:0!important;
  min-width:0;
  height:100vh!important;height:100dvh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  background:#f5f8fc!important;
  padding:0 28px 40px!important;
  scrollbar-gutter:stable;
}
.admin-work-topbar{
  position:sticky!important;
  left:auto!important;right:auto!important;top:0!important;
  width:auto!important;
  height:64px;
  margin:0 -28px 24px;
  padding:0 28px;
  z-index:30;
  background:#fff!important;
  border-bottom:1px solid #e5ebf4;
  box-shadow:0 3px 14px rgba(20,47,84,.05);
}
.admin-top{margin-top:0!important}
body.sidebar-collapsed-v722 .admin-shell{grid-template-columns:0 minmax(0,1fr)}
body.sidebar-collapsed-v722 .v722-sidebar{transform:translateX(-236px)}
body.sidebar-collapsed-v722 .admin-main{margin-left:0!important}
body.sidebar-collapsed-v722 .admin-work-topbar{left:auto!important}
@media(max-width:1100px){
  .admin-shell{grid-template-columns:210px minmax(0,1fr)}
  .v722-sidebar{width:210px!important}
  .admin-main{margin-left:0!important;padding-left:18px!important;padding-right:18px!important}
  .admin-work-topbar{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}
}
@media(max-width:760px){
  body{overflow:auto}
  .admin-shell{display:block;height:auto;min-height:100vh;overflow:visible}
  .v722-sidebar{position:fixed!important;left:0!important;top:0!important;width:240px!important;z-index:80;transform:translateX(-240px)}
  body:not(.sidebar-collapsed-v722) .v722-sidebar{transform:translateX(0)}
  .admin-main{height:100vh!important;padding:0 12px 28px!important}
  .admin-work-topbar{margin:0 -12px 18px;padding:0 12px}
  .global-search{min-width:0;display:none}
}

/* ===== V7.24 stable two-pane admin UI, matching approved visual direction ===== */
html,body{height:100%;margin:0;background:#f4f7fb;color:#10284f}
body{overflow:auto}
body:has(.admin-shell){overflow:hidden;background:#f4f7fb}
body:has(.admin-shell) .admin-shell{
  width:100vw!important;height:100vh!important;height:100dvh!important;
  display:grid!important;grid-template-columns:232px minmax(0,1fr)!important;
  overflow:hidden!important;background:#f4f7fb!important;
}
body:has(.admin-shell) .v722-sidebar{
  position:relative!important;left:auto!important;top:auto!important;bottom:auto!important;
  width:232px!important;height:100vh!important;height:100dvh!important;
  transform:none!important;display:flex!important;flex-direction:column!important;
  overflow:hidden!important;background:linear-gradient(180deg,#102e54 0%,#08213d 100%)!important;
  color:#dcecff!important;box-shadow:8px 0 22px rgba(16,44,78,.08);z-index:40!important;
}
body:has(.admin-shell) .v722-sidebar .brand{
  flex:0 0 82px!important;height:82px!important;display:flex!important;align-items:center!important;
  padding:12px 16px!important;background:#0b2748!important;border-bottom:1px solid rgba(255,255,255,.08)!important;
}
body:has(.admin-shell) .v722-sidebar .brand-logo-img{display:block!important;width:188px!important;max-width:100%!important;max-height:58px!important;object-fit:contain!important}
body:has(.admin-shell) .v722-side-scroll{
  flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
  overscroll-behavior:contain!important;scrollbar-gutter:stable!important;padding:10px 10px 18px!important;
  background:transparent!important;
}
body:has(.admin-shell) .v722-side-scroll::-webkit-scrollbar{width:7px}
body:has(.admin-shell) .v722-side-scroll::-webkit-scrollbar-thumb{background:rgba(174,205,235,.38);border-radius:10px}
body:has(.admin-shell) .v722-side-scroll::-webkit-scrollbar-track{background:transparent}
body:has(.admin-shell) .side-section-title{margin:15px 10px 5px!important;color:#7fa4c8!important;font-size:12px!important;font-weight:700!important;letter-spacing:.02em}
body:has(.admin-shell) .side-v722-link{display:flex!important;align-items:center!important;gap:10px!important;min-height:42px!important;padding:9px 12px!important;margin:2px 0!important;border-radius:9px!important;color:#d7e7f8!important;text-decoration:none!important;font-size:13px!important}
body:has(.admin-shell) .side-v722-link:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
body:has(.admin-shell) .side-v722-link.active{background:linear-gradient(90deg,#2477ee,#2d6bd7)!important;color:#fff!important;box-shadow:0 8px 22px rgba(33,108,229,.28)!important}
body:has(.admin-shell) .side-v722-link span{width:21px!important;text-align:center!important;color:#b9d3ec!important}
body:has(.admin-shell) .v722-side-bottom{flex:0 0 auto!important;position:relative!important;padding:8px 10px 12px!important;background:#08213d!important;border-top:1px solid rgba(255,255,255,.08)!important}
body:has(.admin-shell) .admin-main{
  position:relative!important;display:block!important;visibility:visible!important;opacity:1!important;
  margin:0!important;width:auto!important;min-width:0!important;height:100vh!important;height:100dvh!important;
  overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;
  padding:0 24px 38px!important;background:#f4f7fb!important;color:#10284f!important;z-index:1!important;
}
body:has(.admin-shell) .admin-main::-webkit-scrollbar{width:9px}
body:has(.admin-shell) .admin-main::-webkit-scrollbar-thumb{background:#b8c6d8;border-radius:10px;border:2px solid #f4f7fb}
body:has(.admin-shell) .admin-main::-webkit-scrollbar-track{background:#f4f7fb}
body:has(.admin-shell) .admin-work-topbar{
  position:sticky!important;top:0!important;left:auto!important;right:auto!important;
  height:62px!important;margin:0 -24px 20px!important;padding:0 24px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  background:rgba(255,255,255,.98)!important;border-bottom:1px solid #e5ebf3!important;
  box-shadow:0 4px 14px rgba(24,54,88,.045)!important;z-index:50!important;
}
body:has(.admin-shell) .admin-top{margin-top:0!important}
body:has(.admin-shell) .admin-main>section,body:has(.admin-shell) .admin-main>div,body:has(.admin-shell) .admin-main>main{max-width:100%!important}
body:has(.admin-shell) .page-head,body:has(.admin-shell) .admin-head{padding-top:2px!important}
body:has(.admin-shell) .panel{background:#fff!important;border:1px solid #e1e8f2!important;border-radius:16px!important;box-shadow:0 7px 24px rgba(23,55,93,.045)!important}
body:has(.admin-shell) .v722-metrics-grid{display:grid!important;grid-template-columns:repeat(5,minmax(150px,1fr))!important;gap:14px!important;margin-bottom:16px!important}
body:has(.admin-shell) .v722-metric{min-height:105px!important;background:#fff!important;border:1px solid #e1e8f2!important;border-radius:16px!important;box-shadow:0 6px 18px rgba(25,57,92,.04)!important}
body:has(.admin-shell) .v722-port-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}
body:has(.admin-shell) .port-overview-card{background:#fff!important;border:1px solid #e3eaf4!important;border-radius:15px!important;padding:18px!important}
body:has(.admin-shell) .trend-panel{margin-top:16px!important}
body:has(.admin-shell) .fake-trends{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important}
body:has(.admin-shell) .v722-order-row{background:#fff!important;border:1px solid #e0e8f2!important;border-radius:14px!important;box-shadow:0 4px 14px rgba(27,58,96,.035)!important}
body:has(.admin-shell) .v722-order-filters,body:has(.admin-shell) .v722-bulkbar{background:#fff!important;border:1px solid #e0e8f2!important;border-radius:14px!important;box-shadow:0 4px 14px rgba(27,58,96,.035)!important}
body:has(.admin-shell) .channel-list-pane,body:has(.admin-shell) .channel-basic-panel,body:has(.admin-shell) .channel-price-panel,body:has(.admin-shell) .v722-cost-panel{background:#fff!important;border:1px solid #e1e8f2!important;border-radius:16px!important;box-shadow:0 6px 20px rgba(24,55,91,.04)!important}
body:has(.admin-shell) input,body:has(.admin-shell) select,body:has(.admin-shell) textarea{border-color:#d6e0ec!important;background:#fff!important;color:#193352!important}
body:has(.admin-shell) .btn.primary{background:linear-gradient(135deg,#176df0,#2d7cff)!important;border-color:transparent!important;box-shadow:0 7px 18px rgba(28,108,240,.18)!important}
body:has(.admin-shell) .btn.ghost{background:#f4f8fe!important;border-color:#dbe6f4!important;color:#2461a9!important}
body.sidebar-collapsed-v722:has(.admin-shell) .admin-shell{grid-template-columns:0 minmax(0,1fr)!important}
body.sidebar-collapsed-v722:has(.admin-shell) .v722-sidebar{transform:translateX(-232px)!important}
@media(max-width:1350px){body:has(.admin-shell) .v722-metrics-grid{grid-template-columns:repeat(3,minmax(150px,1fr))!important}}
@media(max-width:1050px){body:has(.admin-shell) .admin-shell{grid-template-columns:205px minmax(0,1fr)!important}body:has(.admin-shell) .v722-sidebar{width:205px!important}body:has(.admin-shell) .v722-metrics-grid{grid-template-columns:repeat(2,minmax(150px,1fr))!important}body:has(.admin-shell) .v722-port-grid,body:has(.admin-shell) .fake-trends{grid-template-columns:1fr!important}}
@media(max-width:760px){body:has(.admin-shell){overflow:auto!important}body:has(.admin-shell) .admin-shell{display:block!important;height:auto!important;min-height:100vh!important}body:has(.admin-shell) .v722-sidebar{position:fixed!important;left:0!important;top:0!important;width:240px!important;transform:translateX(-240px)!important;z-index:100!important}body:has(.admin-shell):not(.sidebar-collapsed-v722) .v722-sidebar{transform:translateX(0)!important}body:has(.admin-shell) .admin-main{height:100vh!important;padding:0 12px 30px!important}body:has(.admin-shell) .admin-work-topbar{margin:0 -12px 18px!important;padding:0 12px!important}body:has(.admin-shell) .v722-metrics-grid{grid-template-columns:1fr!important}}

/* ===== V7.25 configurable channels / costs / dropship / identity API / tracking ===== */
.channel-list-actions{margin:10px 0}.mini-add-channel{display:grid;gap:8px;margin-top:10px;padding:12px;background:#f7fbff;border:1px solid #dbe8f8;border-radius:12px}.mini-add-channel textarea{min-height:74px}.channel-basic-panel .panel-head{align-items:flex-start}.channel-editor-form textarea{min-height:86px}.cost-rule-list{display:grid;gap:10px;margin-top:14px}.cost-rule-card{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:12px 14px;border:1px solid #e1e9f4;border-radius:14px;background:#fff}.cost-rule-edit{display:grid;grid-template-columns:minmax(160px,220px) 210px 1fr auto;gap:10px;align-items:end}.cost-rule-edit label{font-size:12px;color:#60708a}.cost-rule-edit input{margin-top:4px}.add-cost-form{margin-bottom:14px}.dropship-create-form{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px}.dropship-create-form .span2{grid-column:span 2}.dropship-admin-grid{display:grid;gap:16px}.dropship-admin-card{display:grid;grid-template-columns:220px 1fr auto;gap:18px;padding:18px;background:#fff;border:1px solid #e1e9f4;border-radius:18px;align-items:start}.dropship-photo{height:180px;border-radius:14px;overflow:hidden;background:#f4f7fb;display:flex;align-items:center;justify-content:center}.dropship-photo img{width:100%;height:100%;object-fit:cover}.dropship-noimg{color:#9aa7b9}.dropship-edit{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px}.dropship-edit .span2{grid-column:span 2}.dropship-delete{align-self:end}.portal-dropship-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.portal-dropship-card{background:#fff;border:1px solid #e2eaf4;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(20,52,91,.06)}.portal-dropship-card .dropship-photo{height:220px;border-radius:0}.dropship-info{padding:18px}.dropship-info h3{margin:4px 0 8px}.dropship-meta{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.dropship-meta span{background:#f2f7ff;border-radius:10px;padding:7px 10px;font-size:13px}.portal-dropship-card form{display:grid;gap:8px}.portal-dropship-card textarea{min-height:70px}.id-api-form{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}.tracking-modern-result{margin-top:18px}.tracking-status-card{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;background:#fff;border:1px solid #e1e9f4;border-radius:18px;padding:18px;margin-bottom:14px}.tracking-status-card>div{padding:12px;background:#f7faff;border-radius:12px}.tracking-status-card small{display:block;color:#71809a;margin-bottom:6px}.tracking-status-card b{word-break:break-all}.v725-track .track-form{margin-bottom:18px}
@media(max-width:1000px){.dropship-create-form,.dropship-edit{grid-template-columns:repeat(2,minmax(140px,1fr))}.dropship-admin-card{grid-template-columns:160px 1fr}.dropship-delete{grid-column:2}.cost-rule-edit{grid-template-columns:1fr 1fr}.tracking-status-card{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.dropship-create-form,.dropship-edit,.id-api-form,.tracking-status-card{grid-template-columns:1fr}.dropship-admin-card{grid-template-columns:1fr}.dropship-delete{grid-column:1}.dropship-photo{height:210px}.cost-rule-card{grid-template-columns:1fr}.cost-rule-edit{grid-template-columns:1fr}}

/* V7.25.3 admin order filter completion */
.v722-order-filters form{display:grid;grid-template-columns:180px minmax(300px,1fr) 150px 150px auto 150px auto auto;gap:8px;align-items:center}
.v722-order-filters select,.v722-order-filters input{min-height:40px;border:1px solid #d8e1ee;border-radius:10px;background:#fff;padding:8px 10px}
.v722-order-filters .order-q{min-width:0;width:100%}
.filter-shortcuts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 12px;padding:8px 12px;background:#f7faff;border:1px solid #e2eaf5;border-radius:10px;font-size:12px;color:#65758c}
.filter-shortcuts a{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef4ff;color:#1769ff;font-weight:700}
.order-column-picker{position:relative}
.order-column-picker>div{position:absolute;right:0;top:calc(100% + 8px);z-index:20;background:#fff;border:1px solid #dbe5f2;border-radius:12px;box-shadow:0 16px 40px rgba(23,48,89,.14);padding:10px;min-width:180px}
.order-column-picker:not([open])>div{display:none}
.order-column-picker label{display:block;padding:5px 2px;white-space:nowrap}
@media(max-width:1150px){.v722-order-filters form{grid-template-columns:180px 1fr 150px 150px 150px}.v722-order-filters form .btn{width:auto}}

/* ===== V7.26 ===== */
.trend-real-wrap{padding:8px 8px 0}.trend-legend{display:flex;gap:24px;justify-content:flex-end;font-size:12px;color:#586a86;margin:0 18px 4px}.trend-legend span{display:flex;align-items:center;gap:7px}.trend-legend i{width:20px;height:3px;border-radius:3px}.trend-svg{display:block;width:100%;height:260px;background:linear-gradient(180deg,#fbfdff,#fff);border-radius:14px}
.channel-cost-list{display:grid;gap:10px}.channel-cost-row{display:grid;grid-template-columns:250px 1fr auto;gap:14px;align-items:end;border:1px solid #e4ebf5;border-radius:14px;padding:12px 14px;background:#fff}.channel-cost-name{display:flex;flex-direction:column;gap:4px}.channel-cost-name small{color:#70809b}.channel-cost-row>form:first-of-type{display:grid;grid-template-columns:180px 1fr auto;gap:12px;align-items:end}.channel-cost-row label,.cost-extra-row label{font-size:12px;color:#5f6f87}.channel-cost-row input,.cost-extra-row input{width:100%;margin-top:4px}.cost-extra-list{display:grid;gap:10px;margin-top:14px}.cost-extra-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.cost-extra-row>form:first-child{display:grid;grid-template-columns:220px 180px 1fr auto;gap:10px;align-items:end}
.catalog-toolbar{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.catalog-toolbar>form{display:grid;grid-template-columns:minmax(320px,1fr) 180px 150px auto auto;gap:10px;flex:1}.catalog-add{min-width:180px}.catalog-add[open]{width:100%;order:5}.catalog-add .compact-form{margin-top:14px}.catalog-summary{width:100%;font-size:12px;color:#6c7a90}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.catalog-product-card{background:#fff;border:1px solid #e0e8f4;border-radius:16px;padding:16px;box-shadow:0 8px 26px rgba(31,63,110,.05)}.catalog-card-head{display:flex;justify-content:space-between;gap:12px}.catalog-card-head>div{display:flex;flex-direction:column;gap:3px}.catalog-card-head b{font-size:17px}.catalog-card-head small{color:#65758e}.catalog-card-head>span{font-size:11px;background:#eef5ff;color:#1769d2;padding:5px 8px;border-radius:999px;height:max-content}.catalog-meta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.catalog-meta span{font-size:11px;background:#f6f8fb;padding:5px 7px;border-radius:8px;color:#52627b}.catalog-edit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.catalog-edit label{font-size:11px;color:#60718b}.catalog-edit input,.catalog-edit select{width:100%;margin-top:3px}.catalog-edit .span2{grid-column:1/-1}.catalog-actions{display:flex;justify-content:space-between;gap:8px;margin-top:10px}
.channel-list-pane{position:sticky;top:14px;align-self:start}.channel-nav-scroll{overscroll-behavior:contain}.v722-side-scroll{overscroll-behavior:contain}
@media(max-width:1100px){.catalog-grid{grid-template-columns:1fr}.catalog-toolbar>form{grid-template-columns:1fr 1fr}.channel-cost-row{grid-template-columns:1fr}.channel-cost-row>form:first-of-type,.cost-extra-row>form:first-child{grid-template-columns:1fr 1fr}}
/* V7.27 */
a.v722-metric.metric-link-card{color:inherit;text-decoration:none;cursor:pointer;transition:.18s ease}a.v722-metric.metric-link-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(31,76,145,.12);border-color:#b8d0fa}.port-card-main{display:block;color:inherit;text-decoration:none}.port-card-main:hover{background:#f7faff}.port-card-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.stats-summary{margin-bottom:18px}
/* V7.28 live API settings */
.api-live-form,.api-test-form{display:grid;gap:14px}.api-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.api-live-form label{font-weight:700;color:#20334f}.api-live-form input,.api-test-form input{width:100%;box-sizing:border-box;border:1px solid #cfdced;border-radius:10px;padding:12px;background:#fff}.api-test-form{grid-template-columns:2fr 2fr 1fr auto;align-items:end}.api-test-form.single-action{grid-template-columns:1fr auto}.toggle-line{display:flex!important;gap:8px;align-items:center}.toggle-line input{width:auto!important}.status-row{margin-bottom:12px}@media(max-width:900px){.api-grid,.api-test-form,.api-test-form.single-action{grid-template-columns:1fr}}

.migration-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.migration-kpis>div{background:#fff;border:1px solid #dbe6f5;border-radius:16px;padding:18px;box-shadow:0 7px 24px #173b7010}.migration-kpis small,.migration-kpis em{display:block;color:#6b7d98;font-style:normal}.migration-kpis b{display:block;font-size:20px;margin:6px 0;color:#0d2346}.migration-upload input[type=file]{padding:14px;background:#f7faff;border:1px dashed #9eb8db;border-radius:10px}.migration-map-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.migration-map-grid span{background:#f5f8fd;border:1px solid #dce6f4;border-radius:10px;padding:12px;color:#2d486d;font-size:13px}.mig-ins{color:#087f5b;font-weight:700}.mig-upd{color:#1d63d8;font-weight:700}.module-card.disabled{opacity:.72;cursor:default}.migration-next .module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1100px){.migration-kpis{grid-template-columns:repeat(2,1fr)}.migration-map-grid{grid-template-columns:repeat(2,1fr)}}
/* V7.29.1 migration preview fix */
.mig-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mig-actions form{margin:0}.migration-preview-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.migration-preview-kpis>div{background:#fff;border:1px solid #dbe6f5;border-radius:14px;padding:14px 16px}.migration-preview-kpis small{display:block;color:#6b7d98}.migration-preview-kpis b{display:block;margin-top:5px;font-size:22px;color:#0d2346}.mig-pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:10px 0}.mig-pager .disabled{pointer-events:none;opacity:.45}.mig-preview-table{max-height:none;overflow:auto}.mig-preview-table table{min-width:1550px}.mig-preview-table th{position:sticky;top:0;z-index:2;background:#f7faff}.mig-preview-table td{vertical-align:top}.mig-product-cell{min-width:260px;white-space:normal;line-height:1.45}.mig-error-row td{background:#fff4f4;color:#9b2c2c}.badge.info{display:inline-block;text-decoration:none;cursor:pointer;background:#eef5ff;color:#1764d8;border-radius:999px;padding:6px 10px;font-weight:700}@media(max-width:900px){.migration-preview-kpis{grid-template-columns:repeat(2,1fr)}}