:root{--bg:#f4f6fa;--card:#fff;--text:#172033;--muted:#6b7280;--line:#e3e7ef;--blue:#2563eb;--nav:#111827}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Arial,"Microsoft YaHei",sans-serif;color:var(--text)}
a{text-decoration:none;color:inherit}.topbar{height:62px;background:var(--nav);color:#fff;display:flex;align-items:center;padding:0 24px;gap:28px;position:sticky;top:0;z-index:10}
.brand{font-weight:800;font-size:18px}.topbar nav{display:flex;gap:7px;flex:1}.topbar nav a{padding:9px 12px;border-radius:7px;color:#dbe3f0}.topbar nav a:hover{background:#273244}.userbox{font-size:13px;color:#cbd5e1}.userbox a{color:#fff}
.container{max-width:1480px;margin:auto;padding:22px}.pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}
h1{margin:0 0 6px;font-size:26px}h2{font-size:17px;margin:0}.muted{color:var(--muted);font-size:13px}.tiny{font-size:11px;margin-top:3px}.mono{font-family:Consolas,monospace}
.cards{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));gap:12px;margin-bottom:16px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px}.stat b{display:block;font-size:28px;margin-bottom:4px}.stat span{font-size:12px;color:var(--muted)}
.panel{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:16px;overflow:hidden}.panelhead{padding:15px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.panel>p{padding:0 16px 12px}
table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:10px 11px;border-bottom:1px solid var(--line);vertical-align:middle}th{background:#fafbfc;color:#596173;font-weight:700;white-space:nowrap}
.tablewrap{overflow:auto}input,select{border:1px solid #ccd3df;border-radius:7px;padding:8px 9px;background:#fff;min-width:115px}input:focus,select:focus{outline:2px solid #bfdbfe;border-color:#60a5fa}.smallinput{width:78px;min-width:70px}
.btn{display:inline-block;border:1px solid #d5dbe5;border-radius:8px;background:#fff;padding:9px 13px;cursor:pointer;font-weight:700}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.sm{padding:6px 9px;font-size:12px}.linkbtn{color:#1d4ed8;font-weight:700}
.inline{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:14px 16px}.formgrid{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;padding:16px;align-items:end}.formgrid label{font-size:12px;color:var(--muted)}.formgrid label input,.formgrid label select{display:block;width:100%;margin-top:5px}
.flash{background:#ecfdf5;color:#166534;border:1px solid #bbf7d0;padding:10px 12px;border-radius:8px;margin-bottom:12px}.notice{background:#fff7ed;border:1px solid #fed7aa;color:#9a5411;padding:11px 13px;border-radius:9px;margin-bottom:14px;font-size:13px}
.badge{display:inline-block;padding:4px 7px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.badge.ready{background:#dbeafe;color:#1d4ed8}.badge.future{background:#fef3c7;color:#92400e}.badge.internal{background:#ede9fe;color:#6d28d9}.badge.success{background:#dcfce7;color:#166534}.badge.failed{background:#fee2e2;color:#991b1b}.badge.missing{background:#f3f4f6;color:#6b7280}.badge.real{background:#dcfce7;color:#166534}
.loginbg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#eef2f8}.loginbox{width:390px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:28px;box-shadow:0 14px 35px rgba(15,23,42,.08)}.loginbox h1{font-size:24px}.loginbox p{color:var(--muted)}.loginbox label{display:block;font-size:13px;margin:13px 0 5px}.loginbox input{width:100%}.loginbox .btn{width:100%;margin-top:18px}.error{background:#fee2e2;color:#991b1b;padding:9px;border-radius:7px}.loginbox .muted{margin-top:14px;line-height:1.6}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.formgrid{grid-template-columns:1fr}.topbar{height:auto;min-height:62px;flex-wrap:wrap;padding:12px}.topbar nav{order:3;width:100%;overflow:auto}.container{padding:12px}}


.credentialbox{background:#eff6ff;border:1px solid #93c5fd;border-radius:12px;padding:16px;margin-bottom:16px;display:flex;justify-content:space-between;gap:20px;align-items:center}
.credentialrow{display:flex;align-items:center;gap:10px;margin-top:10px}.credentialrow span{width:70px;color:#64748b;font-size:13px}.credentialrow code{font-size:16px;background:#fff;border:1px solid #bfdbfe;padding:6px 9px;border-radius:6px;color:#0f172a}
.errorbox{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:11px 13px;border-radius:9px;margin-bottom:14px}
.selftag{display:inline-block;margin-left:7px;padding:2px 6px;border-radius:999px;background:#e0e7ff;color:#3730a3;font-size:10px}
.rowform{display:flex;gap:7px;align-items:center}.rowform select{min-width:92px}.warningbtn{background:#fff7ed;border-color:#fed7aa;color:#9a3412}
.usercreate{grid-template-columns:1fr 1fr 1.3fr auto}.narrowpanel{max-width:620px}.passwordform{padding:18px;display:grid;gap:14px}.passwordform label{display:grid;gap:6px;font-size:13px;color:#596173}.passwordform input{width:100%}
@media(max-width:1000px){.credentialbox{align-items:flex-start;flex-direction:column}.usercreate{grid-template-columns:1fr}.rowform{flex-wrap:wrap}}

.inline-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.inline-actions form{margin:0}

/* Customer notice editor: use the available wide workspace instead of
   squeezing the textarea and URLs into tiny inline controls. */
.customer-notice-form{padding:22px;display:grid;gap:18px}
.customer-notice-basic{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(420px,1.3fr);gap:18px;align-items:end}
.customer-notice-form label{display:grid;gap:8px;font-size:13px;color:#596173}
.customer-notice-form .checkline{display:flex;align-items:center;gap:8px;min-height:44px}
.customer-notice-form .checkline input{width:auto;min-width:16px}
.customer-notice-form input,.customer-notice-form textarea{width:100%;min-height:46px!important;padding:12px 14px!important;font-size:14px!important}
.customer-notice-form textarea{min-height:210px!important;line-height:1.6;resize:vertical}
.customer-notice-form .checkline input{min-width:16px;min-height:16px!important;padding:0!important;font-size:inherit!important}
.customer-notice-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.customer-notice-actions{margin-top:2px}
@media(max-width:900px){.customer-notice-basic,.customer-notice-links{grid-template-columns:1fr}.customer-notice-form{padding:16px}}

.trackingcards{grid-template-columns:repeat(6,minmax(130px,1fr))}
.batchactions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding:16px}
.batchactions form{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.batchactions label{font-size:12px;color:#64748b}.tinyinput{width:84px;min-width:70px}
.goodbtn{background:#ecfdf5!important;border-color:#bbf7d0!important;color:#166534!important}
.publictable table{min-width:1850px}.nowrap{white-space:nowrap}.eventdesc{max-width:340px;white-space:normal;line-height:1.45}
.errorcell{max-width:260px;white-space:normal;color:#991b1b;font-size:11px}.mapform{padding:9px;display:grid;gap:7px;min-width:220px}.mapform label{font-size:11px;color:#64748b}.mapform input{display:block;width:100%;margin-top:3px}
.secretstatus{background:#f8fafc;border:1px solid #e2e8f0;padding:9px;border-radius:7px;color:#334155}
.settingtest{padding:0 18px 18px}

.free-layout{display:grid;grid-template-columns:minmax(720px,1.35fr) minmax(460px,.85fr);gap:16px;align-items:start}
.free-list,.free-side .panel{margin-bottom:16px}.free-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--line);background:#fafbfc}
.free-tablewrap{max-height:72vh}.free-tablewrap table{min-width:900px}.free-side{min-width:0}.sticky-result{position:sticky;top:78px;z-index:3}
.track-result-placeholder,.multi-container{min-height:180px;padding:12px}.empty-result{padding:50px 15px;text-align:center;color:#94a3b8;border:1px dashed #cbd5e1;border-radius:9px}
.manual-record{border-top:1px solid var(--line);padding:14px}.manual-title{font-weight:700;margin-bottom:8px}.manual-record textarea{width:100%;border:1px solid #cbd5e1;border-radius:7px;padding:8px;resize:vertical}
.result-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.resultbtn{border:0;border-radius:8px;padding:9px 10px;font-weight:700;cursor:pointer}
.foundbtn{background:#dcfce7;color:#166534}.updatedbtn{background:#dbeafe;color:#1d4ed8}.notfoundbtn{background:#fef3c7;color:#92400e}.errorbtn{background:#fee2e2;color:#991b1b}
.hiddenbox{display:none}.mappingdetails{margin-top:5px}
@media(max-width:1250px){.free-layout{grid-template-columns:1fr}.sticky-result{position:relative;top:auto}}

.auto-carrier{margin-top:4px;color:#047857}
.manual-panel{border-left:4px solid #2563eb}.manual-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:end}
.manual-grid label{display:grid;gap:6px;font-size:12px;color:#64748b}.manual-grid textarea{width:100%}
.fallback-summary{padding:15px 16px;font-weight:700;cursor:pointer}.embedded-fallback{border-top:1px solid var(--line);padding:14px}
.fallback-query{display:flex;gap:8px;margin-bottom:12px}.fallback-query input{min-width:320px}
@media(max-width:900px){.manual-grid{grid-template-columns:1fr}}

.upstream-table table{min-width:1450px}.missingtext{max-width:300px;white-space:normal;color:#991b1b;margin-top:4px}
.messagecell{max-width:300px;white-space:normal;line-height:1.4}
.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px;padding:18px}
.settings-grid label{display:grid;gap:6px;font-size:12px;color:#596173}
.settings-grid input,.settings-grid select{width:100%}
.settings-divider{grid-column:1/-1;font-weight:800;font-size:15px;border-top:1px solid var(--line);padding-top:14px;margin-top:3px}
.settings-actions{grid-column:1/-1}.product-chips{display:flex;gap:7px;flex-wrap:wrap;padding:14px 16px}
.productchip{background:#f1f5f9;border:1px solid #dbe3ed;padding:6px 9px;border-radius:999px;font-size:12px}
.upstream-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
.resultcard{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;min-width:0}
.resultcard span{display:block;color:#64748b;font-size:11px;margin-bottom:6px}.resultcard b{display:block;overflow-wrap:anywhere}
.upstream-form{padding:16px}.form-section{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;border-bottom:1px solid var(--line);padding:4px 0 18px;margin-bottom:16px}
.form-section h3{grid-column:1/-1;margin:0;font-size:15px}.form-section label{display:grid;gap:5px;font-size:12px;color:#596173}
.form-section input,.form-section select{width:100%}.form-section .widefield{grid-column:span 2}.form-actions{display:flex;justify-content:flex-end}
.logresponse{max-width:650px;white-space:normal;word-break:break-all;font-family:Consolas,monospace;font-size:11px}
@media(max-width:1050px){.settings-grid{grid-template-columns:1fr 1fr}.upstream-result-grid{grid-template-columns:1fr 1fr}.form-section{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.settings-grid,.upstream-result-grid,.form-section{grid-template-columns:1fr}.form-section .widefield{grid-column:auto}}

.credential-status{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#f8fafc;border:1px solid #dbe3ed;border-radius:9px;padding:10px}
.credential-status div{min-width:0}.credential-status span{display:block;font-size:11px;color:#64748b}.credential-status b{display:block;margin-top:3px;font-family:Consolas,monospace;overflow-wrap:anywhere}
@media(max-width:900px){.credential-status{grid-template-columns:1fr 1fr}}

.channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.channel-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.active-channel{border-top:4px solid #16a34a}.paused-channel{border-top:4px solid #94a3b8}.channel-card h2{margin:0 0 8px}.channel-card p{color:#64748b}.channel-stats{display:flex;gap:18px;margin:14px 0}.channel-stats span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:9px 11px}.piggy-table table{min-width:1450px}.inline-mini{display:inline-block;margin:2px}.piggy-table .messagecell{max-width:260px}
@media(max-width:900px){.channel-grid{grid-template-columns:1fr}}


/* ===== v1.0 architecture shell ===== */
body{background:#f5f7fb}.app-shell{display:flex;min-height:100vh}.sidebar{width:232px;background:#111827;color:#dbe4f0;position:fixed;inset:0 auto 0 0;padding:18px 13px;z-index:20;overflow:auto}.brand-block{padding:7px 10px 18px;border-bottom:1px solid #283548;margin-bottom:12px}.brand-title{font-size:17px;font-weight:800;color:#fff}.brand-sub{font-size:10px;color:#718096;margin-top:5px;letter-spacing:.08em}.side-section{font-size:10px;color:#6f8097;padding:13px 10px 5px;letter-spacing:.08em}.side-link{display:flex;align-items:center;gap:10px;padding:10px 11px;color:#cbd5e1;border-radius:8px;margin:2px 0;font-size:13px}.side-link i{font-style:normal;width:20px;text-align:center;color:#9fb0c5}.side-link:hover{background:#243247;color:#fff}.sidebar-foot{margin-top:22px;border-top:1px solid #283548;padding:15px 10px;color:#eef2f7;font-size:12px}.sidebar-foot span{color:#7f91a8;font-size:11px}.main-shell{margin-left:232px;width:calc(100% - 232px)}.new-topbar{height:64px;background:#fff;border-bottom:1px solid #e5eaf1;display:flex;align-items:center;justify-content:space-between;padding:0 25px;position:sticky;top:0;z-index:15}.top-sep{margin:0 8px;color:#c3cad4}.top-actions{display:flex;gap:16px;font-size:12px;color:#5f6b7d}.container{max-width:1500px;padding:24px}.dashboard-cards{grid-template-columns:repeat(5,1fr)}.stat small{display:block;color:#9aa4b2;font-size:10px;margin-top:5px}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;padding:16px}.quick-grid a{border:1px solid #e2e7ef;border-radius:10px;padding:16px;background:#f9fbfd}.quick-grid a:hover{border-color:#93b4ff;background:#f7faff}.quick-grid b{display:block;margin-bottom:6px}.quick-grid span{color:#7a8699;font-size:11px;line-height:1.4}.channel-mini{display:grid;gap:10px;padding:16px}.channel-mini>div{border:1px solid #e3e8ef;border-radius:10px;padding:13px}.channel-mini strong{margin-right:8px}.channel-mini p{margin:7px 0 0;color:#7b8798;font-size:11px}.customer-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #dbeafe;border-radius:14px;padding:24px;margin-bottom:16px}.customer-hero h1{margin-top:4px}.customer-hero p{color:#667085;margin:5px 0 0}.eyebrow{font-size:10px;color:#2563eb;font-weight:800;letter-spacing:.12em}.customer-cards{grid-template-columns:repeat(3,1fr)}.compact-inline{padding:0}.customer-form{padding:18px;grid-template-columns:repeat(3,1fr)}.customer-submit{display:flex;gap:12px;align-items:center;padding:0 18px 20px}.customer-detail-cards{grid-template-columns:repeat(3,1fr)}.small-number{font-size:16px!important;overflow-wrap:anywhere}.timeline{padding:18px}.timeline-item{display:flex;gap:12px;position:relative;padding:0 0 20px 2px}.timeline-item:not(:last-child):before{content:"";position:absolute;left:7px;top:15px;bottom:0;width:1px;background:#d8e0ea}.timeline-item .dot{width:12px;height:12px;border:3px solid #2563eb;background:#fff;border-radius:50%;margin-top:3px;z-index:2}.timeline-item b{font-size:13px}.timeline-item p{margin:5px 0 0;color:#7a8699;font-size:11px}.v1-login{text-align:left}.login-mark{width:42px;height:42px;border-radius:12px;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;margin-bottom:14px}.login-tip{border-top:1px solid #eef1f5;padding-top:14px}.v1-login p{line-height:1.5}
@media(max-width:1100px){.dashboard-cards{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}.customer-form{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.sidebar{width:76px}.brand-title{font-size:0}.brand-title:before{content:"物流";font-size:15px}.brand-sub,.side-section,.side-link span,.sidebar-foot{display:none}.side-link{justify-content:center}.main-shell{margin-left:76px;width:calc(100% - 76px)}.new-topbar{padding:0 14px}.container{padding:14px}.dashboard-cards,.customer-cards,.customer-detail-cards,.quick-grid,.customer-form{grid-template-columns:1fr}.customer-hero{align-items:flex-start;flex-direction:column}}


/* ===== v1.3 management efficiency ===== */
.order-summary-cards{grid-template-columns:repeat(5,minmax(130px,1fr))}.user-summary-cards{grid-template-columns:repeat(4,minmax(130px,1fr))}
.filter-panel{overflow:visible}.order-filters{display:grid;grid-template-columns:2fr repeat(4,minmax(135px,1fr));gap:11px;padding:16px;align-items:end}.order-filters label,.user-filters label{display:grid;gap:5px;font-size:11px;color:#667085}.order-filters input,.order-filters select,.user-filters input,.user-filters select{width:100%;min-width:0}.wide-filter{grid-column:span 2}.filter-actions{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end}
.management-tools{padding:14px 16px;display:grid;gap:10px}.tool-line{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:10px;border:1px solid #edf0f4;border-radius:9px;background:#fafbfc}.tool-line b{min-width:72px}.compact-tools{overflow:visible}
.order-tablewrap{max-height:68vh}.order-table thead th{position:sticky;top:0;z-index:3;box-shadow:0 1px 0 var(--line)}.order-table tbody tr:hover{background:#f8fbff}.checkcol{width:42px;text-align:center}.checkcol input{min-width:0}.action-sep{color:#cbd5e1;margin:0 5px}.copy-link{color:#7c3aed}.empty-cell{text-align:center;padding:36px!important}
.pagination-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;border-top:1px solid var(--line)}.pagination{display:flex;gap:9px;align-items:center}.user-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;padding:16px;align-items:end}
@media(max-width:1200px){.order-filters{grid-template-columns:repeat(3,1fr)}.wide-filter{grid-column:span 2}.filter-actions{grid-column:1/-1}.order-summary-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.order-filters,.user-filters{grid-template-columns:1fr}.wide-filter,.filter-actions{grid-column:auto}.order-summary-cards,.user-summary-cards{grid-template-columns:1fr 1fr}.pagination-bar{align-items:flex-start;flex-direction:column}}


/* ===== v1.5 benchmark UI unified shell ===== */
:root{
  --bg:#f5f7fb;--card:#fff;--text:#152033;--muted:#738096;--line:#e3e8ef;
  --blue:#2563eb;--green:#16a34a;--nav:#111827;--nav-hover:#243247
}
body{background:var(--bg);font-family:Inter,"Microsoft YaHei",Arial,sans-serif;color:var(--text)}
.app-shell{display:flex;min-height:100vh}
.sidebar{width:230px;background:#111827;color:#dbe4f0;position:fixed;left:0;top:0;bottom:0;padding:18px 14px;overflow:auto;z-index:30}
.brand-block{padding:6px 10px 16px;border-bottom:1px solid #273244;margin-bottom:12px}
.brand-title{font-size:19px;font-weight:800;color:#fff}
.brand-sub{display:block;color:#8090a7;font-size:10px;font-weight:500;margin-top:5px;letter-spacing:.02em}
.portal-mode{display:flex;background:#1e293b;padding:4px;border-radius:10px;margin:0 6px 14px;gap:4px}
.portal-mode span{flex:1;text-align:center;color:#9fb0c5;padding:7px 5px;border-radius:7px;font-size:11px}
.portal-mode span.active{background:#fff;color:#111827;font-weight:700}
.side-section{font-size:10px;color:#6f8097;padding:9px 10px 5px;text-transform:uppercase;letter-spacing:.08em}
.side-link{display:flex;align-items:center;gap:10px;padding:10px 11px;color:#c8d2e0;border-radius:8px;margin:2px 0;font-size:13px}
.side-link i{width:22px;text-align:center;font-style:normal;color:#9fb0c5}
.side-link:hover,.side-link.active{background:#243247;color:#fff}
.side-link.active i{color:#fff}
.sidebar-foot{margin-top:20px;border-top:1px solid #273244;padding:14px 10px;color:#fff;font-size:12px}
.sidebar-foot span{color:#8090a7;font-size:11px}
.main-shell{margin-left:230px;width:calc(100% - 230px)}
.new-topbar{height:64px;background:#fff;border-bottom:1px solid #e5eaf1;display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:20}
.crumb{font-size:13px;color:#718096;display:flex;gap:7px;align-items:center}.crumb b{color:#152033;font-size:15px}.top-actions{display:flex;gap:15px;align-items:center;font-size:12px;color:#64748b}.top-actions a:hover{color:#2563eb}.top-user{color:#334155}
.container{padding:24px;max-width:1500px;margin:auto}
.pagehead{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:18px}
.pagehead h1{font-size:25px;margin:0 0 6px}.muted{color:#738096;font-size:12px}
.btn{border:1px solid #d8e0ea;background:#fff;color:#243041;padding:9px 14px;border-radius:8px;cursor:pointer;font-weight:700}
.btn:hover{border-color:#aebaca}.btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}.btn.green{background:#16a34a;border-color:#16a34a;color:#fff}.btn.sm{padding:7px 10px;font-size:12px}
.cards{display:grid;gap:14px;margin-bottom:18px}.benchmark-cards,.dashboard-cards{grid-template-columns:repeat(4,1fr)}
.stat{background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:18px;box-shadow:0 2px 5px rgba(15,23,42,.03)}
.stat span{font-size:12px;color:#748197}.stat b{display:block;font-size:26px;font-weight:800;margin:8px 0 0}.stat small{font-size:11px;color:#8a96a8;margin-top:5px}
.panel{background:#fff;border:1px solid #e3e8ef;border-radius:12px;margin-bottom:18px;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.02)}
.panelhead{padding:15px 18px;border-bottom:1px solid #e8edf3;display:flex;align-items:center;justify-content:space-between;gap:14px}.panelhead h2{font-size:16px;margin:0}
.panelbody{padding:18px}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px}
.quick-grid a{padding:18px 12px;background:#f8fafc;border:1px solid #e1e7ef;border-radius:10px;text-align:left}
.quick-grid a:hover{border-color:#8db3ff;background:#f5f9ff}.quick-grid b{display:block;margin-bottom:6px}.quick-grid span{font-size:11px;color:#7a8699;line-height:1.45}
.channel-mini,.channel-list{display:grid;gap:10px}.channel-mini{padding:18px}.channel-mini>div,.channel{display:flex;align-items:center;justify-content:space-between;border:1px solid #e5eaf1;border-radius:10px;padding:12px;gap:15px}
.channel-mini p{margin:6px 0 0;font-size:11px;color:#7a8699}
.tag{font-size:11px;padding:4px 8px;border-radius:999px;background:#eef2f7;white-space:nowrap}.tag.ok{background:#dcfce7;color:#166534}.tag.pause{background:#fef3c7;color:#92400e}.tag.todo{background:#e0e7ff;color:#3730a3}
.status{font-size:11px;padding:4px 8px;border-radius:999px;white-space:nowrap}.s-green{background:#dcfce7;color:#166534}.s-blue{background:#dbeafe;color:#1d4ed8}.s-gray{background:#f1f5f9;color:#64748b}.s-red{background:#fee2e2;color:#991b1b}
table{width:100%;border-collapse:collapse}th,td{padding:12px 14px;border-bottom:1px solid #edf1f5;text-align:left;font-size:12px}th{background:#fafbfc;color:#596579;font-weight:700}
.tablewrap{overflow:auto}.order-tablewrap{max-height:68vh}.order-table thead th{top:0}
input,select,textarea{font:inherit;border:1px solid #d7dee8;border-radius:8px;padding:9px;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid #bfdbfe;border-color:#60a5fa}
.notice{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;padding:12px 14px;border-radius:9px;font-size:12px;margin-bottom:16px}
.flash{background:#ecfdf5;color:#166534;border:1px solid #bbf7d0;padding:11px 13px;border-radius:9px;margin-bottom:14px}
.errorbox{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:11px 13px;border-radius:9px;margin-bottom:14px}
.form-section{padding:18px;border-bottom:1px solid #e8edf3}.customer-form{grid-template-columns:repeat(3,1fr)}.customer-submit{padding:16px 18px 20px}
.form-section h3{font-size:15px}.form-section label{font-size:11px;color:#667085}
.settings-grid{padding:18px}.compact-search{display:flex;gap:8px;align-items:center}.compact-search input{min-width:280px}
.customer-welcome{background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #dbeafe;padding:24px;border-radius:13px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:16px}.customer-welcome h2{margin:0 0 8px;font-size:22px}
.big-create{display:grid;grid-template-columns:1fr 1fr;gap:14px}.create-option{border:1px solid #dfe6ef;border-radius:12px;padding:18px;background:#fff}.create-option:hover{border-color:#80a9ff;background:#f9fbff}.create-option h3{margin:0 0 6px;font-size:15px}
.empty-cell{text-align:center;padding:34px!important}
.linkbtn{color:#1d4ed8;font-weight:700}.linkbtn:hover{text-decoration:underline}
.loginbg{background:#eef2f8}.loginbox{border-radius:15px;box-shadow:0 14px 35px rgba(15,23,42,.08)}

@media(max-width:1050px){
  .benchmark-cards,.dashboard-cards{grid-template-columns:1fr 1fr}
  .dashboard-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}
  .customer-form{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .sidebar{width:76px}.brand-title{font-size:0}.brand-title:before{content:"物流";font-size:16px}
  .brand-sub,.side-section,.side-link span,.sidebar-foot,.portal-mode{display:none}
  .side-link{justify-content:center}.main-shell{margin-left:76px;width:calc(100% - 76px)}
  .new-topbar{padding:0 14px}.top-user{display:none}.container{padding:14px}
  .benchmark-cards,.dashboard-cards,.quick-grid,.customer-form,.big-create{grid-template-columns:1fr}
  .customer-welcome{align-items:flex-start;flex-direction:column}.compact-search input{min-width:0;width:100%}
}

/* v1.5.1 Order Center */
.filter-panel{overflow:visible}.filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;gap:12px;align-items:end}
.filter-grid .field label{display:block;font-size:11px;color:#667085;margin-bottom:5px}.filter-grid .field input,.filter-grid .field select{width:100%}
.filter-action{min-width:150px}.order-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.inline-form{display:inline}.pagination-bar{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e8edf3}
.order-table th:last-child,.order-table td:last-child{min-width:210px}
@media(max-width:1100px){.filter-grid{grid-template-columns:1fr 1fr 1fr}.filter-action{min-width:0}}
@media(max-width:760px){.filter-grid{grid-template-columns:1fr}.pagination-bar{align-items:flex-start;gap:10px;flex-direction:column}}


/* ===== v1.5.2 real Admin/User portal switch ===== */
.portal-switch-real{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:4px;
  padding:4px;
  background:#1e293b;
  border-radius:10px;
  margin:0 6px 14px;
}
.portal-switch-real .portal-tab{
  display:block;
  text-align:center;
  padding:8px 6px;
  border-radius:7px;
  font-size:12px;
  color:#9fb0c5;
  text-decoration:none;
  transition:.15s ease;
}
.portal-switch-real .portal-tab:hover{color:#fff;background:#29384d}
.portal-switch-real .portal-tab.active{background:#fff;color:#111827;font-weight:800}
.portal-switch-real .portal-tab.disabled{opacity:.45;cursor:not-allowed}
.preview-customer-picker .preview-select-row{display:flex;gap:10px;align-items:center}
.preview-customer-picker select{min-width:280px}
@media(max-width:760px){
  .portal-switch-real{display:none!important}
  .preview-customer-picker .preview-select-row{align-items:stretch;flex-direction:column}
  .preview-customer-picker select{min-width:0;width:100%}
}


/* ===== v1.6 three-module workflow ===== */
.module-rule{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;background:#fff;border:1px solid #dfe6ef;border-radius:12px;padding:14px 18px;margin-bottom:18px}
.module-rule>div:not(.arrow){display:flex;flex-direction:column;gap:4px}.module-rule b{font-size:13px}.module-rule span{font-size:11px;color:#738096}.module-rule .arrow{font-size:20px;color:#94a3b8}
.process-steps{display:flex;align-items:center;justify-content:center;margin:0 0 18px;background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:14px}
.process-step{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:12px}.process-step b{width:25px;height:25px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#e2e8f0;color:#64748b}
.process-step.active{color:#1d4ed8;font-weight:700}.process-step.active b{background:#2563eb;color:#fff}.process-line{width:70px;height:1px;background:#d9e1ea;margin:0 10px}
.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.detail-grid>div{padding:17px;border-right:1px solid #edf1f5;border-bottom:1px solid #edf1f5}.detail-grid span{display:block;font-size:11px;color:#7a8699;margin-bottom:6px}.detail-grid b{font-size:13px}
.next-step-box{background:#fff;border:1px solid #dfe6ef;border-radius:12px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.next-step-box p{margin:7px 0 0;color:#738096;font-size:12px}
.bulkbar{padding:12px 18px;border-bottom:1px solid #edf1f5;display:flex;align-items:center;gap:12px;background:#fafcff}
.empty-work{text-align:center;padding:48px 20px}.empty-work h3{margin:0 0 8px}
.inline-form{display:inline-block}
.compact-search select{min-width:130px}
@media(max-width:850px){
 .module-rule{grid-template-columns:1fr}.module-rule .arrow{display:none}.process-line{width:20px}
 .detail-grid{grid-template-columns:1fr 1fr}.next-step-box{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){.process-steps{align-items:flex-start;flex-direction:column;gap:8px}.process-line{display:none}.detail-grid{grid-template-columns:1fr}}


/* ===== v1.7 batch operations + polished portal switch ===== */
.portal-switch-v17{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:6px;
  padding:5px;
  margin:2px 4px 16px;
  border:1px solid rgba(148,163,184,.14);
  border-radius:12px;
  background:linear-gradient(180deg,#1b2638,#172234);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.portal-switch-v17 .portal-choice{
  min-width:0;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:9px 5px!important;
  border-radius:9px;
  color:#a9b7ca!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:700;
  white-space:nowrap;
  transition:all .16s ease;
}
.portal-switch-v17 .portal-choice:hover{
  background:#26354b;
  color:#fff!important;
}
.portal-switch-v17 .portal-choice.active{
  background:#fff!important;
  color:#172033!important;
  box-shadow:0 3px 9px rgba(0,0,0,.22);
}
.portal-choice-icon{
  display:inline-flex;
  width:20px;height:20px;
  align-items:center;justify-content:center;
  border-radius:6px;
  background:rgba(148,163,184,.14);
  font-size:9px;font-weight:900;
}
.portal-choice.active .portal-choice-icon{
  background:#eaf1ff;
  color:#2563eb;
}
.portal-switch-v17 .disabled{opacity:.38;cursor:not-allowed}

.batch-import-panel{border-color:#d8e5f6}
.batch-import-row{
  display:grid;
  grid-template-columns:minmax(280px,1.5fr) minmax(220px,.8fr) auto 1fr;
  gap:12px;
  align-items:center;
}
.batch-import-row input[type=file]{
  padding:8px;
  background:#f8fafc;
}
.batch-action-bar{
  min-height:52px;
  flex-wrap:wrap;
}
.selected-counter{
  padding:7px 10px;
  border-radius:8px;
  background:#eef4ff;
  color:#315d9d;
  font-size:12px;
  white-space:nowrap;
}
.selected-counter b{font-size:14px}
.order-table input[type=checkbox],
.tablewrap input[type=checkbox]{
  width:16px;height:16px;
  cursor:pointer;
  accent-color:#2563eb;
}
@media(max-width:1000px){
  .batch-import-row{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .portal-switch-v17{display:none!important}
  .batch-import-row{grid-template-columns:1fr}
}

/* v1.8 Qing API settings */
.settings-subtitle{grid-column:1/-1;font-weight:800;font-size:14px;padding:13px 0 2px;border-top:1px solid #e8edf3;margin-top:4px}
.settings-grid .credential-status{grid-column:1/-1}
#qingCreateFields .customer-form{padding:0}


/* v1.8.1 orders page compacting and re-edit */
.orders-quick-guide{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px;padding:0}.orders-quick-guide span{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid #dfe6ef;border-radius:999px;padding:8px 12px;font-size:12px;color:#43506a}.orders-quick-guide b{color:#0f172a}
.compact-panel .panelhead{padding:12px 16px}.compact-panel .panelbody{padding:12px 16px}.batch-import-row{align-items:center;gap:10px}.batch-import-row .muted{white-space:normal}.wrap-mobile{flex-wrap:wrap}.inline-actions.wrap-mobile{gap:8px}.nowrap .btn{margin-right:6px}.nowrap .btn:last-child{margin-right:0}
.flash{padding:8px 12px;font-size:13px;line-height:1.45;display:flex;align-items:center;gap:8px}.flash::before{content:"提示";display:inline-block;background:#d1fae5;color:#166534;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;flex:0 0 auto}
@media (max-width: 900px){.orders-quick-guide{flex-direction:column}.batch-import-row{align-items:stretch}.flash{align-items:flex-start}}


/* ===== v1.9 operational usable edition ===== */
.orders-flow-strip{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:8px 12px;background:#f8fbff;border:1px solid #dbe8f8;border-radius:9px;color:#55657c;font-size:12px}
.orders-flow-strip i{font-style:normal;color:#9aa8ba}.orders-flow-strip span{white-space:nowrap}
.flash{border-radius:9px!important;padding:9px 12px!important;border:1px solid transparent!important;background:#fff!important;box-shadow:none!important}
.flash::before{display:none!important}.flash-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}
.flash-success{background:#f0fdf4!important;border-color:#bbf7d0!important;color:#166534!important}.flash-success .flash-dot{background:#22c55e}
.flash-warning{background:#fffaf0!important;border-color:#fed7aa!important;color:#9a4b0b!important}.flash-warning .flash-dot{background:#f59e0b}
.flash-error{background:#fff5f5!important;border-color:#fecaca!important;color:#b42318!important}.flash-error .flash-dot{background:#ef4444}
.status.s-orange{background:#fff1d6;color:#a45708}
.batch-mini-select{height:34px;min-width:145px;border:1px solid #d7e0ec;border-radius:8px;padding:0 9px;background:#fff}
.order-issue-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:13px 15px;border-radius:10px;border:1px solid #fed7aa;background:#fffaf0}
.order-issue-card.danger{border-color:#fecaca;background:#fff5f5}.order-issue-card b{font-size:13px}.order-issue-card p{margin:5px 0 0;font-size:12px;color:#65758b;max-width:850px}
.edit-flow-note{margin-bottom:14px;padding:9px 12px;border:1px solid #dbe8f8;background:#f8fbff;border-radius:9px;color:#5e6d82;font-size:12px}
@media(max-width:900px){.orders-flow-strip{align-items:flex-start;flex-direction:column}.orders-flow-strip i{display:none}.order-issue-card{align-items:flex-start;flex-direction:column}}


/* ==================================================================
   v1.9.1 GLOBAL COMPACT UI
   目标：减少无效留白，让同一屏看到更多业务数据，同时保持可读性。
   ================================================================== */

/* ----- 全局骨架 ----- */
.sidebar{
  width:218px!important;
  padding:12px 11px!important;
}
.main-shell{
  margin-left:218px!important;
  width:calc(100% - 218px)!important;
}
.brand-block{
  padding:5px 8px 11px!important;
  margin-bottom:8px!important;
}
.brand-title{font-size:17px!important}
.brand-sub{margin-top:3px!important;font-size:9px!important}
.side-section{padding:7px 8px 3px!important}
.side-link{
  padding:8px 9px!important;
  margin:1px 0!important;
  gap:8px!important;
  font-size:12px!important;
}
.sidebar-foot{
  margin-top:12px!important;
  padding:10px 8px!important;
}
.portal-switch-v17{
  margin:0 2px 9px!important;
  padding:4px!important;
  gap:4px!important;
  border-radius:10px!important;
}
.portal-switch-v17 .portal-choice{
  padding:7px 4px!important;
  font-size:11px!important;
  border-radius:7px!important;
}
.portal-choice-icon{width:17px!important;height:17px!important}

.new-topbar{
  height:54px!important;
  padding:0 18px!important;
}
.crumb{font-size:12px!important}
.crumb b{font-size:14px!important}
.top-actions{gap:12px!important}

.container{
  max-width:1600px!important;
  padding:14px 16px!important;
}

/* ----- 标题/页面头 ----- */
.pagehead{
  margin-bottom:10px!important;
  gap:12px!important;
}
.pagehead h1{
  font-size:22px!important;
  margin-bottom:3px!important;
}
.pagehead .muted{line-height:1.35!important}
h1{font-size:22px!important}
h2{font-size:15px!important}
h3{font-size:14px!important}

/* ----- 卡片与面板 ----- */
.panel{
  border-radius:10px!important;
  margin-bottom:10px!important;
}
.panelhead{
  padding:10px 13px!important;
  gap:10px!important;
}
.panelhead h2{font-size:15px!important}
.panelbody{padding:11px 13px!important}

.cards{
  gap:9px!important;
  margin-bottom:10px!important;
}
.stat{
  padding:11px 13px!important;
  border-radius:10px!important;
}
.stat b{
  font-size:22px!important;
  margin-top:4px!important;
}
.stat span{font-size:11px!important}
.stat small{margin-top:3px!important}

.quick-grid{
  gap:8px!important;
  padding:11px!important;
}
.quick-grid a{
  padding:11px!important;
  border-radius:8px!important;
}
.channel-mini{
  gap:7px!important;
  padding:11px!important;
}
.channel-mini>div,.channel{
  padding:9px 10px!important;
  border-radius:8px!important;
}
.customer-hero,.customer-welcome{
  padding:14px 16px!important;
  margin-bottom:10px!important;
  border-radius:10px!important;
}
.customer-welcome h2{font-size:19px!important;margin-bottom:4px!important}
.create-option{padding:12px!important;border-radius:9px!important}
.big-create{gap:9px!important}

/* ----- 按钮、输入框 ----- */
.btn{
  padding:7px 11px!important;
  border-radius:7px!important;
  font-size:12px!important;
}
.btn.sm{
  padding:5px 8px!important;
  font-size:11px!important;
}
input,select,textarea{
  padding:7px 8px!important;
  border-radius:7px!important;
  min-height:34px;
  font-size:12px!important;
}
textarea{min-height:68px}
.batch-mini-select{height:32px!important}
.compact-search{gap:6px!important}
.compact-search input{min-width:220px!important}

/* ----- 表格：每屏显示更多订单 ----- */
th,td{
  padding:8px 10px!important;
  font-size:11px!important;
}
th{font-size:11px!important}
.badge,.status,.tag{
  padding:3px 6px!important;
  font-size:10px!important;
}
.empty-cell{padding:22px!important}
.pagination-bar{padding:9px 12px!important}
.order-tablewrap{max-height:72vh!important}

/* ----- 提示/报错 ----- */
.notice,.errorbox,.flash,.edit-flow-note,.order-issue-card{
  margin-bottom:8px!important;
  padding:7px 10px!important;
  border-radius:7px!important;
  font-size:11px!important;
  line-height:1.4!important;
}
.order-issue-card{gap:10px!important}
.order-issue-card p{margin-top:3px!important;font-size:11px!important}
.orders-flow-strip{
  margin-bottom:8px!important;
  padding:6px 9px!important;
  font-size:11px!important;
  border-radius:7px!important;
}
.orders-quick-guide{
  gap:6px!important;
  margin-bottom:8px!important;
}
.orders-quick-guide span{
  padding:5px 9px!important;
  font-size:11px!important;
}
.edit-flow-note{
  background:#f8fbff!important;
}

/* ----- 表单：整个系统统一紧凑 ----- */
.form-section{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px 11px!important;
  padding:11px 13px!important;
  margin-bottom:0!important;
}
.form-section h3{
  grid-column:1/-1!important;
  margin:0 0 2px!important;
}
.form-section label{
  gap:3px!important;
  font-size:10px!important;
}
.form-section input,
.form-section select,
.form-section textarea{
  width:100%!important;
  min-width:0!important;
}

.customer-form{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px 11px!important;
}
.form-section.customer-form{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.customer-form label{
  display:grid!important;
  gap:3px!important;
  font-size:10px!important;
  min-width:0!important;
}
.customer-form input,
.customer-form select,
.customer-form textarea{
  width:100%!important;
  min-width:0!important;
}
.customer-submit{
  padding:9px 13px 11px!important;
  gap:9px!important;
}

/* 1ST56 是截图中最明显的问题：从“11个纵向大行”改为 4 列紧凑网格 */
.qing-create-section{
  display:block!important;
}
.section-title-row{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
}
.section-title-row h3{margin:0!important}
.section-help{
  color:#738096;
  font-size:10px;
}
.qing-create-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px 10px!important;
  padding:0!important;
}
.qing-create-grid .widefield{
  grid-column:span 2!important;
}
#qingCreateFields{
  padding-top:10px!important;
  padding-bottom:11px!important;
}
#qingCreateFields .notice{display:none!important}

/* ----- 设置页 ----- */
.settings-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px 11px!important;
  padding:11px 13px!important;
}
.settings-grid label{
  gap:3px!important;
  font-size:10px!important;
}
.settings-divider,.settings-subtitle{
  padding-top:9px!important;
  margin-top:1px!important;
  font-size:13px!important;
}
.credentialbox{
  padding:10px 12px!important;
  margin-bottom:9px!important;
  border-radius:9px!important;
}
.credentialrow{margin-top:6px!important}
.credential-status{
  gap:6px!important;
  padding:8px!important;
}
.secretstatus{padding:6px 8px!important}
.settingtest{padding:0 12px 10px!important}

/* ----- 订单/筛选/批量操作 ----- */
.filter-grid,
.order-filters,
.user-filters{
  gap:8px!important;
  padding:10px 12px!important;
}
.management-tools{
  padding:9px 12px!important;
  gap:7px!important;
}
.tool-line{
  gap:7px!important;
  padding:7px 8px!important;
}
.bulkbar,.batchactions{
  padding:8px 12px!important;
  gap:8px!important;
  min-height:0!important;
}
.batchactions{gap:10px!important}
.batch-action-bar{min-height:0!important}
.selected-counter{padding:5px 8px!important}
.batch-import-row{
  gap:8px!important;
}
.batch-import-row input[type=file]{
  padding:5px!important;
}
.product-chips{padding:9px 12px!important}
.productchip{padding:4px 7px!important;font-size:10px!important}

/* ----- 轨迹/时间线 ----- */
.timeline{padding:11px 13px!important}
.timeline-item{
  gap:9px!important;
  padding-bottom:12px!important;
}
.timeline-item p{margin-top:3px!important}
.track-result-placeholder,.multi-container{min-height:120px!important;padding:9px!important}
.empty-result{padding:28px 12px!important}
.manual-record{padding:9px 11px!important}
.manual-title{margin-bottom:5px!important}

/* ----- 公网核验/渠道/上游 ----- */
.free-list,.free-side .panel{margin-bottom:10px!important}
.free-toolbar{padding:7px 10px!important}
.manual-grid{gap:10px!important}
.fallback-summary{padding:10px 12px!important}
.embedded-fallback{padding:10px!important}
.resultcard{padding:9px 10px!important}
.upstream-result-grid{gap:7px!important;margin-bottom:10px!important}
.upstream-form{padding:10px 12px!important}
.mapform{padding:6px!important;gap:5px!important}

/* ----- 详情页 ----- */
.detail-grid>div{
  padding:11px 12px!important;
}
.detail-grid span{margin-bottom:3px!important}
.next-step-box{
  padding:10px 13px!important;
  gap:10px!important;
  margin-bottom:10px!important;
  border-radius:9px!important;
}
.next-step-box p{margin-top:4px!important}
.empty-work{padding:28px 16px!important}

/* ----- 登录页也稍微收紧 ----- */
.loginbox{
  width:380px!important;
  padding:22px!important;
}
.loginbox label{margin:10px 0 4px!important}
.loginbox .btn{margin-top:13px!important}

/* ----- 响应式 ----- */
@media(max-width:1350px){
  .settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .qing-create-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .qing-create-grid .widefield{grid-column:span 2!important}
}
@media(max-width:1100px){
  .form-section{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .form-section.customer-form,.customer-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .qing-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .sidebar{width:70px!important}
  .main-shell{margin-left:70px!important;width:calc(100% - 70px)!important}
  .container{padding:10px!important}
  .new-topbar{height:50px!important;padding:0 10px!important}
  .form-section,
  .form-section.customer-form,
  .customer-form,
  .settings-grid,
  .qing-create-grid{
    grid-template-columns:1fr!important;
  }
  .qing-create-grid .widefield{grid-column:auto!important}
  .section-title-row{align-items:flex-start;flex-direction:column;gap:2px}
  .pagehead{align-items:flex-start;flex-direction:column}
}


/* =====================================================================
   v1.9.2 COMPACT UI HARD FIX
   1. 使用全新 style_v192.css 文件名，绕过浏览器旧 style.css 缓存
   2. 对所有大表单做更高优先级的紧凑布局
   ===================================================================== */

:root{
  --ui-gap-xs:5px;
  --ui-gap-sm:8px;
  --ui-gap-md:10px;
  --ui-input-h:32px;
  --ui-radius:8px;
}

/* 页面主体 */
.container{
  max-width:none!important;
  padding:12px 14px!important;
}
.pagehead{
  margin:0 0 8px!important;
  min-height:0!important;
}
.pagehead h1{
  margin:0 0 2px!important;
  font-size:21px!important;
  line-height:1.2!important;
}
.pagehead p{margin:0!important}
.panel{
  margin-bottom:8px!important;
  border-radius:9px!important;
}
.panelhead{padding:8px 11px!important}
.panelbody{padding:9px 11px!important}

/* 所有常规表单 */
.form-section{
  padding:9px 11px!important;
  gap:7px 9px!important;
}
.form-section h3{
  margin:0 0 1px!important;
  line-height:1.25!important;
}
.form-section label,
.settings-grid label,
.customer-form label,
.upstream-form label{
  margin:0!important;
  font-size:10px!important;
  line-height:1.2!important;
}
input:not([type=checkbox]):not([type=radio]),
select,
textarea{
  min-height:32px!important;
  height:32px;
  padding:5px 7px!important;
  line-height:20px!important;
  font-size:12px!important;
}
textarea{
  height:auto!important;
  min-height:58px!important;
}

/* 新建/编辑订单主区域 */
form.panel > .form-section.customer-form{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px 10px!important;
}
form.panel > .form-section.customer-form > h3{
  grid-column:1/-1!important;
}
form.panel > .form-section.customer-form > label{
  width:auto!important;
  min-width:0!important;
}

/* 1ST56 创建运单资料 —— 强制真正多列，避免被旧规则覆盖 */
#qingCreateFields.qing-create-section{
  display:block!important;
  padding:9px 11px 10px!important;
}
#qingCreateFields .section-title-row{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:9px!important;
  margin:0 0 7px!important;
}
#qingCreateFields .section-title-row h3{
  display:block!important;
  margin:0!important;
  flex:0 0 auto;
}
#qingCreateFields .section-help{
  display:inline-block!important;
  margin:0!important;
  font-size:10px!important;
  color:#738096!important;
}
#qingCreateFields .qing-create-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  gap:7px 9px!important;
  width:100%!important;
  padding:0!important;
  margin:0!important;
}
#qingCreateFields .qing-create-grid > label{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-content:start!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
}
#qingCreateFields .qing-create-grid > label.widefield{
  grid-column:span 2!important;
}
#qingCreateFields .qing-create-grid input,
#qingCreateFields .qing-create-grid select{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
}
#qingCreateFields > .notice{display:none!important}

/* 订单页说明和提示 */
.edit-flow-note,
.orders-flow-strip,
.notice,
.errorbox,
.flash{
  padding:6px 9px!important;
  margin:0 0 7px!important;
  min-height:0!important;
  line-height:1.35!important;
}
.customer-submit{
  padding:8px 11px!important;
}
.orders-quick-guide{
  margin:0 0 7px!important;
  gap:5px!important;
}
.orders-quick-guide span{
  padding:4px 7px!important;
}

/* 批量导入/搜索区域 */
.batch-import-panel .panelhead{padding:8px 11px!important}
.batch-import-row{
  padding:8px 11px!important;
  gap:7px!important;
}
.filter-panel .panelbody,
.order-filters,
.filter-grid{
  padding:8px 10px!important;
  gap:7px!important;
}
.bulkbar,.batchactions,.management-tools{
  padding:7px 10px!important;
  min-height:0!important;
  gap:7px!important;
}

/* 表格 */
.tablewrap table{border-spacing:0!important}
.tablewrap th,.tablewrap td{
  padding:7px 8px!important;
  line-height:1.25!important;
}
.tablewrap th{white-space:nowrap}
.tablewrap .btn.sm{
  padding:4px 7px!important;
}

/* 设置页：青哥、Piggy、WBMS、系统设置全部统一 */
.settings-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px 9px!important;
  padding:9px 11px!important;
}
.settings-grid > .settings-divider,
.settings-grid > .settings-subtitle,
.settings-grid > .settings-actions,
.settings-grid > .credential-status,
.settings-grid > .wide-settings{
  grid-column:1/-1!important;
}
.settings-divider,.settings-subtitle{
  margin:2px 0 0!important;
  padding:7px 0 2px!important;
}
.credential-status{
  padding:6px 8px!important;
  gap:6px!important;
}
.credential-status > div{
  padding:5px 7px!important;
}

/* 上游编辑：每组至少三/四列，不再单列拉长 */
.upstream-form{
  padding:0!important;
}
.upstream-form .form-section{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px 9px!important;
}
.upstream-form .form-section > h3{
  grid-column:1/-1!important;
}
.upstream-form .form-section > label.widefield{
  grid-column:span 2!important;
}

/* 用户端创建订单、客户创建订单 */
form[action="/customer/orders/new"] .form-section,
form[action="/orders/new"] .form-section{
  min-height:0!important;
}

/* 模块流程条压缩 */
.module-rule{
  padding:8px 11px!important;
  margin-bottom:8px!important;
  gap:8px!important;
}
.module-rule .arrow{font-size:15px!important}
.module-rule span{font-size:10px!important}

/* 工作台/渠道卡片 */
.cards,.benchmark-cards,.dashboard-cards{
  gap:7px!important;
  margin-bottom:8px!important;
}
.stat{
  padding:9px 11px!important;
}
.stat b{font-size:20px!important}
.quick-grid,.channel-mini{gap:7px!important;padding:9px!important}
.quick-grid a,.channel-mini>div,.channel{
  padding:9px!important;
}

/* 轨迹详情和传输 */
.timeline{padding:9px 11px!important}
.timeline-item{padding-bottom:9px!important}
.detail-grid>div{padding:9px 10px!important}
.next-step-box{padding:8px 11px!important}

/* 公网核验 */
.manual-grid{gap:7px!important}
.free-toolbar{padding:6px 8px!important}
.resultcard{padding:8px 9px!important}

/* 左侧导航再略收一点 */
.sidebar{
  width:210px!important;
  padding:9px 9px!important;
}
.main-shell{
  margin-left:210px!important;
  width:calc(100% - 210px)!important;
}
.side-link{
  padding:7px 8px!important;
}
.portal-switch-v17{
  margin-bottom:7px!important;
}

/* 大屏目标：一屏看更多内容 */
@media(min-width:1500px){
  #qingCreateFields .qing-create-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  .settings-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  .upstream-form .form-section{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media(max-width:1250px){
  #qingCreateFields .qing-create-grid,
  .settings-grid,
  .upstream-form .form-section{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:980px){
  form.panel > .form-section.customer-form,
  #qingCreateFields .qing-create-grid,
  .settings-grid,
  .upstream-form .form-section{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:680px){
  form.panel > .form-section.customer-form,
  #qingCreateFields .qing-create-grid,
  .settings-grid,
  .upstream-form .form-section{
    grid-template-columns:1fr!important;
  }
  #qingCreateFields .qing-create-grid > label.widefield,
  .upstream-form .form-section > label.widefield{
    grid-column:auto!important;
  }
}


/* =====================================================================
   v1.9.3 OPERATIONS POLISH
   ===================================================================== */

/* 1. 全系统复选框统一缩小 */
input[type="checkbox"],
.compact-checkbox,
.tablewrap input[type="checkbox"],
.order-table input[type="checkbox"]{
  appearance:auto!important;
  -webkit-appearance:checkbox!important;
  width:14px!important;
  height:14px!important;
  min-width:14px!important;
  min-height:14px!important;
  max-width:14px!important;
  max-height:14px!important;
  padding:0!important;
  margin:0!important;
  border-radius:3px!important;
  vertical-align:middle!important;
  accent-color:#2563eb;
  cursor:pointer;
}
.compact-check-col{
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  padding-left:8px!important;
  padding-right:8px!important;
  text-align:center!important;
}
.compact-check-col input[type="checkbox"]{
  display:inline-block!important;
}

/* 2. 创建订单时间：不增加过多表格宽度，放在单号下方 */
.order-id-cell small{
  display:block;
  margin-top:2px;
  color:#8994a7;
  font-family:inherit;
  font-size:9px;
  font-weight:400;
  white-space:nowrap;
}
.order-id-cell b,
.order-id-cell a{
  display:block;
}

/* 3. 所有系统/接口错误完整显示，不截断、不省略 */
.full-system-message,
.full-error-detail,
.full-error-text,
.errorbox,
.messagecell,
.order-issue-card p{
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  text-overflow:clip!important;
  overflow:visible!important;
  max-height:none!important;
}
.full-system-message{
  align-items:flex-start!important;
}
.full-system-message > span:last-child{
  display:block;
  width:100%;
}
.full-error-detail{
  display:flex;
  align-items:flex-start;
  gap:7px;
  padding:7px 9px;
  border:1px solid #fed7aa;
  background:#fff8ed;
  color:#9a4b09;
  border-radius:7px;
  font-size:11px;
  line-height:1.45;
}
.full-error-detail b{
  flex:0 0 auto;
}
.full-error-detail span{
  min-width:0;
}
.order-error-row td{
  padding-top:3px!important;
  padding-bottom:7px!important;
  background:#fff!important;
}
.flash-error{
  border-left:4px solid #ef4444!important;
}
.flash-warning{
  border-left:4px solid #f59e0b!important;
}

/* 4. 测试订单工具区进一步精简 */
.orders-mini-flow{
  display:flex;
  align-items:center;
  gap:7px;
  width:max-content;
  max-width:100%;
  margin:0 0 6px;
  padding:4px 8px;
  color:#64748b;
  background:#f7faff;
  border:1px solid #dce7f7;
  border-radius:7px;
  font-size:10px;
  white-space:nowrap;
}
.orders-mini-flow i{
  color:#a2aec0;
  font-style:normal;
}
.orders-tools-panel{
  margin-bottom:8px!important;
  padding:0!important;
  overflow:hidden;
}
.orders-tool-row{
  display:grid;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  margin:0;
}
.orders-tool-row + .orders-tool-row{
  border-top:1px solid #e9eef5;
}
.orders-tool-row strong{
  font-size:11px;
  white-space:nowrap;
}
.import-tool-row{
  grid-template-columns:72px minmax(260px,1.5fr) minmax(170px,.65fr) auto auto minmax(100px,.45fr);
}
.filter-tool-row{
  grid-template-columns:72px minmax(300px,1.5fr) minmax(150px,.65fr) minmax(150px,.65fr) minmax(150px,.65fr) auto auto;
}
.orders-tool-row input,
.orders-tool-row select{
  min-width:0!important;
  width:100%!important;
}
.orders-tool-row input[type=file]{
  height:32px!important;
  padding:3px 6px!important;
  background:#f9fbfd;
}
.orders-tool-row .muted{
  font-size:10px!important;
  white-space:nowrap;
}

/* Similar oversized filter blocks elsewhere */
.compact-toolbar-panel{
  padding:0!important;
  overflow:hidden;
}
.compact-toolbar-row{
  display:grid;
  grid-template-columns:72px minmax(250px,1.2fr) minmax(150px,.6fr) minmax(150px,.6fr) auto auto;
  align-items:center;
  gap:7px;
  padding:7px 10px;
}
.compact-toolbar-row strong{
  font-size:11px;
  white-space:nowrap;
}
.compact-toolbar-row input,
.compact-toolbar-row select{
  min-width:0!important;
  width:100%!important;
}

/* Other module compact-search/filter areas */
.panelhead .compact-search,
.panelhead .searchbar,
.panelhead .compact-inline{
  gap:6px!important;
}
.panelhead .compact-search input,
.panelhead .searchbar input,
.panelhead .compact-inline input{
  min-width:190px!important;
}
.panelhead .compact-search select,
.panelhead .searchbar select{
  min-width:130px!important;
}

/* Keep table rows efficient despite extra created-time subline */
.tablewrap th,.tablewrap td{
  padding-top:6px!important;
  padding-bottom:6px!important;
}

/* Error content gets space when needed, normal UI remains compact */
.messagecell{
  max-width:420px!important;
  min-width:180px;
}

@media(max-width:1200px){
  .import-tool-row{
    grid-template-columns:72px minmax(220px,1.2fr) minmax(160px,.7fr) auto auto;
  }
  .import-tool-row .muted{display:none}
  .filter-tool-row{
    grid-template-columns:72px minmax(250px,1.3fr) minmax(130px,.7fr) minmax(130px,.7fr) minmax(130px,.7fr) auto auto;
  }
}
@media(max-width:900px){
  .orders-tool-row,
  .compact-toolbar-row{
    grid-template-columns:1fr 1fr!important;
  }
  .orders-tool-row strong,
  .compact-toolbar-row strong{
    grid-column:1/-1;
  }
  .orders-mini-flow{
    width:100%;
    white-space:normal;
    flex-wrap:wrap;
  }
}
@media(max-width:620px){
  .orders-tool-row,
  .compact-toolbar-row{
    grid-template-columns:1fr!important;
  }
}

/* v1.9.4 sender policy */
.sender-policy-note{
  grid-column:span 2;
  padding:7px 9px;
  border:1px solid #dbe7f5;
  background:#f7faff;
  color:#5f6f85;
  border-radius:7px;
  font-size:10px;
  line-height:1.45;
}
.sender-policy-note b{color:#34445c}
@media(max-width:900px){.sender-policy-note{grid-column:1/-1}}

/* v1.9.5 Qing waybill generation fix */


/* v1.9.6 1ST56 waybill retry */
.qing-upstream-created{
  border-left:4px solid #f59e0b;
  background:#fff8ed;
}

/* v1.9.7 delayed-number state */
.status.s-waiting-number{
  color:#9a5a00;
  background:#fff1d6;
}

/* v1.9.9 unified logistics products */
.product-cell b{display:block;white-space:nowrap}.product-cell small{display:block;color:#78869a;margin-top:2px;font-size:9px}
.field-help{display:block;color:#7a8799;font-size:9px;margin-top:3px}
#batchProductSelect{min-width:190px}


/* v1.9.10 multi-number filter + standalone create time */
.multi-order-search{
  min-height:36px!important;height:36px!important;max-height:72px;
  resize:vertical;line-height:20px;padding:7px 10px!important;
  overflow:auto;font-family:inherit;
}
.created-time-cell{white-space:nowrap;font-size:11px;color:#52627a;}
.filter-tool-row .multi-order-search{flex:2.2 1 420px;}
@media(max-width:900px){.multi-order-search{width:100%;min-width:100%;}}


/* ===== v1.9.11 logistics channel groups ===== */
.channel-group-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px}
.channel-group-hero>div:first-child{display:flex;flex-direction:column;gap:4px}
.channel-group-list{display:flex;flex-direction:column;gap:8px;padding:10px}
.channel-group-card{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #dce5f0;border-radius:10px;padding:11px 12px;background:#fff}
.channel-group-main{min-width:0;flex:1}
.channel-group-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.channel-group-title-row>b{font-size:16px}
.group-products-summary{margin-top:5px;font-size:12px;color:#465a73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.channel-group-rule{line-height:1.55}
.channel-group-head-form{display:grid;grid-template-columns:1fr 180px 2fr;gap:10px;padding:12px}
.channel-group-head-form label{display:flex;flex-direction:column;gap:4px;font-size:12px}
.product-group-head{margin-top:4px}
.group-product-table .priority-input{width:76px;min-width:76px;padding:6px 7px}
.product-offline-row{opacity:.62;background:#fafafa}
.group-order-cell b{display:block}
.group-order-cell small{display:block;color:#7a8797;margin-top:3px;font-size:10px}
.route-locked-note{border-color:#ffcd7b;background:#fff8eb}
@media(max-width:900px){
  .channel-group-card,.channel-group-hero{align-items:flex-start;flex-direction:column}
  .channel-group-head-form{grid-template-columns:1fr}
}


/* ===== v1.9.12 global long-page operation efficiency ===== */
.group-product-toolbar{
  display:grid;
  grid-template-columns:minmax(260px,1.5fr) minmax(150px,.6fr) minmax(170px,.7fr) auto auto;
  gap:7px;
  align-items:center;
  padding:7px 10px;
  border-top:1px solid #e9eef5;
  border-bottom:1px solid #e9eef5;
  background:#f9fbfe;
}
.group-product-toolbar input,
.group-product-toolbar select{
  width:100%;
  min-width:0;
  height:32px;
  padding:5px 8px;
}
.group-product-toolbar .muted{white-space:nowrap;font-size:10px}

.group-product-scroll{
  max-height:clamp(330px,58vh,650px);
  overflow:auto!important;
  overscroll-behavior:contain;
  border-bottom:1px solid #e4eaf2;
}
.group-product-scroll .group-product-table{
  margin:0;
}
.group-product-scroll .group-product-table thead th{
  position:sticky;
  top:0;
  z-index:6;
  background:#f5f8fc;
  box-shadow:0 1px 0 #dfe6ef;
}
.group-product-scroll .group-product-table td,
.group-product-scroll .group-product-table th{
  padding-top:5px!important;
  padding-bottom:5px!important;
}
.group-product-scroll .compact-checkbox{
  width:15px!important;
  height:15px!important;
}
.group-product-scroll .priority-input{
  height:30px!important;
  width:72px!important;
}
.product-group-head{
  padding-top:8px!important;
  padding-bottom:8px!important;
}
.channel-group-head-form{
  padding-top:9px!important;
  padding-bottom:9px!important;
}

.smart-form-dock{
  position:fixed;
  right:20px;
  bottom:18px;
  z-index:1500;
  display:flex;
  align-items:center;
  gap:7px;
  padding:7px;
  border:1px solid #d7e0ec;
  border-radius:12px;
  background:rgba(255,255,255,.97);
  box-shadow:0 10px 30px rgba(15,35,65,.18);
  transform:translateY(22px);
  opacity:0;
  pointer-events:none;
  transition:opacity .16s ease,transform .16s ease;
  backdrop-filter:blur(8px);
}
.smart-form-dock.show{
  transform:translateY(0);
  opacity:1;
  pointer-events:auto;
}
.smart-form-dock .btn{
  min-height:34px;
}
.smart-top-btn{
  color:#50627a;
}
body.smart-dock-visible .container{
  padding-bottom:72px!important;
}

/* Long data/config forms stay compact. */
form[data-smart-sticky="1"] .form-section,
form[data-smart-sticky="1"].settings-grid{
  scroll-margin-top:72px;
}
form[data-smart-sticky="1"] .customer-submit,
form[data-smart-sticky="1"] .form-actions,
form[data-smart-sticky="1"] .settings-actions{
  margin-bottom:2px;
}

/* Similar large-table pages: preserve the page toolbar and let data area scroll. */
.tablewrap.operational-scroll{
  max-height:62vh;
  overflow:auto!important;
}
.tablewrap.operational-scroll thead th{
  position:sticky;
  top:0;
  z-index:5;
  background:#f5f8fc;
}

@media(max-width:900px){
  .group-product-toolbar{
    grid-template-columns:1fr 1fr;
  }
  .group-product-toolbar input{grid-column:1/-1}
  .smart-form-dock{
    left:12px;
    right:12px;
    bottom:10px;
    justify-content:flex-end;
  }
}
@media(max-width:560px){
  .group-product-toolbar{grid-template-columns:1fr}
  .group-product-toolbar input{grid-column:auto}
  .smart-form-dock .smart-top-btn{display:none}
  .smart-form-dock .smart-save-btn{width:100%}
}


/* ===== v1.9.13 unified creation-time filtering + datetime picker ===== */
.filter-tool-row{
  grid-template-columns:
    72px
    minmax(280px,1.45fr)
    minmax(145px,.60fr)
    minmax(135px,.55fr)
    minmax(360px,1.12fr)
    minmax(125px,.48fr)
    auto auto;
}
.created-range-filter{
  display:grid;
  grid-template-columns:auto minmax(118px,1fr) auto minmax(118px,1fr) auto;
  align-items:center;
  gap:5px;
  min-width:0;
  padding:3px 5px;
  border:1px solid #d8e1ed;
  background:#fbfdff;
  border-radius:7px;
}
.created-range-filter>span{
  white-space:nowrap;
  color:#52627a;
  font-size:10px;
  font-weight:700;
}
.created-range-filter>i{
  color:#9aa7b8;
  font-style:normal;
}
.created-range-filter .datetime-input-group{
  min-width:0;
}
.created-range-filter .datetime-text-input{
  height:30px!important;
  min-width:0!important;
  padding:5px 6px!important;
  font-size:10px!important;
}
.quick-today-btn{
  min-height:30px!important;
  height:30px!important;
  padding:4px 8px!important;
}

.datetime-input-group{
  position:relative;
  display:flex;
  align-items:center;
  gap:4px;
  width:100%;
  min-width:0;
}
.datetime-input-group>.datetime-text-input{
  flex:1 1 auto;
  min-width:0!important;
  width:100%!important;
}
.datetime-picker-btn{
  flex:0 0 auto;
  height:32px;
  min-width:40px;
  padding:0 7px;
  border:1px solid #cfd9e7;
  border-radius:7px;
  background:#f8fbff;
  color:#315b91;
  font:600 10px/1 Arial,'Microsoft YaHei',sans-serif;
  cursor:pointer;
  transition:background .12s,border-color .12s,color .12s;
}
.datetime-picker-btn:hover{
  background:#eef5ff;
  border-color:#a9c5ed;
  color:#165fc7;
}
.native-datetime-picker{
  position:absolute!important;
  right:0;
  bottom:0;
  width:1px!important;
  height:1px!important;
  min-width:1px!important;
  padding:0!important;
  border:0!important;
  opacity:.001;
  pointer-events:none;
}

/* Track table time entry stays compact even after adding picker button. */
.track-event-row td .datetime-input-group{
  min-width:185px;
}
.track-event-row td .datetime-picker-btn{
  min-width:36px;
  padding:0 5px;
}

/* Keep filter area compact on medium screens instead of producing an oversized block. */
@media(max-width:1500px){
  .filter-tool-row{
    grid-template-columns:72px minmax(260px,1.25fr) minmax(135px,.56fr) minmax(125px,.52fr) minmax(320px,1fr) minmax(120px,.45fr) auto auto;
  }
  .created-range-filter>span{display:none}
  .created-range-filter{
    grid-template-columns:minmax(112px,1fr) auto minmax(112px,1fr) auto;
  }
}
@media(max-width:1180px){
  .filter-tool-row{
    grid-template-columns:72px minmax(240px,1.2fr) minmax(130px,.55fr) minmax(130px,.55fr) minmax(285px,1fr) auto auto!important;
  }
  .filter-tool-row>select[name="sort"]{display:none}
}
@media(max-width:900px){
  .created-range-filter{
    grid-column:1/-1;
    grid-template-columns:auto minmax(120px,1fr) auto minmax(120px,1fr) auto;
  }
  .created-range-filter>span{display:block}
}
@media(max-width:620px){
  .created-range-filter{
    grid-template-columns:1fr;
  }
  .created-range-filter>i{display:none}
  .created-range-filter>span{display:block}
  .datetime-picker-btn{min-width:44px}
}


/* ===== v1.9.14 ===== */
.filter-tool-row{grid-template-columns:72px minmax(265px,1.15fr) minmax(145px,.52fr) minmax(130px,.48fr) minmax(455px,1.35fr) minmax(120px,.42fr) auto auto!important}
.created-range-filter{grid-template-columns:auto minmax(174px,1fr) auto minmax(174px,1fr) auto!important;min-width:455px}
.created-range-filter .datetime-input-group{min-width:174px!important}
.created-range-filter .datetime-text-input{min-width:130px!important;font-family:Consolas,'SFMono-Regular',monospace;letter-spacing:-.15px}
.datetime-input-group{min-width:205px}.datetime-input-group>.datetime-text-input{min-width:155px!important}.track-event-row td .datetime-input-group{min-width:220px!important}
.compact-multi-search,.multi-order-search.compact-multi-search{resize:vertical;min-height:34px!important;height:34px;max-height:76px;line-height:20px;padding:6px 9px!important;overflow:auto;white-space:pre-wrap}
.compact-search .compact-multi-search,.searchbar .compact-multi-search{min-width:250px;width:min(410px,38vw)}
.channel-manage-row{gap:14px;align-items:center}.channel-main{min-width:0;flex:1 1 auto}.channel-title-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.channel-title-line>b{font-size:15px}.channel-mini-stats{margin-top:4px;font-size:10px;color:#708096}.channel-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.channel-rename{position:relative}.channel-rename>summary{list-style:none;cursor:pointer}.channel-rename>summary::-webkit-details-marker{display:none}.rename-pop{position:absolute;right:0;top:39px;z-index:30;width:320px;padding:10px;background:#fff;border:1px solid #d8e1ed;border-radius:10px;box-shadow:0 12px 30px rgba(20,42,74,.16)}.rename-pop input{width:100%;height:34px;margin-bottom:7px}.warn-outline{color:#b45309!important;border-color:#f6c987!important;background:#fffaf2!important}.tag.soft{opacity:.78}.tag.neutral{background:#edf2f7;color:#46566d}
@media(max-width:1500px){.filter-tool-row{grid-template-columns:72px minmax(250px,1fr) minmax(135px,.48fr) minmax(125px,.45fr) minmax(430px,1.25fr) auto auto!important}.filter-tool-row>select[name="sort"]{display:none}}
@media(max-width:1250px){.filter-tool-row{grid-template-columns:72px minmax(270px,1fr) minmax(150px,.52fr) minmax(140px,.48fr) auto auto!important}.created-range-filter{grid-column:2/-1;width:100%;min-width:0}}
@media(max-width:900px){.datetime-input-group{min-width:0}.created-range-filter{grid-template-columns:auto minmax(160px,1fr) auto minmax(160px,1fr) auto!important}.channel-manage-row{align-items:flex-start}.channel-actions{justify-content:flex-start}}
@media(max-width:640px){.created-range-filter{grid-template-columns:1fr!important;min-width:0}.created-range-filter>i{display:none}.created-range-filter .datetime-input-group{min-width:0!important}.compact-search .compact-multi-search,.searchbar .compact-multi-search{width:100%;min-width:180px}.rename-pop{position:fixed;left:12px;right:12px;top:auto;bottom:70px;width:auto}}


/* =====================================================================
   v1.9.15 100% 浏览器缩放舒适显示版
   目标：
   1) 100% 缩放直接可读，不需要用户额外放大浏览器
   2) 控件宁可换行，不允许互相覆盖
   3) 时间完整显示到秒
   4) 表格/搜索/批量工具栏在所有模块保持同样规则
   ===================================================================== */

/* ---------- 基础可读性：全系统统一放大一档 ---------- */
html{
  font-size:14px!important;
}
body{
  font-size:14px!important;
  line-height:1.46!important;
  -webkit-text-size-adjust:100%;
  text-rendering:optimizeLegibility;
}
.muted{
  font-size:12.5px!important;
  line-height:1.45!important;
}
.tiny{
  font-size:11.5px!important;
}
.pagehead h1,
h1{
  font-size:24px!important;
  line-height:1.24!important;
}
h2,.panelhead h2{
  font-size:17px!important;
  line-height:1.3!important;
}
h3{
  font-size:15px!important;
}

/* ---------- 左侧菜单：保持紧凑，但不再小到费眼 ---------- */
.sidebar{
  width:232px!important;
  padding:14px 12px!important;
}
.main-shell{
  margin-left:232px!important;
  width:calc(100% - 232px)!important;
}
.brand-title{
  font-size:18px!important;
  line-height:1.3!important;
}
.brand-sub{
  font-size:10.5px!important;
  line-height:1.35!important;
}
.side-section{
  font-size:11px!important;
  padding-top:9px!important;
}
.side-link{
  font-size:13.5px!important;
  min-height:38px!important;
  padding:9px 10px!important;
}
.sidebar-foot{
  font-size:13px!important;
}
.sidebar-foot span{
  font-size:11.5px!important;
}
.portal-switch-v17 .portal-choice{
  font-size:12px!important;
}

/* ---------- 顶栏 ---------- */
.new-topbar{
  height:58px!important;
  padding:0 20px!important;
}
.crumb{
  font-size:13px!important;
}
.crumb b{
  font-size:15px!important;
}
.top-actions{
  font-size:13px!important;
  gap:13px!important;
  flex-wrap:wrap;
}

/* ---------- 主内容区域 ---------- */
.container{
  padding:16px 18px!important;
  max-width:none!important;
}
.pagehead{
  gap:14px!important;
  margin-bottom:11px!important;
}
.panel{
  margin-bottom:11px!important;
}
.panelhead{
  padding:11px 14px!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.panelbody{
  padding:12px 14px!important;
}

/* ---------- 输入框 / 下拉框 / 按钮 ---------- */
input:not([type=checkbox]):not([type=radio]),
select,
textarea{
  min-height:36px!important;
  font-size:13px!important;
  line-height:22px!important;
  padding:6px 9px!important;
}
textarea{
  min-height:64px!important;
}
.btn{
  min-height:36px!important;
  padding:7px 12px!important;
  font-size:13px!important;
  line-height:20px!important;
  white-space:nowrap;
}
.btn.sm{
  min-height:32px!important;
  padding:5px 9px!important;
  font-size:12px!important;
}
.badge,.status,.tag{
  font-size:11px!important;
  line-height:1.25!important;
  padding:4px 7px!important;
}

/* 保持之前要求的小复选框，不跟随整体字体一起变大 */
input[type="checkbox"].compact-checkbox,
.tablewrap input[type="checkbox"],
.compact-checkbox{
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  min-height:15px!important;
  padding:0!important;
}

/* ---------- 表格：字变大，但不强行挤成一团 ---------- */
.tablewrap{
  overflow:auto!important;
  max-width:100%;
}
.tablewrap table{
  min-width:960px;
}
.tablewrap th,
.tablewrap td,
th,td{
  font-size:12.5px!important;
  line-height:1.42!important;
  padding:8px 10px!important;
}
.tablewrap th,
th{
  font-size:12px!important;
}
.tablewrap .btn{
  min-height:32px!important;
  padding:5px 9px!important;
  font-size:12px!important;
}
.order-id-cell small,
.group-order-cell small{
  font-size:10.5px!important;
  line-height:1.35!important;
}

/* ---------- 所有批量操作/工具条：可以换行，不允许按钮互相压住 ---------- */
.bulkbar,
.batchactions,
.management-tools,
.tool-line,
.inline-actions,
.batch-action-bar{
  flex-wrap:wrap!important;
  row-gap:7px!important;
}
.bulkbar,.batchactions{
  padding:9px 12px!important;
}
.selected-counter{
  font-size:12px!important;
}

/* ---------- 所有 panelhead 搜索：大屏一行，小屏自然换行 ---------- */
.panelhead .compact-search,
.panelhead .searchbar,
.panelhead .compact-inline,
.compact-search,
.searchbar{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:wrap!important;
  max-width:100%;
}
.panelhead .compact-search{
  margin-left:auto;
}
.compact-search .compact-multi-search,
.searchbar .compact-multi-search,
.panelhead .compact-search .compact-multi-search{
  width:clamp(300px,34vw,520px)!important;
  min-width:300px!important;
  height:36px!important;
  min-height:36px!important;
  font-size:13px!important;
}
.compact-search select,
.searchbar select{
  min-width:150px!important;
}

/* ---------- 测试订单顶部导入 ---------- */
.orders-tool-row{
  gap:8px!important;
  padding:8px 11px!important;
}
.orders-tool-row strong{
  font-size:12px!important;
}
.import-tool-row{
  grid-template-columns:
    80px
    minmax(320px,1.55fr)
    minmax(180px,.68fr)
    auto auto minmax(110px,.4fr)!important;
}
.orders-tool-row .muted{
  font-size:11.5px!important;
}

/* ---------- 测试订单筛选：改为安全的两行布局 ----------
   第一行：关键词 / 渠道组 / 轨迹 / 排序 / 筛选 / 重置
   第二行：创建时间
   这样即使字体放大，100%缩放也不会发生覆盖。
*/
.filter-tool-row{
  grid-template-columns:
    80px
    minmax(360px,1.7fr)
    minmax(170px,.65fr)
    minmax(150px,.58fr)
    minmax(145px,.55fr)
    auto auto!important;
  grid-auto-rows:auto;
  align-items:center!important;
}
.filter-tool-row>strong{
  grid-column:1;
  grid-row:1;
}
.filter-tool-row>.multi-order-search{
  grid-column:2;
  grid-row:1;
  min-height:36px!important;
  height:36px!important;
}
.filter-tool-row>select[name="group_id"]{
  grid-column:3;
  grid-row:1;
}
.filter-tool-row>select[name="track"]{
  grid-column:4;
  grid-row:1;
}
.filter-tool-row>select[name="sort"]{
  grid-column:5;
  grid-row:1;
  display:block!important;
}
.filter-tool-row>button.btn.primary{
  grid-column:6;
  grid-row:1;
}
.filter-tool-row>a.btn{
  grid-column:7;
  grid-row:1;
}
.filter-tool-row>.created-range-filter{
  grid-column:2 / 6!important;
  grid-row:2!important;
  justify-self:start;
  width:min(780px,100%)!important;
  min-width:0!important;
  margin-top:1px;
}

/* ---------- 时间范围：输入框完整显示到秒 ---------- */
.created-range-filter{
  display:grid!important;
  grid-template-columns:
    auto
    minmax(225px,1fr)
    auto
    minmax(225px,1fr)
    auto!important;
  align-items:center!important;
  gap:6px!important;
  min-height:42px;
  padding:4px 6px!important;
}
.created-range-filter>span{
  display:block!important;
  font-size:11.5px!important;
}
.created-range-filter .datetime-input-group{
  min-width:225px!important;
}
.created-range-filter .datetime-text-input{
  min-width:175px!important;
  height:34px!important;
  min-height:34px!important;
  font-size:12.5px!important;
  letter-spacing:0!important;
}
.datetime-input-group{
  min-width:225px!important;
}
.datetime-input-group>.datetime-text-input{
  min-width:175px!important;
}
.datetime-picker-btn{
  height:34px!important;
  min-width:42px!important;
  padding:0 8px!important;
  font-size:11px!important;
}
.quick-today-btn{
  min-height:34px!important;
  height:34px!important;
  padding:5px 10px!important;
}
.track-event-row td .datetime-input-group{
  min-width:230px!important;
}

/* ---------- 各种表单文字同步放大 ---------- */
.form-section label,
.settings-grid label,
.customer-form label,
.upstream-form label,
.filter-grid .field label,
.order-filters label,
.user-filters label{
  font-size:11.5px!important;
  line-height:1.3!important;
}
.form-section h3,
.settings-divider,
.settings-subtitle{
  font-size:14.5px!important;
}
.section-help{
  font-size:11.5px!important;
}

/* ---------- 卡片数据 ---------- */
.stat span{
  font-size:12px!important;
}
.stat b{
  font-size:24px!important;
}
.stat small{
  font-size:11.5px!important;
  line-height:1.35!important;
}

/* ---------- 提示信息：正常提示可读；错误信息仍完整展示 ---------- */
.notice,.flash,.edit-flow-note,.order-issue-card{
  font-size:12.5px!important;
  line-height:1.45!important;
}
.errorbox,.errorcell,.messagecell,.logresponse{
  font-size:12px!important;
  line-height:1.5!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}

/* ---------- 1600~1800 宽度：仍保持可读，不再把控件挤坏 ---------- */
@media(max-width:1750px){
  .filter-tool-row{
    grid-template-columns:
      80px
      minmax(330px,1.55fr)
      minmax(155px,.62fr)
      minmax(145px,.58fr)
      minmax(140px,.54fr)
      auto auto!important;
  }
  .filter-tool-row>.created-range-filter{
    width:min(730px,100%)!important;
  }
}

/* ---------- 笔记本宽度：工具条换行，而不是缩字 ---------- */
@media(max-width:1350px){
  .sidebar{
    width:220px!important;
  }
  .main-shell{
    margin-left:220px!important;
    width:calc(100% - 220px)!important;
  }
  .import-tool-row{
    grid-template-columns:80px minmax(260px,1fr) minmax(170px,.65fr) auto auto!important;
  }
  .import-tool-row .muted{
    display:none;
  }
  .filter-tool-row{
    grid-template-columns:
      80px minmax(300px,1fr) minmax(150px,.55fr) minmax(140px,.52fr) auto auto!important;
  }
  .filter-tool-row>select[name="sort"]{
    grid-column:2;
    grid-row:2;
    width:160px!important;
  }
  .filter-tool-row>.created-range-filter{
    grid-column:3 / -1!important;
    grid-row:2!important;
    width:100%!important;
  }
  .filter-tool-row>button.btn.primary{
    grid-column:5;
  }
  .filter-tool-row>a.btn{
    grid-column:6;
  }
  .panelhead .compact-search{
    width:100%;
    margin-left:0;
    justify-content:flex-start;
  }
}

/* ---------- 小屏：单列，保证无覆盖 ---------- */
@media(max-width:980px){
  .orders-tool-row,
  .filter-tool-row,
  .import-tool-row,
  .compact-toolbar-row{
    grid-template-columns:1fr 1fr!important;
  }
  .orders-tool-row>*,
  .filter-tool-row>*,
  .import-tool-row>*{
    grid-column:auto!important;
    grid-row:auto!important;
  }
  .orders-tool-row>strong{
    grid-column:1/-1!important;
  }
  .filter-tool-row>.created-range-filter{
    grid-column:1/-1!important;
    width:100%!important;
  }
  .created-range-filter{
    grid-template-columns:
      auto minmax(180px,1fr) auto minmax(180px,1fr) auto!important;
  }
  .compact-search .compact-multi-search,
  .searchbar .compact-multi-search,
  .panelhead .compact-search .compact-multi-search{
    width:100%!important;
    min-width:220px!important;
    flex:1 1 320px;
  }
}

@media(max-width:760px){
  .sidebar{
    width:72px!important;
  }
  .main-shell{
    margin-left:72px!important;
    width:calc(100% - 72px)!important;
  }
  .side-link{
    font-size:13px!important;
  }
  .container{
    padding:11px!important;
  }
  .tablewrap table{
    min-width:850px;
  }
}

@media(max-width:620px){
  .orders-tool-row,
  .filter-tool-row,
  .import-tool-row,
  .compact-toolbar-row{
    grid-template-columns:1fr!important;
  }
  .created-range-filter{
    grid-template-columns:1fr!important;
  }
  .created-range-filter>i{
    display:none!important;
  }
  .created-range-filter .datetime-input-group,
  .datetime-input-group{
    min-width:0!important;
  }
  .panelhead .compact-search,
  .compact-search,
  .searchbar{
    width:100%;
  }
}


/* =====================================================================
   v1.9.16 时间布局与100%可读性实修版
   核心修复：
   - 时间输入框由 JS 包裹后，input 不再 width:100% 再额外叠加“时间”按钮。
   - 输入框与按钮改成真正的 flex 分配，因此不会互相覆盖。
   - 100% 浏览器缩放下，全系统字号再提高一档。
   ===================================================================== */

/* ---------- 全局可读性：100% 缩放直接使用 ---------- */
html{
  font-size:16px!important;
}
body{
  font-size:15px!important;
  line-height:1.5!important;
}
.container{
  max-width:none!important;
  padding:17px 18px!important;
}
.pagehead h1,
h1{
  font-size:26px!important;
  line-height:1.25!important;
}
h2,.panelhead h2{
  font-size:18px!important;
}
.muted{
  font-size:13px!important;
  line-height:1.45!important;
}
.tiny{
  font-size:12px!important;
}

/* 侧栏 */
.brand-title{
  font-size:19px!important;
}
.brand-sub{
  font-size:11px!important;
}
.side-section{
  font-size:11.5px!important;
}
.side-link{
  font-size:14px!important;
  min-height:39px!important;
}
.sidebar-foot{
  font-size:13.5px!important;
}
.sidebar-foot span{
  font-size:12px!important;
}

/* 表单 */
input:not([type=checkbox]):not([type=radio]),
select,
textarea{
  font-size:14px!important;
  min-height:38px!important;
  line-height:22px!important;
}
.btn{
  font-size:13.5px!important;
  min-height:38px!important;
}
.btn.sm{
  font-size:12.5px!important;
  min-height:33px!important;
}
.orders-tool-row strong{
  font-size:13px!important;
}
.orders-mini-flow{
  font-size:12.5px!important;
}

/* 表格 */
.tablewrap{
  overflow:auto!important;
}
.tablewrap table{
  min-width:1080px!important;
}
.tablewrap th,
.tablewrap td{
  font-size:13.5px!important;
  line-height:1.45!important;
  padding:9px 10px!important;
}
.tablewrap th{
  font-size:13px!important;
}
.created-time-cell{
  min-width:155px!important;
  white-space:nowrap!important;
}
.order-id-cell small,
.group-order-cell small{
  font-size:11px!important;
}

/* ---------- 时间控件通用根修复 ----------
   以前 input width:100% 后面再追加“时间”按钮，会超过父容器。
   现在 input 用 flex:1 1 0，占剩余空间，按钮固定宽度。
*/
.datetime-input-group{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.datetime-input-group > .datetime-text-input{
  flex:1 1 0!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.datetime-picker-btn{
  flex:0 0 48px!important;
  width:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0!important;
  font-size:12px!important;
  box-sizing:border-box!important;
}

/* ---------- 测试订单：创建时间筛选 ---------- */
.filter-tool-row{
  grid-template-columns:
    82px
    minmax(360px,1.65fr)
    minmax(170px,.64fr)
    minmax(155px,.58fr)
    minmax(145px,.54fr)
    auto
    auto!important;
  column-gap:9px!important;
  row-gap:8px!important;
  align-items:center!important;
}
.filter-tool-row > .created-range-filter{
  grid-column:2 / 6!important;
  grid-row:2!important;
  width:min(900px,100%)!important;
  min-width:0!important;
  justify-self:start!important;
  margin-top:0!important;
}

/* 这里不用 grid，改成 flex，避免动态包裹后产生 grid 子项宽度误判 */
.created-range-filter{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  min-height:48px!important;
  padding:5px 7px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.created-range-filter > .created-range-label{
  flex:0 0 auto!important;
  display:block!important;
  white-space:nowrap!important;
  font-size:12.5px!important;
  font-weight:700!important;
  color:#52627a!important;
}
.created-range-filter > .datetime-input-group{
  flex:1 1 255px!important;
  width:auto!important;
  min-width:230px!important;
  max-width:330px!important;
  color:inherit!important;
  font:inherit!important;
  white-space:normal!important;
}
.created-range-filter > .datetime-input-group > .datetime-text-input{
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  height:38px!important;
  min-height:38px!important;
  padding:7px 9px!important;
  font-size:14px!important;
  font-family:Consolas,"Microsoft YaHei",monospace!important;
  letter-spacing:0!important;
}
.created-range-filter > i{
  flex:0 0 auto!important;
  display:block!important;
  color:#94a3b8!important;
  font-style:normal!important;
}
.created-range-filter > .quick-today-btn{
  flex:0 0 auto!important;
  height:38px!important;
  min-height:38px!important;
  padding:7px 11px!important;
  font-size:12.5px!important;
}

/* 轨迹节点等其他时间框也使用同一根修复 */
.track-event-row td .datetime-input-group{
  min-width:245px!important;
}
.track-event-row td .datetime-text-input{
  min-width:0!important;
  width:auto!important;
}

/* 工具条：宁可换行，不允许互相覆盖 */
.bulkbar,
.batchactions,
.management-tools,
.tool-line,
.inline-actions,
.batch-action-bar,
.compact-search,
.searchbar,
.panelhead{
  flex-wrap:wrap!important;
}
.compact-search .compact-multi-search,
.searchbar .compact-multi-search,
.panelhead .compact-search .compact-multi-search{
  font-size:14px!important;
  min-height:38px!important;
}

/* 报错继续完整显示 */
.errorbox,.errorcell,.messagecell,.logresponse,.full-error-detail{
  font-size:13px!important;
  line-height:1.52!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  white-space:normal!important;
}

/* 1366~1500 宽度：时间区单独占完整一行，不再压缩 */
@media(max-width:1500px){
  .filter-tool-row{
    grid-template-columns:
      82px
      minmax(310px,1.35fr)
      minmax(155px,.58fr)
      minmax(145px,.54fr)
      minmax(140px,.52fr)
      auto
      auto!important;
  }
  .filter-tool-row > .created-range-filter{
    grid-column:2 / -1!important;
    width:min(860px,100%)!important;
  }
}

/* 笔记本宽度：允许创建时间两组换行，但绝不重叠 */
@media(max-width:1180px){
  .filter-tool-row{
    grid-template-columns:82px minmax(280px,1fr) minmax(150px,.56fr) minmax(145px,.54fr) auto auto!important;
  }
  .filter-tool-row > select[name="sort"]{
    grid-column:2!important;
    grid-row:2!important;
    width:165px!important;
  }
  .filter-tool-row > .created-range-filter{
    grid-column:2 / -1!important;
    grid-row:3!important;
    width:100%!important;
  }
  .created-range-filter{
    flex-wrap:wrap!important;
  }
  .created-range-filter > .datetime-input-group{
    flex:1 1 290px!important;
    max-width:none!important;
  }
}

/* 小屏 */
@media(max-width:820px){
  .created-range-filter{
    flex-wrap:wrap!important;
  }
  .created-range-filter > .created-range-label{
    flex-basis:100%!important;
  }
  .created-range-filter > i{
    display:none!important;
  }
  .created-range-filter > .datetime-input-group{
    flex:1 1 100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}