:root {
      --bg: #f4f6f8;
      --surface: #fff;
      --line: #d8e0e8;
      --text: #1f2933;
      --muted: #667085;
      --blue: #08766c;
      --blue-soft: #e7f2f0;
      --green: #00a86b;
      --green-soft: #e6f6ee;
      --amber: #9a5a05;
      --amber-soft: #fff2d9;
      --red: #b42318;
      --red-soft: #fde8e5;
      --font-micro: 10px;
      --font-meta: 11px;
      --font-caption: 12px;
      --font-section: 13px;
      --font-body: 14px;
      --font-title: 16px;
      --font-page: 18px;
      --font-data: 19px;
      --weight-regular: 400;
      --weight-medium: 500;
      --weight-semibold: 600;
      --weight-strong: 700;
      font-family: "Microsoft YaHei", "PingFang SC", "Segoe UI", Arial, sans-serif;
    }
    * { box-sizing: border-box; }
    html { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
    html.miui-compat, html.miui-compat body { -webkit-text-size-adjust:none !important; text-size-adjust:none !important; }
    html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
    body { margin: 0; background: var(--bg); color: var(--text); font-size:var(--font-body); font-weight:var(--weight-regular); line-height:1.5; }
    h1, h2, h3, h4 { font-weight:var(--weight-strong); }
    strong, b { font-weight:var(--weight-semibold); }
    button, input, select, textarea { font: inherit; }
    button { border: 0; cursor: pointer; }
    .auth-screen { min-height: 100vh; display: grid; place-items: stretch center; padding: 0; background: #fff; }
    .auth-layout { width: 100%; min-height: 100vh; display: grid; grid-template-columns: minmax(0, 72fr) minmax(380px, 28fr); align-items: stretch; }
    .auth-screen.register-mode .auth-layout { grid-template-columns:minmax(360px,.72fr) minmax(620px,1.28fr); }
    .auth-screen.register-mode .auth-card { align-content:start; max-height:100vh; overflow-y:auto; padding:26px clamp(28px,4vw,52px) 34px; }
    .auth-hero, .auth-card { position: relative; min-width:0; background: #fff; }
    .auth-hero { min-height: 100vh; display: grid; align-content: space-between; gap: 0; padding: clamp(40px,5vw,88px); overflow:hidden; background:#143f46; color:#fff; box-shadow:inset 180px 120px 220px -210px rgba(44,194,175,.22); }
    .auth-corner { display:none; }
    .auth-kicker { width: fit-content; min-height: 28px; display: inline-flex; align-items: center; padding: 0 10px; border: 1px solid rgba(255,255,255,.28); border-radius: 6px; background: rgba(255,255,255,.08); color: #d8eeeb; font-size: 12px; font-weight:var(--weight-medium); }
    .auth-title { display: grid; gap: 0; max-width:none; }
    .auth-eyebrow { display:flex; align-items:center; gap:9px; margin-bottom:13px; color:#86d8cb; font-size:13px; font-weight:var(--weight-semibold); }
    .auth-eyebrow::before { content:""; width:24px; height:2px; background:#36b7a6; }
    .auth-title h2 { max-width:none; margin:0 0 15px; color:#fff; font-size:clamp(34px,2.7vw,48px); line-height:1.18; letter-spacing:0; white-space:nowrap; }
    .auth-title p { max-width:800px; margin:0; color:#d5e5e1; font-size:16px; line-height:1.8; font-weight:var(--weight-medium); }
    .auth-badges { display: flex; flex-wrap: wrap; gap: 8px; }
    .auth-badge { min-height: 30px; display: inline-flex; align-items: center; padding: 0 10px; border: 1px solid rgba(255,255,255,.22); border-radius: 6px; background: rgba(255,255,255,.07); color: #e7f2f1; font-size: 12px; font-weight:var(--weight-medium); }
    .auth-status-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid rgba(255,255,255,.18); border-bottom:1px solid rgba(255,255,255,.18); }
    .auth-status { min-height:72px; display:grid; align-content:center; gap:4px; padding:14px 12px; border-right:1px solid rgba(255,255,255,.18); }
    .auth-status:last-child { border-right:0; }
    .auth-status strong { color:#fff; font-size:15px; line-height:1.35; }
    .auth-status span { color:#b9d3ce; font-size:12px; font-weight:var(--weight-medium); }
    .auth-legal { margin:14px 0 0; color:#aac8c2; font-size:11px; }
    .auth-card { display: grid; align-content: center; gap: 18px; padding: clamp(28px,3vw,52px); border-left:1px solid #e4e9eb; }
    .auth-brand { display: flex; align-items: center; gap: 11px; min-width: 0; }
    .brand-mark { width: 42px; height: 42px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 8px; background: #08766c; color: #fff; font-size: 22px; font-weight:var(--weight-medium); line-height: 1; box-shadow: none; }
    .auth-hero .brand-mark { width:56px; height:56px; border:1px solid rgba(255,255,255,.42); border-radius:8px; background:rgba(255,255,255,.04); font-size:26px; font-weight:var(--weight-strong); }
    .auth-hero .auth-brand h1 { color:#fff; }
    .auth-hero .auth-brand strong { color:#cfe0e0; }
    .auth-hero .auth-brand { gap:15px; }
    .auth-hero .auth-brand h1 { font-size:25px; line-height:1.22; }
    .auth-hero .auth-brand strong { margin-top:3px; color:#c7ded9; font-size:12px; line-height:1.35; }
    .auth-brand h1 { margin: 0; font-size: 26px; line-height: 1.05; letter-spacing: 0; }
    .auth-brand strong { display: block; margin-top: 4px; color: #455468; font-size: 13px; font-weight:var(--weight-medium); }
    .auth-card .sub { font-size: 13px; line-height: 1.5; }
    .topbar .head-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; }
    .top-brand { min-width: 0; display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 9px; align-items: center; }
    .top-brand .brand-mark { width: 34px; height: 34px; border-radius: 9px; font-size: 18px; box-shadow: 0 5px 12px rgba(8,118,108,.18); }
    .top-brand h1 { white-space: nowrap; }
    .top-brand .version-badge { justify-self: start; grid-column: 2; margin-top: 2px; }
    .auth-form { display: grid; gap: 10px; }
    .auth-card .auth-form > label,.auth-card .password-reset-panel > label { color:#344054; font-size:12px; font-weight:var(--weight-semibold); }
    .auth-card .auth-form input,.auth-card .auth-form select,.auth-card .auth-form textarea,.auth-card .password-reset-panel input { min-height:44px; border-color:#cfd9df; background:#f9fbfc; }
    .auth-card .auth-form input:focus,.auth-card .auth-form select:focus,.auth-card .auth-form textarea:focus,.auth-card .password-reset-panel input:focus { border-color:#5ca49d; background:#fff; box-shadow:0 0 0 3px rgba(8,118,108,.1); outline:0; }
    .auth-card .btn.primary { border-color:#08766c; background:#08766c; }
    .auth-card .btn.primary:hover { border-color:#065e57; background:#065e57; }
    .auth-card .auth-link-btn { color:#08766c; }
    .password-field { position: relative; display: grid; gap: 5px; }
    .password-field > input { padding-right: 44px; }
    .password-toggle { position: absolute; right: 8px; bottom: 7px; width: 32px; height: 32px; display: grid; place-items: center; border: 0; border-radius: 7px; background: transparent; color: #667085; cursor: pointer; }
    .password-toggle:hover, .password-toggle:focus-visible { background: #eef4fb; color: #08766c; }
    .password-toggle svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
    .auth-form-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
    #loginForm .auth-form-actions { display:grid; grid-template-columns:1fr; gap:8px; }
    #loginForm .auth-form-actions .btn.primary { width:100%; min-height:44px; }
    #loginForm .auth-form-actions .auth-link-btn { justify-self:end; order:-1; }
    .auth-link-btn { padding: 4px 0; border: 0; background: transparent; color: #08766c; font-size: 12px; font-weight:var(--weight-semibold); cursor: pointer; }
    .auth-link-btn:hover, .auth-link-btn:focus-visible { text-decoration: underline; }
    .password-reset-panel { display: grid; gap: 10px; padding: 12px; border: 1px solid #dfe6ee; border-radius: 9px; background: #f8fafc; }
    .password-reset-panel h3 { margin: 0; font-size: 14px; }
    .password-reset-panel p { margin: 0; color: #667085; font-size: 12px; line-height: 1.5; }
    .password-reset-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
    .password-reset-status { min-height: 18px; color: #667085; font-size: 12px; line-height: 1.45; }
    .password-reset-status.success { color: #087443; }
    .password-reset-status.error { color: #b42318; }
    .reward-note { display: flex; align-items: center; min-height: 40px; padding: 8px; border: 1px solid #e1e7ee; border-radius: 7px; background: #f8fafc; color: #667085; font-size: 12px; font-weight:var(--weight-medium); }
    .auth-error { min-height: 20px; color: var(--red); font-size: 13px; font-weight:var(--weight-semibold); }
    .auth-footnote { color: #667085; font-size: 12px; line-height: 1.55; }
    .auth-mode-switch { display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:4px; border:1px solid #dfe6ee; border-radius:9px; background:#f5f7fa; }
    .auth-mode-switch button { min-height:36px; border-radius:7px; background:transparent; color:#667085; font-size:13px; font-weight:var(--weight-medium); }
    .auth-mode-switch button.active { background:#fff; color:#08766c; box-shadow:0 2px 7px rgba(31,41,51,.1); }
    @media (max-width:980px) {
      .auth-screen { padding:16px; background:#f2f5f4; }
      .auth-layout,.auth-screen.register-mode .auth-layout { width:min(720px,100%); min-height:calc(100vh - 32px); grid-template-columns:1fr; }
      .auth-hero { display:none; }
      .auth-card,.auth-screen.register-mode .auth-card { min-height:calc(100vh - 32px); max-height:none; overflow:visible; align-content:center; padding:28px clamp(22px,6vw,48px); border:1px solid #e1e7ea; border-radius:10px; }
      .auth-screen.register-mode .auth-card { align-content:start; }
    }
    @media (max-width:1100px) and (min-width:981px) {
      .auth-title h2 { font-size:29px; }
    }
    .auth-screen.register-mode .auth-title h2 { white-space:normal; }
    .auth-register-note { padding:9px 10px; border:1px solid #d8eadf; border-radius:8px; background:#f0faf3; color:#176b48; font-size:12px; font-weight:var(--weight-semibold); line-height:1.55; }
    .register-journey { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; padding:2px 0 4px; }
    .register-journey::before { content:""; position:absolute; top:15px; left:16%; right:16%; height:1px; background:#dce4ec; }
    .register-journey span { position:relative; z-index:1; display:grid; justify-items:center; gap:4px; color:#98a2b3; font-size:9px; font-weight:var(--weight-semibold); text-align:center; }
    .register-journey b { width:28px; height:28px; display:grid; place-items:center; border:1px solid #dce4ec; border-radius:50%; background:#fff; color:#667085; font-size:11px; }
    .register-journey span:first-child b { border-color:#08766c; background:#08766c; color:#fff; }
    .register-section-head { display:flex; align-items:center; gap:9px; min-height:36px; padding-top:4px; border-top:1px solid #edf1f5; }
    .register-section-head b { width:26px; height:26px; flex:0 0 auto; display:grid; place-items:center; border-radius:7px; background:#edf4fb; color:#08766c; font-size:10px; }
    .register-section-head span { min-width:0; display:grid; gap:1px; color:#1f2937; font-size:13px; font-weight:var(--weight-medium); }
    .register-section-head small { color:#98a2b3; font-size:9px; font-weight:var(--weight-medium); }
    .register-basic-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .register-driver-fields { display:grid; gap:10px; padding:11px; border:1px solid #cfe5da; border-radius:8px; background:#f7fcf9; }
    .register-driver-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
    .register-driver-head > span { min-width:0; display:grid; gap:2px; }
    .register-driver-head strong { color:#176b48; font-size:13px; }
    .register-driver-head small { color:#6b7f73; font-size:9px; line-height:1.4; }
    .driver-upload-progress { flex:0 0 auto; display:grid; justify-items:end; gap:4px; color:#176b48; font-size:10px; font-weight:var(--weight-medium); }
    .driver-upload-progress i { width:64px; height:4px; overflow:hidden; border-radius:99px; background:#dcece3; }
    .driver-upload-progress i::after { content:""; display:block; width:var(--progress,0%); height:100%; border-radius:inherit; background:#149064; transition:width .2s ease; }
    .driver-document-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .driver-document-upload { position:relative; min-width:0; min-height:126px; display:grid; grid-template-rows:72px minmax(38px,auto); gap:7px; padding:8px; overflow:hidden; border:1px solid #d7e1ea; border-radius:8px; background:#fff; color:#344054; cursor:pointer; transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease; }
    .driver-document-upload:active { transform:scale(.985); }
    .driver-document-upload input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
    .driver-document-visual { position:relative; min-width:0; display:grid; place-items:center; overflow:hidden; border-radius:6px; background:#f3f6f9; }
    .driver-document-outline { position:relative; width:84px; height:52px; display:grid; grid-template-columns:24px minmax(0,1fr); align-items:center; gap:7px; padding:7px; border:1.5px solid #aebdcb; border-radius:6px; color:#7790a5; background:#fff; box-sizing:border-box; }
    .driver-document-outline::before { content:""; width:22px; height:26px; border-radius:50% 50% 42% 42%; background:linear-gradient(#dbe4eb 0 42%,transparent 43%),linear-gradient(135deg,#edf2f6 50%,#dbe4eb 51%); }
    .driver-document-outline::after { content:""; height:24px; background:repeating-linear-gradient(to bottom,#c6d2dc 0 2px,transparent 2px 7px); }
    .driver-document-upload[data-document-kind^="license"] .driver-document-outline { grid-template-columns:1fr; }
    .driver-document-upload[data-document-kind^="license"] .driver-document-outline::before { width:28px; height:12px; border-radius:2px; background:#dbe4eb; }
    .driver-document-upload[data-document-kind^="license"] .driver-document-outline::after { position:absolute; left:8px; right:8px; bottom:7px; height:15px; }
    .driver-document-upload[data-document-kind="selfie"] { grid-column:1 / -1; min-height:88px; grid-template-columns:82px minmax(0,1fr); grid-template-rows:1fr; align-items:center; }
    .driver-document-upload[data-document-kind="selfie"] .driver-document-visual { height:70px; border-radius:7px; }
    .driver-document-upload[data-document-kind="selfie"] .driver-document-outline { width:48px; height:48px; display:grid; grid-template-columns:1fr; padding:0; border-radius:50%; }
    .driver-document-upload[data-document-kind="selfie"] .driver-document-outline::before { width:100%; height:100%; border-radius:50%; background:radial-gradient(circle at 50% 35%,#d1dce5 0 18%,transparent 19%),radial-gradient(circle at 50% 90%,#d1dce5 0 38%,transparent 39%); }
    .driver-document-upload[data-document-kind="selfie"] .driver-document-outline::after { display:none; }
    .driver-document-upload[data-document-kind="selfie"] .driver-camera-badge { left:auto; right:4px; bottom:4px; margin-left:0; }
    .driver-document-corner { position:absolute; right:5px; bottom:4px; min-width:26px; padding:2px 4px; border-radius:4px; background:#e7eef4; color:#637b90; font-size:8px; font-weight:var(--weight-medium); text-align:center; }
    .driver-camera-badge { position:absolute; left:50%; bottom:5px; width:23px; height:23px; display:grid; place-items:center; margin-left:28px; border:2px solid #fff; border-radius:50%; background:#08766c; color:#fff; box-shadow:0 2px 5px rgba(8,118,108,.24); }
    .driver-camera-badge svg { width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
    .driver-document-copy { min-width:0; display:grid; align-content:center; justify-items:center; gap:2px; text-align:center; }
    .driver-document-copy b { max-width:100%; color:#344054; font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .driver-document-copy small { max-width:100%; color:#8491a3; font-size:9px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .driver-document-upload[data-document-kind="selfie"] .driver-document-copy { justify-items:start; text-align:left; }
    .driver-document-upload[data-document-kind="selfie"] .driver-document-copy small { overflow:visible; text-overflow:clip; white-space:normal; line-height:1.35; }
    .driver-document-required { position:absolute; top:7px; left:7px; z-index:3; min-height:18px; display:inline-flex; align-items:center; padding:0 5px; border-radius:4px; background:rgba(255,255,255,.94); color:#667085; font-size:8px; font-weight:var(--weight-medium); }
    .driver-document-state { position:absolute; top:7px; right:7px; z-index:4; width:22px; height:22px; display:grid; place-items:center; border-radius:50%; background:#fff; color:#08766c; box-shadow:0 2px 6px rgba(31,41,51,.14); }
    .driver-document-state::before { content:"+"; font-size:18px; font-weight:500; line-height:1; }
    .driver-document-preview { position:absolute; inset:0; z-index:2; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .18s ease; }
    .driver-document-upload.ready { border-color:#4ca27d; box-shadow:0 0 0 2px rgba(20,144,100,.1); }
    .driver-document-upload.ready .driver-document-preview { opacity:1; }
    .driver-document-upload.ready .driver-document-state { background:#149064; color:#fff; }
    .driver-document-upload.ready .driver-document-state::before { content:"✓"; font-size:13px; font-weight:var(--weight-medium); }
    .driver-document-upload.ready .driver-document-copy small { color:#087443; font-weight:var(--weight-semibold); }
    .driver-verification-note { padding:8px 9px; border-radius:7px; background:#edf3f8; color:#475467; font-size:11px; line-height:1.5; }
    .driver-verification-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .driver-verification-review { display:grid; gap:8px; margin-top:8px; padding-top:9px; border-top:1px solid #d8eadf; }
    .driver-document-links { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; }
    .driver-document-link { min-width:0; min-height:36px; display:grid; place-items:center; padding:6px; border:1px solid #d7e1ea; border-radius:7px; background:#fff; color:#08766c; font-size:10px; font-weight:var(--weight-semibold); text-decoration:none; text-align:center; }
    .driver-document-link.missing { color:#98a2b3; pointer-events:none; }
    .verification-badges { display:flex; flex-wrap:wrap; gap:5px; }
    .verification-badge { display:inline-flex; align-items:center; min-height:22px; padding:0 7px; border-radius:999px; background:#edf9f3; color:#087443; font-size:10px; font-weight:var(--weight-medium); }
    .verification-badge.warn { background:#fff4e5; color:#8a4b08; }
    .auth-register-status { min-height:20px; color:#667085; font-size:12px; font-weight:var(--weight-semibold); line-height:1.45; }
    .auth-register-status.success { padding:9px 10px; border:1px solid #a8dbc3; border-radius:8px; background:#edf9f3; color:#087443; }
    .auth-register-status.error { color:#b42318; }
    .register-primary-method { display:grid; grid-template-columns:minmax(0,1fr) 180px; align-items:center; gap:12px; padding:12px; border:1px solid #badbd7; border-radius:8px; background:#f6faff; }
    .register-primary-method strong { display:block; color:#0a635b; font-size:15px; font-weight:var(--weight-medium); }
    .register-primary-method small { display:block; margin-top:3px; color:#667085; font-size:11px; line-height:1.45; }
    .social-register { display:grid; gap:9px; padding:11px; border:1px solid #dce4ec; border-radius:8px; background:#f8fafc; }
    .social-register-secondary { gap:0; padding:0; border-style:dashed; background:#fff; }
    .social-register-secondary summary { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:38px; padding:0 11px; cursor:pointer; color:#475467; font-size:12px; font-weight:var(--weight-medium); list-style:none; }
    .social-register-secondary summary::-webkit-details-marker { display:none; }
    .social-register-secondary summary small { color:#98a2b3; font-size:10px; font-weight:var(--weight-medium); }
    .social-register-secondary[open] summary { border-bottom:1px solid #edf1f5; }
    .social-register-secondary .social-register-actions { padding:10px; }
    .social-register-head { display:flex; align-items:flex-end; justify-content:space-between; gap:10px; }
    .social-register-head strong { color:#27364a; font-size:13px; }
    .social-register-head span { color:#8491a3; font-size:10px; }
    .social-register-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .social-register-btn { min-width:0; min-height:42px; display:flex; align-items:center; justify-content:center; gap:7px; padding:0 10px; border:1px solid #d7e1ea; border-radius:8px; background:#fff; color:#344054; font-size:12px; font-weight:var(--weight-medium); }
    .social-register-btn svg { width:20px; height:20px; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
    .social-register-btn.phone { color:#0a635b; background:#f5f9ff; }
    .social-register-btn.wechat { border-color:#b8dfcb; color:#087443; background:#f4fbf7; }
    .social-register-btn.alipay { border-color:#c8dcf7; color:#1769e0; background:#f5f9ff; }
    .social-register-btn.available { box-shadow:0 0 0 2px rgba(20,144,100,.08); }
    .social-register-btn.active { border-color:#08766c; background:#edf6f4; color:#0a635b; box-shadow:0 0 0 2px rgba(8,118,108,.1); }
    .social-register-btn.wechat.active { border-color:#149064; background:#edf9f3; color:#087443; box-shadow:0 0 0 2px rgba(20,144,100,.1); }
    .social-register-btn.alipay.active { border-color:#1769e0; background:#edf5ff; color:#1769e0; }
    .method-short { display:none; }
    .social-register-status { min-height:16px; color:#667085; font-size:10px; line-height:1.45; }
    .register-sms-field { grid-column:1 / -1; }
    .register-sms-row { display:grid; grid-template-columns:minmax(0,1fr) 116px; gap:7px; }
    .register-sms-row input { min-width:0; }
    .register-sms-row button { min-width:0; white-space:nowrap; }
    .register-sms-hint { display:block; margin-top:5px; color:#667085; font-size:10px; line-height:1.45; }
    .register-sms-hint.success { color:#087443; }
    .register-sms-hint.error { color:#b42318; }
    .register-divider { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:8px; color:#98a2b3; font-size:10px; }
    .register-divider::before, .register-divider::after { content:""; height:1px; background:#e5eaf0; }
    .register-label-line { display:flex; align-items:center; gap:6px; }
    .register-account-field { grid-column:1 / -1; }
    .register-account-option { grid-column:1 / -1; align-items:flex-start; padding:8px 9px; border:1px solid #e3eaf2; border-radius:7px; background:#f8fafc; color:#475467; font-size:11px; font-weight:var(--weight-semibold); line-height:1.45; }
    .register-account-option input { margin-top:2px; }
    #registerUsername:disabled { background:#f8fafc; color:#667085; -webkit-text-fill-color:#667085; }
    @media (max-width: 560px) {
      .register-primary-method { grid-template-columns:1fr; }
      .register-primary-method .social-register-btn { width:100%; }
      .social-register-secondary summary { min-height:0; align-items:flex-start; flex-direction:column; gap:2px; padding:9px 11px; }
    }
    .field-help { width:19px; height:19px; display:grid; place-items:center; padding:0; border:1px solid #cfd8e3; border-radius:50%; background:#fff; color:#667085; font-size:11px; font-weight:var(--weight-medium); }
    .register-email-field { grid-column:1 / -1; }
    .email-quick-field { display:grid; grid-template-columns:minmax(0,1fr) 132px; gap:7px; }
    .email-quick-field select { min-width:0; }
    .register-email-help { display:block; margin-top:5px; padding:7px 8px; border-radius:6px; background:#f2f6fa; color:#667085; font-size:10px; line-height:1.5; }
    .oauth-profile-note { display:flex; align-items:center; gap:7px; min-height:32px; padding:7px 8px; border-radius:7px; background:#edf9f3; color:#087443; font-size:11px; font-weight:var(--weight-semibold); }
    .oauth-profile-note img { width:26px; height:26px; flex:0 0 auto; border-radius:50%; object-fit:cover; }
    .driver-real-name-field { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px; border:1px solid #d8e6df; border-radius:7px; background:#fff; }
    .driver-real-name-field span { display:grid; gap:2px; }
    .driver-real-name-field small { color:#667085; font-size:10px; line-height:1.45; }
    .driver-real-name-field > b { color:#087443; font-size:13px; white-space:nowrap; }
    .driver-ocr-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
    .driver-ocr-summary span { display:grid; gap:2px; min-width:0; padding:8px; border:1px solid #d8e6df; border-radius:7px; background:#fff; }
    .driver-ocr-summary small { color:#667085; font-size:10px; }
    .driver-ocr-summary b { color:#344054; font-size:12px; overflow-wrap:anywhere; }
    .partner-channel-section { display:grid; gap:8px; }
    .partner-channel-title { display:flex; align-items:flex-end; justify-content:space-between; gap:8px; color:#344054; font-size:12px; font-weight:var(--weight-medium); }
    .partner-channel-title span { color:#98a2b3; font-size:10px; font-weight:var(--weight-medium); }
    .partner-channel-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
    .partner-channel-option { min-width:0; min-height:54px; display:grid; align-content:center; gap:3px; padding:8px; border:1px solid #d7e1ea; border-radius:8px; background:#fff; color:#344054; text-align:left; cursor:pointer; }
    .partner-channel-option b { font-size:11px; }
    .partner-channel-option span { color:#667085; font-size:9px; line-height:1.35; }
    .partner-channel-option.active { border-color:#4b9b93; background:#eef7f5; color:#0a635b; box-shadow:0 0 0 2px rgba(8,118,108,.08); }
    .register-role-hint { display:flex; align-items:center; gap:6px; padding:8px 9px; border-radius:7px; background:#f2f6fa; color:#475467; font-size:11px; line-height:1.5; }
    .register-role-hint strong { flex:0 0 auto; color:#344054; }
    .register-role-hint span { min-width:0; overflow-wrap:anywhere; }
    .role-access-request { display:flex; align-items:flex-start; gap:8px; padding:9px 10px; border:1px solid #d8e3ef; border-radius:7px; background:#f7faff; color:#344054; cursor:pointer; }
    .role-access-request input { flex:0 0 18px; width:18px; height:18px; min-height:18px; margin:2px 0 0; padding:0; }
    .role-access-request span { min-width:0; display:grid; gap:2px; }
    .role-access-title { display:flex !important; align-items:center; gap:6px; }
    .role-access-request b { font-size:11px; }
    .role-access-request small { color:#667085; font-size:10px; font-weight:var(--weight-medium); line-height:1.45; }
    .prospect-access-help { margin-top:4px; padding:8px 9px; border:1px solid #dbe5ef; border-radius:7px; background:#fff; color:#475467 !important; font-weight:var(--weight-medium) !important; line-height:1.6 !important; }
    .prospect-access-help b { display:block; margin-bottom:2px; color:#0a635b; }
    .partner-application-fields { display:grid; gap:8px; padding:10px; border:1px solid #dce4ec; border-radius:8px; background:#f8fafc; }
    .partner-license-upload { min-height:68px; display:grid; grid-template-columns:36px minmax(0,1fr) auto; align-items:center; gap:9px; padding:9px; border:1px solid #d7e1ea; border-radius:8px; background:#fff; color:#344054; cursor:pointer; }
    .partner-license-symbol { width:34px; height:34px; display:grid; place-items:center; border-radius:8px; background:#edf4fb; color:#08766c; }
    .partner-license-symbol svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
    .partner-license-upload input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
    .partner-license-upload span { min-width:0; display:grid; gap:2px; }
    .partner-license-upload b { font-size:12px; }
    .partner-license-upload small { overflow:hidden; color:#667085; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
    .partner-license-upload em { color:#08766c; font-size:10px; font-style:normal; font-weight:var(--weight-medium); }
    .partner-license-upload.ready { border-color:#67b892; background:#eef9f3; }
    .partner-benefit-panel { display:grid; gap:7px; padding:9px; border:1px solid #d8eadf; border-radius:8px; background:#f1faf5; }
    .partner-benefit-panel strong { color:#176b48; font-size:12px; }
    .partner-benefit-list { display:grid; gap:5px; }
    .partner-benefit-list span { min-height:26px; display:flex; align-items:center; padding:5px 7px; border-radius:7px; background:#fff; color:#2f5d49; font-size:10px; font-weight:var(--weight-semibold); line-height:1.35; }
    .partner-agreement { padding:9px 10px; border:1px solid #dce4ec; border-radius:8px; background:#fff; }
    .partner-agreement summary { color:#344054; font-size:11px; font-weight:var(--weight-medium); cursor:pointer; }
    .partner-agreement-body { display:grid; gap:5px; padding-top:8px; color:#667085; font-size:10px; line-height:1.55; }
    .partner-agreement-check { display:flex; align-items:flex-start; gap:7px; color:#344054; font-size:11px; font-weight:var(--weight-semibold); line-height:1.5; }
    .partner-agreement-check input { flex:0 0 18px; width:18px; height:18px; min-height:18px; margin-top:2px; padding:0; }
    .legal-inline-link { display:inline; padding:0; border:0; background:transparent; color:#08766c; font:inherit; font-weight:var(--weight-medium); line-height:inherit; cursor:pointer; }
    .auth-legal-links { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:4px 10px; margin-top:10px; color:#667085; font-size:10px; line-height:1.5; text-align:center; }
    .register-submit { min-height:46px; display:flex; align-items:center; justify-content:center; gap:8px; font-size:14px; }
    .register-submit::after { content:"→"; font-size:18px; font-weight:500; }
    body.owner-mini-driver-registration { background:#f5f7f8; }
    body.owner-mini-driver-registration .auth-screen { place-items:start center; padding:18px 14px 32px; background:#f5f7f8; }
    body.owner-mini-driver-registration .auth-layout { width:min(680px,100%); grid-template-columns:1fr; }
    body.owner-mini-driver-registration .auth-hero { display:none; }
    body.owner-mini-driver-registration .auth-card { min-height:0; align-content:start; gap:16px; padding:22px 24px 26px; border-color:#e5eaec; border-radius:10px; box-shadow:0 2px 10px rgba(23,40,48,.045); }
    body.owner-mini-driver-registration .brand-mark { background:#143f46; box-shadow:none; }
    body.owner-mini-driver-registration .auth-brand h1 { color:#18242b; font-size:25px; }
    body.owner-mini-driver-registration .auth-brand strong,
    body.owner-mini-driver-registration .auth-card .sub { color:#73808a; }
    body.owner-mini-driver-registration .auth-mode-switch { border-color:#e0e6e8; background:#edf1f2; }
    body.owner-mini-driver-registration .auth-mode-switch button.active { color:#08766c; box-shadow:0 1px 5px rgba(23,33,43,.08); }
    body.owner-mini-driver-registration .register-primary-method { border-color:#b9ded9; background:#edf8f5; }
    body.owner-mini-driver-registration .register-primary-method strong,
    body.owner-mini-driver-registration .auth-link-btn,
    body.owner-mini-driver-registration .legal-inline-link { color:#08766c; }
    body.owner-mini-driver-registration .social-register-btn.phone.active { border-color:#08766c; background:#08766c; color:#fff; }
    body.owner-mini-driver-registration .auth-register-note { border-color:#c8e4df; background:#f0f8f6; color:#356a64; }
    body.owner-mini-driver-registration .register-section-head b { background:#e8f5f2; color:#08766c; }
    body.owner-mini-driver-registration .register-section-head span { color:#26343c; }
    body.owner-mini-driver-registration .register-driver-fields { border-color:#c8e4df; background:#f7fbfa; }
    body.owner-mini-driver-registration .register-driver-head strong,
    body.owner-mini-driver-registration .driver-upload-progress { color:#08766c; }
    body.owner-mini-driver-registration .driver-upload-progress i::after { background:#08766c; }
    body.owner-mini-driver-registration .driver-document-upload.ready { border-color:#7bc4bb; background:#eef8f6; }
    body.owner-mini-driver-registration .register-role-field,
    body.owner-mini-driver-registration .partner-channel-section,
    body.owner-mini-driver-registration .register-role-hint { display:none; }
    body.owner-mini-driver-registration input:focus,
    body.owner-mini-driver-registration select:focus,
    body.owner-mini-driver-registration textarea:focus { border-color:#58a99f; box-shadow:0 0 0 3px rgba(8,118,108,.1); outline:0; }
    body.owner-mini-driver-registration .btn.primary,
    body.owner-mini-driver-registration .register-submit { border-color:#08766c; background:#08766c; color:#fff; }
    body.owner-mini-driver-registration .btn.primary:hover,
    body.owner-mini-driver-registration .register-submit:hover { border-color:#076b62; background:#076b62; }
    body.owner-mini-driver-registration .auth-footnote { color:#73808a; text-align:center; }
    @media (max-width:760px) {
      body.owner-mini-driver-registration .auth-screen { padding:0; }
      body.owner-mini-driver-registration .auth-card { min-height:100vh; padding:20px 16px calc(28px + env(safe-area-inset-bottom)); border:0; border-radius:0; box-shadow:none; }
      body.owner-mini-driver-registration .auth-brand h1 { font-size:24px; }
      body.owner-mini-driver-registration .register-primary-method { grid-template-columns:minmax(0,1fr) 112px; padding:11px; }
      body.owner-mini-driver-registration .register-primary-method .social-register-btn { width:100%; }
    }
    @media (min-width:761px) {
      #registerDriverFields .driver-document-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
      #registerDriverFields .driver-document-upload[data-document-kind="selfie"] { grid-column:1 / -1; }
    }
    .auth-userbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 7px; }
    .auth-userbar .pill { max-width: 220px; overflow: hidden; text-overflow: ellipsis; }
    .user-admin-panel { display:grid; gap:0; margin:0 0 14px; padding:0; border:1px solid var(--line); border-radius:8px; background:#fff; }
    body:has(#userAdminPanel:not(.hidden)) .mobile-home-section-title,
    body:has(#userAdminPanel:not(.hidden)) .home-metrics,
    body:has(#userAdminPanel:not(.hidden)) .mobile-driver-quick,
    body:has(#userAdminPanel:not(.hidden)) .mobile-recent-business,
    body:has(#userAdminPanel:not(.hidden)) .mobile-home-priority,
    body:has(#userAdminPanel:not(.hidden)) .exception-summary,
    body:has(#userAdminPanel:not(.hidden)) #mobileView,
    body:has(#userAdminPanel:not(.hidden)) #pcView,
    body:has(#userAdminPanel:not(.hidden)) #mobileBottomNav { display:none !important; }
    body.admin-focus .mobile-home-section-title,
    body.admin-focus .home-metrics,
    body.admin-focus .mobile-driver-quick,
    body.admin-focus .mobile-recent-business,
    body.admin-focus .mobile-home-priority,
    body.admin-focus .exception-summary,
    body.admin-focus #mobileView,
    body.admin-focus #pcView,
    body.admin-focus #mobileBottomNav { display:none !important; }
    body:has(#userAdminPanel:not(.hidden)) .workspace-switchbar,
    body:has(#userAdminPanel:not(.hidden)) #workbenchSwitch,
    body:has(#userAdminPanel:not(.hidden)) #businessSwitch,
    body:has(#userAdminPanel:not(.hidden)) .mode-tabs { display:none !important; }
    body:has(#userAdminPanel:not(.hidden)) .top-brand .version-badge,
    body:has(#userAdminPanel:not(.hidden)) #personalCenterBtn,
    body:has(#userAdminPanel:not(.hidden)) #commissionCenterBtn,
    body:has(#userAdminPanel:not(.hidden)) #userAdminToggle,
    body:has(#userAdminPanel:not(.hidden)) #largeTextToggle,
    body:has(#userAdminPanel:not(.hidden)) #switchAccountBtn { display:none !important; }
    body:has(#userAdminPanel:not(.hidden)) .user-admin-panel { margin-top:12px; }
    .account-admin-layout { display:grid; grid-template-columns:200px minmax(0,1fr); gap:0; align-items:stretch; min-height:calc(100vh - 120px); }
    .account-admin-content { min-width:0; display:grid; align-content:start; gap:0; border-left:1px solid var(--line); }
    .account-admin-tabs { position:sticky; align-self:start; top:12px; max-height:calc(100vh - 24px); display:grid; gap:3px; overflow-y:auto; overscroll-behavior:contain; padding:8px; border:0; border-radius:0; background:#fff; box-shadow:none; }
    .account-admin-tree-label { padding:9px 9px 4px; color:#98a2b3; font-size:10px; font-weight:var(--weight-semibold); }
    .account-admin-tree-label:not(:first-child) { margin-top:4px; padding-top:9px; border-top:1px solid #edf1f5; }
    .account-admin-tab { position:relative; min-height:39px; display:flex; align-items:center; padding:0 10px 0 24px; border:0; border-radius:6px; background:transparent; color:#526173; font-size:12px; font-weight:var(--weight-medium); text-align:left; cursor:pointer; transition:background .16s ease,color .16s ease,box-shadow .16s ease; }
    .account-admin-tab::before { content:""; position:absolute; left:10px; width:5px; height:5px; border-radius:50%; background:#c0c9d4; }
    .account-admin-tab:hover { color:#0a635b; background:#e7f2f0; }
    .account-admin-tab:focus-visible { outline:2px solid rgba(8,118,108,.28); outline-offset:1px; }
    .account-admin-tab.active { color:#08766c; background:#eaf4f2; font-weight:var(--weight-semibold); box-shadow:none; }
    .account-admin-tab.active::before { background:#08766c; box-shadow:none; }
    .account-admin-tab.active:hover { color:#08766c; background:#e7f2f0; }
    .account-admin-tab.permission-locked { color:#8b95a3; }
    .account-admin-tab.permission-locked::after { content:"未开通"; margin-left:auto; padding:2px 5px; border:1px solid #dfe5eb; border-radius:4px; background:#f7f9fb; color:#7b8794; font-size:9px; }
    @media(max-width:960px){.account-admin-layout{grid-template-columns:1fr}.account-admin-tabs{position:static;max-height:none;display:flex;gap:4px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-gutter:auto;padding:5px}.account-admin-tree-label{display:none}.account-admin-tab{min-width:max-content;padding:0 12px}.account-admin-tab::before{display:none}}
    .account-platform-settings { display:grid; gap:10px; min-width:0; }
    #userAdminPanel:not([data-admin-tree-ready]) .account-admin-content { display:none; }
    .national-delivery-operations { display:grid; gap:0; min-width:0; margin:12px 0 18px; overflow:hidden; border:1px solid #dfe6ee; border-radius:8px; background:#fff; box-shadow:0 8px 24px rgba(16,24,40,.06); }
    .national-delivery-operations.hidden { display:none; }
    body:has(#nationalDeliveryOperations:not(.hidden)) .workspace-switchbar,
    body:has(#nationalDeliveryOperations:not(.hidden)) #mobileView,
    body:has(#nationalDeliveryOperations:not(.hidden)) #pcView,
    body:has(#nationalDeliveryOperations:not(.hidden)) .bottom-nav,
    body:has(#nationalDeliveryOperations:not(.hidden)) #personalCenterPanel,
    body:has(#nationalDeliveryOperations:not(.hidden)) #myCenterPanel,
    body:has(#nationalDeliveryOperations:not(.hidden)) #commissionCenterPanel { display:none !important; }
    body:has(#nationalDeliveryOperations:not(.hidden)) .top-brand .version-badge,
    body:has(#nationalDeliveryOperations:not(.hidden)) #personalCenterBtn,
    body:has(#nationalDeliveryOperations:not(.hidden)) #commissionCenterBtn,
    body:has(#nationalDeliveryOperations:not(.hidden)) #userAdminToggle,
    body:has(#nationalDeliveryOperations:not(.hidden)) #nationalDeliveryOperationsBtn,
    body:has(#nationalDeliveryOperations:not(.hidden)) #largeTextToggle,
    body:has(#nationalDeliveryOperations:not(.hidden)) #switchAccountBtn { display:none !important; }
    .delivery-operations-head { min-height:70px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 18px; border-bottom:1px solid #e4e9ef; }
    .delivery-operations-title { min-width:0; display:grid; gap:3px; }
    .delivery-operations-title strong { color:#172033; font-size:20px; }
    .delivery-operations-title span { color:#667085; font-size:12px; line-height:1.5; }
    .delivery-operations-layout { min-height:680px; display:grid; grid-template-columns:210px minmax(0,1fr); }
    .delivery-operations-nav { display:grid; align-content:start; gap:3px; padding:14px 10px; border-right:1px solid #e4e9ef; background:#f7f9fb; }
    .delivery-operations-nav button { min-height:42px; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0 12px; border:0; border-radius:6px; background:transparent; color:#526173; font-size:13px; font-weight:var(--weight-medium); text-align:left; cursor:pointer; }
    .delivery-operations-nav button:hover { background:#e7f2f0; color:#08766c; }
    .delivery-operations-nav button.active { background:#08766c; color:#fff; font-weight:var(--weight-semibold); }
    .delivery-nav-count { min-width:22px; padding:2px 6px; border-radius:10px; background:#e4eaf1; color:#526173; font-size:10px; text-align:center; }
    .delivery-operations-nav button.active .delivery-nav-count { background:rgba(255,255,255,.2); color:#fff; }
    .delivery-operations-content { min-width:0; padding:18px; }
    .delivery-workspace-panel { display:none; gap:16px; min-width:0; }
    #nationalDeliveryOperations[data-delivery-workspace="overview"] [data-delivery-panel="overview"],
    #nationalDeliveryOperations[data-delivery-workspace="owner"] [data-delivery-panel="owner"],
    #nationalDeliveryOperations[data-delivery-workspace="dispatch"] [data-delivery-panel="dispatch"],
    #nationalDeliveryOperations[data-delivery-workspace="drivers"] [data-delivery-panel="drivers"],
    #nationalDeliveryOperations[data-delivery-workspace="stations"] [data-delivery-panel="stations"],
    #nationalDeliveryOperations[data-delivery-workspace="settlement"] [data-delivery-panel="settlement"],
    #nationalDeliveryOperations[data-delivery-workspace="compliance"] [data-delivery-panel="compliance"] { display:grid; }
    .delivery-workspace-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding-bottom:12px; border-bottom:1px solid #e8edf2; }
    .delivery-workspace-heading > div { min-width:0; display:grid; gap:4px; }
    .delivery-workspace-heading h2 { margin:0; color:#172033; font-size:18px; letter-spacing:0; }
    .delivery-workspace-heading p { margin:0; color:#667085; font-size:12px; line-height:1.55; }
    [data-delivery-panel="overview"] .delivery-workspace-heading > div { padding-left:10px; border-left:3px solid #08766c; }
    .delivery-boundary-strip { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); overflow:hidden; border:1px solid #dfe6ee; border-radius:7px; background:#edf1f5; }
    .delivery-boundary-item { min-width:0; padding:11px 12px; background:#fff; }
    .delivery-boundary-item + .delivery-boundary-item { border-left:1px solid #e4e9ef; }
    .delivery-boundary-item span,.delivery-network-summary span { display:block; color:#8491a3; font-size:10px; font-weight:var(--weight-semibold); }
    .delivery-boundary-item strong,.delivery-network-summary strong { display:block; margin-top:3px; color:#344054; font-size:12px; overflow-wrap:anywhere; }
    .delivery-metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
    .delivery-metric { min-height:86px; display:grid; gap:6px; padding:13px; border:1px solid #e1e7ee; border-radius:7px; }
    .delivery-metric strong { color:#172033; font-size:25px; line-height:1; }
    .delivery-metric span { color:#667085; font-size:12px; }
    .delivery-metric.attention { border-color:#f0c8c3; background:#fffafa; }
    .delivery-metric.attention strong { color:#b42318; }
    .delivery-metric.pending { border-color:#f1d6ac; background:#fffbf5; }
    .delivery-metric.pending strong { color:#b54708; }
    .delivery-kpi-groups { min-width:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .delivery-kpi-group { min-width:0; display:grid; gap:8px; padding:11px 12px; border-top:2px solid #dfe6ee; background:#fafbfc; }
    .delivery-kpi-group.primary { border-top-color:#08766c; background:#f8fbfa; }
    .delivery-kpi-group.attention { border-top-color:#d92d20; background:#fffafa; }
    .delivery-kpi-group.pending { border-top-color:#d97706; background:#fffbf5; }
    .delivery-kpi-group-head { display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
    .delivery-kpi-group-head strong { color:#27364a; font-size:13px; }
    .delivery-kpi-group-head span { color:#8491a3; font-size:10px; }
    .delivery-kpi-group-values { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
    .delivery-kpi-value { min-width:0; display:grid; gap:3px; }
    .delivery-kpi-value strong { color:#172033; font-size:20px; line-height:1; }
    .delivery-kpi-value span { overflow:hidden; color:#667085; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
    .delivery-kpi-value.attention strong { color:#b42318; }
    .delivery-kpi-value.pending strong { color:#b54708; }
    .delivery-order-filters { min-width:0; display:grid; grid-template-columns:minmax(170px,1.4fr) repeat(4,minmax(120px,1fr)) auto; gap:8px; align-items:end; padding:10px; border:1px solid #dfe6ee; border-radius:7px; background:#f8fafc; }
    #nationalDeliveryOperations[data-delivery-workspace="drivers"] .delivery-order-filters,
    #nationalDeliveryOperations[data-delivery-workspace="stations"] .delivery-order-filters,
    #nationalDeliveryOperations[data-delivery-workspace="settlement"] .delivery-order-filters { display:none; }
    .delivery-filter-field { min-width:0; display:grid; gap:4px; color:#667085; font-size:10px; font-weight:var(--weight-semibold); }
    .delivery-filter-field input,.delivery-filter-field select { width:100%; height:34px; min-width:0; padding:0 9px; border:1px solid #d9e1ea; border-radius:6px; background:#fff; color:#344054; font-size:12px; }
    .delivery-filter-actions { display:flex; align-items:center; gap:8px; min-height:34px; }
    .delivery-filter-result { min-width:62px; color:#667085; font-size:10px; text-align:right; white-space:nowrap; }
    .delivery-section,.delivery-settings-host { min-width:0; display:grid; gap:10px; }
    .delivery-section-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
    .delivery-section-head strong { display:inline-flex; align-items:center; gap:8px; color:#27364a; font-size:14px; }
    [data-delivery-panel="overview"] .delivery-section-head > strong::before { width:3px; height:14px; flex:0 0 3px; border-radius:1px; background:#08766c; content:""; }
    .delivery-section-head span { color:#8491a3; font-size:11px; }
    .delivery-operation-list { min-width:0; display:grid; overflow:hidden; border:1px solid #e1e7ee; border-radius:7px; }
    .delivery-operation-row { min-width:0; display:grid; grid-template-columns:minmax(180px,1.35fr) minmax(150px,1fr) minmax(140px,.9fr) auto; gap:12px; align-items:center; padding:11px 12px; border:0; border-bottom:1px solid #edf1f5; background:#fff; color:#344054; text-align:left; cursor:pointer; }
    .delivery-operation-row:last-child { border-bottom:0; }
    .delivery-operation-row:hover { background:#f8fbff; }
    .delivery-operation-row:focus-visible { outline:2px solid #08766c; outline-offset:-2px; }
    .delivery-operation-row > span { min-width:0; overflow:hidden; color:#667085; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
    .delivery-row-primary { display:grid; gap:3px; }
    .delivery-row-primary strong,.delivery-row-primary small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .delivery-row-primary strong { color:#172033; font-size:13px; }
    .delivery-row-primary small { color:#8491a3; font-size:10px; }
    .delivery-row-status { justify-self:end; padding:3px 7px; border-radius:10px; background:#edf4ff; color:#1556a8!important; font-size:10px!important; font-weight:var(--weight-semibold); }
    .delivery-row-status.exception { background:#fff0ee; color:#b42318!important; }
    .delivery-row-status.pending { background:#fff5e6; color:#b54708!important; }
    .delivery-operation-empty { padding:24px 14px; color:#8491a3; font-size:12px; text-align:center; }
    .delivery-list-header { min-width:0; display:grid; grid-template-columns:minmax(145px,1.15fr) 88px 108px minmax(112px,.85fr) minmax(135px,1fr) 112px 20px; gap:10px; align-items:center; padding:8px 12px; border-bottom:1px solid #dfe6ee; background:#f7f9fb; color:#667085; font-size:10px; font-weight:var(--weight-semibold); }
    .delivery-operation-row.delivery-order-row { grid-template-columns:minmax(145px,1.15fr) 88px 108px minmax(112px,.85fr) minmax(135px,1fr) 112px 20px; gap:10px; padding:10px 12px; }
    .delivery-row-field { min-width:0; display:grid; gap:2px; overflow:hidden; }
    .delivery-row-field small { color:#8491a3; font-size:9px; line-height:1.2; }
    .delivery-row-field b,.delivery-row-field span { overflow:hidden; color:#344054; font-size:11px; font-weight:var(--weight-medium); text-overflow:ellipsis; white-space:nowrap; }
    .delivery-row-field.updated span { color:#667085; font-variant-numeric:tabular-nums; }
    .delivery-order-row .delivery-row-status { justify-self:start; }
    .delivery-row-arrow { color:#98a2b3!important; font-size:18px!important; text-align:right; }
    .delivery-row-detail { grid-column:1/-1; display:flex!important; flex-wrap:wrap; gap:6px 14px; padding-top:7px; border-top:1px dashed #edf1f5; color:#667085!important; font-size:10px!important; overflow:visible!important; text-overflow:clip!important; white-space:normal!important; }
    .delivery-row-detail b { color:#526173; font-weight:var(--weight-semibold); }
    .delivery-hidden-field-copy { display:none; }
    .delivery-network-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
    .delivery-network-summary > div { padding:12px; border:1px solid #e1e7ee; border-radius:7px; background:#f9fafb; }
    .delivery-network-summary.owner-summary { grid-template-columns:repeat(4,minmax(0,1fr)); }
    .delivery-owner-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; }
    .delivery-owner-mode-filter { min-width:0; display:flex; flex-wrap:wrap; gap:6px; }
    .delivery-owner-mode-filter button { min-height:34px; display:inline-flex; align-items:center; gap:6px; padding:0 11px; border:1px solid #dfe6ee; border-radius:6px; background:#fff; color:#526173; font-size:12px; cursor:pointer; }
    .delivery-owner-mode-filter button.active { border-color:#08766c; background:#edf8f6; color:#075e56; font-weight:var(--weight-semibold); }
    .delivery-owner-mode-filter button span { min-width:18px; padding:1px 5px; border-radius:9px; background:#edf1f5; color:#526173; font-size:10px; text-align:center; }
    .delivery-owner-mode-filter button.active span { background:#08766c; color:#fff; }
    .delivery-owner-operator-filter { min-width:210px; display:flex; align-items:center; gap:8px; color:#667085; font-size:11px; }
    .delivery-owner-operator-filter select { min-width:0; height:34px; flex:1; border:1px solid #dfe6ee; border-radius:6px; background:#fff; color:#344054; font-size:12px; }
    .delivery-scope-note { padding:11px 12px; border-left:3px solid #08766c; background:#f4faf8; color:#526173; font-size:12px; line-height:1.6; }
    .delivery-scope-note.warn { border-left-color:#d97706; background:#fffaf2; }
    .delivery-settings-host > details { overflow:hidden; margin:0; border:1px solid #dfe6ee; border-radius:7px; background:#fff; }
    .delivery-settings-host > details > summary { min-height:48px; display:flex; align-items:center; padding:0 13px; color:#27364a; font-size:13px; font-weight:var(--weight-semibold); cursor:pointer; list-style:none; }
    .delivery-settings-host > details > summary::after { content:"展开"; margin-left:auto; color:#08766c; font-size:11px; }
    .delivery-settings-host > details[open] > summary::after { content:"收起"; }
    .delivery-capability-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .delivery-capability { min-width:0; display:grid; gap:5px; padding:12px; border:1px solid #e1e7ee; border-radius:7px; background:#fff; }
    .delivery-capability strong { color:#27364a; font-size:13px; }
    .delivery-capability span { color:#667085; font-size:11px; line-height:1.5; }
    .delivery-capability .btn { justify-self:start; margin-top:3px; }
    @media(max-width:1100px){.delivery-operations-layout{grid-template-columns:180px minmax(0,1fr)}.delivery-boundary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.delivery-operation-row:not(.delivery-order-row){grid-template-columns:minmax(170px,1.3fr) minmax(140px,1fr) auto}.delivery-operation-row:not(.delivery-order-row)>span:nth-child(3){display:none}.delivery-network-summary.owner-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-owner-toolbar{align-items:stretch;flex-direction:column}.delivery-owner-operator-filter{min-width:0;max-width:360px}.delivery-order-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.delivery-kpi-groups{grid-template-columns:1fr}.delivery-operation-row.delivery-order-row,.delivery-list-header{grid-template-columns:minmax(140px,1.2fr) 86px 104px minmax(110px,.9fr) 110px 20px}.delivery-operation-row.delivery-order-row>.delivery-row-field:nth-of-type(5),.delivery-list-header>span:nth-child(5){display:none}.delivery-hidden-field-copy{display:inline}}
    @media(max-width:900px){#nationalDeliveryOperationsBtn{display:none!important}.national-delivery-operations{display:none!important}}
    #userAdminPanel[data-admin-view="marketing"] .account-admin-workspace { grid-template-columns:1fr; }
    .mini-marketing-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
    .mini-marketing-metric { min-width:0; padding:10px; border:1px solid #e2e8ef; border-radius:7px; background:#f8fafc; }
    .mini-marketing-metric strong,.mini-marketing-metric span { display:block; }
    .mini-marketing-metric strong { color:#172033; font-size:18px; }
    .mini-marketing-metric span { margin-top:3px; color:#667085; font-size:10px; }
    .mini-marketing-claims { display:grid; gap:8px; }
    .mini-marketing-claim { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px; padding:10px; border:1px solid #e1e7ee; border-radius:7px; background:#fff; }
    .mini-marketing-claim-main { min-width:0; display:grid; gap:3px; }
    .mini-marketing-claim-main strong { color:#27364a; font-size:12px; overflow-wrap:anywhere; }
    .mini-marketing-claim-main span { color:#667085; font-size:10px; line-height:1.45; overflow-wrap:anywhere; }
    .mini-marketing-claim-actions { display:flex; gap:6px; }
    @media (max-width:760px){.mini-marketing-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}.mini-marketing-claim{grid-template-columns:1fr}.mini-marketing-claim-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}}
    #helperContactAdminPanel { display:grid; gap:12px; }
    #helperContactAdminPanel .admin-side-heading { margin:0; }
    #helperContactAdminHost .source-admin-details { margin:0; border:1px solid #dfe6ee; border-radius:8px; background:#fff; }
    .account-admin-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
    .account-admin-metric { display:grid; gap:3px; min-height:54px; padding:10px; border:1px solid #e2e8f0; border-radius:8px; background:#f8fafc; }
    .account-admin-metric strong { color:#172033; font-size:20px; line-height:1; }
    .account-admin-metric span { color:#667085; font-size:11px; font-weight:var(--weight-medium); }
    .account-admin-workspace { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr); gap:12px; align-items:start; }
    .account-admin-editor, .account-admin-side { display:grid; gap:10px; min-width:0; }
    .account-admin-block { display:grid; gap:10px; min-width:0; padding:12px; border:1px solid #e2e8f0; border-radius:9px; background:#fbfcfe; }
    .account-admin-block-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; padding-bottom:8px; border-bottom:1px solid #edf1f5; }
    .account-admin-block-head strong { color:#1d2939; font-size:14px; }
    .account-admin-block-head span { color:#667085; font-size:11px; font-weight:var(--weight-semibold); text-align:right; }
    .account-original-record { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; overflow:hidden; border:1px solid #dfe6ee; border-radius:7px; background:#dfe6ee; }
    .account-original-record > .account-original-title { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:7px 9px; background:#eef4fb; }
    .account-original-title strong { color:#08766c; font-size:11px; }
    .account-original-title span { color:#667085; font-size:10px; }
    .account-original-record > div { min-width:0; display:grid; gap:3px; padding:8px 9px; background:#f8fafc; }
    .account-original-record span { color:#667085; font-size:10px; font-weight:var(--weight-semibold); }
    .account-original-record b { overflow:hidden; color:#344054; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
    @media(max-width:620px){.account-original-record{grid-template-columns:repeat(2,minmax(0,1fr))}}
    .admin-principle-details, .account-advanced-settings { overflow:hidden; border:1px solid #dfe6ee; border-radius:8px; background:#fff; }
    .admin-principle-details > summary, .account-advanced-settings > summary { min-height:42px; display:flex; align-items:center; gap:8px; padding:8px 11px; list-style:none; color:#344054; font-size:12px; font-weight:var(--weight-medium); cursor:pointer; }
    .admin-principle-details > summary::-webkit-details-marker, .account-advanced-settings > summary::-webkit-details-marker { display:none; }
    .admin-principle-details > summary::after, .account-advanced-settings > summary::after { content:"展开"; margin-left:auto; color:#667085; font-size:11px; }
    .admin-principle-details[open] > summary::after, .account-advanced-settings[open] > summary::after { content:"收起"; }
    .admin-principle-body { display:grid; gap:6px; padding:10px 12px; border-top:1px solid #edf1f5; color:#526173; font-size:12px; line-height:1.6; }
    .account-advanced-settings > summary em { margin-left:auto; padding:2px 6px; border-radius:4px; background:#f2f4f7; color:#667085; font-size:10px; font-style:normal; }
    .account-advanced-settings > summary::after { margin-left:0; }
    .account-advanced-body { display:grid; gap:10px; padding:10px; border-top:1px solid #edf1f5; }
    .account-admin-savebar { position:sticky; bottom:8px; z-index:8; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; padding:8px; border:1px solid #cfd9e5; border-radius:8px; background:rgba(255,255,255,.97); box-shadow:0 8px 22px rgba(16,24,40,.12); backdrop-filter:blur(8px); }
    .account-admin-savebar .actions { margin:0; flex-wrap:nowrap; }
    .account-admin-savebar .btn { min-height:38px; white-space:nowrap; }
    .account-list-panel { display:grid; gap:9px; padding:11px; border:1px solid #dfe6ee; border-radius:8px; background:#fff; }
    .user-admin-list-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
    .user-admin-list-head strong { color:#1d2939; font-size:14px; }
    .user-admin-search { min-height:38px; }
    .account-role-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; padding:4px; border:1px solid #dfe6ee; border-radius:8px; background:#f4f6f8; }
    .account-role-filter { min-width:0; min-height:34px; display:flex; align-items:center; justify-content:center; gap:5px; padding:0 7px; border:0; border-radius:6px; background:transparent; color:#667085; font-size:11px; font-weight:var(--weight-medium); white-space:nowrap; cursor:pointer; }
    .account-role-filter b { min-width:18px; height:18px; display:inline-grid; place-items:center; padding:0 5px; border-radius:9px; background:#e4e9ef; color:#526173; font-size:9px; line-height:1; }
    .account-role-filter.active { background:#fff; color:#08766c; box-shadow:0 1px 4px rgba(31,41,51,.12); }
    .account-role-filter.active b { background:#e7f2f0; color:#08766c; }
    .user-admin-pagination { min-height:38px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:8px; align-items:center; padding-top:2px; }
    .user-admin-pagination span { min-width:0; color:#667085; font-size:11px; font-weight:var(--weight-medium); text-align:center; white-space:nowrap; }
    .user-admin-pagination .btn { min-width:72px; }
    .admin-side-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:8px; padding:4px 2px 0; }
    .admin-side-heading strong { color:#1d2939; font-size:14px; }
    .admin-side-heading span { color:#667085; font-size:11px; font-weight:var(--weight-semibold); }
    .admin-build-info { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 11px; border:1px solid #dfe6ee; border-radius:8px; background:#fff; color:#667085; font-size:11px; font-weight:var(--weight-medium); }
    .admin-build-info b { min-width:0; overflow:hidden; color:#344054; font-size:11px; font-weight:var(--weight-semibold); text-align:right; text-overflow:ellipsis; white-space:nowrap; }
    .admin-settings-finder { display:grid; gap:8px; padding:11px; border:1px solid #cfdbea; border-radius:8px; background:#f8fbff; }
    .admin-settings-search-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; }
    .admin-settings-search-row input { min-width:0; min-height:40px; background:#fff; }
    .admin-settings-search-count { min-width:62px; color:#526173; font-size:11px; font-weight:var(--weight-semibold); text-align:right; white-space:nowrap; }
    .admin-settings-shortcuts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
    .admin-settings-shortcuts .btn { min-width:0; min-height:34px; padding:0 6px; overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
    .admin-settings-empty { padding:14px 10px; border:1px dashed #cbd6e2; border-radius:7px; color:#667085; font-size:12px; text-align:center; }
    #userAdminPanel .settings-summary { min-width:0; max-width:58%; margin-left:auto; overflow:hidden; color:#667085; font-size:11px; font-weight:var(--weight-medium); line-height:1.35; text-align:right; text-overflow:ellipsis; white-space:nowrap; }
    #userAdminPanel .settings-summary.ok { color:#087443; }
    #userAdminPanel .settings-summary.warn { color:#b54708; }
    #userAdminPanel .account-platform-settings details > summary:has(.settings-summary)::after { flex:0 0 auto; margin-left:8px; }
    @media(max-width:620px){#userAdminPanel .settings-summary{max-width:48%;font-size:10px}}
    @media (min-width: 961px) {
      #userAdminPanel[data-admin-view="settings"] .account-platform-settings { gap:12px; }
      #userAdminPanel[data-admin-view="settings"] .admin-side-heading { align-items:center; min-height:30px; padding:0 2px; }
      #userAdminPanel[data-admin-view="settings"] .admin-side-heading strong { font-size:15px; line-height:1.4; }
      #userAdminPanel[data-admin-view="settings"] .admin-side-heading span { font-size:12px; font-weight:var(--weight-medium); }
      #userAdminPanel[data-admin-view="settings"] .admin-build-info { min-height:44px; padding:0 13px; border-color:#e1e7ee; background:#fbfcfe; font-size:12px; }
      #userAdminPanel[data-admin-view="settings"] .admin-build-info b { font-size:12px; font-weight:var(--weight-semibold); }
      #userAdminPanel[data-admin-view="settings"] .account-platform-settings > details { overflow:hidden; margin:0; padding:0; border:0; border-radius:0; background:#fff; box-shadow:none; }
      #userAdminPanel[data-admin-view="settings"] .account-platform-settings > details > summary { min-height:32px; display:flex; align-items:center; gap:10px; padding:0 0 12px; list-style:none; color:#27364a; font-size:14px; font-weight:var(--weight-medium); line-height:1.4; cursor:pointer; }
      #userAdminPanel[data-admin-view="settings"] .account-platform-settings > details > summary::-webkit-details-marker { display:none; }
      #userAdminPanel[data-admin-view="settings"] .account-platform-settings > details > summary::after { content:"展开"; flex:0 0 auto; margin-left:8px; color:#08766c; font-size:12px; font-weight:var(--weight-semibold); }
      #userAdminPanel[data-admin-view="settings"] .account-platform-settings > details[open] { box-shadow:none; }
      #userAdminPanel[data-admin-view="settings"] .account-platform-settings > details[open] > summary { background:#fff; color:#172033; }
      #userAdminPanel[data-admin-view="settings"] .account-platform-settings > details[open] > summary::after { content:"收起"; }
      #userAdminPanel[data-admin-view="settings"] .account-platform-settings > details > :not(summary) { border-top-color:#edf1f5; }
    }
    .integration-settings-body { display:grid; gap:14px; padding:14px; }
    .integration-provider { display:grid; gap:10px; min-width:0; padding-bottom:14px; border-bottom:1px solid #edf1f5; }
    .integration-provider:last-of-type { padding-bottom:0; border-bottom:0; }
    .integration-provider-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
    .integration-provider-head strong { color:#1d2939; font-size:13px; }
    .integration-provider-head span { flex:0 0 auto; color:#667085; font-size:11px; font-weight:var(--weight-medium); }
    .printer-config-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .printer-config-card { min-width:0; display:grid; gap:10px; padding:12px; border:1px solid #d9e2ec; border-radius:8px; background:#fff; }
    .printer-config-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
    .printer-config-head div { min-width:0; display:grid; gap:2px; }
    .printer-config-head strong { color:#1d2939; font-size:14px; }
    .printer-config-head span { color:#667085; font-size:11px; line-height:1.5; }
    .printer-config-index { flex:0 0 auto; padding:3px 7px; border-radius:5px; background:#e7f2f0; color:#0a635b; font-size:10px; font-weight:var(--weight-semibold); }
    .printer-config-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .printer-config-fields .wide { grid-column:1/-1; }
    .printer-config-fields label { min-width:0; }
    .printer-config-fields small { display:block; margin-top:4px; color:#667085; font-size:10px; line-height:1.45; }
    .integration-secret-hint { color:#667085; font-size:11px; line-height:1.5; }
    .integration-settings-actions { display:flex; flex-wrap:wrap; gap:8px; }
    .integration-import-target { width:min(320px,100%); display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:8px; color:#475467; font-size:12px; font-weight:var(--weight-medium); }
    .integration-import-target select { min-height:36px; padding:6px 30px 6px 9px; }
    .printer-dashboard { display:grid; gap:10px; padding-top:2px; }
    .printer-stat-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
    .printer-stat-grid > div { min-width:0; min-height:68px; display:grid; align-content:center; gap:3px; padding:10px 12px; border:1px solid #dce4ec; border-radius:7px; background:#f8fafc; }
    .printer-stat-grid strong { color:#172033; font-size:22px; line-height:1; }
    .printer-stat-grid span { color:#667085; font-size:11px; font-weight:var(--weight-medium); }
    .printer-device-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .printer-device-card { min-width:0; overflow:hidden; border:1px solid #d9e2ec; border-radius:8px; background:#fff; box-shadow:0 3px 10px rgba(16,24,40,.05); }
    .printer-device-head { display:grid; grid-template-columns:54px minmax(0,1fr) auto; align-items:center; gap:10px; min-height:82px; padding:12px; background:#f7f9fb; }
    .printer-device-visual { width:52px; height:52px; display:grid; place-items:center; border-radius:50%; background:#4f9cec; color:#fff; }
    .printer-glyph { position:relative; width:30px; height:22px; border:2px solid currentColor; border-radius:4px; }
    .printer-glyph::before { content:""; position:absolute; left:5px; right:5px; top:-10px; height:10px; border:2px solid currentColor; border-bottom:0; background:#4f9cec; }
    .printer-glyph::after { content:""; position:absolute; left:5px; right:5px; bottom:-11px; height:12px; border:2px solid currentColor; background:#4f9cec; }
    .printer-device-title { min-width:0; display:grid; gap:2px; }
    .printer-device-title strong { overflow:hidden; color:#243247; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
    .printer-device-title span { color:#667085; font-size:11px; }
    .printer-device-index { min-width:34px; padding:3px 7px; border-radius:5px; background:#e7f2f0; color:#0a635b; font-size:10px; font-weight:var(--weight-semibold); text-align:center; }
    .printer-device-body { display:grid; gap:8px; padding:12px; }
    .printer-device-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .printer-device-fact { min-width:0; display:grid; gap:2px; }
    .printer-device-fact span { color:#8491a3; font-size:10px; }
    .printer-device-fact strong { overflow:hidden; color:#344054; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
    .printer-state { display:inline-flex; align-items:center; gap:5px; color:#667085; }
    .printer-state::before { content:""; width:7px; height:7px; flex:0 0 auto; border-radius:50%; background:#98a2b3; }
    .printer-state.online { color:#087443; }
    .printer-state.online::before { background:#12a36d; box-shadow:0 0 0 3px rgba(18,163,109,.12); }
    .printer-state.error { color:#b42318; }
    .printer-state.error::before { background:#d92d20; }
    .printer-route-row { display:flex; flex-wrap:wrap; gap:5px; min-height:24px; }
    .printer-route-chip { display:inline-flex; align-items:center; min-height:22px; padding:0 7px; border-radius:5px; background:#eef2f6; color:#667085; font-size:10px; font-weight:var(--weight-medium); }
    .printer-route-chip.active { background:#e7f2f0; color:#0a635b; }
    .printer-device-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; padding-top:2px; }
    .printer-device-actions .btn { min-width:0; padding:0 6px; font-size:11px; }
    @media (max-width:680px) { .printer-config-grid,.printer-device-grid { grid-template-columns:1fr; } .printer-config-fields { grid-template-columns:1fr; } .printer-config-fields .wide { grid-column:auto; } .printer-device-head { grid-template-columns:48px minmax(0,1fr) auto; } .printer-device-visual { width:46px; height:46px; } }
    .user-admin-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; align-items: end; }
    .role-checks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .role-check { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:start; gap:7px; min-height:50px; padding:7px 9px; border:1px solid var(--line); border-radius:8px; background:#f8fafc; color:#344054; font-size:12px; font-weight:var(--weight-medium); }
    .role-check input { width:auto; min-height:0; margin-top:3px; }
    .role-check > span { display:grid; gap:2px; min-width:0; }
    .role-check > span b { color:#263642; font-size:12px; }
    .role-check > span small { overflow:hidden; color:#7a8794; font-size:10px; font-weight:var(--weight-medium); line-height:1.35; text-overflow:ellipsis; }
    .account-role-group { min-width:0; padding:9px 10px; border:1px solid #dfe6ee; border-radius:8px; background:#fff; }
    .account-role-group[data-role-group="marketing"], .account-role-group[data-role-group="platform-marketing"] { grid-column:1/-1; }
    .account-role-group-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom:7px; }
    .account-role-group-head strong { color:#263642; font-size:12px; }
    .account-role-group-head span { color:#7a8794; font-size:10px; line-height:1.45; text-align:right; }
    .account-role-group-options { display:flex; flex-wrap:wrap; gap:6px; }
    .account-role-group[data-role-group="marketing"] { border-color:#cfe0de; background:#f8fbfa; }
    .account-role-group[data-role-group="platform-marketing"] { border-color:#d7e0eb; background:#f8faff; }
    @media(max-width:720px){.role-checks{grid-template-columns:1fr}.account-role-group[data-role-group="marketing"],.account-role-group[data-role-group="platform-marketing"]{grid-column:auto}.account-role-group-head{display:block}.account-role-group-head span{display:block;margin-top:3px;text-align:left}}
    .driver-service-toggle { display:grid; gap:4px; padding:10px 11px; border:1px solid #bdd7fa; border-radius:8px; background:#f5f9ff; color:#344054; font-size:12px; font-weight:var(--weight-medium); }
    .driver-service-toggle span { display:flex; align-items:center; gap:7px; }
    .driver-service-toggle input { width:18px; height:18px; min-height:18px; margin:0; accent-color:#08766c; }
    .driver-service-toggle small { color:#667085; font-size:11px; font-weight:var(--weight-medium); line-height:1.45; }
    .account-access-guide { display:grid; gap:9px; padding:10px 11px; border:1px solid #d9e7f5; border-radius:8px; background:#f8fbff; }
    .account-access-guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
    .account-access-guide-grid > div { display:grid; gap:3px; min-width:0; padding:8px; border:1px solid #e2eaf3; border-radius:6px; background:#fff; }
    .account-access-guide-grid b { color:#0a635b; font-size:12px; }
    .account-access-guide-grid span, .account-access-guide > .muted { color:#667085; font-size:11px; line-height:1.5; }
    .followup-record-new { border-color:#75c89b !important; background:#f0fbf5 !important; box-shadow:0 0 0 2px rgba(8,116,67,.12); }
    .role-config-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 8px; }
    .role-config-card { display: grid; gap: 7px; padding: 10px; border: 1px solid #edf1f5; border-radius: 8px; background: #fbfcfd; }
    .role-config-card strong { color: #27364a; font-size: 13px; }
    .role-config-card span { color: #667085; font-size: 12px; line-height: 1.5; font-weight:var(--weight-semibold); }
    .permission-flow { display: grid; gap: 7px; padding: 10px; border: 1px solid #d8eadf; border-radius: 8px; background: #f0faf3; color: #1f2933; font-size: 12px; font-weight:var(--weight-medium); line-height: 1.6; }
    .custom-permission-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 12px; border: 1px solid #dce5ef; border-radius: 8px; background: #f7f9fc; }
    .effective-permission-panel { display:grid; gap:8px; padding:10px; border:1px solid #cddcf0; border-radius:8px; background:#f7faff; }
    .effective-permission-head { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
    .effective-permission-head strong { color:#1d2939; font-size:13px; }
    .effective-permission-head span { color:#667085; font-size:11px; font-weight:var(--weight-semibold); text-align:right; }
    .effective-permission-list { display:flex; flex-wrap:wrap; gap:5px; min-height:24px; }
    .effective-permission-list .user-row-chip { margin:0; }
    .permission-audit-list { display:grid; gap:7px; max-height:360px; overflow:auto; }
    .permission-audit-row { display:grid; gap:4px; padding:8px 9px; border:1px solid #e2e8f0; border-radius:7px; background:#fff; color:#475467; font-size:11px; line-height:1.45; }
    .permission-audit-row strong { color:#1d2939; font-size:12px; }
    .permission-audit-row small { color:#667085; }
    .recycle-bin-body { display:grid; gap:9px; padding-top:10px; }
    .recycle-bin-toolbar { display:flex; align-items:center; justify-content:space-between; gap:10px; }
    .recycle-bin-toolbar .muted { max-width:680px; line-height:1.55; }
    .recycle-bin-list { display:grid; gap:7px; }
    .recycle-bin-empty { padding:16px 12px; border:1px dashed #d7e0e9; border-radius:8px; color:#8491a3; font-size:12px; text-align:center; }
    .recycle-bin-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; padding:10px 11px; border:1px solid #e2e8f0; border-radius:8px; background:#fff; }
    .recycle-bin-main { min-width:0; display:grid; gap:4px; }
    .recycle-bin-main strong { color:#1d2939; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .recycle-bin-main span { color:#667085; font-size:11px; line-height:1.45; overflow-wrap:anywhere; }
    .recycle-bin-actions { display:flex; align-items:center; gap:6px; padding-left:10px; border-left:1px solid #edf1f5; }
    .recycle-bin-row .btn { min-height:32px; white-space:nowrap; }
    .recycle-delete-overlay { position:fixed; inset:0; z-index:130; display:grid; place-items:center; padding:18px; background:rgba(17,24,39,.5); }
    .recycle-delete-dialog { width:min(430px,100%); display:grid; gap:13px; padding:18px; border:1px solid #ead0cd; border-radius:8px; background:#fff; box-shadow:0 24px 70px rgba(16,24,40,.28); }
    .recycle-delete-dialog h3 { margin:0; color:#b42318; font-size:17px; }
    .recycle-delete-order { display:grid; gap:3px; padding:10px; border:1px solid #e2e8f0; border-radius:7px; background:#f8fafc; }
    .recycle-delete-order strong { color:#1d2939; font-size:14px; }
    .recycle-delete-order span, .recycle-delete-warning { color:#667085; font-size:12px; line-height:1.55; }
    .recycle-delete-warning { padding:9px 10px; border-left:3px solid #d92d20; background:#fff5f4; color:#912018; }
    .recycle-delete-dialog label { display:grid; gap:6px; color:#344054; font-size:12px; font-weight:var(--weight-semibold); }
    .recycle-delete-dialog input { min-height:42px; font-size:16px; }
    .recycle-delete-dialog .actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:0; }
    .recycle-delete-dialog .btn { width:100%; min-height:40px; }
    .recycle-delete-dialog .btn:disabled { opacity:.45; cursor:not-allowed; }
    @media(max-width:620px){.admin-settings-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.recycle-bin-row{grid-template-columns:1fr}.recycle-bin-actions{justify-content:flex-end;padding:8px 0 0;border-left:0;border-top:1px solid #edf1f5}}
    .admin-save-status { display: flex; align-items: center; gap: 8px; min-height: 38px; padding: 9px 11px; border: 1px solid #dce5ef; border-radius: 7px; background: #f8fafc; color: #667085; font-size: 12px; font-weight:var(--weight-semibold); }
    .admin-save-dot { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; background: #98a2b3; }
    .admin-save-status.working { border-color: #b8d9d5; background: #edf6f4; color: #0a635b; }
    .admin-save-status.working .admin-save-dot { background: #08766c; animation: statusPulse 1s infinite alternate; }
    .admin-save-status.success { border-color: #a8dbc3; background: #edf9f3; color: #087443; }
    .admin-save-status.success .admin-save-dot { background: #00a86b; }
    .admin-save-status.error { border-color: #efb5af; background: #fff1ef; color: #b42318; }
    .admin-save-status.error .admin-save-dot { background: #d92d20; }
    @keyframes statusPulse { to { opacity: .35; } }
    .permission-group { min-width: 0; padding: 12px; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; }
    .permission-group-title { display: flex; align-items: center; justify-content: space-between; min-height: 28px; margin-bottom: 8px; color: #26364d; font-size: 13px; font-weight:var(--weight-medium); }
    .permission-group-title span { color: #8491a3; font-size: 11px; font-weight:var(--weight-medium); }
    .permission-items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
    #userProspectVehicleChecks { max-height: 196px; overflow: auto; padding: 2px; border: 1px solid #e4e9ef; border-radius: 7px; background: #fbfcfe; }
    #userProspectMonthChecks { padding: 8px; border: 1px solid #e4e9ef; border-radius: 7px; background: #fbfcfe; }
    .prospect-month-group-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .prospect-month-group { display:grid; gap:6px; padding:8px; border:1px solid #dfe7ef; border-radius:7px; background:#fff; }
    .prospect-month-group-title { color:#526173; font-size:11px; font-weight:var(--weight-medium); }
    .prospect-month-items { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
    .prospect-month-item { min-width:0; display:grid; grid-template-columns:auto minmax(0,1fr); gap:5px; align-items:center; padding:6px; border:1px solid #e5ebf1; border-radius:6px; background:#fbfcfe; color:#344054; font-size:12px; font-weight:var(--weight-medium); cursor:pointer; }
    .prospect-month-item input { width:15px; height:15px; margin:0; accent-color:#08766c; }
    .prospect-month-item span { min-width:0; display:grid; line-height:1.2; }
    .prospect-month-item small { color:#8491a3; font-size:9px; font-weight:var(--weight-semibold); }
    @media (max-width:760px) { .prospect-month-group-list { grid-template-columns:1fr; } }
    .prospect-vehicle-group-list { display:grid; gap:7px; }
    .prospect-vehicle-group { overflow:hidden; border:1px solid #dfe7ef; border-radius:7px; background:#fff; }
    .prospect-vehicle-group > summary { display:flex; align-items:center; min-height:38px; padding:7px 9px; background:#f6f9fc; cursor:pointer; list-style:none; }
    .prospect-vehicle-group > summary::-webkit-details-marker { display:none; }
    .prospect-vehicle-group-head { width:100%; display:flex; align-items:center; gap:8px; color:#243b53; font-size:12px; font-weight:var(--weight-medium); }
    .prospect-vehicle-group-head input { flex:0 0 auto; width:16px; height:16px; margin:0; accent-color:#08766c; }
    .prospect-vehicle-group-head em { margin-left:auto; color:#667085; font-size:10px; font-style:normal; font-weight:var(--weight-semibold); }
    .prospect-vehicle-group .permission-items { padding:7px; grid-template-columns:repeat(2,minmax(0,1fr)); }
    .permission-item { display: flex; gap: 8px; align-items: center; min-width: 0; min-height: 38px; padding: 7px 9px; border: 1px solid transparent; border-radius: 6px; color: #344054; font-size: 12px; font-weight:var(--weight-semibold); line-height: 1.35; cursor: pointer; }
    .permission-item:hover { border-color: #cddcf0; background: #f7fbfa; }
    .permission-item:has(input:checked) { border-color: #b8d9d5; background: #edf6f4; color: #0a635b; }
    .permission-item input { flex: 0 0 auto; width: 16px; height: 16px; margin: 0; accent-color: #08766c; }
    .permission-item.required { cursor: default; }
    .permission-item.required::after { content: "岗位必需"; flex: 0 0 auto; margin-left: auto; padding: 2px 5px; border-radius: 4px; background: #dcecea; color: #0a635b; font-size: 10px; font-weight:var(--weight-semibold); }
    .same-customer-badge { border:0; cursor:pointer; }
    @media (max-width: 960px) { .account-admin-workspace { grid-template-columns: 1fr; } .account-admin-summary { grid-template-columns:repeat(2,minmax(0,1fr)); } .account-admin-savebar { grid-template-columns:1fr; } }
    @media (max-width: 560px) { .account-admin-tab { min-height:38px; font-size:12px; } }
    @media (max-width: 760px) { .custom-permission-grid { grid-template-columns: 1fr; } .permission-items { grid-template-columns: 1fr; } }
    .permission-flow b { color: #087443; }
    .module-access-map { display:grid; gap:10px; padding:11px; border:1px solid #d7e2ee; border-radius:8px; background:#fbfcfe; }
    .module-access-path { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; }
    .module-access-step { min-width:0; display:grid; align-content:start; gap:4px; padding:9px; border:1px solid #e2e8f0; border-top:3px solid #98a2b3; border-radius:7px; background:#fff; }
    .module-access-step.on { border-top-color:#087443; background:#f7fcf9; }
    .module-access-step.off { border-top-color:#d0d5dd; background:#f8fafc; }
    .module-access-step b { color:#1d2939; font-size:12px; }
    .module-access-step span { color:#667085; font-size:11px; line-height:1.45; }
    .module-access-step em { color:#087443; font-size:10px; font-style:normal; font-weight:700; }
    .module-access-step.off em { color:#98a2b3; }
    @media (max-width:900px) { .module-access-path { grid-template-columns:1fr 1fr; } }
    @media (max-width:520px) { .module-access-path { grid-template-columns:1fr; } }
    .user-admin-list { display: grid; gap: 7px; }
    .user-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: start; padding: 10px; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; }
    .user-row strong { display: block; font-size: 13px; }
    .user-row span { display: block; margin-top: 3px; color: var(--muted); font-size: 12px; }
    .user-row-meta { display:flex; flex-wrap:wrap; gap:5px; margin-top:6px; }
    .user-row-chip { display:inline-flex; align-items:center; min-height:22px; padding:0 7px; border:1px solid #dbe4ee; border-radius:999px; background:#f8fafc; color:#455468; font-size:11px; font-weight:var(--weight-medium); }
    .user-row-chip.green { border-color:#b8dfcb; background:#edf9f3; color:#087443; }
    .user-row-chip.blue { border-color:#b8d9d5; background:#edf6f4; color:#0a635b; }
    .user-row-chip.amber { border-color:#f3d28d; background:#fff8e8; color:#8a5a00; }
    .user-row-chip.red { border-color:#f4b8b1; background:#fff1ef; color:#b42318; }
    .user-row-vehicle-scope { flex: 1 0 100%; min-width: 0; margin-top: 2px; }
    .user-row-vehicle-scope > summary { display: flex; align-items: center; gap: 7px; min-height: 28px; padding: 3px 7px; border: 1px solid #f3d28d; border-radius: 7px; background: #fffaf0; color: #8a5a00; cursor: pointer; list-style: none; }
    .user-row-vehicle-scope > summary::-webkit-details-marker { display: none; }
    .user-row-vehicle-scope > summary span { min-width: 0; flex: 1 1 auto; margin: 0; color: inherit; font-size: 11px; font-weight:var(--weight-medium); line-height: 1.45; overflow-wrap: anywhere; }
    .user-row-vehicle-scope > summary::after { content: "明细"; flex: 0 0 auto; color: #08766c; font-size: 11px; font-weight:var(--weight-medium); }
    .user-row-vehicle-scope[open] > summary::after { content: "收起"; }
    .user-row-vehicle-detail { display: grid; gap: 6px; padding: 8px 7px 2px; }
    .user-row-vehicle-group { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 8px; align-items: start; padding-top: 6px; border-top: 1px solid #edf1f5; }
    .user-row-vehicle-group:first-child { padding-top: 0; border-top: 0; }
    .user-row-vehicle-group strong { color: #344054; font-size: 11px; line-height: 1.5; }
    .user-row-vehicle-group span { margin: 0; color: #667085; font-size: 11px; line-height: 1.55; overflow-wrap: anywhere; }
    @media (max-width: 560px) { .user-row-vehicle-group { grid-template-columns: 1fr; gap: 2px; } }
    .user-row .pricing-review-evidence { margin-top:6px; padding:7px 9px; border:1px solid #dbe5ef; border-radius:7px; background:#fff; color:#475467; font-size:11px; line-height:1.5; }
    .responsibility-dashboard { display: grid; gap: 10px; padding: 12px; border: 1px solid #dfe7ef; border-radius: 8px; background: #fff; }
    .booking-reward-settings > .responsibility-dashboard { border:0; border-top:1px solid #edf1f5; border-radius:0; }
    .responsibility-dashboard-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
    .responsibility-dashboard-head strong { color: #172033; font-size: 14px; }
    .responsibility-dashboard-head span { display: block; margin-top: 3px; color: #667085; font-size: 11px; line-height: 1.45; }
    .responsibility-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
    .responsibility-kpi { padding: 9px; border: 1px solid #edf1f5; border-radius: 7px; background: #f8fafc; }
    .responsibility-kpi span { display: block; color: #667085; font-size: 11px; }
    .responsibility-kpi b { display: block; margin-top: 3px; color: #172033; font-size: 18px; }
    .responsibility-list { display: grid; gap: 6px; }
    .responsibility-row { display: grid; grid-template-columns: minmax(130px, .8fr) repeat(3, minmax(90px, .55fr)); gap: 8px; align-items: center; min-width: 0; padding: 8px 9px; border: 1px solid #edf1f5; border-radius: 7px; background: #fff; }
    .responsibility-row > span { min-width: 0; color: #667085; font-size: 11px; }
    .responsibility-row strong { display: block; overflow: hidden; color: #344054; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
    .responsibility-row .stale { color: #b54708; }
    .booking-reward-settings .reward-checks label:has(input[disabled]) { display: none; }
    @media (max-width: 760px) { .responsibility-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } .responsibility-row { grid-template-columns: 1fr 1fr; } }
    .registration-review { display:grid; gap:8px; padding:10px; border:1px solid #cddcf0; border-radius:8px; background:#f7faff; }
    .registration-review-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
    .registration-review-head strong { color:#26364d; font-size:13px; }
    .registration-review-head span { min-width:24px; min-height:24px; display:grid; place-items:center; padding:0 7px; border-radius:999px; background:#08766c; color:#fff; font-size:11px; font-weight:var(--weight-medium); }
    .registration-request-list { display:grid; gap:7px; }
    .registration-request { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; padding:10px; border:1px solid #e2e8f0; border-radius:8px; background:#fff; }
    .registration-request-main { min-width:0; display:grid; gap:4px; }
    .registration-request-main strong { color:#101828; font-size:13px; }
    .registration-request-main span { color:#667085; font-size:11px; line-height:1.45; overflow-wrap:anywhere; }
    .registration-request-actions { display:grid; grid-template-columns:minmax(108px,1fr) auto auto; gap:6px; align-items:center; }
    .registration-request-actions select { min-height:34px; }
    @media (max-width: 760px) {
      html, body { overflow-x:hidden; }
      .topbar .head-row { grid-template-columns: 1fr; gap: 10px; }
      .auth-userbar { justify-content: flex-start; }
      .auth-userbar .pill { max-width: 100%; }
      .auth-screen { align-items: start; padding: 14px; }
      .auth-layout { grid-template-columns: 1fr; gap: 12px; }
      .auth-hero { min-height: 260px; padding: 18px; }
      .auth-title h2 { font-size: 26px; }
      .auth-title p { font-size: 13px; }
      .auth-status-grid { grid-template-columns: 1fr; }
      .auth-card { padding: 18px; }
      .user-admin-grid { grid-template-columns: 1fr; }
      .registration-request { grid-template-columns:1fr; }
      .registration-request-actions { grid-template-columns:1fr 1fr; }
      .registration-request-actions select { grid-column:1 / -1; }
      .driver-document-grid, .driver-verification-fields { grid-template-columns:1fr 1fr; }
      .driver-document-links { grid-template-columns:repeat(3,minmax(0,1fr)); }
      .partner-channel-options { grid-template-columns:repeat(3,minmax(0,1fr)); }
      .register-basic-grid { grid-template-columns:1fr; }
      .social-register-actions { gap:6px; }
      .social-register-btn { min-height:40px; gap:5px; padding:0 6px; font-size:11px; }
      .social-register-btn svg { width:18px; height:18px; }
      .method-long { display:none; }
      .method-short { display:inline; }
      .register-sms-row { grid-template-columns:minmax(0,1fr) 108px; }
      .partner-channel-option { min-height:62px; padding:7px; }
      .driver-document-upload { min-height:118px; }
      .driver-document-upload[data-document-kind="selfie"] { min-height:86px; }
    }
    .shell { width: 100%; max-width: 1560px; margin: 0 auto; padding: 16px; }
    .topbar { position: sticky; top: 0; z-index: 5; margin: -16px -16px 14px; padding: 14px 16px; border-bottom: 1px solid var(--line); background: rgba(244,246,248,.96); backdrop-filter: blur(10px); }
    .head-row, .lead-line { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
    h1 { margin: 0; font-size: 20px; }
    .sub { margin-top: 4px; color: var(--muted); font-size: 12px; }
    .version-badge { display: inline-flex; align-items: center; min-height: 20px; margin-top: 6px; padding: 0 7px; border: 1px solid rgba(226,232,240,.62); border-radius: 999px; background: rgba(248,250,252,.46); color: #98a2b3; font-size: 11px; font-weight:var(--weight-semibold); opacity: .82; }
    .version-badge b { margin-left: 2px; color: #98a2b3; font-weight:var(--weight-semibold); }
    .mode-tabs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; max-width: 560px; margin-top: 12px; }
    .workbench-switch { max-width: 680px; margin-top: 10px; }
    .workbench-switch summary { min-height: 42px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 11px; border:1px solid #b9cee7; border-radius:8px; background:#f7fbfa; cursor:pointer; list-style:none; }
    .workbench-switch summary::-webkit-details-marker { display:none; }
    .workbench-switch summary span { display:grid; gap:2px; color:#667085; font-size:11px; font-weight:var(--weight-semibold); }
    .workbench-switch summary strong { color:#163a63; font-size:14px; }
    .workbench-switch summary em { color:#08766c; font-size:12px; font-style:normal; font-weight:var(--weight-medium); }
    .workbench-switch[open] summary { border-color:#73a5e6; box-shadow:0 0 0 3px rgba(8,118,108,.08); }
    .workbench-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin-top:8px; }
    .workbench-tab { position:relative; min-width:0; min-height:54px; display:grid; align-content:center; gap:3px; padding:7px 9px; border:1px solid var(--line); border-radius:8px; background:#fff; color:#344054; text-align:left; }
    .workbench-tab strong { font-size:13px; }
    .workbench-tab small { overflow:hidden; color:#7a8798; font-size:10px; font-weight:var(--weight-medium); text-overflow:ellipsis; white-space:nowrap; }
    .workbench-tab.active { border-color:#08766c; background:#edf6f4; color:#0a635b; box-shadow:inset 0 0 0 1px #08766c; }
    .workbench-tab[data-workbench="driver"][data-count]:not([data-count="0"])::after { content:attr(data-count); position:absolute; top:6px; right:7px; min-width:20px; height:20px; display:grid; place-items:center; padding:0 5px; border:2px solid #fff; border-radius:99px; background:#08766c; color:#fff; font-size:10px; font-weight:var(--weight-semibold); line-height:1; box-sizing:border-box; }
    .business-switch { max-width: 680px; margin-top: 10px; }
    .business-switch summary { min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 10px; border: 1px solid var(--line); border-radius: 8px; background: #fff; cursor: pointer; list-style: none; }
    .business-switch summary::after { content: none; }
    .business-switch summary::-webkit-details-marker { display: none; }
    .business-switch summary span { color: #667085; font-size: 12px; font-weight:var(--weight-medium); }
    .business-switch summary strong { color: var(--text); font-size: 14px; }
    .business-switch summary em { display: inline-flex; align-items: center; gap: 6px; color: #344054; font-size: 12px; font-style: normal; font-weight:var(--weight-medium); }
    .business-switch summary em::before { content: ""; width: 24px; height: 24px; flex: 0 0 auto; border-radius: 999px; background-color: #08766c; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8 5.5H9.2c-1.4 0-2.5 1.1-2.5 2.5v1.2' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.1 6.8L6.7 9.2 4.3 6.8' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.2 18.5h6.6c1.4 0 2.5-1.1 2.5-2.5v-1.2' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.9 17.2l2.4-2.4 2.4 2.4' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: 20px 20px; box-shadow: 0 4px 10px rgba(8,118,108,.18); }
    .business-switch[open] summary em::before { background-color: #065e57; box-shadow: 0 4px 10px rgba(8,118,108,.22); }
    .business-switch[open] summary { border-color: #9fc8c4; box-shadow: 0 0 0 3px rgba(21,112,239,.08); }
    .business-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 8px; }
    .business-tabs .tab { min-height: 36px; padding: 0 8px; font-size: 12px; }
    .tab, .btn { min-height: 40px; padding: 0 12px; border-radius: 8px; border: 1px solid var(--line); background: #eef2f6; color: var(--text); font-weight:var(--weight-semibold); display: inline-flex; align-items: center; justify-content: center; gap: 6px; white-space: nowrap; }
    .tab.active, .btn.primary { color: #fff; background: var(--blue); border-color: var(--blue); }
    .btn.active { color: #065e57; border-color: #9fc8c4; background: #eef7f5; }
    .tab.disabled { color: #98a2b3; background: #f8fafc; border-color: #e5eaf0; }
    .business-hidden, .transfer-only.hidden { display: none !important; }
    .section-title .section-actions { margin-left: auto; display: flex; align-items: center; gap: 6px; }
    .salesperson-quick { min-width: 0; width: min(160px, 34vw); display: grid; grid-template-columns: auto minmax(0, 1fr) 26px; align-items: center; gap: 5px; margin: 0; color: #667085; font-size: 12px; font-weight:var(--weight-medium); transition: width 140ms ease; }
    .salesperson-quick.phone-open { width: min(254px, 54vw); grid-template-columns: auto minmax(0, .9fr) 26px minmax(0, 1.1fr); }
    .salesperson-quick input { min-height: 30px; padding: 0 8px; border-radius: 8px; font-size: 13px; }
    .salesperson-phone-toggle { min-width: 0; min-height: 26px; width: 26px; padding: 0; border: 1px solid #d0d5dd; border-radius: 999px; background: #f8fafc; color: #344054; font-size: 15px; font-weight:var(--weight-medium); line-height: 1; }
    .salesperson-phone-toggle.active { border-color: #9fc8c4; background: #eef7f5; color: #065e57; }
    #salespersonPhone.hidden { display: none; }
    .collab-field { gap: 7px; }
    .collab-label { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 24px; }
    .collab-label strong { color: #344054; font-size: 13px; }
    .collab-switch { display: inline-flex; align-items: center; gap: 4px; padding: 3px; border: 1px solid #d0d5dd; border-radius: 999px; background: #f8fafc; }
    .collab-switch button { min-height: 24px; padding: 0 8px; border: 0; border-radius: 999px; background: transparent; color: #667085; font-size: 11px; font-weight:var(--weight-medium); }
    .collab-switch button.active { background: #344054; color: #fff; box-shadow: 0 2px 7px rgba(16,24,40,.14); }
    .collab-switch .collab-help { width: 24px; padding: 0; border: 1px solid #d0d5dd; background: #fff; color: #667085; }
    .collab-control { grid-template-columns: minmax(0, 1fr) auto 30px; }
    .collab-name-toggle { min-width: 0; min-height: 30px; width: 30px; padding: 0; border: 1px solid #d0d5dd; border-radius: 999px; background: #f8fafc; color: #344054; font-size: 17px; font-weight:var(--weight-medium); line-height: 1; }
    .collab-name-toggle.active { border-color: #98a2b3; background: #344054; color: #fff; }
    .collab-name-row.hidden, .collab-hidden { display: none !important; }
    .collab-account-hint { display: grid; gap: 2px; padding: 8px 9px; border: 1px dashed #d8e1ea; border-radius: 8px; background: #fbfcfd; color: #667085; font-size: 11px; font-weight:var(--weight-semibold); line-height: 1.4; }
    .collab-account-hint strong { color: #344054; font-size: 12px; overflow-wrap: anywhere; }
    .collab-manual-fields { display: grid; gap: 7px; }
    .collab-manual-fields.hidden { display: none !important; }
    .collab-details { border: 1px solid #e3e9f0; border-radius: 8px; background: #fbfcfd; overflow: hidden; }
    .collab-details > summary { min-height: 46px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 10px; list-style: none; cursor: pointer; }
    .collab-details > summary::-webkit-details-marker { display: none; }
    .collab-details > summary::after { display: none; content: none; }
    .collab-details > summary span { min-width: 0; display: grid; gap: 2px; }
    .collab-details > summary strong { color: #344054; font-size: 13px; }
    .collab-details > summary small { color: #7a8798; font-size: 10px; font-weight:var(--weight-semibold); }
    .collab-details > summary em { color: #08766c; font-size: 11px; font-style: normal; font-weight:var(--weight-medium); }
    .collab-details[open] > summary { border-bottom: 1px solid #e3e9f0; background: #f7faff; }
    .collab-details[open] > summary em { font-size: 0; }
    .collab-details[open] > summary em::before { content: "收起"; font-size: 11px; }
    .collab-details-body { display: grid; gap: 7px; padding: 10px; background: #fff; }
    .collab-name-row { display: grid; gap: 6px; }
    .collab-bridge { display: none; }
    .source-label-head { min-height: 24px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
    .field-help-btn { min-width: 24px; min-height: 24px; width: 24px; padding: 0; border: 1px solid #d0d5dd; border-radius: 999px; background: #fff; color: #667085; font-size: 11px; font-weight:var(--weight-medium); line-height: 1; }
    .source-group-grid { grid-template-columns: 1fr; }
    .wechat-source-group-field { display: grid; gap: 8px; padding: 10px; border: 1px solid #dbe5ef; border-radius: 10px; background: linear-gradient(135deg, #f8fbff, #fff); }
    .wechat-source-group-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
    .wechat-source-group-heading strong { color: #1d2939; font-size: 14px; }
    .wechat-source-group-heading small { color: #667085; font-size: 11px; font-weight: 500; line-height: 1.4; text-align: right; }
    .wechat-source-group-options { display: grid; gap: 8px; }
    .wechat-source-group-picker { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .wechat-source-group-card { min-width: 0; min-height: 64px; display: flex; align-items: center; gap: 9px; padding: 9px 10px; border: 1px solid #d8e2ec; border-radius: 9px; background: #fff; color: #344054; text-align: left; cursor: pointer; transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease, transform 140ms ease; }
    .wechat-source-group-card:hover { border-color: #8db7ed; background: #f5f9ff; transform: translateY(-1px); }
    .wechat-source-group-card:focus-visible { outline: 3px solid rgba(8, 118, 108, .2); outline-offset: 1px; }
    .wechat-source-group-card.selected { border-color: #08766c; background: #eef7f5; box-shadow: 0 0 0 2px rgba(8, 118, 108, .1); }
    .wechat-source-group-card-icon { width: 30px; height: 30px; flex: 0 0 30px; display: grid; place-items: center; border-radius: 9px; background: #f1f5f9; font-size: 17px; line-height: 1; }
    .wechat-source-group-card.selected .wechat-source-group-card-icon { background: #d9eaff; }
    .wechat-source-group-card-copy { min-width: 0; display: grid; gap: 2px; }
    .wechat-source-group-card-copy strong { color: #1d2939; font-size: 13px; line-height: 1.25; }
    .wechat-source-group-card-copy small { overflow: hidden; color: #667085; font-size: 10px; font-weight: 500; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
    .wechat-source-group-more { border: 1px solid #e4e9ef; border-radius: 9px; background: #fbfcfd; overflow: hidden; }
    .wechat-source-group-more > summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 36px; padding: 7px 10px; color: #475467; font-size: 12px; font-weight: 700; cursor: pointer; list-style: none; }
    .wechat-source-group-more > summary::-webkit-details-marker { display: none; }
    .wechat-source-group-more:not([open]) > summary::after { content: "展开"; color: #08766c; font-size: 11px; font-weight: 600; }
    .wechat-source-group-more[open] > summary { border-bottom: 1px solid #e4e9ef; background: #f7faff; }
    .wechat-source-group-more[open] > summary::after { content: "收起"; }
    .wechat-source-group-more:not([open]) > .wechat-source-group-picker { display: none; }
    .wechat-source-group-more .wechat-source-group-picker { padding: 8px; }
    .wechat-source-group-value { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
    .appointment-wechat-source { min-width: 0; }
    .appointment-wechat-source select, .appointment-wechat-source input { min-width: 0; }
    .appointment-wechat-hint { display: block; margin-top: 5px; color: #667085; font-size: 11px; line-height: 1.4; }
    .appointment-wechat-header-btn { position:relative; width:30px; min-width:30px; height:30px; display:grid; place-items:center; padding:0; border:0; border-radius:50%; background:transparent; color:#079447; line-height:0; }
    .appointment-wechat-header-btn:hover, .appointment-wechat-header-btn:focus-visible { background:#eaf8f0; color:#057a3a; }
    .appointment-wechat-header-btn.active { background:#eaf8f0; color:#057a3a; box-shadow:none; }
    .appointment-wechat-header-btn svg { width:19px; height:19px; display:block; fill:currentColor; transform:scaleY(1.08); transform-origin:center; }
    .appointment-wechat-picker { position:fixed; inset:0; z-index:80; display:grid; justify-items:end; align-items:start; padding:72px 20px 20px; }
    .appointment-wechat-picker-backdrop { position:absolute; inset:0; width:100%; height:100%; padding:0; border:0; border-radius:0; background:rgba(15,23,42,.28); }
    .appointment-wechat-picker-card { position:relative; width:min(380px,calc(100vw - 32px)); max-height:calc(100dvh - 84px); display:grid; gap:12px; overflow:auto; padding:16px; border:1px solid #e1e7ee; border-radius:8px; background:#fff; box-shadow:0 18px 42px rgba(15,23,42,.18); }
    .appointment-wechat-picker-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
    .appointment-wechat-picker-head > span { min-width:0; display:grid; gap:3px; }
    .appointment-wechat-picker-head strong { color:#1f2937; font-size:15px; }
    .appointment-wechat-picker-head small { color:#667085; font-size:11px; line-height:1.45; }
    .appointment-wechat-picker-close { width:30px; height:30px; flex:0 0 30px; display:grid; place-items:center; padding:0; border-radius:50%; background:#f2f4f7; color:#667085; font-size:20px; line-height:1; }
    .appointment-wechat-source { display:grid; gap:10px; }
    .appointment-wechat-source label { display:grid; gap:5px; color:#344054; font-size:12px; font-weight:var(--weight-medium); }
    .appointment-wechat-introducer { display:grid; gap:5px; }
    .appointment-channel-attribution { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px; padding:10px; border:1px solid #dce5e8; border-radius:7px; background:#f8fbfb; }
    .appointment-channel-attribution .wide { grid-column:1 / -1; }
    .appointment-channel-attribution-note { grid-column:1 / -1; margin:0; color:#667085; font-size:11px; line-height:1.45; }
    .appointment-channel-attribution-summary { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:32px; padding:7px 9px; border-left:3px solid #08766c; background:#fff; color:#344054; font-size:11px; }
    .appointment-channel-attribution-summary strong { color:#08766c; font-size:12px; text-align:right; }
    @media (max-width:520px) { .appointment-channel-attribution { grid-template-columns:1fr; } .appointment-channel-attribution .wide { grid-column:1; } }
    .appointment-wechat-clear { flex:none; padding:4px 0 4px 8px; border:0; background:transparent; color:#667085; font-size:11px; }
    .appointment-wechat-selected-actions { display:flex; align-items:center; gap:7px; flex:none; }
    .appointment-wechat-vehicles { min-height:30px; padding:0 8px; border:1px solid #a7d8bd; border-radius:7px; background:#fff; color:#087443; font-size:11px; font-weight:var(--weight-semibold); }
    .appointment-wechat-directory-list .wechat-directory-item { grid-template-columns:auto minmax(0,1fr); }
    .appointment-wechat-picker-actions { display:flex; justify-content:flex-end; gap:8px; }
    #contactNamePicker .appointment-wechat-picker-card > label { display:grid; gap:6px; color:#344054; font-size:12px; font-weight:var(--weight-medium); }
    @media (min-width:761px) {
      #contactNamePicker { align-items:center; justify-items:center; padding:24px; }
      #contactNamePicker .appointment-wechat-picker-card { width:min(380px,calc(100vw - 48px)); }
    }
    .source-compact-panel { padding: 0; overflow: hidden; }
    .source-compact-panel > details > summary { min-height: 50px; padding: 0 12px; background: #fbfcfe; }
    .source-compact-body { display: grid; gap: 8px; padding: 10px; }
    .source-admin-details { border: 1px solid #e3eaf2; border-radius: 9px; background: #fff; overflow: hidden; }
    .source-admin-details > summary { min-height: 42px; padding: 0 10px; background: #f8fafc; }
    .source-admin-summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; }
    .source-admin-body { display: grid; gap: 8px; padding: 10px; border-top: 1px solid #edf1f5; }
    .source-manager { display: grid; gap: 9px; padding: 10px; border: 1px solid #d8e1ea; border-radius: 9px; background: #fff; box-shadow: inset 3px 0 0 #344054; }
    .source-manager-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
    .source-manager-title { color: #344054; font-size: 13px; font-weight:var(--weight-medium); }
    .source-manager-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) auto; gap: 8px; align-items: end; }
    .source-move-grid { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: end; padding-top: 8px; border-top: 1px dashed #d8e1ea; }
    .source-manager-list { display: grid; gap: 6px; }
    .source-manager-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 8px; border: 1px solid #edf1f5; border-radius: 8px; background: #f8fafc; }
    .source-manager-row strong { color: #344054; font-size: 13px; }
    .source-manager-row .muted { overflow-wrap: anywhere; }
    .source-kind { display: inline-flex; align-items: center; min-height: 18px; margin-left: 6px; padding: 0 6px; border-radius: 999px; background: #eef2f6; color: #667085; font-size: 10px; font-weight:var(--weight-semibold); vertical-align: middle; }
    .section-mini-btn { min-height: 26px; padding: 0 8px; border: 1px solid #9fc8c4; border-radius: 999px; background: #eef7f5; color: #065e57; font-size: 11px; font-weight:var(--weight-medium); box-shadow: 0 3px 8px rgba(8,118,108,.1); }
    .section-mini-btn.active { border-color: #14794f; background: #f0faf3; color: #14794f; box-shadow: 0 3px 8px rgba(20,121,79,.12); }
    #customerMoreToggle { border-color: #98a2b3; background: #f8fafc; color: #1d2939; box-shadow: none; }
    #customerMoreToggle.active { border-color: #101828; background: #101828; color: #fff; box-shadow: none; }
    .customer-more-panel { display: grid; gap: 10px; padding: 10px; border: 1px solid #d0d5dd; border-radius: 9px; background: #f8fafc; scroll-margin-top: 86px; transition: border-color .18s ease, box-shadow .18s ease; }
    .customer-more-panel.customer-more-attention { border-color: #08766c; box-shadow: 0 0 0 3px rgba(8,118,108,.12); }
    .phone-control.contact-quick-control { grid-template-columns:minmax(0,1fr) auto auto; }
    .contact-name-toggle { min-height:32px; padding:0 8px; border:1px solid #d0d5dd; border-radius:7px; background:#fff; color:#475467; font-size:11px; font-weight:var(--weight-medium); white-space:nowrap; }
    .contact-name-toggle:hover, .contact-name-toggle:focus-visible, .contact-name-toggle.active { border-color:#9fc8c4; background:#eef7f5; color:#0a635b; }
    .contact-name-toggle.has-value { border-color:#a8dbc3; background:#effaf5; color:#087443; }
    .customer-required-note { color:#98a2b3; font-size:10px; font-style:normal; font-weight:var(--weight-medium); }
    .customer-more-tip { margin:0; padding:8px 9px; border:1px dashed #d8e1ea; border-radius:8px; background:#fff; color:#667085; font-size:11px; line-height:1.45; font-weight:var(--weight-semibold); }
    .btn.green { color: #fff; background: var(--green); border-color: var(--green); }
    .btn.red { color: var(--red); background: var(--red-soft); border-color: #f4b8b1; }
    .btn.wechat { color: #fff; background: #07c160; border-color: #07c160; }
    .btn.small { min-height: 32px; padding: 0 9px; font-size: 12px; }
    .form-actions { display: grid; gap: 9px; }
    .form-action-main { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; min-width: 0; }
    .post-save-next { display: grid; grid-template-columns: minmax(0, 1fr) minmax(210px, auto); gap: 10px; align-items: center; margin: 10px 12px 0; padding: 10px 12px; border: 1px solid #a8dbc3; border-radius: 8px; background: #edf9f3; }
    .post-save-next-copy { min-width: 0; }
    .post-save-next-copy strong { display: block; color: #087443; font-size: 14px; }
    .post-save-next-copy span { display: block; margin-top: 2px; color: #45675a; font-size: 12px; line-height: 1.45; }
    .post-save-next-copy .post-save-check { width: 34px; height: 34px; display: grid; place-items: center; margin: 0 0 8px; border-radius: 50%; background: #087443; color: #fff; font-size: 20px; font-weight:var(--weight-medium); }
    .post-save-next-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
    .post-save-next-actions .btn { min-height: 36px; padding: 0 9px; white-space: nowrap; }
    #postSaveRecordsBtn { grid-column:1 / -1; }
    #postSaveNoticeBtn { border-color:#86d7ae; background:#effbf5; color:#087443; font-weight:var(--weight-semibold); }
    #postSaveSameCustomerBtn { border-color:#cfd8e3; background:#fff; color:#344054; font-weight:var(--weight-semibold); }
    #postSaveWorkflowBtn { border-color:#08766c; background:#08766c; color:#fff; font-weight:var(--weight-semibold); }
    .post-save-more { grid-column: 1 / -1; min-width: 0; }
    .post-save-more > summary { display: flex; align-items: center; justify-content: center; gap: 5px; min-height: 36px; padding: 0 9px; border: 1px solid #d8e0e8; border-radius: 7px; background: #f8fafc; color: #526173; font-size: 12px; font-weight: var(--weight-medium); cursor: pointer; list-style: none; }
    .post-save-more > summary::-webkit-details-marker { display: none; }
    .post-save-more > summary::after { content: "+"; color: #98a2b3; font-size: 16px; line-height: 1; }
    .post-save-more[open] > summary { border-color: #b9cbe0; background: #f2f6fb; color: #344054; }
    .post-save-more[open] > summary::after { content: "−"; }
    .post-save-more-actions { display: grid; grid-template-columns: repeat(var(--post-save-more-count, 3), minmax(0, 1fr)); gap: 7px; margin-top: 7px; padding-top: 7px; border-top: 1px solid #dfe7ef; }
    .post-save-more-actions .btn { grid-column: auto !important; min-height: 36px; padding: 0 7px; color: #526173; background: #fff; font-size: 12px; white-space: nowrap; }
    .form-action-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
    .form-actions .btn { width: 100%; min-width: 0; min-height: 42px; padding: 0 8px; text-align: center; }
    .form-action-grid .btn { min-height: 42px; color: #455468; background: #f8fafc; font-size: 13px; line-height: 1.2; white-space: normal; }
    .form-action-grid .btn.red { color: var(--red); background: #fff5f4; }
    .mobile-action-dialog { width: min(560px, 100%); }
    .mobile-action-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; padding: 14px; }
    .mobile-action-section.continuous-entry { grid-column:1 / -1; grid-template-columns:repeat(2,minmax(0,1fr)); }
    .mobile-action-section.continuous-entry .mobile-action-section-title { grid-column:1 / -1; }
    .mobile-action-grid #copyBatchCustomerBtn { grid-column: 1 / -1; }
    .mobile-action-grid .btn { width:100%; min-width:0; min-height:44px; padding:0 8px; font-size:14px; }
    .mobile-action-section { display: grid; gap: 8px; }
    .mobile-action-section-title { color: #667085; font-size: 12px; font-weight:var(--weight-medium); }
    @media (min-width:901px) {
      body.large-text .panel-body,
      body.large-text .table-wrap,
      body.large-text .account-admin-workspace { font-size:16px; }
      body.large-text .panel-body input,
      body.large-text .panel-body select,
      body.large-text .panel-body textarea,
      body.large-text .account-admin-workspace input,
      body.large-text .account-admin-workspace select,
      body.large-text .account-admin-workspace textarea { font-size:16px; }
      body.large-text .panel-body label,
      body.large-text .panel-body .field,
      body.large-text .panel-body .muted,
      body.large-text .account-admin-workspace label { font-size:14px; }
      body.large-text .panel-body .btn,
      body.large-text .account-admin-workspace .btn { min-height:42px; font-size:14px; }
    }
    body.large-text .my-display-setting strong { font-size:16px; }
    body.large-text .my-display-setting span { font-size:13px; }
    body.large-text .my-display-setting .btn { min-height:42px; font-size:14px; }
    @media (max-width:760px) {
      body.large-text { --font-body:16px; }
      body.large-text .btn { font-size:14px; }
      body.large-text .btn.small { font-size:13px; }
      body.large-text .muted { font-size:14px; }
      body.large-text .pill { min-height:28px; font-size:13px; }
      body.large-text details > summary { min-height:46px; font-size:15px; }
      body.large-text .mobile-home-section-title strong,
      body.large-text .mobile-home-heading strong { font-size:17px; }
      body.large-text .mobile-recent-all { font-size:13px; }
      body.large-text .mobile-recent-main strong,
      body.large-text .mobile-priority-main strong { font-size:16px; }
      body.large-text .mobile-recent-main > span,
      body.large-text .mobile-priority-main > span { font-size:13px; }
      body.large-text .mobile-recent-side .pill,
      body.large-text .mobile-priority-side .pill { min-height:24px; font-size:11px; }
      body.large-text .mobile-recent-side time,
      body.large-text .mobile-priority-side em { font-size:12px; }
      body.large-text .metric span,
      body.large-text .metric em { font-size:13px; }
      body.large-text .mobile-records .record-card-plate { font-size:17px; }
      body.large-text .mobile-records .record-card-model { font-size:14px; }
      body.large-text .mobile-records .record-card-time { font-size:14px; }
      body.large-text .mobile-records .record-card-time::before { font-size:13px; }
      body.large-text .mobile-records .record-card-due span { font-size:11px; }
      body.large-text .mobile-records .record-card-due strong { font-size:14px; }
      body.large-text .mobile-records .record-card-meta > span { font-size:14px; }
      body.large-text .mobile-records .record-card-contact strong { font-size:14px; }
      body.large-text .mobile-records .record-card-contact { grid-column:1 / -1; }
      body.large-text .mobile-records .record-card-badges .pill { font-size:12px; }
      body.large-text .mobile-records .lead-line .actions .btn,
      body.large-text .mobile-records .lead-line .actions .call-btn { min-height:42px; font-size:14px; }
      body.large-text .mobile-form .entry-step-tab { font-size:13px; }
      body.large-text .mobile-form .entry-step-heading strong { font-size:21px; }
      body.large-text .mobile-form .entry-step-heading small { font-size:13px; }
      body.large-text .mobile-form label,
      body.large-text .mobile-form .section-title,
      body.large-text .mobile-form .photo-task-head { font-size:14px; }
      body.large-text .mobile-form input,
      body.large-text .mobile-form select,
      body.large-text .mobile-form textarea { font-size:17px; }
      body.large-text .mobile-form .file-tile-meta strong { font-size:15px; }
      body.large-text .mobile-form .file-tile-meta > span,
      body.large-text .mobile-form .photo-task-count { font-size:12px; }
      body.large-text .mobile-form .form-actions .btn { min-height:46px; font-size:15px; }
      body.large-text .personal-center > .section-title > span:not(.personal-nav-spacer) { font-size:19px; }
      body.large-text .personal-kpi strong { font-size:22px; }
      body.large-text .personal-kpi span { font-size:13px; }
      body.large-text .personal-task strong { font-size:16px; }
      body.large-text .personal-task-meta { font-size:13px; }
      body.large-text .personal-task-meta .pill { min-height:24px; font-size:12px; }
      body.large-text .personal-center > div:has(#personalTaskList) > strong { font-size:15px; }
      body.large-text .my-center-content .my-account-meta strong,
      body.large-text .my-center-content .my-business-role-switch strong,
      body.large-text .my-center-content .my-access-request strong { font-size:16px; }
      body.large-text .my-center-content .my-account-meta strong { font-size:19px; }
      body.large-text .my-center-content .my-account-meta span,
      body.large-text .my-center-content .my-business-role-switch > span,
      body.large-text .my-center-content .my-access-request span { font-size:13px; }
      body.large-text .my-center-content .my-kpi span,
      body.large-text .my-center-content .my-workflow-item span { font-size:13px; }
      body.large-text .my-center-content > .detail-section .field span { font-size:13px; }
      body.large-text .my-center-content > .detail-section .field strong { font-size:15px; }
      body.large-text .my-center-content > .actions .btn { font-size:16px; }
      body.large-text .my-center-content .my-workflow-title,
      body.large-text .my-center-content .my-sent-workflow-title { font-size:15px; }
      body.large-text .my-center-content .my-sent-workflow-title > span:first-child,
      body.large-text .my-center-content .my-list-head > span:first-child { font-size:14px; }
      body.large-text .my-center-content .my-list-head-toggle,
      body.large-text .my-center-content .my-commission-row > div > span,
      body.large-text .my-center-content .my-sent-workflow-meta,
      body.large-text .my-center-content .my-sent-workflow-time { font-size:13px; }
      body.large-text .my-center-content .my-commission-row strong,
      body.large-text .my-center-content .my-sent-workflow-main strong { font-size:15px; }
      body.large-text .my-center-content .my-commission-metric span,
      body.large-text .my-center-content .my-kpi-action small { font-size:12px; }
      body.large-text .detail-summary-head h3 { font-size:22px; }
      body.large-text #pcView.detail-focus .detail-summary-head h3 { font-size:22px; }
      body.large-text .detail-summary-item span,
      body.large-text .detail-summary-note span { font-size:13px; }
      body.large-text .detail-summary-item strong,
      body.large-text .detail-summary-note strong { font-size:15px; }
      body.large-text .detail-section-title { font-size:15px; }
      body.large-text .detail-actions .btn { min-height:42px; font-size:14px; }
      body.large-text #pcView.detail-focus .detail-actions .btn { min-height:42px; font-size:14px; }
      body.large-text .followup-compose-main > textarea { font-size:16px; }
      body.large-text .followup-status-chip { min-height:34px; font-size:13px; }
      body.large-text .batch-head strong { font-size:18px; }
      body.large-text .batch-head span { font-size:13px; }
      body.large-text .batch-dialog label,
      body.large-text .workflow-composer-card label { font-size:14px; }
      body.large-text .batch-dialog input,
      body.large-text .batch-dialog select,
      body.large-text .batch-dialog textarea,
      body.large-text .workflow-composer-card input,
      body.large-text .workflow-composer-card select,
      body.large-text .workflow-composer-card textarea { font-size:16px; }
      body.large-text .workflow-step-title { font-size:16px; }
      body.large-text .workflow-template-row button { min-height:42px; font-size:14px; }
      body.large-text .mobile-bottom-nav button { font-size:12px; }
      body.large-text #personalAccountMeta .personal-profile strong { font-size:19px; }
      body.large-text[data-mobile-section="tasks"] #personalCenterPanel > .section-title > span,
      body.large-text[data-mobile-section="me"] #myCenterPanel > .section-title > span { font-size:20px; }
    }
    .mobile-edit-bar { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: center; margin: -4px 12px 10px; padding: 10px; border: 1px solid #f3d28d; border-radius: 10px; background: #fffaf0; }
    .mobile-edit-bar strong { display: block; color: #7a4b00; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .mobile-edit-bar span { display: block; margin-top: 3px; color: #8a5a00; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .mobile-edit-actions { display: grid; grid-template-columns: repeat(3, minmax(72px, 1fr)); gap: 7px; align-items: center; }
    .mobile-edit-actions .btn, .mobile-edit-actions .btn.primary { min-height: 34px; padding: 0 8px; border-radius: 8px; border-color: #d8e0e8; background: #fff; color: #344054; box-shadow: none; }
    .mobile-edit-actions .btn:active { background: #fff4db; }
    #backToRecordsBtn { border-color: #d0d5dd; background: #f8fafc; color: #344054; }
    #mobileCopyPhotoLinkBtn { border-color: #9fc8c4; background: #eef7f5; color: #065e57; }
    #mobileSameCustomerBtn { border-color:#86d7ae; background:#effbf5; color:#087443; font-weight:var(--weight-semibold); }
    #mobileEditWorkflowBtn.btn.primary { border-color: #08766c; background: #08766c; color: #fff; }
    .pill { display: inline-flex; align-items: center; min-height: 25px; padding: 0 9px; border-radius: 999px; font-size: 12px; font-weight:var(--weight-semibold); white-space: nowrap; }
    .status-pill { cursor: pointer; user-select: none; }
    .status-pill:active { transform: translateY(1px); }
    .pill.blue { color: #065e57; background: var(--blue-soft); }
    .pill.green { color: var(--green); background: var(--green-soft); }
    .pill.amber { color: var(--amber); background: var(--amber-soft); }
    .pill.red { color: var(--red); background: var(--red-soft); }
    .pill.gray { color: #455468; background: #eef2f6; }
    .metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; }
    .metric { min-height: 72px; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); text-align: left; }
    .metric { transition: border-color .16s ease, background .16s ease, transform .16s ease; }
    .metric:hover { border-color: #b8cbe2; background: #fbfdff; transform: translateY(-1px); }
    .metric[data-metric] { cursor: pointer; }
    .metric.active { border-color: #9fc8c4; background: var(--blue-soft); }
    .metric strong { display: block; font-size: 24px; line-height: 1; }
    .metric span { display: block; margin-top: 8px; color: var(--muted); font-size: 12px; }
    .metric em { display: block; margin-top: 5px; color: #344054; font-size: 12px; font-style: normal; font-weight:var(--weight-medium); line-height: 1.35; }
    .metric em.red { color: var(--red); }
    .metric.amount-card strong { font-size: 22px; }
    .exception-summary { margin: -4px 0 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); overflow: hidden; }
    .exception-summary summary { min-height: 38px; padding: 0 12px; background: #fbfcfd; }
    .exception-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 10px; }
    .exception-metrics .metric { min-height: 62px; padding: 10px; box-shadow: none; }
    .grid { display: grid; grid-template-columns: minmax(360px, 460px) minmax(0, 1fr); gap: 14px; align-items: start; }
    .panel { max-width: 100%; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); overflow: hidden; box-shadow: 0 12px 28px rgba(31,41,51,.08); }
    .panel-head { display: flex; justify-content: space-between; align-items: center; padding: 13px 14px; border-bottom: 1px solid var(--line); background: #fbfcfd; }
    .panel-head h2 { margin: 0; font-size: 15px; }
    .mobile-form .panel-head { gap: 10px; }
    .mobile-form .panel-head .actions { justify-content: flex-end; gap: 6px; }
    .mobile-form .panel-head .btn.small { min-height: 30px; padding: 0 8px; font-size: 11px; }
    .panel-body { display: grid; gap: 12px; padding: 14px; }
    .record-panel summary { min-height: 48px; padding: 0 14px; background: #fbfcfd; }
    .mobile-record-content { display: contents; }
    .record-summary-title { width:100%; display: flex; align-items: center; justify-content:space-between; gap: 8px; }
    .record-summary-title h2 { margin: 0; font-size: 15px; }
    .record-summary-actions { display:flex; align-items:center; justify-content:flex-end; gap:6px; }
    .record-tools { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .record-tools .wide { grid-column: 1 / -1; }
    .record-tools input, .record-tools select { min-width: 0; padding-left: 8px; padding-right: 8px; font-size: 16px; }
    .record-tools .date-placeholder-field { min-width: 0; width: 100%; }
    .dual-field-head { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; align-items: center; }
    .dual-field-head span:last-child { color: var(--blue); text-align: left; }
    .field-head-action { min-height: 22px; justify-self: start; padding: 0 7px; border: 1px solid transparent; border-radius: 999px; background: transparent; color: var(--blue); font-size: 12px; font-weight:var(--weight-medium); }
    .field-head-action.active { border-color: #9fc8c4; background: #eef7f5; color: #065e57; }
    .origin-route-field { grid-column: 1 / -1; padding: 9px; border: 1px solid #e5edf5; border-radius: 10px; background: #fbfcfd; }
    .origin-route-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
    .origin-route-head em { color: #667085; font-size: 11px; font-style: normal; font-weight:var(--weight-medium); }
    .origin-picker { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 6px; }
    .origin-picker select { min-width: 0; width: 100%; padding-left: 8px; padding-right: 8px; }
    .origin-town-select { display: none !important; }
    .wechat-channel-area-field { grid-column: 1 / -1; }
    .wechat-channel-area-field > span { display:block; margin-bottom:6px; color:#475467; font-size:12px; font-weight:var(--weight-medium); }
    .wechat-channel-area-picker { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:6px; }
    .wechat-channel-area-picker select { min-width:0; width:100%; padding-left:8px; padding-right:8px; }
    .wechat-channel-area-field small { display:block; margin-top:5px; color:#667085; font-size:10px; line-height:1.45; }
    .quick-segment { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; }
    .quick-segment button { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; padding: 0 6px; border: 1px solid #dbe6f2; border-radius: 8px; background: #fff; color: #455468; font-size: 13px; font-weight:var(--weight-medium); text-align: center; line-height: 1; }
    .quick-segment button.active { border-color: #9fc8c4; background: #eef7f5; color: #065e57; }
    .appointment-schedule-card { display: grid; gap: 8px; padding: 9px; border: 1px solid #e5edf5; border-radius: 10px; background: #fbfcfd; }
    .appointment-schedule-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; min-width: 0; }
    .appointment-schedule-grid label { min-width: 0; overflow: hidden; }
    .appointment-window-label { display:flex; align-items:center; gap:5px; }
    .appointment-window-label .field-help { flex:0 0 19px; }
    .appointment-schedule-grid select, .appointment-schedule-grid input { min-width: 0; width: 100%; max-width: 100%; }
    .appointment-part-row { display: grid; gap: 7px; padding: 8px; border: 1px solid #dbe6f2; border-radius: 8px; background: #fff; }
    .appointment-batch-hint { padding: 11px 12px; border: 1px solid #b9d5f6; border-radius: 8px; background: #eef7f5; color: #08766c; font-size: 12px; font-weight: var(--weight-medium); line-height: 1.55; }
    .appointment-batch-help { padding:10px 11px; border-left:3px solid #84adff; background:#f5f8ff; color:#475467; font-size:12px; line-height:1.55; }
    .appointment-part-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; color: #667085; font-size: 12px; font-weight:var(--weight-medium); }
    .appointment-clear-date { min-height: 24px; padding: 0 7px; border: 0; border-radius: 999px; background: #eef7f5; color: #065e57; font-size: 11px; font-weight:var(--weight-medium); }
    .appointment-part-segment { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .compact-process-group { display:grid; gap:0; border:1px solid #dfe5ec; border-radius:8px; background:#fff; overflow:hidden; }
    .compact-process-toggle { width:100%; min-height:48px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:9px; padding:0 12px; border:0; background:#fff; color:#344054; text-align:left; }
    .compact-process-toggle:hover { background:#f8fafc; }
    .compact-process-toggle strong { color:#1d2939; font-size:13px; }
    .compact-process-toggle span { min-width:0; overflow:hidden; color:#08766c; font-size:12px; font-weight:var(--weight-medium); text-overflow:ellipsis; white-space:nowrap; }
    .compact-process-toggle em { color:#98a2b3; font-size:11px; font-style:normal; font-weight:var(--weight-semibold); }
    .compact-process-toggle[aria-expanded="true"] em { color:#08766c; }
    .compact-process-drawer { display:grid; gap:10px; padding:10px 12px 12px; border-top:1px solid #edf1f5; background:#fbfcfe; }
    .compact-process-drawer.hidden { display:none; }
    .compact-process-drawer > label { margin:0; }
    .compact-process-drawer .driver-dispatch-card { border:0; border-radius:0; padding:0; background:transparent; }
    .compact-process-drawer .driver-dispatch-card > .driver-dispatch-head { display:none; }
    .compact-process-drawer .driver-dispatch-card > .driver-dispatch-help { margin-bottom:2px; }
    .compact-process-drawer .driver-dispatch-card > label { margin:0; }
    .appointment-schedule-card.compact-inner { display:grid; gap:9px; padding:0; border:0; background:transparent; }
    .compact-inline-setting { display:grid; gap:0; border-top:1px solid #edf1f5; }
    .compact-inline-toggle { width:100%; min-height:40px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:8px; padding:0 2px; border:0; background:transparent; color:#344054; text-align:left; }
    .compact-inline-toggle span { color:#667085; font-size:11px; font-weight:var(--weight-semibold); }
    .compact-inline-toggle strong { min-width:0; color:#08766c; font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .compact-inline-toggle em { color:#98a2b3; font-size:10px; font-style:normal; font-weight:var(--weight-semibold); }
    .compact-inline-drawer { display:grid; gap:8px; padding:0 2px 3px; }
    .compact-inline-drawer.hidden { display:none; }
    .choice-panel { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px; border: 1px solid #dbe6f2; border-radius: 8px; background: #f8fafc; }
    .choice-panel button { min-height: 28px; padding: 0 8px; border: 1px solid #dbe6f2; border-radius: 999px; background: #fff; color: #344054; font-size: 12px; font-weight:var(--weight-medium); }
    .choice-panel button.active { border-color: #9fc8c4; background: #eef7f5; color: #065e57; }
    .origin-town-btn { min-height: 40px; padding: 0 10px; border: 1px solid #dbe6f2; border-radius: 8px; background: #fff; color: #344054; font-size: 13px; font-weight:var(--weight-medium); text-align: left; }
    .origin-town-btn::before { content: "乡镇 "; color: #98a2b3; font-size: 11px; }
    .origin-town-btn.active { border-color: #101828; background: #f2f4f7; color: #101828; }
    label { display: grid; gap: 6px; color: #3d4a5c; font-size: 13px; font-weight:var(--weight-semibold); }
    input, select, textarea { width: 100%; min-width: 0; max-width: 100%; min-height: 40px; border: 1px solid var(--line); border-radius: 8px; padding: 9px 10px; color: var(--text); background: #fff; font-size: 16px; font-weight: 400; }
    textarea { min-height: 82px; resize: vertical; line-height: 1.5; }
    input:focus, select:focus, textarea:focus, button:focus { outline: 3px solid rgba(8,118,108,.22); outline-offset: 1px; }
    .grid-2, .doc-photo-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .form-wide { grid-column: 1 / -1; }
    .inspection-date-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; align-items: start; }
    .inspection-date-row label { min-width: 0; overflow: hidden; }
    .inspection-date-row input { min-width: 0; width: 100%; max-width: 100%; padding-left: 8px; padding-right: 8px; }
    .inspection-date-row input[type="date"] { display:block; box-sizing:border-box; }
    .inspection-date-row input[type="date"]::-webkit-date-and-time-value { min-width:0; text-align:left; }
    .date-placeholder-field { position: relative; min-width: 0; display: block; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
    .date-placeholder-field:focus-within { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(8,118,108,.14); }
    input[type="date"], input[type="datetime-local"] { color-scheme: light; font-variant-numeric: tabular-nums; }
    .date-placeholder-field input { min-width: 0; width: 100%; max-width: 100%; border: 0; border-radius: 0; padding-left: 10px; padding-right: 38px; color: var(--text); background: #fff; font-size: 14px; outline: none; box-shadow: none; }
    .date-placeholder-field input:focus { outline: none; box-shadow: none; }
    .date-placeholder-field .date-placeholder-text { position: absolute; left: 11px; top: 50%; z-index: 1; max-width: calc(100% - 54px); color: #667085; font-size: 14px; font-weight:var(--weight-semibold); line-height: 1; pointer-events: none; transform: translateY(-50%); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .date-placeholder-field:not(.has-value):not(:focus-within) input { color: transparent; }
    .date-placeholder-field:not(.has-value):not(:focus-within) input::-webkit-datetime-edit { color: transparent; }
    .date-placeholder-field.has-value input::-webkit-datetime-edit, .date-placeholder-field:focus-within input::-webkit-datetime-edit { color: var(--text); }
    .date-placeholder-field.has-value .date-placeholder-text, .date-placeholder-field:focus-within .date-placeholder-text { display: none; }
    .appointment-month-panel { display: grid; gap: 9px; padding: 10px; border: 1px solid #dbe6f2; border-radius: 8px; background: #f8fafc; }
    .appointment-month-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; color: #344054; font-size: 12px; font-weight:var(--weight-medium); }
    .appointment-month-head span { color: var(--muted); font-weight:var(--weight-semibold); text-align: right; }
    .appointment-month-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; }
    .appointment-month-btn { min-height: 32px; padding: 0 4px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: #344054; font-size: 12px; font-weight:var(--weight-medium); }
    .appointment-month-btn.active { color: #065e57; border-color: #9fc8c4; background: var(--blue-soft); }
    .appointment-month-actions { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
     .appointment-month-actions .btn { min-height: 30px; padding: 0 5px; font-size: 11px; }
     .driver-dispatch-card { display:grid; gap:10px; padding:12px; border:1px solid #dfe5ec; border-radius:8px; background:#fff; }
     .driver-dispatch-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
     .driver-dispatch-title { min-width:0; display:grid; gap:2px; }
     .driver-dispatch-title strong { color:#1d2939; font-size:14px; }
     .driver-dispatch-title small { color:#8a94a6; font-size:10px; font-weight:var(--weight-medium); }
     .driver-dispatch-head-actions { display:flex; align-items:center; gap:7px; }
     .driver-dispatch-head-actions > span { color:#667085; font-size:11px; font-weight:var(--weight-semibold); }
     .driver-dispatch-card select { min-height:42px; }
     .driver-dispatch-mode-label { gap:7px; }
     .driver-dispatch-mode-label > span { color:#344054; font-size:12px; font-weight:var(--weight-medium); }
     .driver-direct-assignee { display:grid; gap:6px; padding:9px 10px; border:1px solid #b8d4f5; border-radius:8px; background:#f5f9ff; }
     .driver-direct-assignee.hidden { display:none; }
     .driver-direct-assignee label { display:grid; gap:6px; margin:0; color:#184f90; font-size:12px; font-weight:var(--weight-semibold); }
     .driver-direct-assignee small { color:#667085; font-size:10px; line-height:1.45; }
     .driver-dispatch-help { padding:9px 10px; border:1px solid #d9e6f4; border-radius:7px; background:#f5f9fe; color:#475467; font-size:11px; line-height:1.55; }
     .driver-dispatch-help b { color:#0a635b; }
     .driver-dispatch-stage { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:4px; padding:7px; border:1px solid #dbe6f2; border-radius:8px; background:#f8fafc; }
     .driver-dispatch-stage.hidden { display:none; }
     .driver-dispatch-stage span { position:relative; min-width:0; min-height:34px; display:inline-flex; align-items:flex-end; justify-content:center; overflow:hidden; padding:14px 2px 4px; border:1px solid #e2e8f0; border-radius:7px; background:#fff; color:#667085; font-size:11px; font-weight:var(--weight-medium); line-height:1; white-space:nowrap; }
     .driver-dispatch-stage span.done { border-color:#9fd4b8; background:#edf9f3; color:#087443; }
     .driver-dispatch-stage span.done::before { content:"✓"; position:absolute; left:50%; top:3px; color:#087443; font-size:10px; font-weight:var(--weight-strong); line-height:10px; transform:translateX(-50%); }
     .driver-dispatch-stage span.active { border-color:#69aaa3; background:#eaf4f2; color:#065e57; box-shadow:0 0 0 2px rgba(8,118,108,.1); }
     .driver-dispatch-stage span.active::before { content:""; position:absolute; left:50%; top:5px; width:6px; height:6px; border-radius:50%; background:#08766c; transform:translateX(-50%); }
      .detail-summary-driver .driver-dispatch-stage { grid-column:1 / -1; margin:1px 0 2px; }
      .driver-review-toggle { display:flex; align-items:flex-start; gap:8px; padding:8px 10px; border:1px solid #e2e8f0; border-radius:7px; background:#fbfcfe; }
      .driver-review-toggle input[type="checkbox"] { flex:0 0 18px; width:18px; height:18px; min-width:18px; min-height:18px; max-width:18px; padding:0; margin:2px 0 0; accent-color:#08766c; }
      .driver-review-toggle span { display:grid; gap:2px; min-width:0; flex:1 1 auto; }
      .driver-review-toggle b { display:flex; align-items:center; gap:5px; color:#344054; font-size:12px; }
      .driver-review-toggle b .field-help { flex:0 0 19px; }
      .driver-review-toggle small { color:#667085; font-size:11px; line-height:1.4; }
      .driver-review-help { margin-top:3px; padding:7px 8px; border:1px solid #d9e6f4; border-radius:7px; background:#f5f9fe; color:#475467 !important; }
      .driver-review-help.hidden { display:none; }
      .driver-review-photo-capture { display:grid; gap:7px; margin-top:8px; padding:9px 10px; border-top:1px solid #dbe6f2; background:#f8fbff; }
      .driver-review-photo-capture > div:first-child { display:flex; align-items:center; justify-content:space-between; gap:8px; }
      .driver-review-photo-capture strong { color:#344054; font-size:12px; }
      .driver-review-photo-capture small { color:#667085; font-size:10px; line-height:1.4; }
      .driver-review-photo-capture input { display:none; }
      .driver-review-photo-tools { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
      .driver-review-photo-button { min-height:36px; display:inline-flex; align-items:center; justify-content:center; gap:5px; padding:0 10px; border:1px solid #9fc8c4; border-radius:7px; background:#eef7f5; color:#0a635b; font-size:11px; font-weight:var(--weight-semibold); }
      .driver-review-photo-button.upload { border-color:#cfd8e3; background:#fff; color:#344054; }
      .driver-review-photo-button svg { width:16px; height:16px; flex:0 0 16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
      .driver-review-photo-preview { display:flex; gap:7px; flex-wrap:wrap; }
      .driver-review-photo-preview:empty { display:none; }
      .driver-review-photo-preview img { width:54px; height:42px; border:1px solid #cfe0f2; border-radius:6px; object-fit:cover; background:#fff; }
      .driver-review-photo-state { color:#9a5a05; font-size:10px; font-weight:var(--weight-semibold); }
      .driver-dispatch-fields { display:grid; gap:10px; }
     .driver-dispatch-fields.hidden { display:none; }
     .driver-route-card { position:relative; display:grid; gap:0; padding:0 0 0 21px; }
     .driver-route-card::before { content:""; position:absolute; left:6px; top:20px; bottom:20px; width:1px; background:#d7dee7; }
     .driver-route-point { position:relative; display:grid; gap:6px; padding:9px 0; }
     .driver-route-point::before { content:""; position:absolute; left:-19px; top:17px; z-index:1; width:9px; height:9px; border:2px solid #fff; border-radius:50%; background:#20a464; box-shadow:0 0 0 1px #20a464; }
     .driver-route-point.return::before { background:#08766c; box-shadow:0 0 0 1px #08766c; }
     .driver-route-label { display:flex; align-items:center; justify-content:space-between; gap:8px; }
     .driver-route-label-main, .driver-address-label { display:flex; align-items:center; gap:6px; min-width:0; }
     .driver-route-label strong { color:#344054; font-size:12px; }
     .driver-route-label > span { color:#98a2b3; font-size:10px; font-weight:var(--weight-medium); text-align:right; }
     .driver-location-help { display:grid; gap:5px; margin:1px 0 2px; padding:9px 10px; border:1px solid #d9e6f4; border-radius:7px; background:#f5f9fe; color:#475467; font-size:11px; line-height:1.55; }
     .driver-location-help.hidden { display:none; }
     .driver-location-help b { color:#0a635b; }
     .driver-route-input { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:6px; align-items:center; }
     .driver-route-input input { min-height:42px; }
     .driver-route-action { min-width:46px; min-height:38px; padding:0 9px; border:1px solid #d7e0ea; border-radius:7px; background:#fff; color:#344054; font-size:11px; font-weight:var(--weight-medium); }
     .driver-route-action.primary { border-color:#b3d9d5; background:#eef7f5; color:#0a635b; }
     .driver-route-action:disabled { border-color:#e4e7ec; background:#f5f6f7; color:#a4acb8; cursor:not-allowed; }
     .driver-route-detail { min-height:18px; color:#7a8798; font-size:10px; line-height:1.45; overflow-wrap:anywhere; }
     .driver-route-detail.has-value { color:#176b48; font-weight:var(--weight-semibold); }
     .driver-return-toggle { display:flex; align-items:center; gap:7px; min-height:34px; color:#475467; font-size:11px; font-weight:var(--weight-semibold); }
     .driver-return-toggle input { width:16px; height:16px; min-height:0; }
     .driver-dispatch-note-tools { display:flex; flex-wrap:wrap; gap:6px; margin-top:-2px; }
     .driver-dispatch-note-tools button { min-height:28px; padding:0 9px; border:1px solid #dbe6f2; border-radius:999px; background:#fff; color:#475467; font-size:11px; font-weight:var(--weight-medium); }
     .driver-dispatch-note-tools button:hover { border-color:#9fc8c4; background:#eef7f5; color:#065e57; }
     .driver-dispatch-hint { padding-top:2px; color:#667085; font-size:11px; line-height:1.5; }
     .driver-nav-modal { position:fixed; inset:0; z-index:90; display:flex; align-items:flex-end; justify-content:center; padding:16px; background:rgba(16,24,40,.42); }
     .driver-nav-modal.hidden { display:none; }
     .driver-nav-sheet { width:min(440px,100%); display:grid; gap:10px; padding:16px; border-radius:12px 12px 8px 8px; background:#fff; box-shadow:0 18px 50px rgba(16,24,40,.24); }
     .driver-nav-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
     .driver-nav-head div { min-width:0; display:grid; gap:3px; }
     .driver-nav-head strong { color:#101828; font-size:15px; }
     .driver-nav-head span { color:#667085; font-size:11px; overflow-wrap:anywhere; }
     .driver-nav-close { width:32px; height:32px; display:grid; place-items:center; border:0; border-radius:50%; background:#f2f4f7; color:#475467; font-size:18px; }
     .driver-nav-tip { padding:8px 10px; border:1px solid #dbe6f2; border-radius:8px; background:#f8fafc; color:#667085; font-size:11px; font-weight:var(--weight-semibold); line-height:1.45; }
     .driver-nav-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
     .driver-nav-option { min-height:64px; display:grid; place-items:center; gap:5px; padding:8px 5px; border:1px solid #e1e6ec; border-radius:8px; background:#fff; color:#344054; font-size:11px; font-weight:var(--weight-medium); }
     .driver-nav-option b { width:25px; height:25px; display:grid; place-items:center; border-radius:7px; background:#eef7f5; color:#08766c; font-size:12px; }
     .driver-nav-option.copy { border-color:#b8dfcb; background:#edf9f3; color:#087443; }
     .driver-nav-option.copy b { background:#16a34a; color:#fff; }
     .driver-location-sheet { gap:12px; }
     .driver-location-intro { margin:0; color:#667085; font-size:11px; line-height:1.55; }
     .driver-location-methods { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
     .driver-location-method { min-height:48px; display:flex; align-items:center; justify-content:center; gap:7px; padding:8px; border:1px solid #dce3eb; border-radius:8px; background:#f8fafc; color:#344054; font-size:12px; font-weight:var(--weight-medium); }
     .driver-location-method.primary { border-color:#b8d9d5; background:#eef7f5; color:#0a635b; }
     .driver-location-field { display:grid; gap:6px; color:#344054; font-size:12px; font-weight:var(--weight-medium); }
     .driver-location-field input { min-height:46px; padding:0 12px; border:1px solid #d9e1ea; border-radius:8px; background:#fff; color:#101828; font-size:14px; }
     .driver-location-coordinate { min-height:18px; color:#8a94a6; font-size:10px; font-weight:var(--weight-medium); }
     .driver-location-detail-quick { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
     .driver-location-detail-quick > span { color:#8a94a6; font-size:10px; font-weight:var(--weight-semibold); }
     .driver-location-detail-quick button { min-height:28px; padding:0 9px; border:1px solid #dbe3ec; border-radius:999px; background:#fff; color:#475467; font-size:10px; font-weight:var(--weight-semibold); }
     .driver-location-detail-quick button.active { border-color:#9fc8c4; background:#eef7f5; color:#0a635b; }
     .driver-recent-locations { display:flex; align-items:center; gap:6px; flex-wrap:wrap; min-height:0; }
     .driver-recent-locations:empty { display:none; }
     .driver-recent-locations > span { color:#8a94a6; font-size:10px; font-weight:var(--weight-semibold); }
     .driver-recent-locations button { max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-height:28px; padding:0 9px; border:1px solid #dbe3ec; border-radius:999px; background:#f8fafc; color:#475467; font-size:10px; font-weight:var(--weight-semibold); }
     .driver-location-preview { min-width:0; display:grid; gap:3px; padding:9px 10px; border:1px solid #d9e7f5; border-radius:8px; background:#f8fbff; }
     .driver-location-preview span { color:#7a8798; font-size:10px; font-weight:var(--weight-semibold); }
     .driver-location-preview strong { color:#27364a; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
     .driver-location-actions { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:8px; }
     .driver-location-actions .btn { min-height:42px; }
     .driver-km-quick { display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin-top:-3px; }
     .driver-km-quick span { color:#8a94a6; font-size:10px; font-weight:var(--weight-semibold); }
     .driver-km-quick button { min-height:28px; padding:0 9px; border:1px solid #dbe3ec; border-radius:999px; background:#fff; color:#344054; font-size:11px; font-weight:var(--weight-medium); }
     .driver-km-quick button:hover { border-color:#9fc8c4; background:#eef7f5; color:#0a635b; }
     .driver-dispatch-status { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:30px; padding:6px 9px; border-radius:7px; background:#fff; color:#08766c; font-size:12px; font-weight:var(--weight-medium); }
     .driver-dispatch-status small { color:#98a2b3; font-weight:var(--weight-medium); }
      .detail-summary-driver { display:grid; gap:8px; margin-top:10px; padding:10px; border:1px solid #d8eadf; border-radius:9px; background:#f7fcf9; }
      .detail-summary-driver-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
      .detail-summary-driver-head strong { color:#176b48; font-size:13px; }
      .detail-summary-driver-head-actions { display:flex; align-items:center; justify-content:flex-end; gap:6px; flex-wrap:wrap; }
    .driver-handoff-print { min-height:28px; padding:0 8px; border-color:#b7d7c7; background:#fff; color:#176b48; }
    .driver-dispatch-actions { display:grid; gap:8px; width:100%; align-items:stretch; }
    .driver-dispatch-action-buttons { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:8px; width:100%; }
    .driver-dispatch-action-buttons .btn { width:100%; min-width:0; min-height:42px; }
    .driver-dispatch-actions > .driver-review-photo-capture { width:100%; min-width:0; margin-top:0; }
    .driver-dispatch-flow-note { padding:7px 9px; border-radius:7px; background:#f8fafc; color:#667085; font-size:11px; font-weight:var(--weight-semibold); }
    .driver-review-badge { display:inline-flex; align-items:center; min-height:20px; padding:0 7px; border-radius:999px; background:#fff5df; color:#9a5b00; font-size:10px; font-weight:800; }
    .driver-payment-config { display:grid; gap:8px; margin-top:8px; padding:10px; border:1px solid #d8e2ec; border-radius:7px; background:#fbfcfe; }
    .driver-payment-config-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .driver-payment-config-hint { color:#667085; font-size:11px; line-height:1.45; }
    .driver-payment-dialog { width:min(460px,100%); display:grid; gap:12px; padding:16px; border:1px solid #dbe3ec; border-radius:8px; background:#fff; box-shadow:0 22px 60px rgba(16,24,40,.26); }
    .driver-payment-dialog-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
    .driver-payment-dialog-head div { display:grid; gap:3px; }
    .driver-payment-dialog-head strong { color:#101828; font-size:16px; }
    .driver-payment-dialog-head span { color:#667085; font-size:11px; }
    .driver-payment-dialog-head button { width:34px; height:34px; border:1px solid #dbe3ec; border-radius:6px; background:#fff; color:#667085; font-size:20px; }
    .driver-payment-dialog-fields { display:grid; gap:9px; }
    .driver-payment-dialog-fields label { display:grid; gap:5px; color:#344054; font-size:12px; font-weight:var(--weight-semibold); }
    .driver-payment-methods { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; }
    .driver-payment-methods button { min-width:0; min-height:40px; padding:0 4px; border:1px solid #dbe3ec; border-radius:6px; background:#fff; color:#344054; font-size:11px; }
    .driver-payment-methods button.active { border-color:#08766c; background:#edf6f4; color:#065e57; font-weight:800; }
    .driver-payment-dialog-actions { display:grid; grid-template-columns:.8fr 1.2fr; gap:8px; }
    .driver-payment-dialog-actions .btn { min-height:42px; }
    .driver-payment-qr-settings,.driver-payment-platform-settings { display:grid; gap:10px; padding:12px; border:1px solid #dce4ed; border-radius:8px; background:#f8fafc; }
    .driver-payment-qr-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
    .driver-payment-qr-head > div { display:grid; gap:3px; }
    .driver-payment-qr-head strong { color:#1f2937; font-size:13px; }
    .driver-payment-qr-head span { color:#667085; font-size:11px; line-height:1.45; }
    .driver-payment-qr-upload { min-width:0; display:flex; align-items:center; gap:12px; min-height:102px; padding:9px; border:1px dashed #aebdce; border-radius:8px; background:#fff; cursor:pointer; }
    .driver-payment-qr-upload img { flex:0 0 84px; width:84px; height:84px; object-fit:contain; border:1px solid #e2e8f0; background:#fff; }
    .driver-payment-qr-upload img:not([src]) { display:none; }
    .driver-payment-qr-upload span { min-width:0; display:grid; gap:4px; color:#344054; }
    .driver-payment-qr-upload b { font-size:12px; }
    .driver-payment-qr-upload small { color:#7a8798; font-size:10px; line-height:1.45; }
    .driver-payment-qr-upload input { display:none; }
    .driver-payment-settings-actions { display:flex; gap:8px; flex-wrap:wrap; }
    .driver-subsidy-settings { display:grid; gap:10px; padding:12px; border:1px solid #d8e2ec; border-radius:8px; background:#fbfcfe; }
    .driver-subsidy-preview { padding:9px 10px; border:1px dashed #b9cbe0; border-radius:7px; background:#f5f9ff; color:#344054; font-size:11px; line-height:1.5; }
    .driver-subsidy-driver-list { display:grid; gap:6px; max-height:180px; overflow:auto; padding:8px; border:1px solid #dbe3ec; border-radius:7px; background:#fff; }
    .driver-subsidy-driver-list label { display:flex; align-items:center; gap:7px; font-size:11px; color:#344054; }
    .driver-payment-poster-modal .wechat-channel-poster-sheet { width:min(460px,100%); }
    .driver-payment-poster-modal .actions { display:grid; grid-template-columns:1.3fr 1fr .8fr; }
    .driver-payment-poster-modal .wechat-channel-poster-sheet > img { background:#f2f5f7; }
    .driver-review-note-row { display:flex; align-items:center; justify-content:space-between; gap:8px; padding-top:7px; border-top:1px dashed #dbe3ec; }
    .driver-review-note-row span { min-width:0; color:#667085; font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .driver-review-note-row button { flex:0 0 auto; min-height:30px; padding:0 9px; border:1px solid #cfd8e3; border-radius:6px; background:#fff; color:#344054; font-size:11px; font-weight:var(--weight-semibold); }
    .driver-review-note-options { display:flex; flex-wrap:wrap; gap:7px; }
    .driver-review-note-options button { min-height:40px; padding:0 10px; border:1px solid #dbe3ec; border-radius:6px; background:#fff; color:#344054; font-size:11px; }
    .driver-review-note-options button.active { border-color:#08766c; background:#edf6f4; color:#065e57; font-weight:800; }
    @media(max-width:560px){.driver-payment-config-fields{grid-template-columns:1fr}.driver-payment-methods{grid-template-columns:repeat(3,minmax(0,1fr))}.driver-payment-dialog{border-radius:10px 10px 0 0;padding-bottom:max(16px,env(safe-area-inset-bottom))}.driver-payment-main{grid-template-columns:1fr 1fr}.driver-payment-poster-modal .wechat-channel-poster-sheet{width:100%;max-height:100dvh;border-radius:0;padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.driver-payment-poster-modal .actions{grid-template-columns:1fr 1fr}.driver-payment-poster-modal .actions .btn:last-child{grid-column:1/-1}}
    .doc-photo-row { position: relative; gap: 10px; max-width:100%; overflow:hidden; }
    .price-inline { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; justify-content: stretch; gap: 8px; width: 100%; max-width: 100%; }
    .price-inline.price-enabled { grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; max-width: 100%; }
    .price-inline > label:first-child { grid-column: 1 / -1; grid-row: 1; min-width: 0; }
    .price-field-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
    .price-head-actions { display: inline-flex; align-items: center; justify-content: flex-end; gap: 6px; flex: 0 0 auto; }
    .quote-pending-btn { min-height: 22px; padding: 0 7px; border: 1px solid #dbe6f2; border-radius: 999px; background: #f8fafc; color: #667085; font-size: 11px; font-weight:var(--weight-medium); }
    .quote-pending-btn.active { border-color: #f59e0b; background: #fff7ed; color: #9a5a05; }
    .price-inline.quote-pending #price { background: #f3f6f9; color: #667085; }
    .price-toggle-btn { min-height: 24px; display: inline-flex; align-items: center; justify-content: center; gap: 4px; padding: 0 9px 0 5px; border: 1px solid #9fc8c4; border-radius: 999px; background: linear-gradient(135deg, #f8fbff 0%, #e7f2f0 100%); color: #065e57; font-size: 11px; font-weight:var(--weight-medium); line-height: 1; white-space: nowrap; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 4px 10px rgba(8,118,108,.12); transition: 140ms ease; }
    .price-toggle-btn::before { content: "¥"; width: 16px; height: 16px; display: inline-grid; place-items: center; border-radius: 999px; background: #08766c; color: #fff; font-size: 10px; font-weight:var(--weight-medium); line-height: 1; box-shadow: 0 2px 5px rgba(8,118,108,.22); }
    .price-toggle-btn.active { border-color: #21a766; background: linear-gradient(135deg, #f0fff7 0%, #dff8ea 100%); color: #087443; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 4px 10px rgba(22,163,74,.14); }
    .price-toggle-btn.active::before { content: "✓"; background: #16a34a; box-shadow: 0 2px 5px rgba(22,163,74,.24); }
    .inspection-mini, .price-mini { grid-row: 2; min-width: 0; }
    .inspection-mini { grid-column: 1; }
    .price-mini { grid-column: 2; }
    .price-inline.price-enabled .inspection-mini, .price-inline.price-enabled .price-mini { width: 100%; }
    .price-inline .inspection-primary { grid-column: 1 / -1; grid-row: 1; min-width: 0; }
    .price-inline .inspection-price-suggestion { grid-column: 1 / -1; grid-row: 2; }
    .price-inline .price-mini, .price-inline .commission-mini { grid-row: 3; min-width: 0; }
    .price-inline .price-mini { grid-column: 1; }
    .price-inline .commission-mini { grid-column: 2; }
    .price-inline .inspection-price-suggestion.hidden { display: none; }
    .price-inline .commission-mini { width: 100%; }
    .actual-quote-box { grid-column: 1 / -1; grid-row: 3; width: 100%; min-height: 36px; display: flex; align-items: center; justify-content: center; padding: 7px 9px; border: 1px solid #dbe4ee; border-radius: 8px; background: #f8fafc; color: #344054; font-size: 12px; line-height: 1.35; font-weight:var(--weight-medium); text-align: center; }
    .commission-approval-hint { grid-column:1 / -1; grid-row:4; min-height:32px; display:flex; align-items:center; padding:7px 9px; border:1px solid #f0d9a8; border-radius:7px; background:#fff8e8; color:#8a4b08; font-size:11px; font-weight:var(--weight-semibold); line-height:1.45; }
    .commission-approval-hint.confirmed { border-color:#b8dfcb; background:#edf9f3; color:#087443; }
    .history-hint { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px; border: 1px solid #f5d08a; border-radius: 8px; background: #fffbeb; color: #7a4b00; font-size: 13px; font-weight:var(--weight-medium); }
    .follow-panel { display: grid; gap: 8px; padding: 10px; border: 1px solid #f5d08a; border-radius: 8px; background: #fffbeb; }
    .follow-summary { display: flex; flex-wrap: wrap; gap: 6px; }
    .follow-item { width: 100%; display: grid; gap: 4px; padding: 9px; border: 1px solid #f3d28d; border-radius: 8px; background: #fff; text-align: left; }
    .trailer-link-card { display: grid; gap: 10px; padding: 10px; border: 1px solid #f5d08a; border-radius: 8px; background: #fffbeb; }
    .trailer-link-title { color: #7a4b00; font-size: 13px; font-weight:var(--weight-medium); }
    .attract-link-panel { display: grid; gap: 9px; padding: 10px; border: 1px solid #f5d08a; border-radius: 8px; background: #fffbeb; }
    .attract-link-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
    .attract-link-title { color: #7a4b00; font-size: 13px; font-weight:var(--weight-medium); }
    .attract-link-actions { display: inline-flex; align-items: center; gap: 6px; }
    .attract-link-toggle { min-height: 26px; padding: 0 8px; border: 1px solid #e9b96f; border-radius: 999px; background: #fff; color: #8a5a00; font-size: 11px; font-weight:var(--weight-medium); }
    .attract-link-body { display: grid; gap: 8px; }
    .attract-link-panel.collapsed .attract-link-body { display: none; }
    .attract-link-range { color: #8a5a00; font-size: 12px; font-weight:var(--weight-semibold); }
    .attract-link-panel input { min-height: 36px; background: #fff; }
    .attract-link-panel .chip { background: #fff; }
    .file-tile { position: relative; min-width: 0; min-height: 148px; aspect-ratio: 4 / 3; display: grid; place-items: center; align-content: center; gap: 7px; padding: 10px; border: 1px solid #dce4ed; border-radius: 8px; background: #fff; text-align: center; color: #455468; overflow: hidden; touch-action: manipulation; -webkit-tap-highlight-color: transparent; transition: border-color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease; }
    .file-tile:focus-within { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(8,118,108,.14); }
    .file-tile:not(.has-photo):active { transform: scale(.99); border-color: var(--primary); background: #f8fbff; }
    .file-tile:not(.has-photo) { box-shadow: 0 1px 3px rgba(31,41,51,.04); }
    .file-tile:not(.has-photo):hover { border-color: #aec8e9; background: #fbfdff; }
    .file-tile.has-photo { border-style: solid; border-color: #a9b2bf; background: #fff; }
    .file-tile-preview { position: absolute; inset: 4px; width: calc(100% - 8px); height: calc(100% - 8px); border-radius: 7px; object-fit: cover; display: none; }
    .file-tile.has-photo .file-tile-preview { display: block; }
    .file-tile.has-photo { cursor: zoom-in; }
    .file-tile-thumbs { position: absolute; left: 7px; top: 7px; z-index: 2; display: none; gap: 4px; max-width: calc(100% - 14px); }
    .file-tile.has-photo .file-tile-thumbs { display: flex; }
    .file-tile-thumb { width: 28px; height: 28px; border: 2px solid rgba(255,255,255,.92); border-radius: 6px; object-fit: cover; background: #eef2f6; box-shadow: 0 3px 8px rgba(31,41,51,.18); }
    .file-tile-more { min-width: 28px; height: 28px; display: grid; place-items: center; padding: 0 4px; border-radius: 6px; background: rgba(31,41,51,.74); color: #fff; font-size: 11px; font-weight:var(--weight-medium); }
    .file-tile-meta { position: relative; z-index: 1; display: grid; place-items: center; gap: 5px; width: 100%; padding: 7px; border-radius: 8px; background: transparent; box-shadow: none; }
    .file-tile.has-photo .file-tile-meta { position: absolute; left: 0; right: 0; bottom: 0; align-self: end; justify-self: stretch; width: 100%; gap: 5px; padding: 28px 8px 8px; background: linear-gradient(180deg, transparent, rgba(15,23,42,.76)); box-shadow: none; }
    .file-tile.has-photo .file-tile-meta strong, .file-tile.has-photo .file-tile-meta > span { color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.35); }
    .file-tile.has-photo .camera-icon, .file-tile.has-photo .doc-vector { display: none; }
    .doc-vector { position: relative; width: 54px; height: 54px; display: grid; place-items: center; margin-bottom: 3px; border-radius: 8px; background: #eef5fd; color: #4f76a3; }
    .doc-vector > svg:first-child { width: 29px; height: 29px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
    .doc-vector .capture-mark { position: absolute; right: -3px; bottom: -2px; width: 20px; height: 20px; padding: 4px; border: 2px solid #fff; border-radius: 999px; background: #08766c; color: #fff; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; box-sizing: border-box; }
    #platePhotoTile .doc-vector { background: #edf8f3; color: #21805b; }
    #permitPhotoTile .doc-vector { background: #fff6e8; color: #a56914; }
    #conformityCertificatePhotoTile .doc-vector { background: #eef7ff; color: #2563a8; }
    #vehiclePhotoTile .doc-vector { background: #f2f1fb; color: #6257a8; }
    #tractorPhotoTile .doc-vector { background: #eef5fd; color: #4f76a3; }
    #noticePhotoTile .doc-vector { background: #f2f1fb; color: #6257a8; }
    #noticePhotoTile .secondary-certificate-symbol, #noticePhotoTile .secondary-identity-symbol { display: none; }
    #noticePhotoTile.certificate-mode .secondary-notice-symbol { display: none; }
    #noticePhotoTile.certificate-mode .secondary-certificate-symbol { display: block; }
    #noticePhotoTile.certificate-mode .doc-vector { background: #fff6e8; color: #a56914; }
    #noticePhotoTile.identity-mode .secondary-notice-symbol { display: none; }
    #noticePhotoTile.identity-mode .secondary-identity-symbol { display: block; }
    #noticePhotoTile.identity-mode .doc-vector { background: #edf8f3; color: #21805b; }
    .file-tile strong { color: #253247; font-size: 16px; font-weight:var(--weight-medium); line-height: 1.25; }
    .file-tile span { color: #7a8798; font-size: 12px; font-weight:var(--weight-medium); line-height: 1.35; }
    .file-tile .photo-kind-badge { position: absolute; top: 8px; left: 8px; z-index: 4; min-height: 20px; display: inline-flex; align-items: center; padding: 0 6px; border-radius: 5px; background: #f0f5fb; color: #4b6685; font-size: 10px; font-weight:var(--weight-medium); pointer-events: none; }
    .file-tile .photo-kind-badge.optional { background: #f3f4f6; color: #667085; }
    .file-tile.has-photo .photo-kind-badge { display: none; }
    .permit-ocr-result { grid-column:1 / -1; min-width:0; display:grid; grid-template-columns:auto minmax(0,1fr); gap:8px; align-items:start; margin-top:0; padding:8px 10px; border:1px solid #b8dfcb; border-radius:7px; background:#f3fbf6; color:#344054; font-size:11px; line-height:1.5; }
    .permit-ocr-result.hidden { display:none; }
    .permit-ocr-result strong { color:#087443; font-size:11px; white-space:nowrap; }
    .permit-ocr-result span { min-width:0; overflow-wrap:anywhere; }
    .file-tile input { position: absolute; inset: 0; z-index: 6; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
    .file-tile.has-photo input { pointer-events: none; }
    .file-tile-actions { display: none; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; width: 100%; }
    .file-tile.has-photo .file-tile-actions { display: grid; }
    .file-tile-action { min-height: 27px; padding: 0 7px; border: 1px solid rgba(255,255,255,.7); border-radius: 999px; background: rgba(255,255,255,.94); color: #344054; font-size: 11px; font-weight:var(--weight-medium); cursor: pointer; }
    .file-tile-action.primary { border-color: #9fc8c4; color: #065e57; background: #eef7f5; }
    .file-tile-action.danger { border-color: #fecaca; color: #b42318; background: #fff5f5; }
    .photo-task-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin: 2px 0 8px; color: #344054; font-size: 12px; font-weight:var(--weight-semibold); }
    .plate-only-toggle { min-height:26px; padding:0 8px; border:1px solid #d8e0e8; border-radius:6px; background:#f8fafc; color:#667085; font-size:11px; font-weight:var(--weight-semibold); cursor:pointer; }
    .plate-only-toggle.active { border-color:#9fc8c4; background:#eef7f5; color:#065e57; }
    .plate-status-field .plate-only-toggle { min-height:22px; padding:0 7px; border-radius:999px; background:#f7faff; color:#0a635b; font-size:11px; }
    .plate-status-field .plate-only-toggle::before { display:none; }
    .plate-number-entry { position:relative; display:none; grid-template-columns:58px minmax(0,1fr); align-items:stretch; min-width:0; }
    .plate-number-entry input { grid-column:2; padding-right:82px; border-radius:0 8px 8px 0; text-transform:uppercase; }
    .plate-number-entry > input[type="hidden"] { display:none; }
    #plateNoFullInput { text-transform:uppercase; }
    .plate-province-btn { grid-column:1; min-width:0; min-height:40px; display:flex; align-items:center; justify-content:center; gap:4px; padding:0 8px; border:1px solid var(--line); border-right:0; border-radius:8px 0 0 8px; background:#f7f9fb; color:#1d4f91; font-size:16px; font-weight:var(--weight-semibold); cursor:pointer; }
    .plate-province-btn span { color:#667085; font-size:11px; transition:transform .14s ease; }
    .plate-province-btn[aria-expanded="true"] { border-color:#08766c; background:#eef7f5; }
    .plate-province-btn[aria-expanded="true"] span { transform:rotate(180deg); }
    .plate-length-badge { position:absolute; right:9px; top:50%; z-index:1; max-width:72px; transform:translateY(-50%); color:#667085; font-size:10px; font-weight:var(--weight-semibold); pointer-events:none; white-space:nowrap; }
    .plate-length-badge.new-energy { color:#087443; }
    .plate-color-choice { display:flex; align-items:center; gap:4px; margin-top:7px; }
    .plate-color-choice > span { margin-right:2px; color:#667085; font-size:11px; }
    .plate-color-choice button { min-width:40px; min-height:27px; padding:0 8px; border:1px solid #d8e0e8; border-radius:6px; background:#fff; color:#526173; font-size:11px; font-weight:var(--weight-semibold); cursor:pointer; }
    .plate-color-choice button.active { border-color:#08766c; box-shadow:0 0 0 2px rgba(8,118,108,.12); }
    .plate-color-choice button[data-plate-color="blue"] { color:#175cd3; }
    .plate-color-choice button[data-plate-color="yellow"] { color:#8a6100; }
    .plate-color-choice button[data-plate-color="green"] { color:#067647; }
    .plate-color-choice button[data-plate-color="green_yellow"] { color:#6d5b00; }
    .plate-province-dialog { width:min(520px,100%); }
    .plate-province-grid { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:7px; padding:14px; overflow:auto; }
    .plate-province-option { min-width:0; min-height:42px; padding:0; border:1px solid #d8e0e8; border-radius:7px; background:#fff; color:#344054; font-size:16px; font-weight:var(--weight-semibold); }
    .plate-province-option.active { border-color:#08766c; background:#eef7f5; color:#065e57; box-shadow:0 0 0 2px rgba(8,118,108,.1); }
    .entry-step.manual-plate-mode .photo-task-head,
    .entry-step.manual-plate-mode .doc-photo-row,
    .entry-step.manual-plate-mode #preview,
    .entry-step.manual-plate-mode #licenseOcrDetails { display:none !important; }
    .entry-step.manual-plate-mode .plate-number-entry { display:grid; }
    .entry-step.manual-plate-mode #plateNoFullInput { display:none; }
    .photo-task-actions { display:flex; align-items:center; justify-content:flex-end; gap:7px; flex:0 0 auto; }
    .photo-task-actions .section-mini-btn { min-height:26px; padding:0 8px; border-radius:7px; }
    .photo-task-count { color: var(--primary); font-size: 12px; }
    .file-tile::before { content: attr(data-capture-state); position: absolute; top: 7px; right: 7px; z-index: 4; padding: 3px 7px; border: 1px solid #d7e0ea; border-radius: 999px; background: rgba(255,255,255,.94); color: #667085; font-size: 10px; font-weight:var(--weight-medium); pointer-events: none; }
    .file-tile:not(.has-photo)::before { display: none; }
    .file-tile.has-photo::before { border-color: #a8dbc3; background: rgba(237,249,243,.96); color: #087443; }
    .file-tile.capture-pending::before { border-color: #f2cc8f; background: #fff7e8; color: #9a5a05; }
    .file-tile:not(.has-photo) .camera-icon { opacity: .9; }
    .notice-center-tile { position: relative; left: auto; top: auto; z-index: 1; grid-column: 1 / -1; width: auto; min-height: 108px; aspect-ratio: 2.8 / 1; padding: 8px; border-radius: 10px; background: #f8fbff; box-shadow: none; transform: none; }
    .notice-center-tile .file-tile-meta { gap: 5px; padding: 5px; }
    .notice-center-tile .camera-icon { width: 34px; height: 26px; border-width: 3px; border-radius: 7px; }
    .notice-center-tile .camera-icon::before { left: 7px; top: -8px; width: 16px; height: 7px; }
    .notice-center-tile .camera-icon::after { width: 10px; height: 10px; border-width: 3px; }
    .notice-center-tile strong { font-size: 13px; }
    .notice-center-tile span { font-size: 10px; }
    .notice-center-tile.has-photo .file-tile-meta { width: calc(100% - 10px); margin-bottom: 4px; gap: 3px; }
    .notice-center-tile .file-tile-actions { gap: 3px; }
    .notice-center-tile .file-tile-action { min-height: 20px; padding: 0 3px; border-radius: 5px; font-size: 10px; }
    .secondary-photo-dialog { width:min(520px,100%); }
    .secondary-photo-panel { margin:0; border:0; border-radius:0; background:#fbfcfe; }
    .secondary-photo-body { display: grid; gap: 8px; padding: 9px; }
    .photo-secondary-switch { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; padding: 3px; border-radius: 8px; background: #eef2f6; }
    .photo-secondary-switch button { min-height: 32px; border: 0; border-radius: 6px; background: transparent; color: #667085; font-size: 12px; font-weight:var(--weight-medium); }
    .photo-secondary-switch button.active { background: #fff; color: #08766c; box-shadow: 0 2px 6px rgba(31,41,51,.08); }
    .secondary-photo-dialog .notice-center-tile { width:100%; min-height:180px; aspect-ratio:2.5/1; }
    .certificate-ocr-feedback { min-height:38px; display:flex; align-items:center; gap:8px; padding:8px 10px; border:1px solid #cfdbe8; border-radius:8px; background:#f7f9fc; color:#475467; font-size:12px; line-height:1.5; }
    .certificate-ocr-feedback::before { content:""; width:8px; height:8px; flex:0 0 8px; border-radius:50%; background:#7a8798; }
    .certificate-ocr-feedback[data-state="working"] { border-color:#b8d9d5; background:#f0f8f7; color:#086b63; }
    .certificate-ocr-feedback[data-state="working"]::before { background:#08766c; box-shadow:0 0 0 3px rgba(8,118,108,.12); }
    .certificate-ocr-feedback[data-state="success"] { border-color:#b7dfca; background:#f1faf5; color:#087443; }
    .certificate-ocr-feedback[data-state="success"]::before { background:#159455; }
    .certificate-ocr-feedback[data-state="warning"] { border-color:#f1d59e; background:#fff8eb; color:#8a5808; }
    .certificate-ocr-feedback[data-state="warning"]::before { background:#d18a12; }
    .certificate-ocr-feedback[data-state="error"] { border-color:#efc1bd; background:#fff4f3; color:#b42318; }
    .certificate-ocr-feedback[data-state="error"]::before { background:#d92d20; }
    .certificate-ocr-feedback.hidden { display:none; }
    .renewal-identity-panel { display:grid; gap:8px; }
    .renewal-identity-panel.hidden { display:none; }
    .renewal-identity-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .renewal-identity-panel .driver-document-upload { min-height:126px; }
    .renewal-identity-note { color:#667085; font-size:11px; line-height:1.45; text-align:center; }
    .renewal-identity-footer { display:flex; align-items:center; justify-content:space-between; gap:8px; }
    .renewal-identity-footer .renewal-identity-note { flex:1; text-align:left; }
    #licensePhotoTile .file-tile-preview, #platePhotoTile .file-tile-preview, #permitPhotoTile .file-tile-preview, #conformityCertificatePhotoTile .file-tile-preview, #tractorPhotoTile .file-tile-preview { object-fit: contain; padding: 9px; background: #f3f6fa; }
    #vehiclePhotoTile .file-tile-preview, #noticePhotoTile .file-tile-preview { object-fit: cover; }
    #conformityCertificatePhotoTile { order:10; grid-column:1 / -1; min-height:112px; aspect-ratio:2.8 / 1; }
    #conformityCertificatePhotoTile .file-tile-meta { padding:5px; }
    #conformityCertificatePhotoTile .doc-vector { width:42px; height:42px; margin-bottom:0; }
    #conformityCertificatePhotoTile .doc-vector > svg:first-child { width:24px; height:24px; }
    #conformityCertificatePhotoTile strong { font-size:14px; }
    .camera-icon { position: relative; width: 50px; height: 50px; display: block; margin-bottom: 3px; border: 0; border-radius: 8px; background: #eef5fd; }
    .camera-icon::before { content: ""; position: absolute; left: 13px; top: 17px; width: 24px; height: 17px; border: 2px solid #4f76a3; border-radius: 5px; background: #fff; box-sizing: border-box; }
    .camera-icon::after { content: ""; position: absolute; left: 25px; top: 25px; width: 7px; height: 7px; border: 2px solid #4f76a3; border-radius: 999px; transform: translate(-50%, -50%); background: #fff; box-sizing: border-box; box-shadow: -7px -9px 0 -2px #4f76a3; }
    .preview, .photo-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
    .thumb, .photo { position: relative; min-height: 92px; border: 1px solid var(--line); border-radius: 8px; background: #e9eef4; overflow: hidden; }
    button.photo { width: 100%; padding: 0; text-align: left; cursor: zoom-in; }
    button.photo:hover { border-color: #9fc8c4; box-shadow: 0 0 0 2px rgba(8,118,108,.12); }
    .thumb img, .photo img { display: block; width: 100%; height: 92px; object-fit: cover; }
    .thumb span, .photo span { position: absolute; left: 5px; right: 5px; bottom: 5px; padding: 2px 5px; border-radius: 5px; background: rgba(31,41,51,.78); color: #fff; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .actions, .filters, .tags, .tag-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
    .chip { min-height: 32px; padding: 0 11px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: #344054; font-size: 12px; font-weight:var(--weight-semibold); }
    .chip.active { color: #065e57; border-color: #9fc8c4; background: var(--blue-soft); }
    details { border: 1px solid var(--line); border-radius: 8px; background: #fbfcfe; overflow: hidden; }
    summary { min-height: 42px; display: flex; align-items: center; justify-content: space-between; padding: 0 11px; color: #344054; font-size: 13px; font-weight:var(--weight-medium); cursor: pointer; list-style: none; }
    summary::-webkit-details-marker { display: none; }
    summary::after { content: "展开"; color: var(--blue); font-size: 12px; }
    details[open] summary { border-bottom: 1px solid var(--line); }
    details[open] summary::after { content: "收起"; }
    .ocr-details.hidden { display: none; }
    .ocr-details summary { background: #fbfcfd; color: #344054; }
    .ocr-details summary span { position: relative; min-height: 22px; display: inline-flex; align-items: center; gap: 7px; padding-right: 34px; }
    .ocr-details summary span::after { content: "OCR"; position:absolute; right:0; top:50%; min-height:18px; display:inline-flex; align-items:center; padding:0 5px; border-radius:4px; background:#eef2f6; transform:translateY(-50%); color:#667085; font-size:9px; font-weight:var(--weight-medium); line-height:1; }
    .ocr-details[open] > .ocr-body { max-height: min(52vh, 430px); overflow: auto; overscroll-behavior: contain; }
    .ocr-flow-card { margin: 8px 0 10px; border-color: #d8e1ea; background: #fff; box-shadow: 0 8px 24px rgba(31,41,51,.06); }
    .ocr-flow-card summary { min-height: 38px; background: linear-gradient(180deg, #f9fafb, #f4f6f8); }
    .ocr-flow-card summary::after { content: "校对"; color: #667085; }
    .ocr-flow-card[open] summary::after { content: "已打开"; color: #667085; }
    .ocr-flow-card[open] > .ocr-body { max-height: none; overflow: visible; overscroll-behavior: auto; }
    .ocr-done-bar { position: sticky; bottom: -11px; z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; margin: 2px -11px -11px; padding: 9px 11px; border-top: 1px solid #e5eaf0; background: rgba(251,252,253,.96); backdrop-filter: blur(6px); }
    .ocr-done-bar span { color: #667085; font-size: 12px; font-weight:var(--weight-semibold); line-height: 1.4; }
    .ocr-done-bar .btn { min-height: 34px; }
    .form-section-grid { display: grid; grid-template-columns: 1fr; gap: 8px; }
    .form-section-grid > details { min-width: 0; }
    .form-section-grid > details[open] { grid-column: 1 / -1; }
    .smart-note { display: grid; gap: 7px; padding: 8px; border: 1px solid #dbe6f2; border-radius: 9px; background: linear-gradient(180deg, #fbfdff, #f7fafc); }
    .smart-note-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
    .smart-note-title { color: #344054; font-size: 13px; font-weight:var(--weight-medium); white-space: nowrap; }
    .smart-note-chips { min-width: 0; display: flex; gap: 5px; overflow-x: auto; scrollbar-width: none; }
    .smart-note-chips::-webkit-scrollbar { display: none; }
    .smart-note-chip { min-height: 24px; flex: 0 0 auto; padding: 0 7px; border: 1px solid #dbe6f2; border-radius: 999px; background: #fff; color: #455468; font-size: 11px; font-weight:var(--weight-medium); }
    .smart-note-input { min-height: 38px; max-height: 118px; padding: 9px 10px; resize: vertical; background: #fff; transition: 140ms ease; }
    .smart-note-input:focus { min-height: 56px; box-shadow: 0 0 0 3px rgba(8,118,108,.08); }
    .smart-note-count { margin-left: auto; color: #98a2b3; font-size: 11px; font-weight:var(--weight-medium); }
    .smart-note-label-head { display: flex; align-items: center; justify-content: space-between; color: #667085; font-size: 12px; font-weight:var(--weight-medium); }
    .smart-note-edit { padding: 0; border: 0; background: transparent; color: #08766c; font-size: 12px; font-weight:var(--weight-medium); }
    .smart-note-quick { border-top: 1px solid #e5eaf0; }
    .smart-note-quick > summary { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 5px 1px 0; list-style: none; color: #526173; font-size: 12px; font-weight:var(--weight-medium); cursor: pointer; }
    .smart-note-quick > summary::-webkit-details-marker { display: none; }
    .smart-note-quick > summary::after { content: "+"; width: 20px; height: 20px; display: grid; place-items: center; color: #667085; font-size: 16px; font-weight: 500; }
    .smart-note-quick[open] > summary::after { content: "−"; }
    .smart-note-quick-body { display: grid; gap: 7px; padding: 3px 0 1px; }
    .smart-note-groups { display: flex; gap: 5px; overflow-x: auto; scrollbar-width: none; }
    .smart-note-groups::-webkit-scrollbar { display: none; }
    .smart-note-group { min-height: 25px; flex: 0 0 auto; padding: 0 9px; border: 1px solid #d8e0e8; border-radius: 999px; background: #f8fafc; color: #667085; font-size: 11px; font-weight:var(--weight-medium); }
    .smart-note-group.active { border-color: #08766c; background: #08766c; color: #fff; }
    .smart-note-chips { display: flex; flex-wrap: wrap; gap: 6px; max-height: 92px; overflow: auto; }
    .smart-note-chip.active { border-color: #9fc8c4; background: #eef7f5; color: #065e57; }
    .smart-note-done { width: 100%; min-height: 40px; }
    .detail-smart-note { padding: 10px; background: #fff; }
    .detail-smart-note .smart-note-input { min-height: 72px; }
    .detail-smart-note .smart-note-quick { margin-top: 1px; }
    .ocr-body { display: grid; gap: 10px; padding: 11px; }
    .ocr-raw-box { max-height: 120px; overflow: auto; padding: 9px; border: 1px solid #e7edf3; border-radius: 8px; background: #f8fafc; color: #455468; font-size: 12px; line-height: 1.5; white-space: pre-wrap; word-break: break-word; }
    .lead-list { display: grid; gap: 8px; }
    .lead { width: 100%; display: grid; gap: 7px; padding: 11px; border: 1px solid var(--line); border-radius: 9px; background: #fff; text-align: left; }
    .lead.active { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(8,118,108,.12); }
    .lead-line { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
    .lead-line > .muted { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .lead-line .actions { flex-wrap: nowrap; justify-content: flex-end; min-width: max-content; gap: 6px; }
    .record-trailer-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .pc-trailer-text { display: block; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .title { font-weight:var(--weight-medium); overflow-wrap: anywhere; }
    .muted { color: var(--muted); font-size: 12px; line-height: 1.45; }
    .pc-layout { display: grid; grid-template-columns: 1fr; gap: 14px; align-items: start; }
    .table-wrap { overflow: auto; max-height: calc(100vh - 330px); }
    .list-load-more { display:flex; align-items:center; justify-content:center; gap:8px; min-height:42px; padding:8px 0 0; }
    .list-load-more span { min-width:168px; color:var(--muted); font-size:12px; text-align:center; }
    .list-load-more .btn:disabled { opacity:.42; cursor:not-allowed; }
    table { width: 100%; min-width: 1100px; border-collapse: collapse; font-size: 14px; }
    th, td { padding: 11px 12px; border-bottom: 1px solid #ecf0f4; text-align: left; vertical-align: top; }
    th { position: sticky; top: 0; background: #f9fafb; color: #4b5563; white-space: nowrap; }
    tbody tr { cursor: pointer; }
    tbody tr:hover, tbody tr.active { background: #f4f9f8; }
    .detail-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 10px; }
    .field { min-height: 68px; padding: 10px; border: 1px solid #e7edf3; border-radius: 8px; background: #f8fafc; }
    .field span { display: block; margin-bottom: 7px; color: var(--muted); font-size: 12px; }
    .field strong { display: block; font-size: 14px; overflow-wrap: anywhere; }
    .pc-photo-strip { display: grid; grid-template-columns: repeat(5, minmax(48px, 1fr)); gap: 6px; margin-top: 8px; }
    .pc-photo-mini { position: relative; min-height: 54px; border: 1px solid #e7edf3; border-radius: 7px; background: #f2f5f8; overflow: hidden; }
    button.pc-photo-mini { width: 100%; padding: 0; text-align: left; cursor: zoom-in; }
    button.pc-photo-mini:hover { border-color: #9fc8c4; box-shadow: 0 0 0 2px rgba(8,118,108,.12); }
    .pc-photo-mini img { width: 100%; height: 54px; object-fit: cover; display: block; }
    .pc-photo-mini span { position: absolute; left: 4px; right: 4px; bottom: 4px; padding: 1px 4px; border-radius: 4px; background: rgba(31,41,51,.74); color: #fff; font-size: 10px; text-align: center; }
    .hidden { display: none !important; }
    .toast { position: fixed; left: 50%; bottom: 18px; z-index: 40; width: min(420px, calc(100vw - 28px)); padding: 12px 13px; border-radius: 9px; background: #1f2933; color: #fff; box-shadow: 0 14px 32px rgba(31,41,51,.24); transform: translate(-50%, 18px); opacity: 0; pointer-events: none; transition: 180ms ease; font-size: 14px; }
    .toast.show { transform: translate(-50%, 0); opacity: 1; }
    .pull-refresh-indicator { position:fixed; z-index:90; top:max(8px,env(safe-area-inset-top)); left:50%; min-width:118px; height:38px; display:flex; align-items:center; justify-content:center; gap:7px; padding:0 12px; border:1px solid #dce3ea; border-radius:19px; background:rgba(255,255,255,.98); color:#526173; box-shadow:0 7px 18px rgba(31,41,51,.14); font-size:12px; font-weight:var(--weight-semibold); opacity:0; pointer-events:none; transform:translate(-50%,-56px); transition:opacity .16s ease,transform .18s ease; }
    .pull-refresh-indicator.visible { opacity:1; }
    .pull-refresh-indicator svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
    .pull-refresh-indicator.ready { border-color:#9fc8c4; color:#08766c; }
    .pull-refresh-indicator.refreshing svg { animation:pullRefreshSpin .8s linear infinite; }
    @keyframes pullRefreshSpin { to { transform:rotate(360deg); } }
    .action-notice { position: fixed; top: 14px; left: 0; right: 0; z-index: 70; width: min(330px, calc(100vw - 28px)); display: block; margin-inline: auto; padding: 10px 42px; border: 1px solid #d9e2ec; border-radius: 8px; background: rgba(255,255,255,.98); box-shadow: 0 10px 28px rgba(31,41,51,.16); transform: translateY(-10px); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .16s ease, transform .16s ease, visibility .16s ease; }
    .action-notice.show { transform: translateY(0); opacity: 1; visibility: visible; pointer-events: auto; }
    .action-notice-state { position: absolute; left: 14px; top: 50%; width: 5px; height: 28px; border-radius: 4px; background: #08766c; transform: translateY(-50%); }
    .action-notice.success .action-notice-state { background: #12a56a; }
    .action-notice.error .action-notice-state { background: #d92d20; }
    .action-notice-copy { min-width: 0; display: grid; justify-items: center; gap: 2px; text-align: center; }
    .action-notice-copy strong { color: #101828; font-size: 13px; line-height: 1.35; }
    .action-notice-copy span { color: #667085; font-size: 11px; line-height: 1.4; overflow-wrap: anywhere; }
    .action-notice-close { position: absolute; top: 50%; right: 8px; width: 30px; height: 30px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 7px; background: #f2f4f7; color: #475467; font-size: 18px; line-height: 1; cursor: pointer; transform: translateY(-50%); }
    .action-notice.pending .action-notice-state { animation: printNoticePulse 1s ease-in-out infinite; }
    @keyframes printNoticePulse { 50% { opacity: .35; } }
    .vehicle-favorite-btn { flex: 0 0 auto; width: 30px; height: 30px; display: inline-grid; place-items: center; padding: 0; border: 0; border-radius: 7px; background: transparent; color: #98a2b3; line-height: 1; cursor: pointer; }
    .vehicle-favorite-btn svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
    .vehicle-favorite-btn:hover { background: #f4f6f8; color: #667085; }
    .vehicle-favorite-btn.active { background: transparent; color: #b7791f; }
    .vehicle-favorite-btn.active svg { fill:currentColor; }
    .lead.favorite-record { border-color: inherit; }
    tbody tr.favorite-record:not(.active) > td { background: inherit; }
    .favorite-filter-btn { display: inline-flex; align-items: center; justify-content: center; gap: 5px; white-space: nowrap; }
    .favorite-filter-btn .favorite-filter-symbol { color: #b7791f; font-size: 16px; line-height: 1; }
    .favorite-filter-btn em { min-width: 18px; height: 18px; display: inline-grid; place-items: center; padding: 0 4px; border-radius: 999px; background: #eef2f6; color: #667085; font-size: 10px; font-style: normal; line-height: 1; }
    .favorite-filter-btn.active { border-color: #e5ad35; background: #fff6d8; color: #7a4700; }
    .favorite-filter-btn.active em { background: #b7791f; color: #fff; }
    .pc-vehicle-title { position:relative; display: flex; align-items: flex-start; justify-content: space-between; gap: 6px; padding-right:36px; }
    .pc-vehicle-title > .vehicle-favorite-btn { position:absolute; top:0; right:0; }
    .pc-vehicle-plate-row { min-width:0; display:flex; align-items:center; gap:6px; }
    .completion-stamp { width:32px; height:20px; display:grid; flex:0 0 32px; place-items:center; border:1.5px solid #c4322b; border-radius:3px; background:#fff; color:#b42318; box-shadow:inset 0 0 0 1px rgba(196,50,43,.22),0 1px 2px rgba(180,35,24,.08); font-family:"Microsoft YaHei","PingFang SC",sans-serif; font-size:9px; font-weight:800; line-height:1; letter-spacing:0; transform:rotate(-6deg); pointer-events:none; }
    .pc-vehicle-cell { min-width: 190px; }
    .pc-vehicle-main { min-width: 0; }
    .pc-vehicle-plate { display: block; margin-bottom: 3px; color: #1f2933; font-size: 16px; font-weight: 800; line-height: 1.3; letter-spacing: 0; overflow-wrap: anywhere; }
    .pc-vehicle-plate.missing { color: #98a2b3; font-size: 14px; font-weight: var(--weight-semibold); }
    .pc-vehicle-type { color: #344054; font-size: 13px; font-weight: var(--weight-semibold); line-height: 1.4; }
    .pc-vehicle-statuses { display: flex; flex-wrap: wrap; gap: 4px; margin: 4px 0; }
    .mobile-ledger-status { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
    .mobile-bottom-nav { display: none; }
    .auth-screen:not(.hidden) ~ .mobile-bottom-nav { display:none; }
    @media (max-width: 760px) {
      .mobile-bottom-nav { position: fixed; left: 0; right: 0; bottom: 0; z-index: 35; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; min-height: 66px; padding: 6px 8px max(7px, env(safe-area-inset-bottom)); border-top: 1px solid #e5eaf0; background: rgba(255,255,255,.98); box-shadow: 0 -8px 24px rgba(16,24,40,.1); backdrop-filter: blur(16px); }
      .mobile-bottom-nav button { position: relative; width: 100%; min-width: 0; justify-self: stretch; display: grid; justify-items: center; align-content: center; gap: 2px; min-height: 50px; padding: 3px 2px; border: 0; border-radius: 8px; background: transparent; color: #8a94a3; font-size: 11px; font-weight:var(--weight-medium); letter-spacing: 0; transition: color .16s ease, transform .16s ease; }
      .mobile-bottom-nav button span:first-child { display: grid; place-items: center; width: 28px; height: 25px; color: currentColor; font-size: 23px; line-height: 23px; }
      .mobile-bottom-nav .nav-icon { width:26px; height:26px; padding:2px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; box-sizing:border-box; transition:background .16s ease, padding .16s ease; }
      .mobile-bottom-nav button span:last-child { line-height: 15px; }
      .mobile-bottom-nav button.active { color: #08766c; background: transparent; }
      .mobile-bottom-nav button.active .nav-icon { width:30px; height:30px; padding:5px; border-radius:8px; background:#eaf4f2; }
      .mobile-bottom-nav button:active { transform: scale(.96); }
      .mobile-bottom-nav button:focus-visible { outline:2px solid #08766c; outline-offset:1px; }
      .mobile-bottom-nav button.nav-create { align-self: start; min-height: 56px; margin-top: -16px; border: 4px solid #f4f6f8; border-radius: 16px; background: #08766c; color: #fff; box-shadow: 0 7px 16px rgba(8,118,108,.28); }
      .mobile-bottom-nav button.nav-create span:first-child { width: 36px; height: 36px; border-radius: 11px; background: #fff; color: #08766c; font-size: 28px; line-height: 28px; }
      .mobile-bottom-nav button.nav-create .nav-icon, .mobile-bottom-nav button.nav-create.active .nav-icon { width:34px; height:34px; padding:7px; border-radius:10px; background:#fff; color:#08766c; box-sizing:border-box; }
      .mobile-bottom-nav button.nav-create span:last-child { color: #fff; }
      .mobile-bottom-nav button[data-bottom-nav="tasks"][data-count]:not([data-count="0"])::after { content:attr(data-count); position:absolute; top:2px; right:calc(50% - 23px); min-width:17px; height:17px; display:grid; place-items:center; padding:0 4px; border:2px solid #fff; border-radius:99px; background:#d92d20; color:#fff; font-size:9px; font-weight:var(--weight-medium); line-height:1; box-sizing:border-box; }
      body { padding-bottom: 68px; }
      .form-actions { bottom: 66px; }
      .toast { bottom: 84px; }
      .action-notice { top: max(10px, env(safe-area-inset-top)); width: min(320px, calc(100vw - 20px)); }
    }
    .photo-viewer { position: fixed; inset: 0; z-index: 60; display: none; background: rgba(17,24,39,.88); }
    .photo-viewer.show { display: grid; grid-template-rows: auto 1fr auto; }
    .photo-viewer-head { min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; color: #fff; font-weight:var(--weight-medium); }
    .photo-viewer-close { min-height: 34px; padding: 0 12px; border: 1px solid rgba(255,255,255,.35); border-radius: 8px; background: rgba(255,255,255,.12); color: #fff; font-weight:var(--weight-medium); }
    .photo-viewer-body { display: grid; place-items: center; padding: 12px; overflow: auto; }
    .photo-viewer-body img { max-width: 100%; max-height: calc(100vh - 86px); object-fit: contain; border-radius: 8px; background: #fff; }
    .photo-viewer-foot { padding: 0 14px 14px; color: rgba(255,255,255,.88); font-size: 13px; font-weight:var(--weight-medium); text-align: center; }
    .section-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 2px; color: #27364a; font-size: 13px; font-weight:var(--weight-medium); }
    .section-title::before { content: ""; width: 4px; height: 16px; border-radius: 999px; background: var(--blue); }
    .section-title > span { margin-right: auto; }
    .section-title-label { min-width:0; display:inline-flex; align-items:center; gap:6px; flex-wrap:nowrap; white-space:nowrap; }
    .section-title-label .field-help { flex:0 0 auto; }
    .mobile-form .panel-body { gap: 14px; }
    .mobile-form .panel-head { background: linear-gradient(180deg, #fff, #f7fafc); }
    .mobile-form input, .mobile-form select, .mobile-form textarea { min-height: 42px; }
    .mobile-form .history-hint, .mobile-form .attract-link-panel, .mobile-form .trailer-link-card { box-shadow: 0 8px 20px rgba(154,90,5,.08); }
    .mobile-form .doc-photo-row { padding: 8px; border: 1px solid #e7edf4; border-radius: 12px; background: #f8fafc; }
    .plate-province-grid { grid-template-columns:repeat(7,minmax(0,1fr)); gap:6px; padding:12px; }
    .mobile-form details { background: #fff; }
    .mobile-form details > summary { background: #fbfcfd; }
    .mobile-records .panel-body { gap: 10px; }
    .mobile-records .lead { border-color: #e2e9f0; box-shadow: 0 6px 16px rgba(31,41,51,.05); }
    .mobile-records .lead > .lead-line { grid-template-columns: 1fr; justify-items: center; gap: 7px; padding-top: 2px; }
    .mobile-records .lead > .lead-line > .record-trailer-text { justify-self: center; max-width: 100%; padding: 3px 8px; border: 1px solid #f2f4f7; border-radius: 999px; background: #fff; text-align: center; }
    .mobile-records .lead > .lead-line .actions { width: 100%; min-width: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(68px, 1fr)); gap: 6px; }
    .mobile-records .lead > .lead-line .actions .btn, .mobile-records .lead > .lead-line .actions .call-btn { width: 100%; min-width: 0; }
    .record-card-top { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: start; }
    .record-card-favorite { width:32px; height:30px; display:grid; place-items:center; margin-left:2px; }
    .record-card-side { min-width: 0; display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
    .record-card-badges { min-width: 0; flex: 1 1 auto; display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: flex-end; gap: 4px; max-width: 190px; }
    .record-card-badges .pill { min-height: 24px; padding: 0 7px; font-size: 11px; white-space: nowrap; }
    .mobile-cancel-btn { min-height: 25px; padding: 0 8px; border: 1px solid #f4b8b1; border-radius: 999px; background: #fff5f4; color: #b42318; font-size: 12px; font-weight:var(--weight-medium); }
    .record-card-main { display: grid; gap: 3px; min-width: 0; }
    @media (max-width: 350px) {
      .record-card-top { grid-template-columns:minmax(0,1fr) auto; }
    }
    .record-card-plate { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; color: #1f2933; font-size: 15px; font-weight:var(--weight-medium); overflow-wrap: anywhere; }
    .plate-badge { position:relative; isolation:isolate; width:78px; max-width:100%; height:27px; display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; padding:0 3px; overflow:hidden; border:1px solid #cfd7e1; border-radius:3px; background:#fff; color:#526173; font-family:"CDJ Vehicle Plate 1467","Motor Vehicle Plate","机动车号牌专用防伪字体",sans-serif; font-size:17px !important; font-weight:400 !important; line-height:1; letter-spacing:0; white-space:nowrap; box-sizing:border-box; }
    .plate-badge.short { width:70px; }
    .plate-badge.long { width:88px; }
    .plate-badge-text { height:100%; display:inline-flex; flex:0 0 auto; align-items:center; color:inherit !important; font-family:inherit !important; font-size:inherit !important; font-weight:inherit !important; line-height:1 !important; white-space:nowrap; }
    .plate-badge-suffix { height:17px; display:inline-flex; align-self:center; align-items:center; margin-left:1px; padding-right:1px; color:inherit !important; font-family:"CDJ Plate Suffix 1468","Microsoft YaHei","PingFang SC",sans-serif !important; font-size:12px !important; font-weight:400 !important; font-synthesis:none; line-height:17px !important; vertical-align:middle; }
    .plate-badge-prefix { height:17px; display:inline-flex; align-self:center; align-items:center; margin-right:1px; color:inherit !important; font-family:"CDJ Plate Suffix 1468","Microsoft YaHei","PingFang SC",sans-serif !important; font-size:12px !important; font-weight:400 !important; font-synthesis:none; line-height:17px !important; }
    .plate-badge::after { content:""; position:absolute; z-index:-1; inset:1px; border:1px solid rgba(255,255,255,.98); border-radius:1px; pointer-events:none; }
    .plate-badge.blue { border-color:#01104a; background:#011b7a; color:#fff; text-shadow:none; }
    .plate-badge.yellow { border-color:#000; background:#ffbe00; color:#000; }
    .plate-badge.yellow::after { border-color:#000; }
    .plate-badge.coach { border-color:#000; background:#ffbe00; color:#000; }
    .plate-badge.coach::after { border-color:#000; }
    .plate-badge.green { width:88px; border-color:#000; background:#4af05f; color:#000; }
    .plate-badge.green::after { border-color:#000; }
    .plate-badge.green_yellow { width:88px; border-color:#000; background:#4af05f; color:#000; box-shadow:inset 22px 0 #ffbe00; }
    .plate-badge.green_yellow::after { border-color:#000; }
    .plate-badge.police, .plate-badge.emergency { border-color:#111; background:#fff; color:#111; }
    .plate-badge.emergency { width:88px; }
    .plate-badge.police::after, .plate-badge.emergency::after { border-color:#111; }
    .plate-badge.diplomatic, .plate-badge.cross_border { border-color:#000; background:#080808; color:#fff; }
    .plate-badge.diplomatic::after, .plate-badge.cross_border::after { border-color:#fff; }
    .plate-badge.police .plate-badge-suffix, .plate-badge.diplomatic .plate-badge-prefix { color:#d92d20 !important; }
    .plate-badge-emergency-mark { width:12px; height:11px; display:inline-grid; flex:0 0 auto; place-items:center; margin-right:2px; border:1px solid #d92d20; border-radius:2px; background:#fff; color:#d92d20; font-family:"Microsoft YaHei",sans-serif; font-size:5px; font-weight:700; line-height:1; }
    .plate-badge.unknown { border-color:#c5ced8; background:#fff; color:#667085; }
    .plate-badge.unknown::after { border-color:#d7dee6; }
    body.plate-colors-off .plate-badge { width:auto !important; min-width:0; height:auto !important; flex:0 1 auto; padding:0 !important; overflow:visible; border:0 !important; border-radius:0; background:transparent !important; color:#1f2933 !important; box-shadow:none !important; font-family:inherit !important; font-size:inherit !important; font-weight:var(--weight-medium) !important; text-shadow:none !important; }
    body.plate-colors-off .plate-badge::after { display:none !important; }
    body.plate-colors-off .plate-badge.police .plate-badge-suffix,
    body.plate-colors-off .plate-badge.diplomatic .plate-badge-prefix { color:inherit !important; }
    body.plate-colors-off .plate-badge-emergency-mark { display:none !important; }
    /* Keep the stable system face until the signed-in preference and font resource are both confirmed. */
    body:not(.plate-font-ready) .plate-badge,
    body:not(.plate-font-ready) .plate-badge-text,
    body:not(.plate-font-ready) .plate-badge-suffix,
    body:not(.plate-font-ready) .plate-badge-prefix { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif !important; }
    body.plate-colors-on.plate-font-ready .plate-badge { font-family:"CDJ Vehicle Plate 1467","Motor Vehicle Plate","机动车号牌专用防伪字体",sans-serif !important; }
    body.plate-colors-on.plate-font-ready .plate-badge-suffix,
    body.plate-colors-on.plate-font-ready .plate-badge-prefix { font-family:"CDJ Plate Suffix 1468","Microsoft YaHei","PingFang SC",sans-serif !important; }
    .plate-badge.compact { width:78px; height:27px; padding:0 3px; font-size:17px; }
    .plate-badge.compact.short { width:70px; }
    .plate-badge.compact.long, .plate-badge.compact.green, .plate-badge.compact.green_yellow { width:88px; }
    .certificate-identity { min-width:0; max-width:168px; min-height:29px; display:inline-flex; align-items:stretch; overflow:hidden; border:1px solid #b8cce5; border-radius:5px; background:#f3f8ff; color:#1759b8; font-family:"Microsoft YaHei","PingFang SC","Segoe UI",sans-serif; font-size:11px; font-weight:var(--weight-semibold); line-height:1; letter-spacing:0; white-space:nowrap; }
    .certificate-identity small { display:inline-flex; flex:0 0 auto; align-items:center; padding:0 6px; background:#dfeeff; color:#426b9d; font-size:9px; font-weight:var(--weight-semibold); }
    .certificate-identity b { min-width:0; display:block; overflow:hidden; padding:8px 7px 0; color:inherit; font-size:11px; font-weight:var(--weight-semibold); text-overflow:ellipsis; white-space:nowrap; }
    .certificate-identity.missing { border-style:dashed; background:#fbfcfd; color:#667085; }
    .certificate-identity.missing small { background:#eef2f6; color:#667085; }
    .overdue-badge, .notice-query-badge, .quote-pending-badge, .inspection-blocked-badge, .operation-check-badge, .insurance-renewal-badge, .driver-dispatch-badge, .extra-status-badge { flex: 0 0 auto; min-height: 19px; display: inline-flex; align-items: center; padding: 1px 6px; border-radius: 999px; font-size: 11px; font-weight:var(--weight-medium); line-height: 1; white-space: nowrap; }
    .overdue-badge { background: #fee4e2; color: #b42318; }
    .overdue-badge.near { background: #fff2cc; color: #9a5b00; }
    .notice-query-badge { background: #fff2d9; color: #9a5a05; }
    .quote-pending-badge { background: #fff8c5; color: #8a5a00; }
    .inspection-blocked-badge { background: #eef4ff; color: #08766c; }
    .operation-check-badge { background: #ecfdf3; color: #067647; }
    .driver-dispatch-badge { background:#eaf4f2; color:#08766c; }
    .insurance-renewal-badge { background: #fff4e5; color: #b54708; }
    .extra-status-badge { background: #f2f4f7; color: #344054; }
    .record-card-model { color: #526173; font-size: 12px; line-height: 1.35; overflow-wrap: anywhere; }
    .record-card-time { display: flex; align-items: center; gap: 7px; min-width: 0; padding: 7px 9px; border-radius: 8px; background: #fff7ed; color: #9a5a05; font-size: 12px; font-weight:var(--weight-semibold); overflow-wrap: anywhere; }
    .record-card-time::before { content: "预约确认"; flex: 0 0 auto; padding: 3px 8px; border-radius: 999px; background: #ffedd5; color: #9a5a05; font-size: 12px; font-weight:var(--weight-medium); }
    .record-card-params { min-width: 0; display: flex; align-items: flex-start; gap: 6px; padding: 6px 8px; border-radius: 8px; background: #eef7f5; color: #255f85; font-size: 12px; font-weight:var(--weight-medium); line-height: 1.35; overflow: hidden; }
    .record-param-label { flex: 0 0 auto; padding: 1px 5px; border-radius: 999px; background: #dceeff; color: #255f85; font-size: 10px; font-weight:var(--weight-medium); line-height: 1.4; }
    .record-param-value { min-width: 0; flex: 1 1 auto; overflow-wrap: anywhere; word-break: break-word; }
    .record-card-dates { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
    .record-card-dates span { min-width: 0; padding: 5px 2px; border-radius: 0; background: transparent; color: #344054; font-size: 12px; font-weight:var(--weight-semibold); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .record-card-due { min-width:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:0; border-top:1px solid #edf1f5; border-bottom:1px solid #edf1f5; }
    .record-card-due > div { min-width:0; display:grid; gap:3px; padding:7px 8px; }
    .record-card-due > div + div { border-left:1px solid #edf1f5; }
    .record-card-due span { color:#8491a3; font-size:10px; font-weight:var(--weight-medium); }
    .record-card-due strong { min-width:0; color:#344054; font-size:12px; line-height:1.4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .record-card-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
    .record-card-meta > span { min-width: 0; padding: 4px 2px; border-radius: 0; background: transparent; color: #526173; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .record-card-meta > span.wide { grid-column: 1 / -1; text-align: center; }
    .record-card-contact { display:flex; align-items:baseline; gap:5px; }
    .record-card-contact .contact-role { flex:0 0 auto; color:#526173; }
    .record-card-contact strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#344054; font-size:12px; font-weight:var(--weight-medium); }
    .call-btn { min-height: 32px; padding: 0 10px; border: 1px solid #bfe0c8; border-radius: 8px; background: #f0faf3; color: #14794f; text-decoration: none; font-size: 12px; font-weight:var(--weight-medium); display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; }
    .call-btn.disabled { color: #98a2b3; border-color: #e2e8f0; background: #f8fafc; cursor: not-allowed; }
    .pc-call-row { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 6px; }
    .batch-modal { position: fixed; inset: 0; z-index: 50; display: grid; place-items: end center; padding: 14px; background: rgba(31,41,51,.38); }
    .batch-dialog { width: min(560px, 100%); max-height: min(82vh, 720px); display: flex; flex-direction: column; border-radius: 12px; background: #fff; box-shadow: 0 22px 60px rgba(31,41,51,.26); overflow: hidden; }
    .mobile-assisted-booking-dialog { width:min(760px,100%); max-height:min(92vh,900px); }
    .mobile-assisted-booking-body { min-width:0; overflow:auto; padding:0 14px max(14px,env(safe-area-inset-bottom)); }
    .mobile-assisted-booking-body .hq-bookings { border-top:0; }
    .mobile-assisted-booking-body .hq-bookings-fields,.mobile-assisted-booking-body .hq-bookings-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .mobile-assisted-booking-entry { display:none; }
    @media(max-width:900px) {
      .mobile-assisted-booking-entry:not(.hidden) { display:block; }
      .mobile-assisted-booking-modal { place-items:stretch; padding:0; }
      .mobile-assisted-booking-dialog { width:100%; max-height:none; height:100dvh; border-radius:0; }
      .mobile-assisted-booking-dialog .batch-head { position:sticky; top:0; z-index:2; padding:calc(env(safe-area-inset-top) + 12px) 14px 12px; background:#fff; }
      .mobile-assisted-booking-body { padding:0 12px max(16px,env(safe-area-inset-bottom)); }
      .mobile-assisted-booking-body .hq-bookings-fields,.mobile-assisted-booking-body .hq-bookings-filters { grid-template-columns:1fr; }
      .mobile-assisted-booking-body .hq-bookings-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .mobile-assisted-booking-body .hq-bookings-row>div:nth-child(3) { grid-column:1/-1; }
      .mobile-assisted-booking-body .hq-bookings-head { align-items:flex-start; }
      .mobile-assisted-booking-body .hq-bookings-head>.hq-bookings-actions { margin-left:0; }
    }
    .batch-head { display: flex; justify-content: space-between; gap: 12px; padding: 14px; border-bottom: 1px solid var(--line); }
    .batch-head strong { display: block; font-size: 16px; }
    .batch-head span { display: block; margin-top: 3px; color: var(--muted); font-size: 12px; }
    .batch-list { overflow: auto; padding: 8px 10px; }
    .batch-item { display: grid; grid-template-columns: 22px 1fr; gap: 9px; align-items: start; width: 100%; padding: 10px 4px; border-bottom: 1px solid #edf1f5; }
    .batch-item input { width: 18px; min-height: 18px; margin-top: 3px; }
    .batch-title { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-weight:var(--weight-medium); }
    .batch-meta { margin-top: 4px; color: var(--muted); font-size: 12px; line-height: 1.45; }
    .batch-badge { display: inline-flex; align-items: center; min-height: 20px; padding: 2px 6px; border-radius: 999px; background: #fff4e5; color: #ad5b00; font-size: 11px; font-weight:var(--weight-medium); }
    .batch-card { display: grid; gap: 8px; padding: 10px 12px; border: 1px solid #f1d39b; border-top: 3px solid #f59e0b; border-radius: 10px; background: #fffbeb; }
    .batch-card-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; color: #7a4b00; font-size: 13px; font-weight:var(--weight-medium); }
    .batch-card-body { display: flex; flex-wrap: wrap; gap: 5px; color: #8a5a00; font-size: 12px; line-height: 1.45; }
    .batch-card .chip { border-color: #f1d39b; background: #fff; color: #7a4b00; }
    .batch-entry-btn { border-color: #efc36f !important; background: #fffbeb !important; color: #8a5a00 !important; font-weight:var(--weight-medium) !important; }
    .batch-entry-btn:hover { border-color: #f59e0b !important; background: #fff4d6 !important; }
    .form-action-grid #copyCustomerBtn { grid-column: 1 / -1; }
    .batch-actions { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding: 12px 14px; border-top: 1px solid var(--line); background: #fbfcfe; }
    .batch-actions.batch-customer-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .batch-customer-actions .btn { min-width:0; }
    #mobileCopyPhotoLinkBtn, #mobileActionPhotoLinkBtn, #printDetailTicketBtn, #postSavePrintBtn { display:none !important; }
    .cancel-appointment-body { display: grid; gap: 12px; padding: 14px; }
    .cancel-appointment-summary { padding: 10px 12px; border: 1px solid #fed7d2; border-radius: 8px; background: #fff7f6; color: #7a271a; font-size: 13px; font-weight:var(--weight-semibold); line-height: 1.5; }
    .cancel-appointment-body label { display: grid; gap: 6px; color: #344054; font-size: 13px; font-weight:var(--weight-semibold); }
    .cancel-appointment-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .canceled-record { background: #f8fafc !important; color: #667085; opacity: .76; }
    .canceled-record:hover, .canceled-record.active { opacity: 1; }
    .photo-link-choice { padding: 14px; color: #455468; font-size: 13px; line-height: 1.55; }
    .photo-link-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .customer-notice-actions { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .plate-field-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
    .plate-field-actions { display: inline-flex; align-items: center; gap: 5px; flex-wrap: wrap; justify-content: flex-end; }
    .plate-status-field .plate-field-head { display: grid; grid-template-columns: 1fr; align-items: start; gap: 6px; }
    .plate-title-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
    .plate-title-row > span { min-width: 0; }
    .plate-title-copy { display: flex; align-items: center; gap: 7px; }
    .plate-ocr-hint { color: #7a8798; font-size: 10px; font-weight:var(--weight-semibold); }
    .plate-status-field .plate-field-actions { justify-content: flex-start; width: 100%; padding: 5px 6px; border: 1px solid #e5edf5; border-radius: 8px; background: #fbfcfd; }
    .plate-status-field .plate-field-actions::before { content: "状态"; color: #667085; font-size: 11px; font-weight:var(--weight-medium); }
    .notice-query-btn, .inspection-blocked-btn, .operation-check-btn, .insurance-renewal-btn, .driver-status-btn, .quick-status-btn, .extra-status-toggle { min-height: 22px; padding: 0 7px; border: 1px solid #d0d5dd; border-radius: 999px; background: #fff; color: #344054; font-size: 11px; font-weight:var(--weight-medium); }
    .notice-query-btn.active { border-color: #f59e0b; background: #f59e0b; color: #fff; }
    .inspection-blocked-btn { border-color: #d0d5dd; background: #fff; color: #344054; }
    .inspection-blocked-btn.active { border-color: #08766c; background: #08766c; color: #fff; }
    .operation-check-btn { border-color: #d0d5dd; background: #fff; color: #344054; }
    .operation-check-btn.active { border-color: #079455; background: #079455; color: #fff; }
    .insurance-renewal-btn { border-color: #f0c36a; background: #fffaf0; color: #9a5a05; }
    .insurance-renewal-btn.active { border-color: #d97706; background: #d97706; color: #fff; }
    .driver-status-btn { border-color: #b8c7db; background: #f7faff; color: #0a635b; }
    .driver-status-btn.active { border-color: #08766c; background: #08766c; color: #fff; }
    .quick-status-btn { border-color:#c9d4df; background:#fff; color:#344054; }
    .quick-status-btn.active { border-color:#344054; background:#344054; color:#fff; }
    .extra-status-toggle { border-color: #98a2b3; background: #f8fafc; color: #1d2939; }
    .extra-status-toggle.active { border-color: #101828; background: #101828; color: #fff; }
    .extra-status-panel { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; padding: 8px; border: 1px solid #d0d5dd; border-radius: 8px; background: #f8fafc; }
    .extra-status-panel button { min-height: 28px; padding: 0 9px; border: 1px solid #d0d5dd; border-radius: 999px; background: #fff; color: #344054; font-size: 12px; font-weight:var(--weight-medium); }
    .extra-status-panel button.active { border-color: #101828; background: #101828; color: #fff; }
    .phone-field { display: grid; gap: 6px; min-width: 0; }
    .phone-control { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px; align-items: center; }
    .phone-control.collab-control { grid-template-columns: minmax(0, 1fr) auto 30px; }
    .phone-control input { min-width: 0; }
    .phone-history-btn { white-space: nowrap; background: #f8fbff; }
    .phone-role-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; padding: 4px; margin-bottom: 8px; border: 1px solid #e5edf5; border-radius: 10px; background: #f6f9fc; }
    .phone-role-tab { min-height: 38px; padding: 5px 6px; border: 0; border-radius: 7px; background: transparent; color: #667085; font-size: 13px; font-weight:var(--weight-semibold); cursor: pointer; }
    .phone-role-tab.active { background: #fff; color: var(--primary); box-shadow: 0 1px 4px rgba(16,24,40,.12); }
    .phone-role-tab.optional-contact-tab { color:#7a8798; background:rgba(255,255,255,.42); }
    .phone-role-tab.optional-contact-tab.active { color:#344054; background:#fff; box-shadow:0 1px 4px rgba(16,24,40,.1); }
    .phone-role-tab .phone-role-status { display: block; max-width: 100%; margin-top: 1px; color: #98a2b3; font-size: 10px; font-weight:var(--weight-medium); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .phone-role-tab.active .phone-role-status { color: var(--primary); }
    .desktop-admin-scope-note { display:flex; align-items:flex-start; gap:8px; padding:10px 12px; border:1px solid #dce5ef; border-radius:8px; background:#f7f9fc; color:#526173; font-size:12px; line-height:1.6; }
    .desktop-admin-scope-note strong { flex:0 0 auto; color:#27364a; }
    .phone-role-note { margin: -2px 0 8px; color: #667085; font-size: 11px; line-height: 1.45; }
    .workflow-assign { display: grid; gap: 10px; padding: 12px; border: 1px solid #dbe6f2; border-top: 3px solid #9fc8c4; border-radius: 10px; background: #f8fbff; }
    .workflow-quick-actions { display: grid; gap: 9px; margin-top: 10px; padding: 12px; border: 1px solid #dbe6f2; border-radius: 8px; background: #fff; }
    .workflow-task-card { display:grid; gap:12px; margin-top:10px; padding:13px; border:1px solid #dbe6f2; border-top:3px solid #08766c; border-radius:8px; background:#fff; }
    .workflow-task-head { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:start; }
    .workflow-task-head .eyebrow { display:block; margin-bottom:3px; }
    .workflow-task-head strong { display:block; color:#172b4d; font-size:16px; line-height:1.35; }
    .workflow-task-source { color:#667085; font-size:12px; font-weight:var(--weight-semibold); }
    .workflow-task-message { display:grid; gap:8px; }
    .workflow-task-message > div { display:grid; gap:3px; padding:9px 10px; border-radius:7px; background:#f6f8fb; }
    .workflow-task-message span { color:#7a8798; font-size:11px; font-weight:var(--weight-semibold); }
    .workflow-task-message strong { color:#344054; font-size:13px; line-height:1.45; overflow-wrap:anywhere; }
    .workflow-task-message small { color:#667085; font-size:11px; line-height:1.5; }
    .workflow-task-message .btn { width:max-content; margin-top:3px; text-decoration:none; }
    .workflow-task-card > label { gap:6px; }
    .workflow-task-card > label input { min-height:42px; }
    .collaboration-current { display:grid; gap:10px; }
    .collaboration-current > .actions { display:grid; grid-template-columns:repeat(auto-fit,minmax(110px,1fr)); gap:7px; padding-top:2px; }
    .collaboration-current > .actions .btn { width:100%; min-height:38px; }
    .collaboration-card > summary { grid-template-columns:minmax(0,1fr) auto auto; list-style:none; cursor:pointer; }
    .collaboration-card > summary::-webkit-details-marker { display:none; }
    .collaboration-card > summary::after { content:"查看"; color:#08766c; font-size:11px; font-weight:var(--weight-semibold); }
    .collaboration-card[open] > summary::after { content:"收起"; }
    .collaboration-detail-body { display:grid; gap:10px; }
    .wechat-trajectory { padding:0 11px; border:1px solid #dce9e2; border-left:3px solid #07a950; border-radius:8px; background:#fbfefc; }
    .wechat-trajectory-summary { min-height:44px; display:flex; align-items:center; justify-content:flex-start; gap:7px; color:#1d2939; cursor:pointer; list-style:none; }
    .wechat-trajectory-summary::-webkit-details-marker { display:none; }
    .wechat-trajectory-summary::after { content:"查看"; flex:0 0 auto; margin-left:auto; color:#08766c; font-size:11px; font-weight:var(--weight-semibold); line-height:1; }
    .wechat-trajectory[open] .wechat-trajectory-summary::after { content:"收起"; }
    .wechat-trajectory-summary strong { flex:0 0 auto; font-size:13px; }
    .wechat-trajectory-meta { min-width:0; flex:1 1 auto; color:#344054; font-size:13px; font-weight:var(--weight-semibold); line-height:1.45; overflow-wrap:anywhere; }
    .wechat-trajectory-time { color:#8491a3; font-size:11px; }
    .wechat-trajectory-body { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 0 10px; border-top:1px solid #edf2ef; }
    .wechat-trajectory-detail-copy { min-width:0; display:grid; gap:2px; padding-top:8px; }
    .wechat-trajectory-purpose { color:#667085; font-size:11px; }
    .wechat-trajectory-actions { display:flex; align-items:center; gap:6px; }
    .wechat-trajectory-actions .btn { min-height:32px; padding:0 9px; font-size:11px; white-space:nowrap; }
    @media (max-width:640px) {
      .wechat-trajectory-body { align-items:flex-start; flex-direction:column; }
      .wechat-trajectory-actions { justify-content:flex-end; }
    }
    .workflow-receipt-compose { display:grid; gap:9px; padding:10px; border:1px solid #dce8f5; border-radius:8px; background:#f8fbff; }
    .workflow-receipt-compose textarea { min-height:76px; resize:vertical; }
    .workflow-receipt-label { color:#344054; font-size:12px; font-weight:var(--weight-medium); }
    .workflow-receipt-group-tabs, .workflow-receipt-tags { display:flex; flex-wrap:wrap; gap:6px; }
    .workflow-receipt-group, .workflow-receipt-tag { min-height:30px; padding:0 9px; border:1px solid #d8e0e8; border-radius:999px; background:#fff; color:#667085; font-size:12px; font-weight:var(--weight-medium); }
    .workflow-receipt-group.active { border-color:#08766c; background:#e7f2f0; color:#08766c; }
    .workflow-receipt-tag.active { border-color:#087443; background:#edf9f3; color:#087443; }
    .workflow-receipt-photo-row { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
    .workflow-receipt-photo-row input { display:none; }
    .workflow-receipt-photo-row label { display:inline-flex; align-items:center; gap:5px; }
    .workflow-receipt-photo-preview { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
    .workflow-receipt-photo-preview .photo { min-width:0; }
    .workflow-receipt-summary { display:grid; gap:5px; padding:9px 10px; border-radius:7px; background:#f0faf3; }
    .workflow-receipt-summary span { color:#087443; font-size:11px; font-weight:var(--weight-medium); }
    .workflow-receipt-summary strong { color:#344054; font-size:13px; line-height:1.45; }
    .workflow-receipt-summary-photos { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin-top:2px; }
    .workflow-receipt-summary-photos button { min-width:0; padding:0; border:1px solid #d8eadf; border-radius:6px; overflow:hidden; background:#fff; }
    .workflow-receipt-summary-photos img { display:block; width:100%; aspect-ratio:1; object-fit:cover; }
    .workflow-driver-card { display:grid; gap:5px; padding:9px 10px; border:1px solid #d8eadf; border-radius:7px; background:#f7fcf9; }
    .workflow-driver-card strong { color:#176b48; font-size:13px; }
    .workflow-driver-card span { color:#667085; font-size:11px; line-height:1.45; }
    .workflow-driver-capability { color:#176b48 !important; font-weight:var(--weight-semibold); }
    .driver-capability-card { display:grid; gap:8px; padding-top:9px; border-top:1px solid #d8eadf; }
    .driver-capability-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
    .driver-capability-head strong { color:#176b48; font-size:13px; }
    .driver-capability-head span { min-height:21px; display:inline-flex; align-items:center; padding:0 7px; border-radius:999px; background:#edf9f3; color:#087443; font-size:10px; font-weight:var(--weight-semibold); }
    .driver-capability-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
    .driver-capability-item { min-width:0; display:grid; gap:2px; padding:7px 8px; border:1px solid #d8eadf; border-radius:7px; background:#fff; }
    .driver-capability-item span { color:#8491a3; font-size:10px; }
    .driver-capability-item strong { color:#344054; font-size:12px; overflow-wrap:anywhere; }
    .driver-review-photo-section { display:grid; gap:7px; padding-top:9px; border-top:1px solid #d8eadf; }
    .driver-review-photo-section > strong { color:#176b48; font-size:12px; }
    .driver-review-photo-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
    .driver-review-photo-column { min-width:0; display:grid; gap:5px; padding:7px 8px; border:1px solid #d8eadf; border-radius:7px; background:#fff; }
    .driver-review-photo-column > span { color:#667085; font-size:10px; font-weight:var(--weight-semibold); }
    .driver-review-photo-column small { color:#9a5a05; font-size:10px; }
    .driver-review-photo-thumbs { display:flex; gap:5px; flex-wrap:wrap; }
    .driver-review-photo-thumbs button { width:52px; height:42px; padding:0; border:1px solid #cfe0d7; border-radius:5px; overflow:hidden; background:#f8fafc; }
    .driver-review-photo-thumbs img { display:block; width:100%; height:100%; object-fit:cover; }
    .workflow-role-summary { display:grid; gap:3px; padding:9px 10px; border:1px solid #dce8f5; border-radius:7px; background:#f8fbff; }
    .workflow-role-summary span { color:#667085; font-size:11px; font-weight:var(--weight-medium); }
    .workflow-role-summary strong { color:#08766c; font-size:14px; }
    .workflow-task-card > .actions { display:grid; grid-template-columns:repeat(auto-fit,minmax(110px,1fr)); gap:7px; padding-top:2px; }
    .workflow-task-card > .actions .btn { width:100%; min-height:38px; }
    #workflowAssignPanel, #workflowQuickActions { display: none !important; }
    .workflow-composer { position: fixed; inset: 0; z-index: 80; display: grid; align-items: end; background: rgba(17,24,39,.38); }
    .workflow-composer-card { width: min(680px, 100%); max-height: 92vh; margin: 0 auto; overflow: auto; padding: 0 16px max(16px,env(safe-area-inset-bottom)); border-radius: 14px 14px 0 0; background: #fff; box-shadow: 0 -20px 50px rgba(31,41,51,.18); }
    .workflow-composer-head { position: sticky; top: 0; z-index: 2; display: flex; justify-content: space-between; align-items: center; min-height:58px; margin:0 -16px; padding: 8px 16px; border-bottom:1px solid #e7edf3; background:rgba(255,255,255,.96); backdrop-filter:blur(12px); }
    .workflow-composer-head h3 { margin: 0; color:#101828; font-size: 17px; }
    .workflow-composer-head .btn { min-height:32px; padding:0 10px; }
    .workflow-composer-head { display:grid; grid-template-columns:36px minmax(0,1fr) 36px; }
    .workflow-composer-head > div { min-width:0; display:grid; gap:1px; text-align:center; }
    .workflow-composer-head > div > span { color:#98a2b3; font-size:10px; font-weight:var(--weight-semibold); }
    .workflow-composer-close { width:36px; height:36px; display:grid; place-items:center; padding:0; border:0; border-radius:50%; background:transparent; color:#344054; }
    .workflow-composer-close:hover { background:#f2f4f7; }
    .workflow-composer-close svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
    .workflow-delivery-switch { display:grid; grid-template-columns:1fr 1fr; gap:3px; margin:12px 0 0; padding:3px; border:1px solid #dfe6ee; border-radius:8px; background:#f4f6f8; }
    .workflow-delivery-switch button { min-height:38px; border:0; border-radius:6px; background:transparent; color:#667085; font-size:13px; font-weight:var(--weight-medium); cursor:pointer; }
    .workflow-delivery-switch button.active { background:#fff; color:#0a635b; font-weight:var(--weight-semibold); box-shadow:0 1px 4px rgba(16,24,40,.08); }
    .workflow-wechat-summary { display:grid; gap:3px; padding:9px 10px; border:1px solid #cfe5dc; border-radius:7px; background:#f4fbf8; }
    .workflow-wechat-summary span { color:#667085; font-size:11px; font-weight:var(--weight-medium); }
    .workflow-wechat-summary strong { color:#087443; font-size:14px; }
    .wechat-directory { display:grid; gap:9px; }
    .wechat-directory-search { position:relative; }
    .wechat-directory-search input { width:100%; min-height:42px; padding-right:42px; }
    .wechat-directory-search button { position:absolute; top:4px; right:4px; width:34px; height:34px; display:grid; place-items:center; padding:0; border:0; border-radius:6px; background:transparent; color:#98a2b3; font-size:18px; cursor:pointer; }
    .wechat-directory-search button:hover { background:#f2f4f7; color:#344054; }
    .wechat-directory-group-switch { overflow:hidden; border:1px solid #e1e7ee; border-radius:8px; background:#fff; }
    .wechat-directory-group-switch > summary { min-height:38px; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0 10px; color:#667085; font-size:11px; font-weight:var(--weight-semibold); list-style:none; cursor:pointer; }
    .wechat-directory-group-switch > summary::-webkit-details-marker { display:none; }
    .wechat-directory-group-switch > summary::after { content:"›"; color:#98a2b3; font-size:17px; transform:rotate(90deg); }
    .wechat-directory-group-switch[open] > summary { border-bottom:1px solid #edf1f5; }
    .wechat-directory-group-switch[open] > summary::after { transform:rotate(-90deg); }
    .wechat-directory-group-switch > summary strong { min-width:0; margin-left:auto; overflow:hidden; color:#344054; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
    .wechat-directory-group-filter { display:grid; grid-template-columns:auto minmax(0,1fr); gap:8px; align-items:center; padding:8px 10px; color:#667085; font-size:11px; font-weight:var(--weight-semibold); }
    .wechat-directory-group-filter select { min-width:0; min-height:38px; background:#fff; }
    .wechat-directory-scope { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:28px; padding:0 2px; color:#667085; font-size:11px; }
    .wechat-directory-scope strong { min-width:0; overflow:hidden; color:#344054; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
    .wechat-directory-scope span { flex:none; }
    .wechat-directory-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3px; padding:3px; border-radius:8px; background:#eef2f6; }
    .wechat-directory-tabs button { min-width:0; min-height:34px; padding:0 5px; border:0; border-radius:6px; background:transparent; color:#667085; font-size:11px; font-weight:var(--weight-medium); white-space:nowrap; cursor:pointer; }
    .wechat-directory-tabs button.active { background:#fff; color:#0a635b; font-weight:var(--weight-semibold); box-shadow:0 1px 4px rgba(16,24,40,.09); }
    .wechat-directory-list { max-height:300px; display:grid; gap:7px; overflow:auto; overscroll-behavior:contain; padding:1px; }
    .wechat-directory-item { min-width:0; display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:9px; align-items:center; padding:10px; border:1px solid #dfe6ee; border-radius:8px; background:#fff; text-align:left; cursor:pointer; }
    .wechat-directory-item:hover { border-color:#9fc2f1; background:#f8fbff; }
    .wechat-directory-item.selected { border-color:#08766c; background:#eef7f5; box-shadow:inset 0 0 0 1px #08766c; }
    .wechat-directory-item-code { min-width:50px; display:grid; place-items:center; min-height:32px; padding:0 7px; border-radius:6px; background:#eaf4f2; color:#0a635b; font-size:11px; font-weight:var(--weight-bold); }
    .wechat-directory-item.selected .wechat-directory-item-code { background:#08766c; color:#fff; }
    .wechat-directory-item-copy { min-width:0; display:grid; gap:3px; }
    .wechat-directory-item-copy strong { overflow:hidden; color:#1d2939; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
    .wechat-directory-item-copy span { overflow:hidden; color:#667085; font-size:10px; line-height:1.45; text-overflow:ellipsis; white-space:nowrap; }
    .wechat-directory-favorite { width:34px; height:34px; display:grid; place-items:center; padding:0; border:0; border-radius:6px; background:transparent; color:#98a2b3; font-size:20px; cursor:pointer; }
    .wechat-directory-favorite.active { color:#d97706; background:#fff8e8; }
    .wechat-directory-empty { min-height:92px; display:grid; place-items:center; padding:18px; border:1px dashed #d0d5dd; border-radius:8px; color:#667085; font-size:12px; text-align:center; }
    .wechat-directory-selected { order:-1; display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:36px; padding:7px 9px; border-radius:7px; background:#f4fbf8; color:#475467; font-size:11px; }
    .wechat-directory-selected strong { min-width:0; flex:1; overflow:hidden; color:#087443; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
    .workflow-step { display: grid; gap: 10px; padding: 15px 0; border-top: 1px solid #edf1f5; }
    .workflow-step-title { display:flex; align-items:center; gap:7px; color: #253247; font-size: 14px; font-weight:var(--weight-medium); }
    .workflow-step-title::first-letter { color:#08766c; }
    .workflow-template-row { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 7px; }
    .workflow-template-row button { min-height:38px; padding:0 7px; border:1px solid #dbe3ec; border-radius:8px; background:#fff; color:#344054; font-size:12px; font-weight:var(--weight-medium); }
    .workflow-template-row button:hover { border-color:#9fc8c4; background:#f8fbff; }
    .workflow-template-row button.active { border-color: #08766c; background: #eef7f5; color: #065e57; box-shadow:0 0 0 2px rgba(8,118,108,.1); }
    .workflow-step > label { gap:5px; }
    .workflow-step > label > input, .workflow-step > label > textarea, .workflow-step > label > select { min-height:42px; }
    .workflow-step .grid-2 { gap:8px; }
    .workflow-step .inline-check { min-height:42px; }
    .workflow-step:last-child { margin:0 -16px; padding:14px 16px max(16px,env(safe-area-inset-bottom)); background:#f8fafc; border-top:1px solid #dbe6f2; }
    .workflow-step:last-child .btn.primary { width:100%; min-height:44px; font-size:14px; }
    .workflow-step:last-child .admin-save-status { margin-bottom:2px; }
    #flowSystemRecipientFields.assignee-required { margin:-7px; padding:7px; border-radius:8px; background:#fff5f4; }
    #flowSystemRecipientFields.assignee-required #flowAssignee { border-color:#d92d20; box-shadow:0 0 0 3px rgba(217,45,32,.12); }
    #flowSystemRecipientFields.assignee-required #flowAssigneeHint { color:#b42318; font-weight:var(--weight-semibold); }
    .workflow-map-row { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; padding: 10px; border: 1px solid #dbeafe; border-radius: 7px; background: #f8fbff; font-size: 12px; }
    .workflow-map-row strong, .workflow-map-row span { width: 100%; }
    .workflow-map-row a, .workflow-map-row button { padding: 5px 9px; border: 1px solid #b8d9d5; border-radius: 6px; color: #08766c; background: #fff; font-weight:var(--weight-medium); font-size: 12px; text-decoration: none; }
    .workflow-map-row button { cursor:pointer; }
    .workflow-map-row .copy-address-btn { border-color:#b8dfcb; color:#087443; background:#edf9f3; }
    details.workflow-assign { padding: 0; gap: 0; }
    details.workflow-assign > summary { min-height: 44px; padding: 0 12px; background: transparent; }
    details.workflow-assign > summary em { color: #667085; font-size: 11px; font-style: normal; }
    .workflow-assign-body { display: grid; gap: 10px; padding: 12px; border-top: 1px solid #dbe6f2; }
    details.workflow-assign > summary { transition: background .18s ease, color .18s ease; }
    details.workflow-assign > summary:hover { background: #eef7f5; }
    details.workflow-assign > summary::after { content: "展开"; transition: transform .2s ease; }
    details.workflow-assign[open] > summary::after { content: "收起"; }
    details.workflow-assign[open] .workflow-assign-body { animation: workflowReveal .22s ease both; }
    @keyframes workflowReveal { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }
    @media (prefers-reduced-motion: reduce) { details.workflow-assign > summary, details.workflow-assign[open] .workflow-assign-body { transition: none; animation: none; } }
    @media (min-width: 721px) { .workflow-composer { align-items:center; padding:24px; } .workflow-composer-card { border-radius:14px; box-shadow:0 24px 70px rgba(31,41,51,.24); } }
    @media (max-width: 420px) { .workflow-template-row { grid-template-columns:repeat(2,minmax(0,1fr)); } .workflow-step .grid-2 { grid-template-columns:1fr; } .wechat-directory-group-filter{grid-template-columns:1fr}.wechat-directory-list{max-height:280px} }
    .phone-tab-panel { display: none; }
    .phone-tab-panel.active { display: block; }
    @media (min-width: 760px) { .phone-role-tabs { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); max-width: 620px; } }
    @media (max-width: 900px) {
      #userAdminToggle, #myAccountManageBtn { display:none !important; }
    }
    .phone-suggest-box { display: grid; gap: 6px; padding: 8px; border: 1px solid #dbe6f2; border-radius: 9px; background: #f8fbff; }
    .phone-suggest-item { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 8px; border: 1px solid #e2eaf3; border-radius: 8px; background: #fff; text-align: left; color: #344054; }
    .phone-suggest-item strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
    .phone-suggest-item span { color: var(--muted); font-size: 12px; }
    .phone-suggest-empty { padding: 8px; color: var(--muted); font-size: 12px; line-height: 1.45; }
    .followup-compose { display: grid; gap: 8px; padding: 10px; border: 1px solid #dbe6f2; border-radius: 9px; background: #f8fbff; }
    .followup-more-options, .detail-note-details { border: 1px solid #dbe6f2; border-radius: 8px; background: #fff; overflow: hidden; }
    .followup-more-options > summary, .detail-note-details > summary { min-height: 40px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 10px; list-style: none; color: #526173; font-size: 12px; font-weight:var(--weight-medium); cursor: pointer; }
    .followup-more-options > summary::-webkit-details-marker, .detail-note-details > summary::-webkit-details-marker { display: none; }
    .followup-more-options > summary::after, .detail-note-details > summary::after { content: "展开"; color: #08766c; font-size: 11px; }
    .followup-more-options[open] > summary::after, .detail-note-details[open] > summary::after { content: "收起"; }
    .followup-more-options-body, .detail-note-details-body { display: grid; gap: 8px; padding: 9px; border-top: 1px solid #e7edf4; }
    .followup-task-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:9px; border:1px solid #dbe6f2; border-radius:8px; background:#fff; overflow:hidden; }
    .followup-task-options > * { min-width:0; max-width:100%; }
    .followup-task-options .inline-check { grid-column:1 / -1; }
    .personal-center { position:fixed; inset:0; z-index:60; display:block; width:100%; height:100vh; height:100dvh; min-height:0; padding:0 max(16px,calc((100vw - 720px)/2)) max(28px,env(safe-area-inset-bottom)); overflow-x:hidden; overflow-y:auto; overscroll-behavior-y:contain; touch-action:pan-y; -webkit-overflow-scrolling:touch; background:#f5f7fa; }
    .personal-center > * { width:100%; max-width:720px; margin-left:auto; margin-right:auto; }
    .personal-center > .section-title { position:sticky; top:0; z-index:2; min-height:56px; display:grid; grid-template-columns:44px minmax(0,1fr) 44px; align-items:center; padding:max(8px,env(safe-area-inset-top)) 0 8px; margin:0 auto; border-bottom:1px solid #e4e9ef; background:rgba(245,247,250,.96); backdrop-filter:blur(12px); }
    .personal-center > .section-title > .personal-nav-back { grid-column:1; justify-self:start; }
    .personal-center > .section-title > span:not(.personal-nav-spacer) { grid-column:2; min-width:0; overflow:hidden; color:#101828; font-size:var(--font-title); font-weight:var(--weight-medium); text-align:center; text-overflow:ellipsis; white-space:nowrap; }
    .personal-center > .section-title > .personal-nav-spacer,
    .personal-center > .section-title > .settlement-title-actions { grid-column:3; justify-self:end; }
    .personal-center > .section-title::before { display:none; }
    .personal-nav-back { width:36px; height:36px; display:grid; place-items:center; padding:0; border:0; border-radius:8px; background:transparent; color:#344054; font-size:28px; line-height:1; }
    .personal-nav-back:hover { background:#eaf2fc; color:#08766c; }
    .personal-nav-spacer { display:block; }
    .personal-center > .section-title .section-actions { display:contents; }
    .personal-center > .section-title .section-actions .btn { display:none; }
    .my-center-content { display: grid; gap: 0; padding: 0 0 84px; }
    .my-account-meta { display: flex; align-items: center; gap: 12px; padding: 20px 16px 18px; background:#fff; }
    .personal-profile { min-width:0; }
    .personal-channel-affiliation { min-width:0; max-width:48%; margin-left:auto; text-align:right; }
    .personal-channel-affiliation strong { display:block; overflow:hidden; color:#101828; font-size:15px; white-space:nowrap; text-overflow:ellipsis; }
    .personal-channel-affiliation span { display:block; overflow:hidden; margin-top:4px; color:#667085; font-size:12px; white-space:nowrap; text-overflow:ellipsis; }
    .business-role-context { display:inline-grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px; padding:3px; border:1px solid #d7e0ea; border-radius:7px; background:#edf2f7; }
    .business-role-context button { min-width:70px; min-height:28px; padding:0 9px; border:0; border-radius:5px; background:transparent; color:#667085; font-size:11px; font-weight:var(--weight-medium); cursor:pointer; white-space:nowrap; }
    .business-role-context button.active { background:#fff; color:#08766c; box-shadow:0 1px 3px rgba(16,24,40,.12); }
    .business-role-context button:focus-visible { outline:2px solid #08766c; outline-offset:1px; }
    .my-business-role-switch { display:grid; gap:9px; padding:14px 16px; border-top:1px solid #e4e9ef; border-bottom:1px solid #e4e9ef; background:#fff; }
    .my-business-role-switch > div:first-child { display:flex; align-items:center; justify-content:space-between; gap:12px; }
    .my-business-role-switch strong { color:#101828; font-size:var(--font-body); }
    .my-business-role-switch > span { color:#667085; font-size:var(--font-caption); line-height:1.55; }
    .my-business-role-switch .business-role-context { width:100%; }
    .my-business-role-switch .business-role-context button { min-height:38px; font-size:13px; }
    .my-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin-top:14px; border-top:1px solid #e4e9ef; border-bottom:1px solid #e4e9ef; background:#fff; }
    .my-kpis::before { content:"业务概览"; min-height:38px; grid-column:1 / -1; display:flex; align-items:end; padding:0 16px 8px; border-bottom:1px solid #edf1f5; color:#667085; font-size:var(--font-caption); font-weight:var(--weight-medium); }
    .home-metrics, #mobileProspectPushPanel, #pcProspectJumpBtn { display: none !important; }
    .my-kpi { display:grid; gap:3px; min-height:68px; align-content:center; padding:10px 5px; border-right:1px solid #edf1f5; background:#fff; text-align:center; }
    .my-kpi:last-child { border-right:0; }
    .my-kpi strong { color: #172b4d; font-size: var(--font-page); }
    .my-kpi span { color: #667085; font-size: var(--font-meta); font-weight:var(--weight-semibold); }
    .my-kpi-action { width:100%; border-top:0; border-left:0; cursor:pointer; }
    .my-kpi-action small { color:#08766c; font-size:var(--font-micro); font-weight:var(--weight-medium); }
    .my-kpi-action:hover { background:#f5f9ff; }
    .my-workflow-section { display: grid; gap: 8px; }
    .my-workflow-title { padding: 14px 16px 0; color: #344054; font-size: var(--font-section); font-weight:var(--weight-medium); }
    .my-workflow-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid #e4e9ef; border-bottom: 1px solid #e4e9ef; background: #fff; }
    .my-workflow-item { min-height: 64px; display: grid; align-content: center; gap: 4px; padding: 9px 6px; border-right: 1px solid #edf1f5; text-align: center; }
    .my-workflow-item:last-child { border-right: 0; }
    .my-workflow-item strong { color: #08766c; font-size: var(--font-data); line-height: 1; }
    .my-workflow-item span { color: #667085; font-size: var(--font-meta); font-weight:var(--weight-semibold); }
    .my-workflow-section.hidden, .my-sent-workflow-section.hidden { display:none !important; }
    .my-center-content > .detail-section { margin-top: 14px; padding: 0; border:0; border-top:1px solid #e4e9ef; border-bottom:1px solid #e4e9ef; border-radius:0; background:#fff; }
    .my-center-content > .detail-section .detail-section-title { padding:14px 16px 6px; }
    .my-center-content > .detail-section .detail-grid { display:grid; grid-template-columns:1fr; gap:0; }
    .my-center-content > .detail-section .field { min-height:48px; display:grid; grid-template-columns:88px minmax(0,1fr); align-items:center; gap:10px; padding:8px 16px; border:0; border-bottom:1px solid #edf1f5; border-radius:0; background:#fff; }
    .my-center-content > .detail-section .field:last-child { border-bottom:0; }
    .my-center-content > .detail-section .field span { margin:0; color:#667085; font-size:var(--font-caption); }
    .my-center-content > .detail-section .field strong { font-size:var(--font-section); text-align:right; }
    .my-display-setting { display:grid; margin-top:14px; border-top:1px solid #e4e9ef; border-bottom:1px solid #e4e9ef; background:#fff; }
    .my-display-setting-row { min-height:60px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 16px; }
    .my-display-setting-row + .my-display-setting-row { border-top:1px solid #edf1f5; }
    .my-display-setting-row > div { min-width:0; display:grid; gap:3px; }
    .my-display-setting strong { color:#344054; font-size:var(--font-body); font-weight:var(--weight-medium); }
    .my-display-setting span { color:#667085; font-size:var(--font-meta); line-height:1.4; }
    .my-display-setting .btn { flex:0 0 auto; min-height:36px; padding:0 11px; border-color:#c8d8eb; background:#f7fbfa; color:#08766c; font-size:var(--font-caption); }
    .display-switch { position:relative; width:44px; height:26px; flex:0 0 auto; display:inline-flex; cursor:pointer; }
    .display-switch input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
    .display-switch span { width:44px; height:26px; display:block; border:1px solid #c7d0db; border-radius:999px; background:#d8dee7; transition:background .16s ease,border-color .16s ease; }
    .display-switch span::after { content:""; width:20px; height:20px; display:block; margin:2px; border-radius:50%; background:#fff; box-shadow:0 1px 4px rgba(16,24,40,.2); transition:transform .16s ease; }
    .display-switch input:checked + span { border-color:#08766c; background:#08766c; }
    .display-switch input:checked + span::after { transform:translateX(18px); }
    .display-switch input:focus-visible + span { outline:2px solid #08766c; outline-offset:2px; }
    .display-switch input:disabled + span { opacity:.55; cursor:wait; }
    .my-legal-links { min-height:36px; display:flex; align-items:center; justify-content:center; gap:8px; margin-top:14px; color:#98a2b3; }
    .my-legal-links button { min-height:34px; padding:0 3px; border:0; background:transparent; color:#667085; font-size:11px; font-weight:var(--weight-semibold); }
    .my-legal-links button:active { color:#08766c; }
    .my-legal-footer { padding:0 16px 8px; color:#98a2b3; font-size:10px; line-height:1.6; text-align:center; }
    .my-access-request { min-height:66px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; margin-top:14px; padding:10px 16px; border-top:1px solid #e4e9ef; border-bottom:1px solid #e4e9ef; background:#fff; }
    .my-access-request > div { min-width:0; display:grid; gap:3px; }
    .my-access-title { display:flex !important; grid-template-columns:none !important; align-items:center; gap:6px !important; }
    .my-access-request strong { color:#101828; font-size:var(--font-body); }
    .my-access-request span { color:#667085; font-size:var(--font-meta); font-weight:var(--weight-medium); line-height:1.45; }
    .my-access-help { grid-column:1 / -1; padding:9px 10px; border:1px solid #dbe5ef; border-radius:7px; background:#f7faff; color:#475467; font-size:11px; font-weight:var(--weight-medium); line-height:1.6; }
    .my-access-help b { color:#0a635b; }
    .my-channel-sync { margin-top:0; }
    .my-channel-sync strong { display:block; color:#101828; font-size:14px; }
    .my-channel-sync small { display:block; margin-top:4px; color:#667085; font-size:11px; line-height:1.55; }
    .my-access-request.pending strong { color:#b54708; }
    .my-access-request.approved strong { color:#087443; }
    .my-access-request .btn[disabled] { border-color:#d0d5dd; background:#f2f4f7; color:#667085; cursor:default; }
    .my-driver-apply { display:grid; gap:10px; padding:12px 16px; border-bottom:1px solid #e4e9ef; background:#fff; }
    .my-driver-apply .register-driver-head strong { color:#101828; }
    .my-driver-apply .driver-document-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .my-driver-apply-status { min-height:20px; color:#667085; font-size:12px; font-weight:var(--weight-semibold); line-height:1.45; }
    .my-driver-apply-status.success { padding:9px 10px; border:1px solid #a8dbc3; border-radius:8px; background:#edf9f3; color:#087443; }
    .my-driver-apply-status.error { color:#b42318; }
    .my-commission-section { display:grid; gap:8px; margin-top:14px; padding:14px 16px; border-top:1px solid #e4e9ef; border-bottom:1px solid #e4e9ef; background:#fff; }
    .my-commission-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
    .my-commission-head strong { color:#101828; font-size:var(--font-body); }
    .my-commission-head span { color:#667085; font-size:var(--font-meta); font-weight:var(--weight-medium); }
    .my-commission-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid #e4e9ef; border-radius:8px; overflow:hidden; }
    .my-commission-metric { min-height:58px; display:grid; place-content:center; gap:3px; border-right:1px solid #edf1f5; text-align:center; }
    .my-commission-metric:last-child { border-right:0; }
    .my-commission-metric strong { color:#08766c; font-size:17px; }
    .my-commission-metric span { color:#667085; font-size:var(--font-meta); font-weight:var(--weight-semibold); }
    .my-commission-metric small { color:#475467; font-size:10px; font-weight:var(--weight-semibold); }
    .my-commission-reconcile { display:flex; align-items:center; gap:6px 14px; flex-wrap:wrap; min-height:28px; padding:4px 2px; color:#475467; font-size:11px; font-weight:var(--weight-medium); }
    .my-commission-reconcile span { white-space:nowrap; }
    .my-commission-reconcile b { color:#08766c; font-size:12px; }
    .my-commission-filters { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border:1px solid #d7e2e1; border-radius:7px; overflow:hidden; background:#f7faf9; }
    .my-commission-filter { min-width:0; min-height:32px; padding:4px 2px; border:0; border-right:1px solid #dfe8e7; border-radius:0; background:transparent; color:#475467; font-size:10px; font-weight:var(--weight-semibold); white-space:nowrap; }
    .my-commission-filter:last-child { border-right:0; }
    .my-commission-filter.active { background:#e9f6f3; color:#08766c; box-shadow:inset 0 -2px #0b8f82; }
    .my-commission-filter:focus-visible { position:relative; z-index:1; outline:2px solid #0b8f82; outline-offset:-2px; }
    .my-commission-list { display:grid; gap:0; }
    .my-commission-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; padding:9px 0; border-top:1px solid #edf1f5; }
    .my-commission-row div { min-width:0; display:grid; gap:3px; }
    .my-commission-row strong { color:#344054; font-size:var(--font-section); }
    .my-commission-row strong.vehicle-primary-line { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
    .my-commission-row > div > span { color:#667085; font-size:var(--font-meta); }
    .my-commission-row b { color:#087443; font-size:var(--font-section); white-space:nowrap; }
    .my-list-head { min-height:34px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
    .my-list-head > span:first-child { color:#667085; font-size:var(--font-caption); font-weight:var(--weight-semibold); }
    .my-list-head-toggle { min-height:32px; display:inline-flex; align-items:center; justify-content:flex-end; padding:0 2px 0 8px; border:0; background:transparent; color:#08766c; font-size:var(--font-meta); font-weight:var(--weight-semibold); white-space:nowrap; }
    .my-list-head-toggle:hover { color:#0f56bd; }
    .my-list-head-toggle::after { content:"⌄"; display:inline-block; margin-left:4px; font-size:12px; line-height:1; transition:transform .18s ease; }
    .my-list-head-toggle.expanded::after { transform:rotate(180deg); }
    .booking-reward-settings .reward-settings-body { display:grid; gap:12px; padding:14px; }
    .reward-role-card { display:grid; gap:10px; padding:12px; border:1px solid #e1e7ee; border-radius:8px; background:#f8fafc; }
    .reward-role-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
    .reward-role-head strong { font-size:14px; color:#1d2939; }
    .reward-checks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
    .reward-checks label { min-height:40px; display:flex; align-items:center; gap:7px; padding:8px; border:1px solid #e1e7ee; border-radius:7px; background:#fff; font-size:12px; }
    .reward-checks input { width:16px; height:16px; }
    @media(max-width:560px){.reward-checks{grid-template-columns:1fr}}
    @media(max-width:480px){.driver-route-input{grid-template-columns:repeat(2,minmax(0,1fr))}.driver-route-input input{grid-column:1 / -1}.driver-route-action{width:100%;min-height:36px}.driver-nav-modal{padding:0}.driver-nav-sheet{max-height:calc(100dvh - 8px);overflow-y:auto;border-radius:12px 12px 0 0;padding-bottom:max(16px,env(safe-area-inset-bottom))}.driver-location-methods{grid-template-columns:1fr 1fr}.driver-location-actions{grid-template-columns:1fr 1fr}}
    @media(max-width:420px){.my-commission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.my-commission-metric:nth-child(2){border-right:0}.my-commission-metric:nth-child(-n+2){border-bottom:1px solid #edf1f5}}
    .settlement-profile-settings { padding:0; border:1px solid #d8e3ef; border-radius:8px; background:#f8fbff; }
    .settlement-profile-settings > summary { min-height:42px; display:flex; align-items:center; padding:0 12px; color:#0a635b; font-size:13px; font-weight:var(--weight-medium); cursor:pointer; }
    .settlement-profile-body { display:grid; gap:10px; padding:12px; border-top:1px solid #d8e3ef; }
    .commission-settlement-body { display:grid; gap:12px; padding:14px; overflow:auto; }
    .commission-settlement-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .commission-settlement-fact { min-width:0; padding:10px; border:1px solid #e1e7ee; border-radius:8px; background:#f8fafc; }
    .commission-settlement-fact span { display:block; color:#667085; font-size:11px; }
    .commission-settlement-fact strong { display:block; margin-top:4px; color:#172033; font-size:15px; }
    .commission-settlement-tip { margin:0; padding:9px 10px; border-radius:8px; background:#eef7f5; color:#0a635b; font-size:11px; line-height:1.5; }
    .commission-settlement-actions { display:flex; justify-content:flex-end; gap:8px; padding-top:2px; }
    @media(max-width:420px){.commission-settlement-summary{grid-template-columns:1fr}.commission-settlement-actions .btn{flex:1}}
    #myProspectPoolBtn, #myFeeNoticeBtn { width:100%; min-height:54px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; margin:14px 0 0; padding:0 16px; border:0; border-top:1px solid #e4e9ef; border-bottom:1px solid #e4e9ef; border-radius:0; background:#fff; color:#344054; text-align:left; box-shadow:none; }
    #myFeeNoticeBtn { margin-top:0; border-top:0; }
    #myProspectPoolBtn:hover, #myFeeNoticeBtn:hover { background:#f8fafc; }
    .my-pool-title { color:#101828; font-size:var(--font-body); font-weight:var(--weight-medium); }
    .my-pool-meta { display:inline-flex; align-items:center; gap:7px; min-width:0; color:#667085; font-size:var(--font-caption); font-weight:var(--weight-semibold); white-space:nowrap; }
    #myFeeNoticeBtn .my-pool-meta { white-space:normal; justify-content:flex-end; text-align:right; line-height:1.35; }
    #myFeeNoticeBtn .my-pool-meta b { max-width:230px; }
    .my-pool-meta b { color:#08766c; font-size:var(--font-section); }
    .my-pool-arrow { color:#98a2b3; font-size:22px; font-weight:400; line-height:1; }
    .fee-notice-modal { position:fixed; inset:0; z-index:92; display:grid; align-items:end; padding:18px max(16px,calc((100vw - 720px)/2)) 0; background:rgba(16,24,40,.38); }
    .fee-notice-sheet { width:100%; max-width:720px; max-height:min(88vh,860px); display:grid; grid-template-rows:auto minmax(0,1fr); margin:0 auto; overflow:hidden; border:1px solid #dfe5ec; border-bottom:0; border-radius:12px 12px 0 0; background:#fff; box-shadow:0 -12px 36px rgba(16,24,40,.16); }
    .fee-notice-head { min-height:58px; display:grid; grid-template-columns:minmax(0,1fr) 38px; align-items:center; gap:10px; padding:10px 16px; border-bottom:1px solid #e4e9ef; }
    .fee-notice-head div { min-width:0; display:grid; gap:2px; }
    .fee-notice-head strong { color:#101828; font-size:16px; }
    .legal-doc-modal { position:fixed; inset:0; z-index:96; display:grid; place-items:center; padding:18px; background:rgba(16,24,40,.42); }
    .legal-doc-sheet { width:min(680px,100%); max-height:min(88vh,820px); display:grid; grid-template-rows:auto minmax(0,1fr); overflow:hidden; border:1px solid #dfe5ec; border-radius:8px; background:#fff; box-shadow:0 20px 52px rgba(16,24,40,.24); }
    .legal-doc-head { min-height:56px; display:grid; grid-template-columns:minmax(0,1fr) 36px; align-items:center; gap:10px; padding:10px 14px; border-bottom:1px solid #e4e9ef; }
    .legal-doc-head strong { color:#101828; font-size:16px; }
    .legal-doc-close { width:34px; height:34px; display:grid; place-items:center; padding:0; border:0; border-radius:7px; background:#f2f4f7; color:#475467; font-size:20px; cursor:pointer; }
    .legal-doc-body { overflow:auto; padding:16px; color:#475467; font-size:13px; line-height:1.75; }
    .legal-doc-version { margin-bottom:14px; padding-bottom:10px; border-bottom:1px solid #edf1f5; color:#667085; font-size:11px; }
    .legal-doc-section { margin-bottom:16px; }
    .legal-doc-section:last-child { margin-bottom:0; }
    .legal-doc-section h4 { margin:0 0 6px; color:#1d2939; font-size:14px; }
    .legal-doc-section p { margin:5px 0; }
    @media(max-width:560px){.legal-doc-modal{place-items:end center;padding:10px 0 0}.legal-doc-sheet{max-height:92vh;border-bottom:0;border-radius:8px 8px 0 0}.legal-doc-body{padding:14px 16px max(20px,env(safe-area-inset-bottom))}}
    .logout-confirm-modal { position:fixed; inset:0; z-index:110; display:grid; place-items:center; padding:18px; background:rgba(16,24,40,.42); }
    .logout-confirm-sheet { width:min(360px,100%); display:grid; gap:10px; padding:22px; border:1px solid #dfe5ec; border-radius:8px; background:#fff; box-shadow:0 20px 52px rgba(16,24,40,.24); }
    .logout-confirm-sheet strong { color:#101828; font-size:18px; }
    .logout-confirm-sheet p { margin:0; color:#667085; font-size:13px; line-height:1.6; }
    .logout-confirm-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:8px; }
    .logout-confirm-actions .btn { min-height:42px; }
    @media(max-width:560px){.logout-confirm-modal{place-items:end center;padding:0}.logout-confirm-sheet{width:100%;padding:20px 16px max(18px,env(safe-area-inset-bottom));border-bottom:0;border-radius:10px 10px 0 0}.logout-confirm-actions .btn{min-height:46px}}
    .wechat-share-result-modal { position:fixed; inset:0; z-index:115; display:grid; place-items:center; padding:18px; background:rgba(16,24,40,.46); }
    .wechat-share-result-sheet { width:min(420px,100%); max-height:calc(100vh - 36px); display:grid; gap:14px; padding:22px; overflow-y:auto; overscroll-behavior:contain; border:1px solid #dfe5ec; border-radius:8px; background:#fff; box-shadow:0 24px 64px rgba(16,24,40,.28); }
    .wechat-share-result-head { display:grid; grid-template-columns:42px minmax(0,1fr); gap:12px; align-items:center; }
    .wechat-share-result-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:8px; background:#e8f7f3; color:#087f75; font-size:20px; font-weight:var(--weight-semibold); }
    .wechat-share-result-head div { min-width:0; display:grid; gap:3px; }
    .wechat-share-result-head strong { color:#101828; font-size:18px; }
    .wechat-share-result-head span, .wechat-share-result-note { color:#667085; font-size:12px; line-height:1.55; }
    .wechat-share-result-target { display:grid; gap:5px; padding:13px 14px; border:1px solid #cfe8e1; border-radius:8px; background:#f4fbf8; }
    .wechat-share-result-target span { color:#667085; font-size:11px; }
    .wechat-share-result-target strong { color:#087443; font-size:15px; overflow-wrap:anywhere; }
    .wechat-share-result-progress { display:grid; grid-template-columns:38px minmax(0,1fr) 38px; gap:8px; align-items:center; }
    .wechat-share-result-progress button { height:36px; border:1px solid #d5dce5; border-radius:7px; background:#fff; color:#344054; font-size:20px; }
    .wechat-share-result-progress button:disabled { opacity:.35; }
    .wechat-share-result-progress span { color:#475467; font-size:12px; font-weight:700; text-align:center; }
    .wechat-poster-image-panel { display:grid; gap:10px; }
    .wechat-poster-image-frame { position:relative; overflow:hidden; border:1px solid #d6dee8; border-radius:8px; background:#eef2f6; box-shadow:0 8px 24px rgba(16,24,40,.1); }
    .wechat-poster-image-frame img { display:block; width:100%; height:auto; aspect-ratio:15 / 22; object-fit:contain; background:#eef2f6; -webkit-touch-callout:default; user-select:auto; }
    .wechat-poster-image-loading { min-height:220px; display:grid; place-items:center; padding:24px; color:#667085; font-size:13px; }
    .wechat-poster-image-hint { margin:0; color:#475467; font-size:12px; line-height:1.55; text-align:center; }
    .wechat-poster-image-panel > .btn { min-height:44px; }
    .wechat-share-poster-open { min-width:0; display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:11px; align-items:center; padding:13px; border:1px solid #a9c9f5; border-radius:8px; background:#f2f7fe; color:inherit; text-decoration:none; box-shadow:0 5px 16px rgba(8,118,108,.08); }
    .wechat-share-poster-open:hover { border-color:#08766c; background:#edf6f4; }
    .wechat-share-poster-mark { width:44px; height:52px; display:grid; place-items:center; border-radius:7px; background:#08766c; color:#fff; font-size:20px; font-weight:var(--weight-bold); }
    .wechat-share-poster-copy { min-width:0; display:grid; gap:3px; }
    .wechat-share-poster-copy span { color:#08766c; font-size:11px; font-weight:var(--weight-semibold); }
    .wechat-share-poster-copy strong { color:#101828; font-size:15px; overflow-wrap:anywhere; }
    .wechat-share-poster-copy small { color:#667085; font-size:11px; line-height:1.4; }
    .wechat-share-poster-open em { color:#08766c; font-size:13px; font-style:normal; font-weight:var(--weight-semibold); white-space:nowrap; }
    .wechat-share-result-choices { display:grid; gap:9px; }
    .wechat-share-result-choice { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:8px; align-items:center; padding:11px; border:1px solid #e2e8f0; border-radius:8px; background:#f8fafc; }
    .wechat-share-result-choice > div { min-width:0; display:grid; gap:3px; }
    .wechat-share-result-choice strong { color:#1d2939; font-size:14px; }
    .wechat-share-result-choice span { color:#667085; font-size:11px; line-height:1.45; }
    .wechat-share-result-choice .btn { min-height:38px; padding-inline:12px; white-space:nowrap; }
    .wechat-share-result-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
    .wechat-share-result-actions .btn { min-height:42px; }
    .wechat-share-result-actions .confirm { grid-column:1 / -1; }
    .wechat-share-alternatives { border-top:1px solid #e7edf3; }
    .wechat-share-alternatives > summary { min-height:42px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:4px 1px 0; list-style:none; color:#475467; font-size:13px; font-weight:var(--weight-semibold); cursor:pointer; }
    .wechat-share-alternatives > summary::-webkit-details-marker { display:none; }
    .wechat-share-alternatives > summary::after { content:"展开"; color:#08766c; font-size:11px; }
    .wechat-share-alternatives[open] > summary::after { content:"收起"; }
    .wechat-share-alternatives-body { display:grid; gap:10px; padding-top:8px; }
    @media(max-width:560px){.wechat-share-result-modal{place-items:end center;padding:0}.wechat-share-result-sheet{width:100%;max-height:calc(100dvh - 10px);padding:20px 16px max(18px,env(safe-area-inset-bottom));border-bottom:0;border-radius:10px 10px 0 0}.wechat-share-result-choice{grid-template-columns:minmax(0,1fr) auto}.wechat-share-result-choice>a{grid-column:2}.wechat-share-result-choice>button{grid-column:1 / -1}.wechat-share-result-choice .btn,.wechat-share-result-actions .btn{min-height:46px}.wechat-share-poster-open{grid-template-columns:44px minmax(0,1fr)}.wechat-share-poster-open em{grid-column:2}.wechat-poster-image-panel>.btn{min-height:48px}.wechat-poster-image-hint{font-size:13px}}
    .customer-personal-share-modal{position:fixed;inset:0;z-index:126;display:grid;place-items:center;padding:18px;background:rgba(16,24,40,.48)}
    .customer-personal-share-sheet{width:min(460px,100%);max-height:calc(100dvh - 36px);display:grid;gap:14px;padding:20px;overflow-y:auto;border:1px solid #dfe5ec;border-radius:8px;background:#fff;box-shadow:0 24px 64px rgba(16,24,40,.28)}
    .customer-personal-share-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.customer-personal-share-head>div{min-width:0;display:grid;gap:4px}.customer-personal-share-head strong{font-size:18px;color:#101828}.customer-personal-share-head span{font-size:12px;line-height:1.55;color:#667085}.customer-personal-share-close{width:36px;height:36px;flex:none;border:1px solid #dfe5ec;border-radius:6px;background:#fff;color:#667085;font-size:22px}
    .customer-personal-share-poster{display:block;width:min(300px,100%);margin:auto;border:1px solid #dfe5ec;border-radius:7px;background:#f4f6f8}.customer-personal-share-message{width:100%;min-height:112px;resize:none;padding:12px;border:1px solid #d5dce5;border-radius:7px;background:#f8fafc;color:#1d2939;font-size:14px;line-height:1.65}.customer-personal-share-note{margin:0;color:#667085;font-size:12px;line-height:1.6}.customer-personal-share-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.customer-personal-share-actions .btn{min-height:42px}.customer-personal-share-actions .primary{grid-column:1 / -1}
    @media(max-width:560px){.customer-personal-share-modal{place-items:end center;padding:0}.customer-personal-share-sheet{width:100%;max-height:calc(100dvh - 8px);padding:20px 16px max(18px,env(safe-area-inset-bottom));border-radius:10px 10px 0 0}.customer-personal-share-actions .btn{min-height:46px}}
    .fee-notice-head span { color:#667085; font-size:11px; }
    .fee-notice-close { width:36px; height:36px; display:grid; place-items:center; padding:0; border:0; border-radius:8px; background:#f2f4f7; color:#475467; font-size:22px; }
    .fee-notice-body { display:grid; gap:16px; padding:16px 16px max(22px,env(safe-area-inset-bottom)); overflow-y:auto; overscroll-behavior:contain; }
    .fee-standard-summary { display:none; }
    .fee-standard-summary > div { min-height:68px; display:grid; place-content:center; gap:4px; padding:9px 6px; border-right:1px solid #dbe5ef; text-align:center; }
    .fee-standard-summary > div:last-child { border-right:0; }
    .fee-standard-summary strong { color:#08766c; font-size:18px; }
    .fee-standard-summary span { color:#667085; font-size:10px; font-weight:var(--weight-semibold); line-height:1.35; }
    .fee-notice-section { display:grid; gap:8px; }
    .fee-notice-section h3 { margin:0; color:#101828; font-size:14px; }
    .fee-notice-section p, .fee-notice-section li { margin:0; color:#475467; font-size:12px; line-height:1.7; }
    .fee-notice-section ol, .fee-notice-section ul { display:grid; gap:6px; margin:0; padding-left:19px; }
    .fee-adjust-bar { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px; padding:9px 10px; border:1px solid #e2ebf5; border-radius:8px; background:#f8fbff; }
    .fee-adjust-bar > div { min-width:0; display:grid; gap:3px; }
    .fee-adjust-title { display:flex; align-items:center; gap:6px; }
    .fee-adjust-badge { display:inline-flex; align-items:center; min-height:20px; padding:0 7px; border-radius:999px; background:#eaf4f2; color:#08766c !important; font-size:10px !important; font-weight:var(--weight-medium); white-space:nowrap; }
    .fee-adjust-bar strong { color:#344054; font-size:13px; }
    .fee-adjust-bar span { color:#667085; font-size:11px; line-height:1.45; }
    .fee-pricing-rule { display:grid; gap:11px; padding:12px; border:1px solid #dbe5ef; border-radius:8px; background:#fff; }
    .fee-rule-lead { color:#344054; font-size:12px; line-height:1.65; }
    .fee-rule-table { display:grid; border:1px solid #e4e9ef; border-radius:8px; overflow:hidden; }
    .fee-rule-row { display:grid; grid-template-columns:64px minmax(0,1fr) minmax(0,1.55fr); align-items:center; min-height:38px; border-bottom:1px solid #e4e9ef; }
    .fee-rule-row:last-child { border-bottom:0; }
    .fee-rule-row > * { min-width:0; padding:8px; color:#475467; font-size:11px; line-height:1.45; }
    .fee-rule-row > * + * { border-left:1px solid #e4e9ef; }
    .fee-rule-row.head { min-height:32px; background:#f8fafc; }
    .fee-rule-row.head > * { color:#667085; font-size:10px; font-weight:var(--weight-medium); }
    .fee-rule-row strong { color:#101828; font-size:12px; }
    .fee-rule-notes { display:grid; gap:5px; margin:0; padding-left:18px; color:#667085; font-size:11px; line-height:1.55; }
    .fee-eligibility-progress { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; border:1px solid #cfe0f4; border-radius:8px; overflow:hidden; background:#cfe0f4; }
    .fee-progress-item { display:grid; gap:3px; padding:9px 7px; background:#f8fbff; text-align:center; }
    .fee-progress-item strong { color:#0a635b; font-size:15px; }
    .fee-progress-item span { color:#667085; font-size:10px; line-height:1.35; }
    .fee-price-request { display:grid; gap:12px; padding:12px; border:1px solid #cfe0f4; border-radius:8px; background:#f8fbff; }
    .fee-application-mode { display:grid; grid-template-columns:1fr 1fr; gap:7px; padding:3px; border-radius:8px; background:#e9eef5; }
    .fee-application-mode button { min-height:38px; border:0; border-radius:6px; background:transparent; color:#667085; font-size:12px; font-weight:var(--weight-medium); }
    .fee-application-mode button.active { background:#fff; color:#0a635b; box-shadow:0 1px 4px rgba(16,24,40,.1); }
    .fee-mode-note { margin:-4px 0 0; color:#667085; font-size:11px; line-height:1.5; }
    .fee-tier-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
    .fee-tier-option { min-width:0; min-height:94px; display:grid; align-content:start; gap:4px; padding:10px; border:1px solid #cfd8e3; border-radius:8px; background:#fff; color:#344054; text-align:left; }
    .fee-tier-option strong { color:#172b4d; font-size:13px; }
    .fee-tier-option b { color:#08766c; font-size:18px; }
    .fee-tier-option span { color:#667085; font-size:10px; line-height:1.4; }
    .fee-tier-option em { color:#087443; font-size:10px; font-style:normal; font-weight:var(--weight-medium); }
    .fee-tier-option.active { border-color:#08766c; background:#eef7f5; box-shadow:inset 0 0 0 1px #08766c; }
    .fee-tier-option:disabled { border-color:#e4e9ef; background:#f7f8fa; opacity:.72; cursor:not-allowed; }
    .pricing-policy-editor { display:grid; gap:10px; padding:12px; border-top:1px solid #e4e9ef; }
    .pricing-policy-base { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .authorization-policy-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
    .authorization-policy-grid section { display:grid; gap:8px; padding:10px; border:1px solid #e4e9ef; background:#fbfcfe; }
    .authorization-policy-grid section>strong { color:#344054; font-size:12px; }
    .authorization-policy-grid .inline-check { margin:0; }
    .authorization-channel-row { display:grid; gap:6px; padding:8px 0; border-top:1px solid #eef1f5; }
    .authorization-channel-modules { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 8px; padding-left:20px; }
    /* Compact admin controls: one system list, then one card per channel. */
    .authorization-policy-grid { grid-template-columns:1fr; gap:14px; }
    .authorization-policy-grid section { gap:10px; padding:14px; border-radius:8px; background:#fff; }
    .authorization-policy-intro { display:grid; gap:4px; padding:10px 12px; border:1px solid #dbe8f5; border-radius:8px; background:#f7fbfa; color:#475467; font-size:11px; line-height:1.55; }
    .authorization-policy-intro strong { color:#0a635b; font-size:12px; }
    .authorization-policy-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; }
    .authorization-policy-toolbar > strong { color:#172b4d; font-size:13px; }
    .authorization-policy-actions { display:flex; flex-wrap:wrap; gap:6px; }
    .authorization-policy-actions .btn { min-height:30px; padding:0 9px; font-size:11px; }
    .authorization-module-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
    .authorization-business-list { margin-bottom:14px; }
    .authorization-module-item { display:flex; align-items:flex-start; gap:8px; min-width:0; padding:9px 10px; border:1px solid #e2e8f0; border-radius:7px; background:#fbfcfe; }
    .authorization-module-item input { flex:0 0 auto; margin-top:2px; }
    .authorization-module-item span { display:grid; gap:2px; min-width:0; }
    .authorization-module-item b { color:#344054; font-size:12px; }
    .authorization-module-item small { color:#667085; font-size:10px; line-height:1.4; }
    .authorization-channel-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .authorization-channel-card { display:grid; gap:9px; min-width:0; padding:11px; border:1px solid #e2e8f0; border-radius:8px; background:#fbfcfe; }
    .authorization-channel-card.disabled { opacity:.66; }
    .authorization-channel-card-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
    .authorization-channel-card-head .inline-check { margin:0; color:#172b4d; font-weight:var(--weight-medium); }
    .authorization-channel-card-head small { color:#667085; font-size:10px; }
    .authorization-channel-card .authorization-channel-modules { grid-template-columns:repeat(2,minmax(0,1fr)); padding:0; gap:5px; }
    .authorization-channel-card .authorization-channel-modules .inline-check { margin:0; min-width:0; padding:6px 7px; border:1px solid #e7edf3; border-radius:6px; background:#fff; font-size:10px; }
    .authorization-channel-card .authorization-channel-modules input:disabled + * { opacity:.5; }
    .authorization-channel-business { margin-top:2px; border-top:1px solid #edf1f5; }
    .authorization-channel-business > summary { min-height:38px; display:flex; align-items:center; justify-content:space-between; list-style:none; color:#526173; font-size:12px; font-weight:var(--weight-medium); cursor:pointer; }
    .authorization-channel-business > summary::-webkit-details-marker { display:none; }
    .authorization-channel-business > summary::after { content:"展开"; color:#08766c; font-size:11px; }
    .authorization-channel-business[open] > summary::after { content:"收起"; }
    .print-template-list { display:grid; gap:12px; }
    .print-template-intro { display:grid; gap:4px; padding:10px 12px; border:1px solid #dbe8f5; border-radius:8px; background:#f7fbfa; color:#475467; font-size:11px; line-height:1.55; }
    .print-template-intro strong { color:#0a635b; font-size:12px; }
    .print-template-card { display:grid; gap:10px; padding:12px; border:1px solid #e2e8f0; border-radius:8px; background:#fbfcfe; }
    .print-template-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
    .print-template-card-head div { display:grid; gap:3px; min-width:0; }
    .print-template-card-head strong { color:#172b4d; font-size:13px; }
    .print-template-card-head span { color:#667085; font-size:10px; line-height:1.4; }
    .print-template-card-head .btn { min-height:30px; padding:0 9px; font-size:11px; white-space:nowrap; }
    .print-template-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .print-template-fields label { display:grid; gap:4px; color:#667085; font-size:10px; font-weight:var(--weight-semibold); }
    .print-template-fields label:last-child { grid-column:1 / -1; }
    .print-template-fields textarea { min-height:96px; resize:vertical; }
    .print-template-help { margin:0; color:#667085; font-size:10px; line-height:1.5; }
    .print-template-qr-rules { display:grid; gap:7px; padding:10px 12px; border:1px solid #e6eaf0; border-radius:8px; background:#fff; color:#475467; font-size:11px; line-height:1.55; }
    .print-template-qr-rules strong { color:#172b4d; font-size:12px; }
    .print-template-qr-rules div { display:grid; gap:2px; }
    .print-template-qr-rules span { color:#667085; }
    @media(max-width:760px){.authorization-module-list{grid-template-columns:repeat(2,minmax(0,1fr))}.authorization-channel-list{grid-template-columns:1fr}.print-template-fields{grid-template-columns:1fr}.print-template-fields label:last-child{grid-column:auto}}
    @media(max-width:420px){.authorization-module-list{grid-template-columns:1fr}.authorization-channel-card .authorization-channel-modules{grid-template-columns:1fr}.print-template-card-head{display:grid}.print-template-card-head .btn{width:100%}}
    .account-channel-policy { display:grid; gap:8px; margin-top:12px; padding:12px; border:1px solid #e4e9ef; background:#fbfcfe; }
    .notification-policy-row { display:grid; gap:8px; padding:10px 0; border-top:1px solid #eef1f5; }
    .notification-policy-head { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
    .notification-policy-head strong { min-width:170px; color:#344054; font-size:12px; }
    .notification-policy-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .notification-policy-body { grid-column:1 / -1; }
    .sms-center-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
    .sms-center-kpi { min-width:0; display:grid; gap:3px; padding:10px 11px; border:1px solid #dfe6ee; border-radius:7px; background:#f8fafc; }
    .sms-center-kpi strong { color:#172033; font-size:20px; line-height:1; }
    .sms-center-kpi span { color:#667085; font-size:10px; }
    .sms-center-section { display:grid; gap:10px; padding:12px 0; border-top:1px solid #e8edf3; }
    .sms-center-section:first-of-type { border-top:0; }
    .sms-center-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
    .sms-center-head strong { color:#27364a; font-size:13px; }
    .sms-center-head span { color:#667085; font-size:11px; }
    .sms-center-actions { display:flex; flex-wrap:wrap; gap:8px; }
    .sms-template-params { display:grid; gap:4px; padding:9px 10px; border-left:3px solid #8ebbf0; background:#f7faff; color:#526173; font-size:11px; line-height:1.55; }
    .sms-callback-field { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:7px; }
    .sms-callback-field input { min-width:0; }
    .sms-record-list { display:grid; gap:7px; }
    .sms-record-row { min-width:0; display:grid; grid-template-columns:minmax(120px,1.1fr) minmax(92px,.7fr) minmax(90px,.7fr) auto; align-items:center; gap:8px; padding:9px 10px; border:1px solid #e1e7ee; border-radius:7px; background:#fff; }
    .sms-record-row.is-unread { border-color:#f0b429; background:#fffaf0; }
    .sms-record-main { min-width:0; display:grid; gap:2px; }
    .sms-record-main strong { overflow:hidden; color:#27364a; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
    .sms-record-main span,.sms-record-meta { overflow:hidden; color:#667085; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
    .sms-status { justify-self:start; padding:3px 7px; border-radius:5px; background:#eef2f6; color:#526173; font-size:10px; font-weight:var(--weight-semibold); }
    .sms-status.sent { background:#e9f8f0; color:#087443; }
    .sms-status.waiting { background:#fff6df; color:#9a6700; }
    .sms-status.failed { background:#fff0ee; color:#b42318; }
    .sms-inbound-row { display:grid; gap:4px; padding:9px 10px; border:1px solid #e1e7ee; border-radius:7px; background:#fff; }
    .sms-inbound-row div { display:flex; justify-content:space-between; gap:8px; color:#667085; font-size:10px; }
    .sms-inbound-row p { margin:0; color:#27364a; font-size:12px; line-height:1.55; overflow-wrap:anywhere; }
    @media(max-width:680px){.sms-center-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sms-callback-field{grid-template-columns:1fr 1fr}.sms-callback-field input{grid-column:1/-1}.sms-record-row{grid-template-columns:minmax(0,1fr) auto}.sms-record-meta{white-space:normal}.sms-record-row>.btn{grid-column:1/-1;width:100%}}
    .notification-field-label { display:block; margin-bottom:4px; color:#667085; font-size:10px; font-weight:var(--weight-semibold); }
    .notification-role-checks { display:flex; flex-wrap:wrap; gap:4px 10px; min-height:38px; align-items:center; padding:5px 8px; border:1px solid #d8dee7; border-radius:7px; background:#fff; }
    .ticket-field-settings { border-color:#c9dff8; background:#fbfdff; }
    .ticket-field-settings > summary { color:#0a635b; }
    .ticket-field-settings > summary::before { content:"常用"; flex:0 0 auto; padding:2px 6px; border-radius:4px; background:#eaf4f2; color:#0a635b; font-size:10px; font-weight:var(--weight-semibold); }
    .ticket-settings-group { display:grid; gap:10px; min-width:0; }
    .ticket-settings-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:10px; padding:4px 2px 1px; }
    .ticket-settings-heading strong { color:#172033; font-size:15px; }
    .ticket-settings-heading span { color:#667085; font-size:11px; font-weight:var(--weight-medium); }
    .ticket-field-intro { display:grid; gap:4px; padding:10px 12px; border:1px solid #dbe8f5; border-radius:8px; background:#f7fbfa; color:#526173; font-size:11px; line-height:1.55; }
    .ticket-field-intro strong { color:#0a635b; font-size:12px; }
    .notification-template-list { display:grid; gap:10px; }
    .notification-template-card { overflow:hidden; border:1px solid #e4e9ef; border-radius:8px; background:#fff; }
    .notification-template-card:not(details) { display:grid; gap:10px; padding:12px; }
    .notification-template-card > summary { min-height:52px; display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:10px; align-items:center; padding:9px 12px; list-style:none; cursor:pointer; }
    .notification-template-card > summary::-webkit-details-marker { display:none; }
    .notification-template-card > summary::after { content:"编辑字段"; color:#08766c; font-size:11px; font-weight:var(--weight-medium); }
    .notification-template-card[open] > summary::after { content:"收起"; }
    .notification-template-head { display:flex; justify-content:space-between; gap:10px; align-items:flex-start; }
    .notification-template-head div { display:grid; gap:3px; }
    .notification-template-head strong { color:#172b4d; font-size:13px; }
    .notification-template-head span { color:#667085; font-size:11px; line-height:1.5; }
    .notification-template-count { color:#667085; font-size:11px; font-style:normal; white-space:nowrap; }
    .notification-template-meta { display:grid; grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr); gap:10px; align-items:end; padding:10px 12px; border-top:1px solid #edf1f5; background:#fbfcfe; }
    .notification-template-meta label { display:grid; gap:4px; color:#667085; font-size:10px; font-weight:var(--weight-semibold); }
    .notification-template-meta input { min-width:0; height:34px; font-size:12px; }
    .notification-template-locations { min-width:0; display:grid; gap:5px; }
    .notification-template-locations > span { color:#667085; font-size:10px; font-weight:var(--weight-semibold); }
    .notification-template-location-list { display:flex; flex-wrap:wrap; gap:5px; }
    .notification-template-location-list em { min-height:24px; display:inline-flex; align-items:center; padding:0 7px; border:1px solid #dbe5ef; border-radius:999px; background:#fff; color:#526173; font-size:10px; font-style:normal; font-weight:var(--weight-medium); }
    .notification-template-toolbar { display:flex; flex-wrap:wrap; gap:6px; align-items:center; padding:8px 12px; border-top:1px solid #edf1f5; background:#f8fafc; }
    .notification-template-toolbar .btn { min-height:28px; padding:0 8px; font-size:10px; }
    .notification-template-toolbar .source-toggle { margin-left:auto; }
    .notification-template-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; padding:9px 12px 11px; }
    .notification-template-field { min-width:0; display:grid; grid-template-columns:auto minmax(0,1fr) 52px; align-items:center; gap:6px; padding:7px; border:1px solid #edf1f5; border-radius:7px; background:#fff; }
    .notification-template-field input:not([type="checkbox"]) { min-width:0; height:32px; padding:0 8px; font-size:12px; }
    .notification-template-field input[type="number"] { text-align:center; }
    .notification-template-source { display:none; grid-column:1 / -1; min-width:0; overflow:hidden; padding-top:5px; border-top:1px dashed #e5eaf0; color:#98a2b3; font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; text-overflow:ellipsis; white-space:nowrap; }
    .notification-template-card.show-sources .notification-template-source { display:block; }
    @media(max-width:620px){.notification-template-fields{grid-template-columns:1fr}.notification-template-head{display:grid}.notification-template-meta{grid-template-columns:1fr}.notification-template-toolbar .source-toggle{margin-left:0}}
    .operating-report-settings { min-width:0; display:grid; gap:10px; margin-top:12px; padding-top:12px; border-top:1px solid #e5eaf0; }
    .operating-report-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
    .operating-report-head strong { color:#1d2939; font-size:13px; }
    .operating-report-controls { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
    .operating-report-actions { display:flex; flex-wrap:wrap; gap:7px; }
    .operating-report-preview { min-width:0; display:grid; gap:9px; padding-top:10px; border-top:1px dashed #dfe6ee; }
    .operating-report-preview-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
    .operating-report-preview-head strong { color:#172b4d; font-size:14px; }
    .operating-report-preview-head span { color:#667085; font-size:11px; }
    .operating-report-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
    .operating-report-kpis div { min-width:0; display:grid; gap:3px; padding:8px; border:1px solid #e4e9ef; border-radius:7px; background:#f8fafc; }
    .operating-report-kpis b { color:#101828; font-size:18px; }
    .operating-report-kpis span { color:#667085; font-size:10px; }
    .operating-report-focus { margin:0; padding-left:18px; color:#475467; font-size:11px; line-height:1.65; }
    @media(max-width:680px){.operating-report-controls{grid-template-columns:1fr}.operating-report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
    .wechat-channel-settings-body { display:grid; gap:12px; padding:14px; }
    .wechat-channel-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; padding:12px; scroll-margin-top:14px; border:1px solid #dfe6ee; border-radius:8px; background:#fbfcfe; transition:border-color .18s ease, box-shadow .18s ease, background .18s ease; }
    .wechat-channel-form.editing { border-color:#08766c; background:#f7fbfa; box-shadow:0 0 0 3px rgba(8,118,108,.1); }
    .wechat-channel-name-field { min-width:0; display:grid; grid-template-columns:minmax(0,1fr); align-content:start; gap:6px; }
    .wechat-channel-name-field > * { min-width:0; }
    .wechat-channel-name-copy { width:max-content; min-height:30px; justify-self:start; padding:0 9px; }
    .wechat-channel-name-field small { display:block; line-height:1.45; }
    .wechat-channel-editor-head { position:sticky; top:0; z-index:3; grid-column:1 / -1; min-width:0; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px; margin:-12px -12px 3px; padding:10px 12px; border-bottom:1px solid #dce6f2; border-radius:8px 8px 0 0; background:rgba(247,251,255,.97); box-shadow:0 3px 8px rgba(16,24,40,.06); backdrop-filter:blur(8px); }
    .wechat-channel-editor-title { min-width:0; display:grid; gap:2px; }
    .wechat-channel-editor-title span { color:#667085; font-size:10px; font-weight:var(--weight-semibold); }
    .wechat-channel-editor-title strong { overflow:hidden; color:#172b4d; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
    .wechat-channel-editor-actions { display:flex; align-items:center; gap:7px; }
    .wechat-channel-editor-close { width:34px; min-width:34px; height:34px; display:grid; place-items:center; padding:0; border:1px solid #d8e1eb; border-radius:7px; background:#fff; color:#475467; font-size:20px; line-height:1; cursor:pointer; }
    .wechat-channel-form .wide { grid-column:1 / -1; }
    .wechat-channel-location { display:grid; gap:7px; }
    .wechat-channel-location-actions { display:flex; flex-wrap:wrap; align-items:center; gap:7px; }
    .wechat-channel-location-actions small { flex:1 1 180px; color:#667085; font-size:10px; line-height:1.45; }
    .wechat-channel-location-details { border:1px solid #dfe6ee; border-radius:8px; background:#fbfcfe; }
    .wechat-channel-location-details > summary { min-height:42px; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0 11px; color:#344054; font-size:12px; font-weight:700; cursor:pointer; list-style:none; }
    .wechat-channel-location-details > summary::-webkit-details-marker { display:none; }
    .wechat-channel-location-details > summary span { color:#98a2b3; font-size:10px; font-weight:500; }
    .wechat-channel-location-details[open] > summary { border-bottom:1px solid #e7ebf0; color:#08766c; }
    .wechat-channel-location-details .wechat-channel-location { padding:10px 11px 11px; }
    .wechat-channel-code-field input { color:#0a635b; font-weight:var(--weight-semibold); text-transform:uppercase; }
    .wechat-channel-code-field small { color:#667085; font-size:10px; font-weight:var(--weight-regular); line-height:1.45; }
    .wechat-channel-businesses { display:flex; flex-wrap:wrap; gap:6px; }
    .wechat-channel-businesses label { min-height:32px; display:inline-flex; align-items:center; gap:5px; padding:0 8px; border:1px solid #dbe5ef; border-radius:7px; background:#fff; color:#526173; font-size:11px; }
    .wechat-channel-businesses input { width:15px; height:15px; min-height:15px; margin:0; }
    .wechat-channel-management { display:grid; gap:8px; padding:10px; border:1px solid #d9e3ed; border-radius:7px; background:#fff; }
    .wechat-channel-management-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
    .wechat-channel-management-head strong { color:#344054; font-size:12px; }
    .wechat-channel-management-head span { color:#667085; font-size:11px; }
    .wechat-channel-management-tags label { min-height:36px; }
    .wechat-channel-management-tags label.wechat-management-elite-option { position:relative; padding-right:42px; border-color:#e7c36a; background:#fffaf0; color:#7a4b00; }
    .wechat-management-elite-corner { position:absolute; top:-7px; right:-5px; min-height:17px; display:inline-flex; align-items:center; padding:0 5px; border:1px solid #d99a16; border-radius:3px; background:#fff3c4; color:#8a5a00; font-size:9px; font-style:normal; font-weight:800; line-height:1; transform:rotate(5deg); box-shadow:0 1px 2px rgba(122,75,0,.12); }
    .wechat-channel-internal { display:grid; gap:6px; padding:8px 9px; border-left:3px solid #7f8ea3; border-radius:0 6px 6px 0; background:#f6f8fa; }
    .wechat-channel-internal-head { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
    .wechat-channel-internal-head > span { min-height:21px; display:inline-flex; align-items:center; padding:0 7px; border-radius:5px; background:#344054; color:#fff; font-size:10px; font-weight:800; }
    .wechat-channel-internal-head em { min-height:21px; display:inline-flex; align-items:center; padding:0 7px; border:1px solid #cfd8e3; border-radius:5px; background:#fff; color:#475467; font-size:10px; font-style:normal; font-weight:var(--weight-semibold); }
    .wechat-channel-internal-head em.wechat-management-elite-tag { position:relative; border-color:#e7c36a; background:#fffaf0; color:#7a4b00; }
    .wechat-management-elite-tag .wechat-management-elite-corner { top:-8px; right:-6px; }
    .wechat-channel-internal p { margin:0; color:#475467; font-size:11px; line-height:1.5; overflow-wrap:anywhere; }
    .wechat-channel-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .wechat-channel-list-toolbar { display:grid; grid-template-columns:minmax(150px,.42fr) minmax(140px,.32fr) minmax(220px,1fr) auto; gap:8px; align-items:center; }
    .wechat-channel-list-toolbar input, .wechat-channel-list-toolbar select { min-width:0; min-height:38px; }
    .wechat-channel-list-toolbar span { color:#667085; font-size:11px; white-space:nowrap; }
    .wechat-channel-due-analysis { display:grid; gap:8px; padding:10px; border:1px solid #dbe7f3; border-radius:8px; background:#f7fbfa; }
    .wechat-channel-due-analysis.empty { border-style:dashed; background:#fbfcfe; color:#667085; font-size:12px; }
    .wechat-channel-due-head { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; align-items:flex-start; }
    .wechat-channel-due-head strong { color:#172b4d; font-size:13px; }
    .wechat-channel-due-head span { color:#667085; font-size:11px; line-height:1.45; }
    .wechat-channel-due-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
    .wechat-channel-due-kpi { display:grid; gap:2px; padding:8px; border:1px solid #e3ebf4; border-radius:7px; background:#fff; }
    .wechat-channel-due-kpi b { color:#101828; font-size:18px; line-height:1; }
    .wechat-channel-due-kpi span { color:#667085; font-size:10px; font-weight:var(--weight-semibold); }
    .wechat-channel-due-rows { display:grid; gap:6px; }
    .wechat-channel-due-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; padding:8px; border:1px solid #e7edf4; border-radius:7px; background:#fff; }
    .wechat-channel-due-row strong { display:block; overflow:hidden; color:#344054; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
    .wechat-channel-due-row span { display:block; margin-top:2px; color:#667085; font-size:10px; line-height:1.4; }
    .wechat-channel-due-row .btn { min-height:30px; padding:0 8px; }
    .wechat-channel-admin-scope { min-width:0; display:grid; grid-template-columns:auto minmax(0,1fr); gap:7px; align-items:center; color:#667085; font-size:11px; font-weight:var(--weight-semibold); }
    .wechat-channel-section-title { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:4px; padding:7px 2px 2px; color:#344054; font-size:12px; font-weight:var(--weight-semibold); }
    .wechat-channel-section-title span { color:#98a2b3; font-size:10px; font-weight:var(--weight-medium); }
    .wechat-channel-card { min-width:0; display:grid; gap:7px; padding:11px; border:1px solid #e2e8f0; border-radius:8px; background:#fff; }
    .wechat-channel-card.recently-created { border-color:#08766c; background:#f2f8f7; box-shadow:0 0 0 3px rgba(8,118,108,.12); }
    .wechat-channel-card.editing { border-color:#08766c; background:#f7fbfa; box-shadow:0 0 0 2px rgba(8,118,108,.08); }
    .wechat-channel-card.editing [data-wechat-channel-edit] { border-color:#08766c; background:#08766c; color:#fff; }
    .wechat-channel-portal-modal { position:fixed; inset:0; z-index:130; display:grid; place-items:center; padding:18px; background:rgba(16,24,40,.52); }
    .wechat-channel-portal-sheet { width:min(720px,100%); min-width:0; max-height:calc(100vh - 36px); display:grid; grid-template-rows:auto minmax(0,1fr); overflow:hidden; border:1px solid #dfe5ec; border-radius:8px; background:#fff; box-shadow:0 24px 64px rgba(16,24,40,.28); }
    .wechat-channel-portal-head { display:flex; justify-content:space-between; gap:14px; align-items:flex-start; padding:16px 18px; border-bottom:1px solid #e8ecf1; }
    .wechat-channel-portal-head div { min-width:0; display:grid; gap:3px; }
    .wechat-channel-portal-head strong { color:#101828; font-size:17px; }
    .wechat-channel-portal-head span { color:#667085; font-size:12px; }
    .wechat-channel-portal-close { width:34px; min-width:34px; height:34px; padding:0; border:1px solid #d8dee7; border-radius:7px; background:#fff; color:#475467; font-size:20px; cursor:pointer; }
    .wechat-channel-portal-body { min-height:0; padding:14px 18px 18px; overflow:auto; }
    .wechat-channel-portal-toolbar { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; margin-bottom:12px; }
    .wechat-channel-portal-toolbar input { width:100%; height:38px; padding:0 11px; border:1px solid #d8dee7; border-radius:7px; }
    .wechat-channel-manage-list { display:grid; gap:8px; }
    .wechat-channel-manage-row { min-width:0; display:grid; grid-template-columns:minmax(120px,1fr) minmax(150px,1fr) auto auto; gap:8px; align-items:center; padding:10px; border:1px solid #e3e8ee; border-radius:7px; background:#f9fafb; }
    .wechat-channel-manage-row > div { min-width:0; display:grid; gap:2px; }
    .wechat-channel-manage-row strong { overflow:hidden; color:#172b4d; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
    .wechat-channel-manage-row span { color:#667085; font-size:11px; }
    .wechat-channel-manage-row .wechat-channel-manage-plate { color:#065e57; font-size:16px; font-weight:800; }
    .wechat-channel-manage-row .wechat-channel-manage-type { color:#344054; font-size:12px; font-weight:var(--weight-semibold); line-height:1.4; white-space:normal; }
    .wechat-channel-manage-row .wechat-channel-manage-dates { line-height:1.5; white-space:normal; }
    .wechat-channel-manage-row .wechat-channel-manage-dates b { color:#526173; font-weight:var(--weight-semibold); }
    .wechat-channel-manage-target { position:relative; min-width:0; }
    .wechat-channel-manage-target::after { content:""; position:absolute; top:50%; right:13px; width:8px; height:8px; border-right:2px solid #344054; border-bottom:2px solid #344054; transform:translateY(-68%) rotate(45deg); pointer-events:none; }
    .wechat-channel-manage-target select { width:100%; min-width:0; height:38px; padding:0 38px 0 12px; border:1px solid #d8dee7; border-radius:7px; background:#fff; color:#172b4d; font-size:13px; line-height:normal; -webkit-appearance:none; appearance:none; }
    .wechat-channel-manage-target select:focus { border-color:#08766c; outline:3px solid rgba(8,118,108,.12); }
    .wechat-channel-poster-sheet { width:min(430px,100%); max-height:calc(100vh - 36px); overflow:auto; padding:16px; border-radius:8px; background:#fff; box-shadow:0 24px 64px rgba(16,24,40,.28); }
    .wechat-channel-poster-sheet img { display:block; width:100%; height:auto; border:1px solid #dfe5ec; border-radius:7px; }
    .wechat-channel-poster-sheet .actions { margin-top:12px; }
    .wechat-channel-poster-sheet p { margin:10px 0 0; color:#667085; font-size:12px; line-height:1.55; overflow-wrap:anywhere; }
    .poster-longpress-viewer { position:fixed; inset:0; z-index:220; display:grid; place-items:center; padding:0; background:rgba(10,16,28,.96); }
    .poster-longpress-viewer-sheet { width:min(520px,100%); height:100%; overflow:auto; padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); }
    .poster-longpress-viewer-head { position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:10px; margin:-12px -12px 12px; padding:max(12px,env(safe-area-inset-top)) 12px 10px; background:rgba(10,16,28,.94); color:#fff; }
    .poster-longpress-viewer-head div { display:grid; gap:3px; }
    .poster-longpress-viewer-head strong { font-size:16px; }
    .poster-longpress-viewer-head span { color:#d0d5dd; font-size:12px; }
    .poster-longpress-viewer-close { width:40px; height:40px; border:1px solid rgba(255,255,255,.35); border-radius:999px; background:rgba(255,255,255,.1); color:#fff; font-size:23px; }
    .poster-longpress-viewer img { display:block; width:100%; height:auto; border-radius:7px; background:#fff; -webkit-touch-callout:default; user-select:auto; }
    @media(max-width:760px){.wechat-channel-poster-sheet .actions.mobile-poster-actions,.customer-personal-share-actions.mobile-poster-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mobile-poster-actions [data-poster-longpress-open]{grid-column:1/-1;min-height:46px}.mobile-poster-actions .btn{min-width:0;min-height:44px;margin:0}}
    .wechat-channel-share-choice { width:min(520px,100%); max-height:calc(100vh - 36px); overflow:auto; border-radius:8px; background:#fff; box-shadow:0 24px 64px rgba(16,24,40,.28); }
    .wechat-channel-share-choice header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:16px 18px; border-bottom:1px solid #e7ebf0; }
    .wechat-channel-share-choice header div { min-width:0; display:grid; gap:4px; }
    .wechat-channel-share-choice header strong { color:#101828; font-size:17px; }
    .wechat-channel-share-choice header span { color:#667085; font-size:12px; line-height:1.5; }
    .wechat-channel-share-modes { display:grid; gap:8px; padding:14px 18px 18px; }
    .wechat-channel-share-mode { min-width:0; min-height:64px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px; padding:11px 12px; border:1px solid #dbe3ec; border-radius:7px; background:#fff; color:#344054; text-align:left; cursor:pointer; }
    .wechat-channel-share-mode:hover { border-color:#9fc2f2; background:#f7fbfa; }
    .wechat-channel-share-mode div { min-width:0; display:grid; gap:3px; }
    .wechat-channel-share-mode strong { color:#172b4d; font-size:14px; }
    .wechat-channel-share-mode span { color:#667085; font-size:11px; line-height:1.45; }
    .wechat-channel-share-mode b { color:#08766c; font-size:12px; white-space:nowrap; }
    .wechat-channel-card.disabled { opacity:.62; background:#f8fafc; }
    .wechat-channel-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
    .wechat-channel-card-head > div { min-width:0; display:grid; gap:4px; }
    .wechat-channel-card-head .wechat-channel-card-title { min-width:0; display:flex; align-items:center; flex-wrap:wrap; gap:6px 8px; }
    .wechat-channel-card-head .wechat-channel-card-title > strong { flex:0 1 auto; max-width:100%; font-size:14px; }
    .wechat-channel-card-head .wechat-channel-code { flex:none; width:max-content; min-width:0; min-height:29px; display:inline-flex; align-items:center; padding:0 8px; border:1px solid #0b4daf; border-radius:6px; background:#065e57; color:#fff; line-height:1; box-shadow:0 1px 2px rgba(15,85,199,.2); }
    .wechat-channel-code b { color:#fff; font-size:13px; font-weight:800; letter-spacing:.15px; white-space:nowrap; }
    .wechat-channel-card-head strong { overflow:hidden; color:#1d2939; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
    .wechat-channel-card-head span, .wechat-channel-card p { margin:0; color:#667085; font-size:11px; line-height:1.5; }
    .wechat-channel-card-head .wechat-channel-group-name { display:flex; align-items:flex-start; gap:5px; color:#475467; overflow-wrap:anywhere; }
    .wechat-channel-card-head .wechat-channel-group-name b { flex:none; color:#667085; font-size:10px; }
    .wechat-channel-tags { display:flex; flex-wrap:wrap; gap:4px; }
    .wechat-channel-tags em { padding:3px 6px; border-radius:5px; background:#eef7f5; color:#0a635b; font-size:10px; font-style:normal; font-weight:var(--weight-semibold); }
    .wechat-channel-vehicles { border-top:1px solid #edf1f5; }
    .wechat-channel-vehicles summary { min-height:32px; display:flex; align-items:center; justify-content:space-between; gap:8px; padding-top:7px; color:#526173; font-size:11px; font-weight:var(--weight-semibold); cursor:pointer; list-style:none; }
    .wechat-channel-vehicles summary::-webkit-details-marker { display:none; }
    .wechat-channel-vehicles summary::after, .wechat-channel-vehicles[open] summary::after { display:none; content:none; }
    .wechat-channel-vehicles-toggle { flex:none; color:#98a2b3; font-size:10px; font-weight:var(--weight-medium); }
    .wechat-channel-vehicles-toggle.open { display:none; }
    .wechat-channel-vehicles[open] .wechat-channel-vehicles-toggle.closed { display:none; }
    .wechat-channel-vehicles[open] .wechat-channel-vehicles-toggle.open { display:inline; }
    .wechat-channel-vehicle-list { display:flex; flex-wrap:wrap; gap:5px; padding:2px 0 4px; }
    .wechat-channel-vehicle-list button { min-height:28px; padding:0 8px; border:1px solid #dbe5ef; border-radius:6px; background:#fff; color:#0a635b; font-size:10px; font-weight:var(--weight-semibold); cursor:pointer; }
    .wechat-channel-vehicle-list span { align-self:center; color:#98a2b3; font-size:10px; }
    .wechat-channel-card-actions { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
    .wechat-channel-card-actions > .btn { min-width:54px; }
    .lead-wechat-membership-sheet { width:min(560px,100%); max-height:calc(100dvh - 24px); display:grid; grid-template-rows:auto minmax(0,1fr) auto; overflow:hidden; border-radius:10px; background:#fff; box-shadow:0 24px 64px rgba(16,24,40,.28); }
    .lead-wechat-membership-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:16px; border-bottom:1px solid #e7ebf0; }
    .lead-wechat-membership-head > span { min-width:0; display:grid; gap:4px; }
    .lead-wechat-membership-head strong { color:#101828; font-size:18px; }
    .lead-wechat-membership-head small { color:#667085; font-size:12px; line-height:1.5; }
    .lead-wechat-membership-close { width:34px; min-width:34px; height:34px; padding:0; border:1px solid #d8dee7; border-radius:7px; background:#fff; color:#475467; font-size:20px; }
    .lead-wechat-membership-body { min-height:0; display:grid; gap:12px; padding:14px 16px; overflow:auto; }
    .lead-wechat-membership-target { display:grid; gap:4px; padding:11px 12px; border:1px solid #dce7f3; border-radius:8px; background:#f6faff; }
    .lead-wechat-membership-target strong { color:#08766c; font-size:14px; }
    .lead-wechat-membership-target span { color:#667085; font-size:11px; line-height:1.5; }
    .lead-wechat-membership-tabs { display:grid; grid-template-columns:1fr 1fr; gap:6px; padding:3px; border-radius:8px; background:#edf2f7; }
    .lead-wechat-membership-tabs button { min-height:38px; border:0; border-radius:6px; background:transparent; color:#667085; font-weight:700; }
    .lead-wechat-membership-tabs button.active { background:#fff; color:#08766c; box-shadow:0 1px 4px rgba(16,24,40,.12); }
    .lead-wechat-membership-panel { display:grid; gap:10px; }
    .lead-wechat-membership-panel.hidden { display:none; }
    .lead-wechat-membership-channel-list { display:grid; gap:7px; max-height:310px; overflow:auto; }
    .lead-wechat-membership-channel { min-height:58px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:9px; align-items:center; padding:9px 10px; border:1px solid #dfe6ee; border-radius:8px; background:#fff; text-align:left; }
    .lead-wechat-membership-channel.selected { border-color:#08766c; background:#f4f9f8; box-shadow:0 0 0 2px rgba(8,118,108,.08); }
    .lead-wechat-membership-channel b { min-width:48px; color:#08766c; font-size:11px; }
    .lead-wechat-membership-channel span { min-width:0; display:grid; gap:2px; }
    .lead-wechat-membership-channel strong { overflow:hidden; color:#172b4d; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
    .lead-wechat-membership-channel small { overflow:hidden; color:#667085; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
    .lead-wechat-membership-channel em { color:#08766c; font-size:18px; font-style:normal; }
    .lead-wechat-membership-fields { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
    .lead-wechat-membership-fields label { min-width:0; display:grid; gap:6px; color:#344054; font-size:12px; font-weight:700; }
    .lead-wechat-membership-fields input,.lead-wechat-membership-fields select { min-width:0; min-height:42px; }
    .lead-wechat-membership-fields .wide { grid-column:1 / -1; }
    .lead-wechat-generated-preview { grid-column:1 / -1; display:grid; gap:6px; padding:10px 11px; border:1px solid #cfe0f5; border-radius:8px; background:#f6faff; }
    .lead-wechat-generated-preview span { min-width:0; display:grid; grid-template-columns:82px minmax(0,1fr); align-items:start; gap:8px; color:#475467; font-size:11px; line-height:1.45; }
    .lead-wechat-generated-preview small { color:#667085; font-size:10px; font-weight:700; }
    .lead-wechat-generated-preview b { color:#065e57; font-size:12px; overflow-wrap:anywhere; }
    .lead-wechat-location-details { grid-column:1 / -1; border:1px solid #dfe6ee; border-radius:8px; background:#fbfcfe; }
    .lead-wechat-location-details > summary { min-height:40px; display:flex; align-items:center; justify-content:space-between; padding:0 11px; color:#344054; font-size:12px; font-weight:700; cursor:pointer; list-style:none; }
    .lead-wechat-location-details > summary::-webkit-details-marker { display:none; }
    .lead-wechat-location-details > summary span { color:#98a2b3; font-size:11px; font-weight:500; }
    .lead-wechat-location-details[open] > summary { border-bottom:1px solid #e7ebf0; color:#08766c; }
    .lead-wechat-location-field { display:grid; gap:6px; padding:10px 11px 11px; }
    .lead-wechat-location-field .lead-wechat-location-actions { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
    .lead-wechat-location-field .lead-wechat-location-actions small { color:#98a2b3; font-size:10px; font-weight:500; }
    .lead-wechat-membership-same { display:flex; align-items:flex-start; gap:8px; padding:10px 11px; border:1px solid #dce7f3; border-radius:8px; background:#f8fbff; color:#344054; font-size:12px; line-height:1.5; }
    .lead-wechat-membership-same input { flex:none; width:18px; min-height:18px; margin-top:1px; }
    .lead-wechat-membership-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:12px 16px max(12px,env(safe-area-inset-bottom)); border-top:1px solid #e7ebf0; background:#fff; }
    .lead-wechat-membership-actions .btn:first-child:last-child { grid-column:1 / -1; }
    @media(max-width:560px){.lead-wechat-membership-sheet{align-self:end;width:100%;max-height:92dvh;border-radius:12px 12px 0 0}.lead-wechat-membership-fields{grid-template-columns:1fr}.lead-wechat-membership-fields .wide{grid-column:auto}}
    .wechat-channel-more-actions { position:relative; overflow:visible; border:0; border-radius:0; background:transparent; }
    .wechat-channel-more-actions > summary { min-height:32px; display:inline-flex; align-items:center; justify-content:center; padding:0 10px; border:1px solid #cfd8e3; border-radius:6px; background:#fff; color:#344054; font-size:12px; font-weight:var(--weight-medium); cursor:pointer; list-style:none; }
    .wechat-channel-more-actions > summary::-webkit-details-marker { display:none; }
    .wechat-channel-more-actions > summary::after, .wechat-channel-more-actions[open] > summary::after { display:none; content:none; }
    .wechat-channel-more-actions[open] > summary { border-color:#08766c; color:#0a635b; background:#f4f9f8; }
    .wechat-channel-more-menu { position:absolute; right:0; bottom:calc(100% + 6px); z-index:12; display:grid; min-width:110px; padding:5px; border:1px solid #dfe5ec; border-radius:7px; background:#fff; box-shadow:0 10px 28px rgba(16,24,40,.16); }
    .wechat-channel-more-menu .btn { width:100%; min-height:34px; border:0; border-radius:5px; background:#fff; color:#344054; text-align:left; }
    .wechat-channel-more-menu .btn:hover { background:#f4f9f8; }
    .wechat-channel-more-menu .btn.red { color:#b42318; }
    .mobile-wechat-entry { display:none !important; }
    @media(max-width:900px){
      #userAdminToggle, #myAccountManageBtn { display:none !important; }
      .mobile-wechat-entry:not(.hidden) { display:inline-flex !important; }
      body.mobile-wechat-admin #userAdminPanel:not(.hidden) { position:fixed; inset:0; z-index:80; display:block !important; width:100%; height:auto; min-height:0; max-height:none; margin:0; padding:0 12px max(24px,env(safe-area-inset-bottom)); overflow-x:hidden; overflow-y:scroll; overscroll-behavior-y:contain; -webkit-overflow-scrolling:touch; touch-action:pan-y; background:#f5f7fa; }
      body.mobile-wechat-admin #userAdminPanel .section-title:has(#adminViewTitle) { position:sticky; top:0; z-index:3; min-height:56px; margin:0 0 10px; padding:10px 12px; border-bottom:1px solid #e2e8f0; background:rgba(245,247,250,.98); backdrop-filter:blur(12px); }
      body.mobile-wechat-admin #userAdminPanel .account-admin-tabs { display:none !important; }
      body.mobile-wechat-admin #userAdminPanel .account-platform-settings { display:grid !important; }
      body.mobile-wechat-admin #userAdminPanel #wechatChannelSettings { display:block !important; margin:0; overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; }
      body.mobile-wechat-admin #wechatChannelSettings > summary { position:static; min-height:48px; padding:0 2px; border-bottom:1px solid #dfe6ee; background:transparent; }
      body.mobile-wechat-admin #wechatChannelSettings > .wechat-channel-settings-body { gap:12px; padding:12px 0 24px; }
      body.mobile-wechat-admin #wechatChannelSettings .wechat-channel-list-toolbar { position:static; padding:0; background:transparent; }
      body.mobile-wechat-admin #wechatChannelSettings .wechat-channel-list-toolbar input,
      body.mobile-wechat-admin #wechatChannelSettings .wechat-channel-list-toolbar select { font-size:16px; }
    }
    @media(max-width:620px){.wechat-channel-form,.wechat-channel-list{grid-template-columns:1fr}.wechat-channel-form .wide,.wechat-channel-editor-head{grid-column:auto}.wechat-channel-list-toolbar{grid-template-columns:1fr}.wechat-channel-list-toolbar span{text-align:right}.wechat-channel-section-title{grid-column:auto}.wechat-channel-editor-head{margin:-12px -12px 3px}.wechat-channel-editor-actions .btn{min-height:36px;padding-inline:10px}.wechat-channel-due-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.wechat-channel-due-row{grid-template-columns:1fr}.wechat-channel-manage-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.wechat-channel-manage-vehicle,.wechat-channel-manage-target{grid-column:1 / -1}.wechat-channel-manage-target select{height:43px;font-size:15px}.wechat-channel-manage-row>[data-channel-manage-move],.wechat-channel-manage-row>[data-channel-manage-remove]{width:100%;min-width:0;min-height:40px;padding-inline:6px}.wechat-channel-portal-toolbar{grid-template-columns:1fr}.wechat-channel-card-actions > .btn{min-width:0;flex:1}.wechat-channel-more-actions{flex:0 0 auto}.wechat-channel-more-actions > summary{min-width:58px}}
    .pricing-policy-access { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px 12px; padding:9px; border:1px solid #e2ebf5; border-radius:8px; background:#f8fbff; }
    .pricing-policy-access .muted { grid-column:1 / -1; }
    .pricing-policy-tier { display:grid; gap:8px; padding:10px; border:1px solid #dbe5ef; border-radius:8px; background:#fff; }
    .pricing-policy-tier > strong { color:#172b4d; font-size:13px; }
    .pricing-policy-tier-fields { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; }
    .pricing-policy-editor label { display:grid; gap:4px; color:#667085; font-size:10px; font-weight:var(--weight-semibold); }
    .pricing-policy-editor input { min-width:0; min-height:38px; }
    .fee-campaign-fields { display:grid; grid-template-columns:1fr 1fr; gap:9px; padding:11px; border:1px solid #f0d6a6; border-radius:8px; background:#fffbf3; }
    .fee-campaign-fields label { display:grid; gap:5px; color:#475467; font-size:11px; font-weight:var(--weight-semibold); }
    .fee-campaign-fields label:first-child { grid-column:1/-1; }
    .fee-campaign-fields input { min-width:0; min-height:40px; }
    .fee-price-group { display:grid; gap:7px; }
    .fee-price-group > strong { color:#344054; font-size:12px; }
    .fee-price-presets { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
    .fee-price-presets button { min-height:38px; padding:0 8px; border:1px solid #cfd8e3; border-radius:8px; background:#fff; color:#344054; font-size:13px; font-weight:var(--weight-medium); }
    .fee-price-presets button.active { border-color:#08766c; background:#eaf4f2; color:#0a635b; box-shadow:inset 0 0 0 1px #08766c; }
    .fee-custom-price { display:grid; grid-template-columns:96px minmax(0,1fr) 28px; align-items:center; gap:8px; color:#667085; font-size:12px; }
    .fee-custom-price input { min-width:0; min-height:40px; }
    .fee-pricing-status { padding:9px 10px; border-radius:8px; background:#eef4fb; color:#475467; font-size:11px; font-weight:var(--weight-semibold); line-height:1.5; }
    .fee-pricing-status.pending { background:#fff4e5; color:#9a4f0b; }
    .fee-pricing-status.approved { background:#eaf8f0; color:#087443; }
    .fee-pricing-status.rejected { background:#fff0f0; color:#b42318; }
    .inspection-price-suggestion { grid-column:1 / -1; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px; padding:10px 11px; border:1px solid #cfe0f4; border-radius:8px; background:#f5f9ff; }
    .inspection-price-suggestion > div { min-width:0; display:grid; gap:3px; }
    .inspection-price-suggestion strong { color:#0a635b; font-size:13px; }
    .inspection-price-suggestion span { color:#667085; font-size:10px; font-weight:var(--weight-medium); line-height:1.45; }
    .inspection-price-suggestion .btn { min-width:76px; }
    @media(max-width:760px){.authorization-policy-grid{grid-template-columns:1fr}.authorization-channel-modules{grid-template-columns:1fr}.notification-policy-fields{grid-template-columns:1fr}.notification-policy-body{grid-column:auto}}
    @media(max-width:420px){.fee-notice-modal{padding-left:0;padding-right:0}.fee-standard-summary strong{font-size:16px}.fee-adjust-bar{grid-template-columns:1fr}.fee-adjust-bar .btn{width:100%}.fee-rule-row{grid-template-columns:58px minmax(0,1fr) minmax(0,1.4fr)}.fee-rule-row>*{padding:7px 6px;font-size:10px}.fee-tier-options{grid-template-columns:1fr}.fee-tier-option{min-height:76px}.pricing-policy-base{grid-template-columns:1fr}.pricing-policy-tier-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.fee-campaign-fields{grid-template-columns:1fr}.fee-campaign-fields label:first-child{grid-column:auto}.inspection-price-suggestion{grid-template-columns:1fr}.inspection-price-suggestion .btn{width:100%}}
    .role-section-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; color:#344054; font-size:13px; font-weight:var(--weight-medium); }
    .role-section-heading span { color:#667085; font-size:11px; font-weight:var(--weight-semibold); }
    .driver-profile-settings { padding:0; border:1px solid #cfe5d8; border-radius:8px; background:#f7fcf9; }
    .driver-profile-settings > summary { min-height:42px; display:flex; align-items:center; padding:0 12px; color:#176b48; font-size:13px; font-weight:var(--weight-medium); cursor:pointer; }
    .driver-profile-body { display:grid; gap:10px; padding:12px; border-top:1px solid #d8eadf; }
    .driver-profile-body .muted { margin:0; line-height:1.55; }
    .driver-service-scope { display:grid; gap:8px; padding:10px; border:1px solid #d8eadf; border-radius:8px; background:#fff; }
    .driver-exclusive-accounts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
    .driver-exclusive-account { display:flex; align-items:flex-start; gap:7px; min-width:0; padding:8px 9px; border:1px solid #d7e1ea; border-radius:7px; background:#f8fafc; color:#344054; font-size:11px; font-weight:var(--weight-semibold); line-height:1.4; }
    .driver-exclusive-account input { width:16px; height:16px; min-height:16px; margin:1px 0 0; accent-color:#08766c; }
    .driver-exclusive-account span { min-width:0; overflow-wrap:anywhere; }
    .driver-exclusive-empty { padding:9px 10px; border:1px dashed #cfd8e3; border-radius:7px; color:#667085; font-size:11px; line-height:1.5; }
    @media(max-width:420px){.driver-exclusive-accounts{grid-template-columns:1fr}}
    .driver-rate-preview { display:grid; gap:4px; padding:10px; border:1px solid #d8eadf; border-radius:8px; background:#fff; }
    .driver-rate-preview span { color:#667085; font-size:11px; }
    .driver-rate-preview strong { color:#176b48; font-size:14px; }
    .my-center-content > .actions { display:grid; grid-template-columns:1fr; gap:0; margin-top:14px; padding:0 16px; }
    .my-center-content > .actions .btn { min-height:44px; border-radius:8px; }
    @media (max-width: 420px) {
      .my-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .my-kpi:nth-child(3n) { border-right:1px solid #edf1f5; }
      .my-kpi:nth-child(2n) { border-right:0; }
      .my-kpi:nth-last-child(-n+3) { border-bottom:1px solid #edf1f5; }
      .my-kpi:nth-last-child(-n+2) { border-bottom:0; }
    }
    @media (max-width: 420px) { .my-workflow-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .my-workflow-item:nth-child(2) { border-right: 0; } .my-workflow-item:nth-child(-n+2) { border-bottom: 1px solid #edf1f5; } }
    #personalAccountMeta { order:1; display:flex; align-items:center; gap:12px; padding:20px 4px 16px; color:#344054; }
    .personal-avatar { width:48px; height:48px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; background:#08766c; color:#fff; font-size:19px; font-weight:var(--weight-medium); }
    .personal-profile strong { display:block; color:#101828; font-size:17px; }
    .personal-profile span { display:block; margin-top:4px; color:#667085; font-size:12px; }
    .personal-kpis { order:2; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-bottom:20px; border-top:1px solid #e4e9ef; border-bottom:1px solid #e4e9ef; background:#fff; }
    .personal-kpi { min-height:72px; display:grid; align-content:center; padding:10px 12px; border-right:1px solid #edf1f5; background:#fff; text-align:center; }
    .personal-kpi:last-child { border-right:0; }
    .personal-kpi strong { display:block; color:#101828; font-size:22px; }
    .personal-kpi span { margin-top:5px; color:#667085; font-size:11px; }
    .personal-center > div:has(#personalTaskList) { order:3; padding:16px 4px 0; }
    .personal-center > div:has(#personalTaskList) > strong { display:block; padding:0 2px; color:#344054; font-size:13px; }
    .personal-task-list { display:grid; gap:0; margin-top:8px; border-top:1px solid #e4e9ef; border-bottom:1px solid #e4e9ef; background:#fff; }
    .personal-task-row { border-bottom:1px solid #edf1f5; background:#fff; }
    .personal-task-row:last-child { border-bottom:0; }
    .personal-task-row > .personal-task { border-bottom:0; }
    .personal-task { width:100%; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; padding:13px 14px; border:0; border-bottom:1px solid #edf1f5; background:#fff; color:#344054; text-align:left; }
    .personal-task:last-child { border-bottom:0; }
    .personal-task:hover { background:#f8fafc; }
    .personal-task strong { color:#101828; font-size:14px; }
    .personal-task strong.vehicle-primary-line { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
    .personal-task-meta { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:5px 0; color:#667085; font-size:11px; font-weight:var(--weight-semibold); }
    .personal-task-meta .pill { min-height:20px; padding:0 7px; font-size:10px; }
    .personal-task-arrow { color:#98a2b3; font-size:22px; }
    .personal-task-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; padding:0 14px 12px; }
    .personal-task-actions button { min-height:34px; padding:0 11px; border:1px solid #cfd8e3; border-radius:6px; background:#fff; color:#344054; font-size:12px; font-weight:var(--weight-semibold); }
    .personal-task-actions button:first-child { border-color:#b8d9d5; background:#edf6f4; color:#08766c; }
    .personal-center.driver-workbench > * { max-width:1120px; }
    body.driver-role-only #personalCenterPanel.driver-workbench .personal-nav-back { visibility:hidden; }
    .driver-workbench-profile { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:center; margin:18px 4px 12px; padding:16px; border:1px solid #dbe3ec; border-radius:8px; background:#fff; }
    .driver-workbench-profile-main { min-width:0; display:grid; grid-template-columns:48px minmax(0,1fr); gap:12px; align-items:center; }
    .driver-workbench-profile-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:8px; background:#08766c; color:#fff; }
    .driver-workbench-profile-icon svg { width:27px; height:27px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
    .driver-workbench-profile-copy { min-width:0; display:grid; gap:4px; }
    .driver-workbench-profile-copy strong { overflow:hidden; color:#101828; font-size:17px; text-overflow:ellipsis; white-space:nowrap; }
    .driver-workbench-profile-copy span { color:#667085; font-size:12px; line-height:1.45; }
    .driver-workbench-profile-state { display:grid; justify-items:end; gap:5px; }
    .driver-workbench-profile-state b { color:#087443; font-size:13px; }
    .driver-workbench-profile-state span { color:#667085; font-size:11px; }
    .driver-workbench .personal-kpis { margin:0 4px 12px; overflow:hidden; border:1px solid #dbe3ec; border-radius:8px; }
    .driver-workbench .personal-kpi { border:0; border-right:1px solid #edf1f5; cursor:pointer; }
    .driver-workbench .personal-kpi.active { background:#edf6f4; box-shadow:inset 0 -3px 0 #08766c; }
    .driver-workbench .personal-kpi.active strong, .driver-workbench .personal-kpi.active span { color:#065e57; }
    .driver-workbench-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:4px 6px 10px; }
    .driver-workbench-toolbar strong { color:#344054; font-size:14px; }
    .driver-workbench-toolbar span { color:#667085; font-size:11px; }
    .driver-workbench-toolbar span { display:flex; align-items:center; gap:8px; }
    .driver-workbench-toolbar i { font-style:normal; }
    .driver-workbench-toolbar button { min-height:28px; padding:0 9px; border:1px solid #cfd8e3; border-radius:6px; background:#fff; color:#08766c; font-size:11px; font-weight:var(--weight-semibold); }
    .driver-workbench .personal-task-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0 4px; padding:0; border:0; background:transparent; }
    .driver-task-card { min-width:0; display:grid; align-content:start; gap:11px; padding:14px; border:1px solid #dbe3ec; border-radius:8px; background:#fff; }
    .driver-task-card-head { width:100%; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:start; padding:0; border:0; background:transparent; color:#344054; text-align:left; }
    .driver-task-card-title { min-width:0; display:grid; gap:4px; }
    .driver-task-card-identity { min-width:0; display:flex; align-items:center; gap:8px; }
    .driver-task-card-identity > .plate-badge { flex:0 0 auto; }
    .driver-task-card-title strong { overflow:hidden; color:#101828; font-size:16px; text-overflow:ellipsis; white-space:nowrap; }
    .driver-task-card-title span { color:#667085; font-size:11px; line-height:1.45; }
    .driver-task-card-status { min-height:24px; display:inline-flex; align-items:center; padding:0 8px; border-radius:6px; background:#fff4e5; color:#9a4f0b; font-size:11px; font-weight:var(--weight-semibold); white-space:nowrap; }
    .driver-task-card-status.done { background:#eaf8f0; color:#087443; }
    .driver-task-route { display:grid; gap:7px; padding:10px; border:1px solid #e5eaf0; border-radius:7px; background:#f8fafc; }
    .driver-task-route-row { display:grid; grid-template-columns:46px minmax(0,1fr); gap:8px; color:#344054; font-size:12px; line-height:1.45; }
    .driver-task-route-row span { color:#667085; }
    .driver-task-quick { display:flex; flex-wrap:wrap; gap:7px; }
    .driver-task-quick a, .driver-task-quick button { min-height:36px; display:inline-flex; align-items:center; justify-content:center; gap:5px; padding:0 11px; border:1px solid #cfd8e3; border-radius:7px; background:#fff; color:#344054; font-size:12px; font-weight:var(--weight-semibold); text-decoration:none; }
    .driver-task-quick a.primary, .driver-task-quick button.primary { border-color:#08766c; background:#08766c; color:#fff; }
    .driver-track-control { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; padding:9px 10px; border:1px solid #b8d9d5; border-radius:7px; background:#f3f9f8; }
    .driver-track-copy { min-width:0; display:grid; gap:2px; }
    .driver-track-copy strong { color:#065e57; font-size:12px; }
    .driver-track-copy span { overflow:hidden; color:#667085; font-size:11px; line-height:1.4; text-overflow:ellipsis; white-space:nowrap; }
    .driver-track-button { min-height:34px; padding:0 10px; border:1px solid #08766c; border-radius:6px; background:#08766c; color:#fff; font-size:11px; font-weight:700; white-space:nowrap; }
    .driver-track-button.stop { border-color:#cfd8e3; background:#fff; color:#344054; }
    .driver-task-card .driver-dispatch-actions { padding-top:10px; border-top:1px solid #edf1f5; }
    .driver-task-card .driver-dispatch-actions .btn { min-height:38px; flex:1; }
    .driver-payment-card { min-width:0; display:grid; gap:8px; padding:10px; border:1px solid #d8e2ec; border-radius:7px; background:#fbfcfe; }
    .driver-payment-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
    .driver-payment-head strong { color:#344054; font-size:12px; }
    .driver-payment-status { min-height:22px; display:inline-flex; align-items:center; padding:0 7px; border-radius:5px; background:#fff4e5; color:#9a4f0b; font-size:11px; font-weight:800; white-space:nowrap; }
    .driver-payment-status.paid { background:#eaf8f0; color:#087443; }
    .driver-payment-main { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
    .driver-payment-fact { min-width:0; display:grid; gap:2px; }
    .driver-payment-fact span { color:#667085; font-size:11px; }
    .driver-payment-fact b { color:#101828; font-size:12px; line-height:1.4; overflow-wrap:anywhere; }
    .driver-payment-note { color:#667085; font-size:11px; line-height:1.45; }
    .driver-payment-actions { display:flex; flex-wrap:wrap; gap:7px; }
    .driver-payment-actions .btn { flex:1; min-width:104px; min-height:36px; }
    .driver-payment-disabled { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 10px; border:1px dashed #cfd8e3; border-radius:7px; color:#667085; font-size:11px; }
    .driver-payment-disabled .btn { min-height:32px; }
    .driver-workbench-empty { grid-column:1/-1; display:grid; justify-items:center; gap:7px; padding:38px 18px; border:1px dashed #cfd8e3; border-radius:8px; background:#fff; color:#667085; text-align:center; }
    .driver-workbench-empty strong { color:#344054; font-size:15px; }
    .driver-workbench-empty span { font-size:12px; line-height:1.5; }
    .driver-manager-workbench .driver-workbench-profile-copy strong { font-size:16px; }
    .driver-manager-workbench .driver-workbench-profile-copy span { max-width:720px; }
    .driver-manager-workbench .personal-kpis { grid-template-columns:repeat(5,minmax(0,1fr)); }
    .driver-manager-workbench .personal-kpi { min-height:64px; }
    .driver-manager-workbench .personal-kpi strong { font-size:18px; }
    .driver-manager-workbench .personal-kpi span { line-height:1.3; }
    .driver-manager-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0 4px; }
    .driver-manager-card { min-width:0; display:grid; gap:10px; padding:13px; border:1px solid #dbe3ec; border-radius:8px; background:#fff; }
    .driver-manager-card-head { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:start; padding:0; border:0; background:transparent; color:#344054; text-align:left; cursor:pointer; }
    .driver-manager-card-title { min-width:0; display:grid; gap:4px; }
    .driver-manager-card-title strong { color:#101828; font-size:15px; overflow-wrap:anywhere; }
    .driver-manager-card-title span { color:#667085; font-size:11px; line-height:1.45; }
    .driver-manager-card-status { min-height:25px; display:inline-flex; align-items:center; padding:0 8px; border-radius:6px; background:#eef2f6; color:#526173; font-size:11px; font-weight:var(--weight-semibold); white-space:nowrap; }
    .driver-manager-card-status.active { background:#eaf4f2; color:#065e57; }
    .driver-manager-card-status.review { background:#fff7ed; color:#9a4d00; }
    .driver-manager-card-status.exception { background:#fff1f0; color:#b42318; }
    .driver-manager-card-status.done { background:#edf9f3; color:#087443; }
    .driver-manager-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid #edf1f5; border-bottom:1px solid #edf1f5; }
    .driver-manager-fact { min-width:0; padding:8px 7px; }
    .driver-manager-fact span { display:block; color:#8491a3; font-size:10px; }
    .driver-manager-fact strong { display:block; margin-top:3px; color:#344054; font-size:11px; overflow-wrap:anywhere; }
    .driver-manager-route { display:grid; gap:5px; padding:8px 9px; border-radius:7px; background:#f8fafc; color:#526173; font-size:11px; line-height:1.45; }
    .driver-manager-route span { display:inline-block; min-width:54px; color:#8491a3; }
    .driver-manager-route strong { color:#344054; font-weight:var(--weight-medium); }
    .driver-manager-orgs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px 9px; }
    .driver-manager-org { min-width:0; display:flex; gap:5px; color:#667085; font-size:10px; line-height:1.4; }
    .driver-manager-org b { flex:0 0 auto; color:#8491a3; font-weight:var(--weight-medium); }
    .driver-manager-org span { min-width:0; overflow-wrap:anywhere; color:#475467; }
    .driver-manager-audit { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
    .driver-manager-audit-card { min-width:0; padding:8px 9px; border:1px solid #e4e9ef; border-radius:7px; background:#fbfcfd; }
    .driver-manager-audit-card h4 { margin:0 0 4px; color:#526173; font-size:10px; font-weight:var(--weight-semibold); }
    .driver-manager-audit-card p { margin:0; color:#344054; font-size:11px; line-height:1.45; overflow-wrap:anywhere; }
    .driver-manager-audit-card p strong { color:#087443; font-size:13px; }
    .driver-manager-audit-card.collection { border-color:#cfe4e0; background:#f4fbf9; }
    .driver-manager-audit-card.settlement { border-color:#dbe5f3; background:#f7faff; }
    .driver-manager-evidence { display:flex; flex-wrap:wrap; gap:6px; color:#667085; font-size:10px; }
    .driver-manager-evidence span { padding:3px 6px; border-radius:999px; background:#f1f4f7; }
    .driver-manager-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; padding-top:2px; }
    .driver-manager-actions .btn { min-height:32px; }
    .driver-manager-note { padding:7px 9px; border-radius:7px; background:#fffaf0; color:#7a4b00; font-size:11px; line-height:1.45; }
    @media(max-width:760px){
      .driver-manager-workbench .personal-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .driver-manager-list { grid-template-columns:1fr; margin:0 12px; }
      .driver-manager-workbench .personal-kpis { width:calc(100% - 24px); margin:0 12px 10px; }
      .driver-manager-workbench .driver-workbench-profile { width:calc(100% - 24px); max-width:none; margin:12px 12px 10px; }
    }
    @media(max-width:480px){
      .driver-manager-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .driver-manager-orgs, .driver-manager-audit { grid-template-columns:1fr; }
    }
    .workflow-inbox-banner { width:calc(100% - 24px); display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; margin:0 12px 10px; padding:11px 12px; border:1px solid #b8d9d5; border-radius:9px; background:#f3f9f8; color:#344054; text-align:left; box-shadow:0 4px 12px rgba(8,118,108,.08); }
    .mobile-entitlement-notice { width:calc(100% - 24px); display:grid; gap:3px; margin:0 12px 10px; padding:11px 12px; border:1px solid #f0c36d; border-radius:9px; background:#fff8e8; color:#7a4b00; font-size:12px; line-height:1.5; }
    .mobile-entitlement-notice strong { font-size:13px; }
    .workflow-inbox-banner strong { display:block; color:#065e57; font-size:14px; }
    .workflow-inbox-banner span { display:block; margin-top:3px; color:#667085; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .workflow-inbox-banner b { color:#08766c; font-size:12px; white-space:nowrap; }
    .my-sent-workflow-section { background:#fff; border-top:1px solid #e4e9ef; border-bottom:1px solid #e4e9ef; }
    .my-sent-workflow-title { padding:8px 16px 4px; color:#344054; font-size:var(--font-section); font-weight:var(--weight-medium); }
    .my-sent-workflow-title > span:first-child { color:#344054; font-size:var(--font-section); }
    .my-sent-workflow-list, .my-sent-workflow-grid { display:grid; }
    .my-sent-workflow-item { width:100%; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; padding:12px 16px; border:0; border-top:1px solid #edf1f5; background:#fff; color:#344054; text-align:left; }
    .my-sent-workflow-item:hover { background:#f8fafc; }
    .my-sent-workflow-main { min-width:0; display:grid; gap:5px; }
    .my-sent-workflow-main strong { overflow:hidden; color:#101828; font-size:var(--font-section); text-overflow:ellipsis; white-space:nowrap; }
    .my-sent-workflow-main strong.vehicle-primary-line { display:flex; align-items:center; gap:7px; flex-wrap:wrap; overflow:visible; white-space:normal; }
    .my-sent-workflow-meta { display:flex; flex-wrap:wrap; align-items:center; gap:6px; color:#667085; font-size:var(--font-meta); font-weight:var(--weight-semibold); }
    .my-sent-workflow-time { color:#98a2b3; font-size:var(--font-meta); }
    @media(max-width:760px){
      body.driver-role-only #mobileBottomNav { grid-template-columns:repeat(2,minmax(0,1fr)); }
      body.driver-role-only #mobileBottomNav [data-bottom-nav="home"], body.driver-role-only #mobileBottomNav [data-bottom-nav="orders"], body.driver-role-only #mobileBottomNav [data-bottom-nav="create"] { display:none !important; }
      .driver-workbench .personal-task-list { grid-template-columns:1fr; }
      .driver-workbench-profile { width:calc(100% - 24px); max-width:none; margin:12px 12px 10px; padding:12px; }
      .driver-workbench-profile-state { justify-items:start; grid-column:1/-1; padding-top:8px; border-top:1px solid #edf1f5; }
      .driver-workbench .personal-kpis { width:calc(100% - 24px); max-width:none; margin:0 12px 10px; }
      .driver-workbench-toolbar { padding:4px 14px 9px; }
      .driver-workbench .personal-task-list { margin:0 12px; }
      .driver-task-card { padding:12px; }
      .driver-task-quick a, .driver-task-quick button { flex:1; min-width:92px; min-height:42px; }
    }
    @media(max-width:560px){.personal-center{padding-left:0;padding-right:0}.personal-center>.section-title,#personalAccountMeta,.personal-center>div:has(#personalTaskList){padding-left:14px;padding-right:14px}.driver-workbench>div:has(#personalTaskList){padding-left:0;padding-right:0}.personal-kpi{padding:8px 4px}.personal-kpi strong{font-size:19px}.my-account-meta{padding-left:16px;padding-right:16px}.my-center-content > .detail-section .field{padding-left:16px;padding-right:16px}}
    .followup-target-card { display: grid; gap: 7px; padding: 9px; border: 1px solid #e2eaf3; border-radius: 8px; background: #fff; }
    .followup-target-main { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; }
    .followup-target-main strong { color: #101828; font-size: 16px; overflow-wrap: anywhere; }
    .followup-target-main span { color: var(--muted); font-size: 12px; font-weight:var(--weight-semibold); text-align: right; }
    .followup-target-model { color: #344054; font-size: 13px; line-height: 1.45; overflow-wrap: anywhere; }
    .followup-related-row { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; padding-top: 6px; border-top: 1px dashed #dbe6f2; }
    .followup-related-row em { color: var(--muted); font-size: 12px; font-style: normal; font-weight:var(--weight-medium); }
    .followup-related-chip { display: inline-flex; max-width: 100%; min-height: 24px; align-items: center; padding: 3px 7px; border: 1px solid #dbe6f2; border-radius: 999px; background: #f8fbff; color: #344054; font-size: 12px; font-weight:var(--weight-semibold); overflow-wrap: anywhere; }
    .followup-compose-main { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; align-items:stretch; min-width:0; overflow:hidden; }
    .followup-compose-main > * { min-width:0; max-width:100%; }
    .followup-compose-main > textarea { min-height:72px; padding:10px 11px; line-height:1.55; resize:vertical; }
    .followup-note-toolbar { display:grid; grid-template-columns:auto minmax(100px,1fr); gap:8px; align-items:center; }
    .followup-note-tools { display:flex; align-items:center; gap:7px; }
    .followup-note-tools .btn { min-height:36px; padding:0 10px; }
    .followup-save-actions { display:grid; grid-template-columns:repeat(auto-fit,minmax(88px,1fr)); gap:7px; width:100%; }
    .followup-save-actions .btn { width:100%; min-width:0; }
    @media (max-width:520px) {
      .followup-note-toolbar { grid-template-columns:minmax(0,1fr) auto; gap:6px; }
      .followup-note-tools { gap:5px; }
      .followup-note-tools .btn { flex:0 1 auto; min-height:34px; padding:0 8px; font-size:12px; }
      .followup-save-actions { width:auto; grid-template-columns:auto; }
      .followup-save-actions .btn { min-width:88px; min-height:34px; padding:0 9px; font-size:12px; }
      .followup-compose-main > textarea { min-height:64px; }
    }
    .followup-status-row { display: flex; flex-wrap: wrap; gap: 6px; }
    .followup-status-chip { min-height: 30px; padding: 0 10px; border: 1px solid #d0d5dd; border-radius: 999px; background: #fff; color: #344054; font-size: 12px; font-weight:var(--weight-medium); }
    .followup-status-chip.active { border-color: #08766c; background: #eef7f5; color: #065e57; }
    .followup-photo-row { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }
    .followup-photo-row input, .followup-note-tools input { display: none; }
    .followup-photo-preview { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; padding-top:2px; }
    .followup-photo-preview:empty { display:none; }
    .followup-photo-preview .photo { width:100%; min-height:68px; aspect-ratio:1; border-radius:8px; }
    .followup-photo-preview .photo img { width:100%; height:100%; object-fit:cover; }
    .followup-upload-btn { display:inline-flex; align-items:center; gap:6px; }
    .followup-upload-btn svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
    .followup-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 6px; }
    .followup-tag { display: inline-flex; align-items: center; min-height: 20px; padding: 0 7px; border-radius: 999px; background: #eef7f5; color: #065e57; font-size: 11px; font-weight:var(--weight-medium); }
    .followup-record-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 7px; }
    .followup-record-actions .btn { min-height: 26px; padding: 0 8px; }
    .followup-list-stack { display:grid; gap:8px; }
    .followup-list-summary { display:flex; flex-wrap:wrap; gap:7px; align-items:center; color:#667085; font-size:12px; }
    .followup-list-summary strong { color:#344054; font-size:13px; }
    .followup-system-details { border:1px solid #e4e9ef; border-radius:8px; background:#f8fafc; }
    .followup-system-details > summary { min-height:42px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; padding:9px 11px; color:#475467; cursor:pointer; list-style:none; }
    .followup-system-details > summary::-webkit-details-marker { display:none; }
    .followup-system-details > summary::marker { content:""; }
    details.followup-system-details > summary::after, details.followup-system-details[open] > summary::after { display:none; content:none; }
    .followup-system-details > summary span { font-size:12px; font-weight:var(--weight-semibold); }
    .followup-system-details > summary small { color:#08766c; font-size:11px; }
    .followup-system-details[open] > summary small::before { content:"收起"; }
    .followup-system-details:not([open]) > summary small::before { content:"查看"; }
    .followup-system-list { display:grid; gap:1px; padding:0 11px 10px; }
    .followup-system-row { display:grid; gap:3px; padding:9px 0; border-top:1px solid #e8edf3; }
    .followup-system-row time { color:#98a2b3; font-size:11px; }
    .followup-system-row span { color:#475467; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
    .followup-photos { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 7px; }
    .followup-photos img { width: 72px; height: 72px; border-radius: 8px; border: 1px solid #dbe6f2; object-fit: cover; background: #fff; }
    .helper-panel { display: grid; gap: 8px; padding: 9px; border: 1px solid #dbe6f2; border-radius: 9px; background: #fff; }
    .helper-panel.hidden { display: none; }
    .helper-toolbar { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; justify-content: space-between; }
    .helper-source-row { display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 3px; border: 1px solid #e2e8f0; border-radius: 8px; background: #f8fafc; }
    .helper-source-btn { min-height: 28px; padding: 0 9px; border: 0; border-radius: 6px; background: transparent; color: #667085; font-size: 12px; font-weight: var(--weight-medium); }
    .helper-source-btn.active { background: #fff; color: #08766c; box-shadow: 0 1px 3px rgba(31,41,51,.1); }
    .helper-manager-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
    .helper-manager-head > div:first-child { min-width: 0; display: grid; gap: 2px; }
    .helper-type-row { display: flex; flex-wrap: wrap; gap: 6px; }
    .helper-type-chip { min-height: 28px; padding: 0 9px; border: 1px solid #d0d5dd; border-radius: 999px; background: #f8fafc; color: #344054; font-size: 12px; font-weight:var(--weight-medium); }
    .helper-type-chip.active { border-color: #08766c; background: #eef7f5; color: #065e57; }
    .helper-list { display: grid; gap: 6px; }
    .helper-card { display: grid; gap: 5px; padding: 8px; border: 1px solid #e2eaf3; border-radius: 8px; background: #fbfcfe; }
    .helper-card-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
    .helper-card strong { overflow-wrap: anywhere; }
    .helper-brief { color: #667085; font-size: 12px; font-weight:var(--weight-semibold); line-height: 1.45; overflow-wrap: anywhere; }
    .helper-detail { display: none; gap: 6px; padding: 8px; border: 1px solid #e2eaf3; border-radius: 8px; background: #fff; }
    .helper-card.expanded .helper-detail { display: grid; }
    .helper-detail-row { display: grid; grid-template-columns: 68px minmax(0, 1fr); gap: 8px; color: #344054; font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; }
    .helper-detail-row em { color: #667085; font-style: normal; font-weight:var(--weight-medium); }
    .helper-card-actions { display: flex; flex-wrap: wrap; gap: 6px; }
    .helper-card-actions .btn { min-height: 28px; padding: 0 9px; }
    .helper-manager { display: grid; gap: 8px; }
    .helper-manager-grid { display: grid; grid-template-columns: minmax(90px, .8fr) minmax(90px, .8fr) minmax(90px, 1fr) minmax(120px, 1fr) minmax(150px, 1.2fr) auto; gap: 8px; align-items: end; }
    .helper-manager-list { display: grid; gap: 6px; }
    .helper-manager-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 8px; border: 1px solid #e2eaf3; border-radius: 8px; background: #fff; }
    .prospect-panel { display: grid; gap: 10px; padding: 11px; border: 1px solid #dbe6f2; border-radius: 10px; background: #fbfdff; overflow-anchor:none; }
    details.prospect-collapsible > .prospect-panel { border: 0; border-top: 1px solid #e8eef5; border-radius: 0; background: #fbfdff; }
    .prospect-operations-panel { overflow:hidden; border:1px solid #dbe3ec; border-radius:8px; background:#fff; }
    .prospect-operations-panel > summary { min-height:42px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 11px; list-style:none; cursor:pointer; }
    .prospect-operations-panel > summary::-webkit-details-marker { display:none; }
    .prospect-operations-panel > summary strong { color:#344054; font-size:13px; }
    .prospect-operations-panel > summary span { color:#667085; font-size:11px; }
    .prospect-operations-panel:not([open]) > summary::after { content:"展开"; flex:0 0 auto; color:#08766c; font-size:11px; font-weight:var(--weight-semibold); }
    .prospect-operations-panel[open] > summary { border-bottom:1px solid #e8edf3; }
    .prospect-operations-panel[open] > summary::after { content:"收起"; }
    .prospect-operations-panel details:not([open]) > summary::after { content:"展开"; }
    .prospect-operations-body { display:grid; gap:10px; padding:10px; background:#f8fafc; }
    .prospect-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
    .prospect-title { font-size: 15px; font-weight:var(--weight-medium); color: #101828; }
    .prospect-filters { display: grid; grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)); gap: 8px; }
    .prospect-search-bar { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(132px, 168px) auto; gap: 8px; align-items: start; }
    .prospect-search-bar > #prospectWindow { min-height: 40px; background-color: #fff; }
    .prospect-filter-sheet { position: relative; }
    .prospect-filter-sheet > summary { min-width: 82px; min-height: 40px; justify-content: center; gap: 6px; padding: 0 10px; border: 1px solid #cfd8e3; border-radius: 8px; background: #fff; color: #344054; }
    .prospect-filter-sheet > summary::after { display: none; }
    .prospect-filter-sheet > summary em { min-width: 19px; min-height: 19px; display: inline-grid; place-items: center; padding: 0 5px; border-radius: 999px; background: #eef2f6; color: #667085; font-size: 10px; font-style: normal; }
    .prospect-filter-sheet[open] > summary { border-color: #8ebdb8; background: #eef7f5; color: #065e57; }
    .prospect-filter-sheet > summary em.active { background: #08766c; color: #fff; }
    .prospect-filter-popover { position: absolute; top: 46px; right: 0; z-index: 12; display:flex; flex-direction:column; width: min(520px, calc(100vw - 32px)); max-height:min(76vh,620px); padding:10px; border: 1px solid #dbe3ec; border-radius: 9px; background: #fff; box-shadow: 0 16px 36px rgba(31,41,51,.16); }
    .prospect-filter-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 9px; }
    .prospect-filter-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:10px; padding-top:10px; border-top:1px solid #edf1f5; }
    .prospect-filter-actions .btn { min-height:38px; }
    .prospect-filter-popover > .prospect-filters { min-height:0; overflow:auto; overscroll-behavior:contain; }
    .prospect-filter-actions { position:sticky; bottom:-10px; z-index:1; margin-bottom:-10px; padding-bottom:10px; background:#fff; }
    .prospect-list-tools { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 34px; }
    .prospect-list-tools span { color: #667085; font-size: 12px; font-weight:var(--weight-semibold); }
    .prospect-area-summary-head { display:none; }
    .prospect-workbench { display:grid; gap:10px; min-width:0; scroll-margin-top:10px; }
    .prospect-list-pane,.prospect-detail-pane { min-width:0; }
    .prospect-detail-pane { display:none; }
    .prospect-detail-mobile-bar { display:none; }
    .prospect-detail-empty { min-height:260px; display:grid; place-content:center; justify-items:center; gap:6px; padding:24px; color:#667085; text-align:center; }
    .prospect-detail-empty strong { color:#344054; font-size:15px; }
    .prospect-detail-empty span { max-width:280px; font-size:12px; line-height:1.55; }
    .prospect-admin-toolbar { display:flex; align-items:center; gap:7px; flex-wrap:wrap; padding:9px 10px; border:1px solid #dbe6f2; border-radius:8px; background:#fff; }
    .prospect-admin-toolbar > span { margin-right:auto; color:#475467; font-size:12px; font-weight:var(--weight-semibold); }
    .prospect-admin-toolbar select { width:auto; min-width:128px; min-height:34px; padding:0 28px 0 9px; font-size:12px; }
    .prospect-pagination { display:flex; align-items:center; justify-content:flex-end; gap:7px; min-height:38px; padding-top:2px; }
    .prospect-pagination span { margin-right:auto; color:#667085; font-size:12px; }
    .prospect-pagination select { width:auto; min-height:32px; padding:0 28px 0 8px; font-size:12px; }
    .prospect-mobile-load { display:none; }
    .prospect-card.has-select { grid-template-columns:20px minmax(0,1fr); column-gap:8px; }
    .prospect-card.has-select > .prospect-main,.prospect-card.has-select > .prospect-actions { grid-column:2; }
    .prospect-select { position:relative; grid-column:1; grid-row:1; align-self:start; margin-top:4px; display:grid; place-items:center; }
    .prospect-select input { width:17px; height:17px; min-height:0; margin:0; accent-color:#08766c; }
    .prospect-select span { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
    .prospect-timeline { display: none; position: relative; gap: 0; margin-top: 4px; padding: 4px 0 2px 16px; border-top: 1px solid #edf1f5; }
    .prospect-card.expanded .prospect-timeline { display: grid; }
    .prospect-timeline-item { position: relative; display: grid; gap: 2px; padding: 8px 0 8px 12px; border-left: 1px solid #dbe3ec; }
    .prospect-timeline-item::before { content: ""; position: absolute; left: -4px; top: 14px; width: 7px; height: 7px; border-radius: 50%; background: #08766c; box-shadow: 0 0 0 3px #eef7f5; }
    .prospect-timeline-item strong { color: #344054; font-size: 12px; }
    .prospect-timeline-item span { color: #667085; font-size: 11px; line-height: 1.45; }
    .prospect-timeline-empty { padding: 10px 0; color: #98a2b3; font-size: 12px; }
    .prospect-stats { display: flex; flex-wrap: wrap; gap: 6px; }
    .prospect-action-center { display:grid; gap:10px; padding:12px; border:1px solid #cfe2df; border-left:4px solid #08766c; border-radius:8px; background:#f7fbfa; }
    .prospect-action-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
    .prospect-action-head strong { display:block; color:#163a36; font-size:15px; }
    .prospect-action-head span { display:block; margin-top:2px; color:#667085; font-size:12px; line-height:1.45; }
    .prospect-action-queues { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; }
    .prospect-action-queue { min-width:0; min-height:48px; display:grid; place-content:center; gap:1px; padding:5px 7px; border:1px solid #d9e5e3; border-radius:7px; background:#fff; color:#344054; cursor:pointer; }
    .prospect-action-queue strong { font-size:17px; line-height:1.1; }
    .prospect-action-queue span { font-size:10px; white-space:nowrap; }
    .prospect-action-queue.active { border-color:#08766c; background:#eaf6f4; color:#065e57; box-shadow:inset 0 0 0 1px #08766c; }
    .prospect-next-customer { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; padding-top:10px; border-top:1px solid #dce9e7; }
    .prospect-next-copy { min-width:0; display:grid; gap:4px; }
    .prospect-next-kicker { color:#08766c; font-size:11px; font-weight:var(--weight-semibold); }
    .prospect-next-title { display:flex; flex-wrap:wrap; align-items:center; gap:6px; color:#101828; }
    .prospect-next-title strong { font-size:16px; }
    .prospect-next-reason { color:#526173; font-size:12px; line-height:1.45; overflow-wrap:anywhere; }
    .prospect-next-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }
    .prospect-next-empty { padding:8px 0 2px; color:#667085; font-size:12px; }
    .prospect-next-action-tag { display:inline-flex; width:max-content; max-width:100%; padding:3px 7px; border-radius:999px; background:#fff2d6; color:#7a4b00; font-size:11px; font-weight:var(--weight-semibold); }
    .prospect-outcome-modal { position:fixed; inset:0; z-index:190; display:grid; place-items:center; padding:18px; background:rgba(16,24,40,.48); }
    .prospect-outcome-dialog { width:min(620px,100%); max-height:min(90vh,760px); display:grid; gap:14px; overflow:auto; padding:17px; border:1px solid #d9e2eb; border-radius:10px; background:#fff; box-shadow:0 24px 64px rgba(15,23,42,.22); }
    .prospect-outcome-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
    .prospect-outcome-head strong { display:block; color:#101828; font-size:17px; }
    .prospect-outcome-head span { display:block; margin-top:3px; color:#667085; font-size:12px; }
    .prospect-outcome-section { display:grid; gap:8px; }
    .prospect-outcome-label { color:#344054; font-size:12px; font-weight:var(--weight-semibold); }
    .prospect-outcome-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
    .prospect-outcome-choice { min-height:42px; padding:6px 8px; border:1px solid #dbe3ec; border-radius:7px; background:#fff; color:#344054; font-size:12px; font-weight:var(--weight-medium); cursor:pointer; }
    .prospect-outcome-choice:hover { border-color:#8ebdb8; background:#f6fbfa; }
    .prospect-outcome-choice.active { border-color:#08766c; background:#eaf6f4; color:#065e57; box-shadow:inset 0 0 0 1px #08766c; }
    .prospect-outcome-choice.is-terminal.active { border-color:#c24137; background:#fff1f0; color:#9b2c24; box-shadow:inset 0 0 0 1px #c24137; }
    .prospect-followup-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:end; }
    .prospect-followup-row label { display:grid; gap:5px; color:#475467; font-size:11px; }
    .prospect-followup-row input { min-height:38px; }
    .prospect-time-shortcuts { display:flex; flex-wrap:wrap; gap:6px; }
    .prospect-time-shortcuts .btn.active { border-color:#08766c; background:#eaf6f4; color:#065e57; }
    .prospect-outcome-preview { padding:9px 10px; border-left:3px solid #e7a52f; background:#fff9ed; color:#65420b; font-size:12px; line-height:1.5; }
    .prospect-outcome-note { min-height:72px; resize:vertical; }
    .prospect-outcome-actions { display:flex; justify-content:flex-end; gap:8px; padding-top:2px; }
    @media(max-width:720px){
      .prospect-action-center{gap:8px;padding:10px 9px;border-left-width:3px}.prospect-action-head span{display:none}.prospect-action-queues{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.prospect-action-queue{min-height:48px;padding:4px 2px}.prospect-action-queue strong{font-size:16px}.prospect-action-queue span{font-size:10px}.prospect-next-customer{grid-template-columns:1fr;gap:9px;padding:10px}.prospect-next-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;gap:7px}.prospect-next-actions .btn{width:100%;min-width:0;min-height:44px;padding:0 7px}.prospect-outcome-modal{align-items:end;padding:0}.prospect-outcome-dialog{width:100%;max-height:92vh;padding:15px 13px max(15px,env(safe-area-inset-bottom));border-radius:12px 12px 0 0}.prospect-outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prospect-outcome-choice{min-height:44px}.prospect-followup-row{grid-template-columns:1fr}.prospect-outcome-actions .btn{flex:1;min-height:44px}.prospect-outcome-head [data-prospect-outcome-close]{min-width:44px;min-height:44px}
    }
    .prospect-area-panel { display: grid; gap: 8px; padding: 10px; border: 1px solid #dbe6f2; border-radius: 9px; background: #fff; }
    .prospect-area-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
    .prospect-area-head strong { font-size: 14px; }
    .prospect-area-head select { width: auto; min-width: 150px; min-height: 34px; font-size: 13px; }
    .prospect-area-kpis { display: flex; flex-wrap: wrap; gap: 6px; }
    .prospect-area-list { display: grid; gap: 6px; max-height: 220px; overflow: auto; }
    .prospect-area-row { display: grid; grid-template-columns: minmax(0, 1.2fr) repeat(4, minmax(76px, auto)); gap: 8px; align-items: center; padding: 8px; border: 1px solid #edf1f5; border-radius: 8px; background: #fbfdff; font-size: 12px; }
    .prospect-area-row { border-left: 3px solid #dbeafe; border-right: 0; border-top: 0; border-bottom: 1px solid #edf1f5; border-radius: 0; background: #fff; }
    .prospect-area-row:hover { background: #f8fbff; border-left-color: var(--primary); }
    .prospect-area-row strong { font-size: 13px; color: #101828; overflow-wrap: anywhere; }
    .prospect-list { display: grid; align-content:start; gap: 7px; max-height: 460px; overflow: auto; padding-right: 2px; overflow-anchor:none; }
    .prospect-card { display: grid; grid-template-columns: 1fr; gap: 9px; align-items: start; padding: 9px; border: 1px solid #e5ecf5; border-radius: 8px; background: #fff; box-shadow: 0 5px 14px rgba(31,41,51,.04); }
    .prospect-card { box-shadow: none; border-color: #e6ebf1; }
    .prospect-card:hover { border-color: #b9cde4; box-shadow: 0 6px 16px rgba(31,41,51,.06); }
    .prospect-card.is-selected { border-color:#78b4ae; background:#f3f9f8; box-shadow:inset 3px 0 0 #08766c; }
    .prospect-main { display: grid; gap: 4px; min-width: 0; }
    .prospect-title-line { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; min-width: 0; }
    .prospect-title-copy { min-width:0; display:grid; gap:2px; }
    .prospect-identity-line { min-width:0; display:flex; flex-wrap:wrap; align-items:center; gap:4px 6px; }
    .prospect-source-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-width:0;}
    .prospect-source-line .prospect-source-badge{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .prospect-identity-line strong { flex:0 0 auto; min-width:0; white-space:nowrap; }
    .prospect-vehicle-type { min-width:0; color:#526173; font-size:12px; font-weight:var(--weight-semibold); line-height:1.35; overflow-wrap:anywhere; }
    .prospect-title-actions { flex:0 0 auto; display:flex; align-items:center; gap:6px; }
    .prospect-contact-state { flex: 0 0 auto; padding: 3px 7px; border: 1px solid #e1e7ef; border-radius: 999px; background: #f7f9fc; color: #475467; font-size: 11px; font-weight:var(--weight-medium); }
    .prospect-contact-state.is-progress { border-color:#f2d39a; background:#fff7e8; color:#8a5700; }
    .prospect-contact-state.is-positive { border-color:#b7dfc7; background:#edf9f2; color:#087443; }
    .prospect-contact-state.is-waiting { border-color:#c7e0dd; background:#eef7f5; color:#08766c; }
    .prospect-contact-state.is-blocked { border-color:#f1c5c1; background:#fff1f0; color:#b42318; }
    .prospect-title-toggle { flex: 0 0 auto; min-height: 28px; padding: 0 8px; border: 1px solid #dbe6f2; border-radius: 8px; background: #f8fafc; color: #344054; font-size: 12px; font-weight:var(--weight-medium); cursor: pointer; }
    .prospect-title-toggle:active { background: #eef7f5; color: #065e57; }
    .prospect-add-wechat { flex:0 0 auto; min-height:28px; padding:0 8px; border:1px solid #b9d8c4; border-radius:8px; background:#f2fbf5; color:#18794e; font-size:12px; font-weight:var(--weight-medium); cursor:pointer; }
    .prospect-add-wechat:active { background:#e6f7ec; }
    .prospect-secondary-actions .prospect-state-choice.is-selected { border-color:#a7b7c8; background:#edf3f8; color:#344054; font-weight:var(--weight-semibold); }
    .prospect-secondary-actions .prospect-state-choice.is-selected.is-positive { border-color:#8fc9a7; background:#e9f7ef; color:#146c43; }
    .prospect-main strong { font-size: 16px; color: #101828; overflow-wrap: anywhere; }
    .prospect-meta { display: flex; flex-wrap: wrap; gap: 5px; color: var(--muted); font-size: 12px; font-weight:var(--weight-semibold); }
    .prospect-contact-primary { display: inline-flex; align-items:center; gap: 6px; color: #344054; }
    .prospect-contact-primary b { color: #101828; }
    .prospect-phone-link { color:#08766c; font-weight:var(--weight-medium); text-decoration:none; }
    .prospect-phone-link:active { color:#065e57; }
    .prospect-key-date { color:#526173; white-space:nowrap; }
    .prospect-key-date b { color:#98a2b3; font-size:10px; font-weight:var(--weight-medium); }
    .prospect-relation { color:#526173; }
    .prospect-area { min-width:0; max-width:220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .prospect-card:not(.expanded) .prospect-meta .prospect-detail-only,
    .prospect-card:not(.expanded) .prospect-meta > span:nth-child(n+4):not(.prospect-key-date),
    .prospect-card:not(.expanded) .prospect-trace { display: none; }
    .prospect-trace { color: #667085; font-size: 12px; font-weight:var(--weight-medium); line-height: 1.45; overflow-wrap: anywhere; }
    .prospect-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; width:100%; }
    .prospect-actions .btn { min-height: 28px; padding: 0 8px; }
    .prospect-secondary-actions { display: none; }
    .prospect-card.expanded .prospect-secondary-actions { grid-column:1 / -1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; padding-top:8px; border-top:1px solid #edf1f5; }
    .prospect-detail { display:grid; min-height:100%; background:#fff; }
    .prospect-detail-head { display:grid; gap:10px; padding:16px; border-bottom:1px solid #e7edf3; }
    .prospect-detail-title { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
    .prospect-detail-title-copy { min-width:0; display:grid; gap:6px; }
    .prospect-detail-title-copy h3 { margin:0; color:#101828; font-size:18px; }
    .prospect-detail-title-copy p { margin:0; color:#667085; font-size:12px; line-height:1.5; }
    .prospect-detail-primary-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
    .prospect-detail-primary-actions .btn,.prospect-detail-primary-actions .call-btn { width:100%; min-height:36px; }
    .prospect-detail-body { display:grid; gap:14px; padding:16px; }
    .prospect-detail-section { display:grid; gap:8px; }
    .prospect-detail-section-title { display:flex; align-items:center; justify-content:space-between; gap:8px; color:#344054; font-size:13px; font-weight:var(--weight-semibold); }
    .prospect-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid #e7edf3; border-radius:7px; overflow:hidden; }
    .prospect-detail-field { min-width:0; padding:9px 10px; border-right:1px solid #edf1f5; border-bottom:1px solid #edf1f5; }
    .prospect-detail-field:nth-child(2n) { border-right:0; }
    .prospect-detail-field span { display:block; color:#8491a3; font-size:10px; font-weight:var(--weight-semibold); }
    .prospect-detail-field strong { display:block; margin-top:3px; color:#344054; font-size:13px; line-height:1.4; overflow-wrap:anywhere; }
    .prospect-detail-state-actions { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
    .prospect-detail-state-actions .btn { min-width:0; min-height:32px; padding:0 6px; font-size:11px; }
    .prospect-detail-note { padding:10px; border:1px solid #e3e9ef; border-radius:7px; background:#f8fafc; color:#526173; font-size:12px; line-height:1.55; overflow-wrap:anywhere; white-space:pre-wrap; }
    .prospect-import-note > summary{min-height:36px;padding:8px 10px;}
    .prospect-import-note .prospect-detail-note{border:0;border-top:1px solid #e3e9ef;border-radius:0;}
    .prospect-detail-timeline { display:grid; max-height:260px; overflow:auto; padding-left:8px; }
    .prospect-detail-timeline .prospect-timeline-item { padding-top:7px; padding-bottom:7px; }
    .prospect-detail-more { display:flex; flex-wrap:wrap; gap:7px; }
    .prospect-detail-more .btn { min-height:32px; }
    @media(max-width:1180px){
      #pcView .prospect-workbench.is-mobile-detail { display:block; }
      #pcView .prospect-workbench.is-mobile-detail .prospect-list-pane { display:none; }
      #pcView .prospect-workbench.is-mobile-detail .prospect-detail-pane { display:block; overflow:hidden; border:1px solid #dfe6ed; border-radius:8px; background:#fff; }
      #pcView .prospect-detail-mobile-bar { position:sticky; top:0; z-index:3; display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:52px; padding:6px 10px; border-bottom:1px solid #e7edf3; background:#fff; }
      #pcView .prospect-detail-mobile-bar strong { color:#344054; font-size:14px; }
      #pcView .prospect-detail-back { min-height:44px; padding:0 12px; }
      #pcView .prospect-detail-head { padding:14px 12px; }
      #pcView .prospect-detail-body { padding:14px 12px; }
      #pcView .prospect-detail-primary-actions .btn,#pcView .prospect-detail-primary-actions .call-btn,#pcView .prospect-detail-state-actions .btn,#pcView .prospect-detail-more .btn { min-height:44px; }
      #pcView .prospect-detail-state-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
    }
    @media(min-width:1181px){
      #pcView .prospect-area-panel { display:grid; grid-template-columns:1fr; gap:0; padding:0; overflow:hidden; }
      #pcView .prospect-area-summary-head { min-height:42px; display:flex; align-items:center; justify-content:space-between; padding:0 12px; list-style:none; cursor:pointer; }
      #pcView .prospect-area-summary-head::-webkit-details-marker { display:none; }
      #pcView .prospect-area-summary-head span { color:#08766c; font-size:11px; font-weight:var(--weight-semibold); }
      #pcView .prospect-area-panel:not([open]) > :not(summary) { display:none; }
      #pcView .prospect-area-panel[open] { padding-bottom:10px; }
      #pcView .prospect-area-panel[open] .prospect-area-head,#pcView .prospect-area-panel[open] #prospectAreaSummary { margin-left:10px; margin-right:10px; }
      #pcView .prospect-workbench { grid-template-columns:minmax(400px,42%) minmax(0,58%); align-items:stretch; height:clamp(540px,calc(100vh - 120px),760px); min-height:0; border:1px solid #dfe6ed; border-radius:8px; background:#fff; overflow:hidden; }
      #pcView .prospect-list-pane { height:100%; display:grid; grid-template-rows:auto minmax(0,1fr) auto; overflow:hidden; border-right:1px solid #dfe6ed; }
      #pcView .prospect-list-tools { min-height:42px; padding:0 10px; border-bottom:1px solid #e7edf3; }
      #pcView #toggleAllProspectDetails { display:none; }
      #pcView .prospect-detail-pane { position:relative; top:auto; display:block; height:100%; max-height:none; overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable; background:#fff; }
      #pcView .prospect-list { min-height:0; max-height:none; grid-auto-rows:max-content; margin:0; padding-right:4px; border-top:0; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scrollbar-gutter:stable; }
      #pcView .prospect-card { min-height:78px; gap:4px; padding:10px 11px; cursor:pointer; }
      #pcView .prospect-card .prospect-title-toggle,#pcView .prospect-card .prospect-add-wechat,#pcView .prospect-card .prospect-actions,#pcView .prospect-card .prospect-timeline,#pcView .prospect-card .prospect-trace { display:none!important; }
      #pcView .prospect-card .prospect-main { gap:3px; }
      #pcView .prospect-card .prospect-title-actions { align-self:start; }
      #pcView .prospect-card .prospect-contact-state { white-space:nowrap; }
      #pcView .prospect-card .prospect-meta > span:nth-child(n+4) { display:none; }
      #pcView .prospect-card .prospect-meta { gap:4px 8px; font-size:11px; }
      #pcView .prospect-card .prospect-main strong { font-size:13px; }
      #pcView .prospect-card .plate-badge.compact { transform:scale(.9); transform-origin:left center; margin-right:-8px; }
      #pcView .prospect-pagination { padding:8px 10px; border-top:1px solid #e7edf3; }
    }
    .prospect-secondary-actions .btn { width:100%; min-width:0; }
    .prospect-push-tools { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; padding: 8px; border: 1px solid #dbeafe; border-radius: 9px; background: #f8fbff; }
    .prospect-push-tools select { width: auto; min-width: 130px; min-height: 30px; padding: 0 8px; font-size: 12px; font-weight:var(--weight-medium); }
    .prospect-import-button.busy { pointer-events:none; opacity:.65; }
    .prospect-top-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; padding:8px 0 0; }
    .prospect-import-channel { display:flex; align-items:center; gap:6px; color:#475467; font-size:12px; }
    .prospect-import-channel select { min-width:190px; max-width:280px; min-height:34px; padding:6px 28px 6px 9px; border:1px solid #d0dbe8; border-radius:7px; background:#fff; color:#1d2939; }
    .prospect-import-hint { flex:1 1 260px; min-width:220px; color:#667085; font-size:11px; line-height:1.4; }
    @media(max-width:680px){ .prospect-top-actions { justify-content:stretch; align-items:stretch; } .prospect-top-actions .prospect-import-channel,.prospect-top-actions .prospect-import-button { width:100%; } .prospect-import-channel select { flex:1; max-width:none; } .prospect-top-actions .prospect-import-button { text-align:center; } .prospect-import-hint { flex-basis:100%; } }
    .prospect-create-overlay { position:fixed; inset:0; z-index:145; display:grid; place-items:center; padding:18px; background:rgba(17,24,39,.48); }
    .prospect-create-dialog { width:min(640px,100%); max-height:min(88vh,760px); overflow:auto; padding:18px; border:1px solid #d8e2eb; border-radius:10px; background:#fff; box-shadow:0 24px 64px rgba(15,23,42,.22); }
    .prospect-create-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:14px; }
    .prospect-create-head h3 { margin:0; color:#101828; font-size:18px; }
    .prospect-create-head p { margin:4px 0 0; color:#667085; font-size:12px; line-height:1.5; }
    .prospect-create-close { width:34px; min-width:34px; height:34px; padding:0; border:0; border-radius:7px; background:#f2f4f7; color:#475467; font-size:20px; cursor:pointer; }
    .prospect-create-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .prospect-create-grid label { display:grid; gap:5px; min-width:0; color:#475467; font-size:12px; font-weight:var(--weight-semibold); }
    .prospect-create-grid input,.prospect-create-grid select,.prospect-create-grid textarea { width:100%; min-height:40px; padding:8px 10px; border:1px solid #d0d9e3; border-radius:7px; background:#fff; color:#101828; }
    .prospect-create-grid textarea { min-height:72px; resize:vertical; }
    .prospect-create-grid .wide { grid-column:1 / -1; }
    .prospect-create-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:14px; padding-top:12px; border-top:1px solid #edf1f5; }
    @media(max-width:620px){.prospect-create-overlay{align-items:end;padding:0}.prospect-create-dialog{width:100%;max-height:92vh;padding:15px 13px max(15px,env(safe-area-inset-bottom));border-radius:12px 12px 0 0}.prospect-create-grid{grid-template-columns:1fr}.prospect-create-grid .wide{grid-column:auto}.prospect-create-actions .btn{flex:1}}
    .customer-push-panel { display: grid; gap: 8px; margin-bottom: 10px; padding: 10px; border: 1px solid #dbeafe; border-radius: 10px; background: #f8fbff; }
    details.customer-push-panel { margin-top: 10px; margin-bottom: 0; }
    .customer-push-panel summary { min-height: 34px; padding: 0; border: 0; list-style: none; cursor: pointer; }
    .customer-push-panel summary::-webkit-details-marker { display: none; }
    .customer-push-panel summary::after { content: "打开"; align-self: center; color: var(--blue); font-size: 12px; font-weight:var(--weight-medium); }
    .customer-push-panel[open] summary { border-bottom: 0; }
    .customer-push-panel[open] summary::after { content: "收起"; }
    .customer-push-body { display: grid; gap: 8px; padding-top: 8px; }
    .customer-push-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
    .customer-push-title { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; color: #101828; font-size: 14px; font-weight:var(--weight-medium); }
    .customer-push-list { display: grid; gap: 7px; }
    .customer-push-list.collapsed .prospect-card:nth-of-type(n+5) { display: none; }
    .prospect-push-card { border-color: #bfdbfe; background: #fff; }
    .customer-push-empty { padding: 9px; border: 1px dashed #cbd5e1; border-radius: 8px; color: #667085; font-size: 12px; font-weight:var(--weight-semibold); text-align: center; }
    .prospect-batch-dashboard { display:grid; gap:8px; padding:10px; border:1px solid #e4eaf2; border-radius:9px; background:#fff; }
    .prospect-batch-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
    .prospect-batch-head strong { color:#101828; font-size:13px; }
    .prospect-batch-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
    .prospect-batch-kpi { min-width:0; padding:7px 8px; border:1px solid #edf1f5; border-radius:7px; background:#fbfdff; }
    .prospect-batch-kpi span { display:block; color:#667085; font-size:11px; }
    .prospect-batch-kpi b { display:block; margin-top:2px; color:#101828; font-size:15px; }
    .prospect-batch-list { display:grid; gap:6px; max-height:240px; overflow:auto; }
    .prospect-batch-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; padding:8px; border-top:1px solid #edf1f5; }
    .prospect-batch-row:first-child { border-top:0; }
    .prospect-batch-row strong { display:block; color:#344054; font-size:12px; }
    .prospect-batch-row span { color:#667085; font-size:11px; line-height:1.45; }
    .prospect-batch-row .overdue { color:#b42318; font-weight:var(--weight-semibold); }
    .prospect-batch-actions { display:flex; gap:6px; flex-wrap:wrap; }
    @media(max-width:760px){.prospect-batch-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.prospect-batch-row{grid-template-columns:1fr}.prospect-batch-actions .btn{width:100%;}}
    @media(max-width:720px){
      .prospect-admin-toolbar,.prospect-pagination,.prospect-select{display:none!important}
      .prospect-card.has-select{grid-template-columns:minmax(0,1fr)}
      .prospect-card.has-select > .prospect-main,.prospect-card.has-select > .prospect-actions{grid-column:1}
      #pcView .prospect-mobile-load{display:grid;gap:8px;padding:12px 4px 4px;border-top:1px solid #e6ebf1;background:#fff;text-align:center}
      #pcView .prospect-mobile-load span{color:#667085;font-size:13px;font-weight:var(--weight-semibold)}
      #pcView .prospect-mobile-load .btn{width:100%;min-height:48px;font-size:15px}
    }
    .prospect-source-badge { display: inline-flex; align-items: center; padding: 2px 7px; border: 1px solid #cde3e0; border-radius: 999px; background: #eef7f5; color: #08766c; font-size: 11px; font-weight:var(--weight-medium); }
    .prospect-source-badge.channel { border-color:#bfdbfe; background:#e8f3ff; color:#145da0; }
    .prospect-source-badge.channel-warn { border-color:#f4c98b; background:#fff4e5; color:#9a4d00; }
    .batch-mode-switch { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; padding:10px 14px 0; }
    .batch-mode-switch .btn { min-height:36px; background:#fff; }
    .batch-mode-switch .btn.active { border-color:#08766c; background:#eef4ff; color:#08766c; font-weight:var(--weight-semibold); }
    .batch-filter-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; margin-bottom: 8px; }
    @media (max-width: 760px) { .helper-manager-grid { grid-template-columns: 1fr 1fr; } .helper-manager-grid button { grid-column: 1 / -1; } }
    @media (max-width: 760px) {
      .prospect-filters { grid-template-columns: 1fr 1fr; }
      .prospect-search-bar { grid-template-columns: minmax(0, 1fr) auto; }
      .prospect-search-bar > #prospectSearch { grid-column: 1 / -1; }
      .prospect-search-bar > #prospectWindow { width: 100%; }
      .prospect-card { grid-template-columns: 1fr; }
      .prospect-actions { justify-content: flex-start; }
    }
    .inline-check { min-height: 38px; display: flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid #dbe6f2; border-radius: 9px; background: #f8fbff; color: #344054; font-size: 13px; font-weight:var(--weight-medium); }
    .inline-check input { width: 18px; min-height: 18px; padding: 0; accent-color: var(--blue); }
    .inspection-checker { display: grid; gap: 8px; padding: 10px; border: 1px solid #dbe6f2; border-radius: 9px; background: #f8fbff; }
    .inspection-checker-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 8px; align-items: center; }
    .inspection-checker-result { padding: 8px 9px; border-radius: 8px; background: #fff; color: #344054; font-size: 12px; line-height: 1.45; }
    .inspection-checker-result.warn { background: #fff7ed; color: #9a3412; }
    .pc-main-panel .panel-body { gap: 14px; }
    .pc-main-panel .panel-head, .pc-detail-panel .panel-head { border-bottom: 1px solid #edf1f5; background: #fff; }
    .pc-main-panel .panel-body > .section-title, .pc-detail-panel .panel-body > .section-title { padding-bottom: 8px; border-bottom: 1px solid #edf1f5; }
    .pc-workspace-nav { display:flex; align-items:center; gap:4px; padding:4px; border:1px solid #e1e7ee; border-radius:8px; background:#f4f6f8; overflow-x:auto; scrollbar-width:thin; }
    .pc-workspace-nav button { flex:0 0 auto; min-height:38px; display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:0 14px; border:0; border-radius:6px; background:transparent; color:#526173; font-size:13px; font-weight:var(--weight-semibold); cursor:pointer; white-space:nowrap; }
    .pc-workspace-nav button:hover { background:#fff; color:#344054; }
    .pc-workspace-nav button.active { background:#fff; color:#08766c; box-shadow:0 1px 4px rgba(31,41,51,.11); }
    .pc-workspace-nav button:focus-visible { outline:2px solid #78b4ae; outline-offset:1px; }
    .pc-workspace-nav .pc-workspace-count { min-width:20px; min-height:20px; display:inline-grid; place-items:center; padding:0 6px; border-radius:999px; background:#e7ecf2; color:#526173; font-size:10px; line-height:1; }
    .pc-workspace-nav button.active .pc-workspace-count { background:#e7f2f0; color:#08766c; }
    .pc-nav-group{display:contents;}
    #pcView .pc-nav-group>strong{display:none;}
    #pcView .pc-workspace-nav{min-width:0;max-width:100%;}
    #pcView .pc-workspace-nav button{min-height:42px;font-size:14px;}
    .redemption-ledger { display:grid; gap:12px; }
    .redemption-ledger-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
    .redemption-ledger-head h3 { margin:0; color:#172033; font-size:17px; }
    .redemption-ledger-head p { margin:3px 0 0; color:#667085; font-size:12px; }
    .redemption-ledger-head .btn { flex:none; }
    .redemption-ledger-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
    .redemption-ledger-kpi { min-width:0; padding:12px; border:1px solid #e2e9ee; border-top:3px solid #39a69a; border-radius:8px; background:#fff; }
    .redemption-ledger-kpi span { display:block; color:#667085; font-size:12px; }
    .redemption-ledger-kpi strong { display:block; margin-top:4px; color:#172033; font-size:23px; line-height:1.15; }
    .redemption-ledger-filter { display:grid; grid-template-columns:minmax(190px,1.4fr) repeat(6,minmax(120px,1fr)) auto; gap:8px; align-items:center; padding:10px; border:1px solid #e4eaef; border-radius:8px; background:#f8fafb; }
    .redemption-ledger-table { max-height:calc(100vh - 390px); min-height:240px; overflow:auto; border:1px solid #e4eaef; border-radius:8px; background:#fff; }
    .redemption-ledger-table table { min-width:1120px; }
    .redemption-ledger-table thead { position:sticky; top:0; z-index:1; background:#f5f8fa; }
    .redemption-ledger-table button { color:#08766c; font-weight:700; }
    .redemption-ledger-note { display:flex; justify-content:space-between; gap:12px; color:#667085; font-size:12px; }
    .redemption-ledger-empty { padding:38px 16px; color:#667085; text-align:center; }
    @media(max-width:1200px){.redemption-ledger-filter{grid-template-columns:repeat(3,minmax(0,1fr))}.redemption-ledger-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
    .pc-workspace-hidden { display:none !important; }
    /* Ledger navigation stays horizontal; visible content follows in its own flow. */
    .pc-workspace-content { display:flex; flex-direction:column; gap:inherit; min-width:0; }
    #pcView .pc-main-panel>.panel-body{display:flex;flex-direction:column;gap:14px;}
    @media(min-width:981px){
      #pcView .pc-workspace-content>[data-pc-module]{min-width:0;max-height:calc(100vh - 168px);overflow:auto;overscroll-behavior:contain;}
      #pcView .pc-workspace-content>.pc-filter-card{overflow:visible;max-height:none;}
    }
    .pc-toolbar { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; }
    .pc-toolbar-actions { justify-content: flex-end; }
    .pc-filter-card { display: grid; gap: 10px; padding: 12px; border: 1px solid #e7edf3; border-radius: 10px; background: #f8fafc; }
    .pc-search-bar { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 8px; align-items: start; }
    .pc-filter-sheet { position: relative; overflow:visible; }
    .pc-filter-sheet > summary { min-width: 84px; min-height: 40px; justify-content: center; gap: 6px; padding: 0 10px; border: 1px solid #cfd8e3; border-radius: 8px; background: #fff; }
    .pc-filter-sheet > summary::after { display: none; }
    .pc-filter-sheet > summary em { min-width: 19px; min-height: 19px; display: inline-grid; place-items: center; padding: 0 5px; border-radius: 999px; background: #eef2f6; color: #667085; font-size: 10px; font-style: normal; }
    .pc-filter-sheet > summary em.active { background: #08766c; color: #fff; }
    .pc-filter-sheet[open] > summary { border-color: #8ebdb8; background: #eef7f5; color: #065e57; }
    .pc-filter-popover { position: absolute; top: 46px; right: 0; z-index: 14; width: min(620px, calc(100vw - 32px)); padding: 10px; border: 1px solid #dbe3ec; border-radius: 9px; background: #fff; box-shadow: 0 16px 36px rgba(31,41,51,.16); }
    .pc-filter-grid { display: grid; grid-template-columns: minmax(260px, 1.5fr) repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; }
    .pc-insight-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 12px; align-items: start; }
    .pc-collapsible-panel { overflow: hidden; }
    .pc-collapsible-panel summary { min-height: 48px; padding: 0 14px; background: #fbfcfd; }
    .pc-collapsible-panel summary span:first-child { font-weight:var(--weight-medium); }
    .phone-stats-panel { display: grid; gap: 10px; padding: 12px; border: 1px solid #e7edf3; border-radius: 10px; background: #fbfcfe; }
    .phone-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 8px; }
    .phone-stat-item { display: grid; gap: 6px; padding: 10px; border: 1px solid #e6edf5; border-radius: 9px; background: #fff; text-align: left; }
    .phone-stat-item.warning { border-color: #f1c477; background: #fffaf0; }
    .phone-stat-line { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
    .phone-stat-line strong { overflow-wrap: anywhere; }
    .source-dashboard { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
    .phone-stats-grid > .source-dashboard, .phone-stats-grid > .source-section-title, .phone-stats-grid > .source-admin-details { grid-column: 1 / -1; }
    .source-kpi { min-height: 58px; display: grid; align-content: center; gap: 5px; padding: 10px; border: 1px solid #e6edf5; border-radius: 9px; background: #fff; }
    .source-kpi strong { color: #101828; font-size: 20px; line-height: 1; }
    .source-kpi span { color: #667085; font-size: 12px; font-weight:var(--weight-semibold); }
    .source-section-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 2px; color: #344054; font-size: 13px; font-weight:var(--weight-medium); }
    .source-section-title::before { content: ""; width: 4px; height: 16px; border-radius: 999px; background: #08766c; }
    .source-section-title span:first-child { margin-right: auto; }
    .source-stat-card { border-color: #dbeafe; background: #fbfdff; }
    .source-contact-row { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; }
    .source-contact-chip { display: inline-flex; align-items: center; min-height: 24px; max-width: 100%; padding: 3px 7px; border: 1px solid #dbe6f2; border-radius: 999px; background: #f8fbff; color: #344054; font-size: 12px; font-weight:var(--weight-semibold); text-decoration: none; overflow-wrap: anywhere; }
    .source-lead-list { display: grid; gap: 5px; margin-top: 2px; }
    .source-lead-link { width: 100%; display: grid; grid-template-columns: minmax(72px, auto) minmax(0, 1fr) auto; gap: 7px; align-items: center; min-height: 30px; padding: 5px 7px; border: 1px solid #edf1f5; border-radius: 7px; background: #fbfcfe; color: #344054; text-align: left; font-size: 12px; }
    .source-lead-link strong { color: #1f2933; font-size: 13px; overflow-wrap: anywhere; }
    .source-lead-link span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .pc-table-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 2px; }
    .pc-table-head h2 { margin: 0; font-size: 15px; }
    .wechat-receiving-workbench { display:grid; gap:10px; margin:0 -2px; padding:13px 2px 14px; border-top:1px solid #e7edf3; border-bottom:1px solid #e7edf3; }
    .wechat-receiving-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
    .wechat-receiving-title { display:flex; align-items:center; gap:8px; min-width:0; }
    .wechat-receiving-title::before { content:""; width:4px; height:18px; border-radius:999px; background:#07a950; }
    .wechat-receiving-title h2 { margin:0; color:#1f2933; font-size:15px; }
    .wechat-receiving-head-side { display:flex; align-items:center; justify-content:flex-end; gap:6px; flex-wrap:wrap; }
    .wechat-receiving-shortcut { min-height:32px; padding:0 8px; border:1px solid #dfe6ee; border-radius:7px; background:#fff; color:#526173; font-size:11px; font-weight:var(--weight-semibold); cursor:pointer; }
    .wechat-receiving-shortcut strong { margin-left:3px; color:#08766c; font-size:12px; }
    .wechat-receiving-shortcut.overdue strong { color:#b54708; }
    .wechat-receiving-shortcut.active { border-color:#8ebdb8; background:#eef7f5; color:#065e57; }
    .wechat-receiving-shortcut.overdue.active { border-color:#f1c477; background:#fff8eb; color:#9a3412; }
    .wechat-receiving-toolbar { display:grid; grid-template-columns:minmax(210px,1fr) 150px minmax(180px,240px); gap:8px; }
    .wechat-receiving-status { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); max-width:480px; padding:3px; border:1px solid #e1e7ee; border-radius:8px; background:#f4f6f8; }
    .wechat-receiving-status button { min-height:34px; padding:0 10px; border:0; border-radius:6px; background:transparent; color:#526173; font-size:12px; font-weight:var(--weight-semibold); cursor:pointer; }
    .wechat-receiving-status button.active { background:#fff; color:#08766c; box-shadow:0 1px 4px rgba(31,41,51,.1); }
    .wechat-receiving-status button[data-receiving-status="arrived"].active { color:#087443; }
    .wechat-receiving-status button[data-receiving-status="completed"].active { color:#344054; }
    .wechat-receiving-groups { display:grid; gap:8px; }
    .wechat-receiving-group { overflow:hidden; border:1px solid #e5ebf1; border-radius:8px; background:#fff; }
    .wechat-receiving-group-head { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:42px; padding:8px 10px; border-bottom:1px solid #edf1f5; background:#f8fafc; }
    .wechat-receiving-group-title { min-width:0; display:flex; align-items:center; gap:7px; }
    .wechat-receiving-group-title strong { overflow:hidden; color:#273444; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
    .wechat-receiving-group-title span { color:#667085; font-size:11px; white-space:nowrap; }
    .wechat-receiving-group-counts { display:flex; align-items:center; gap:5px; color:#667085; font-size:11px; white-space:nowrap; }
    .wechat-receiving-list { display:grid; }
    .wechat-receiving-row { display:grid; grid-template-columns:minmax(120px,.85fr) minmax(160px,1.15fr) minmax(150px,1fr) minmax(110px,.7fr) auto; gap:10px; align-items:center; min-height:64px; padding:9px 10px; border-top:1px solid #edf1f5; }
    .wechat-receiving-row:first-child { border-top:0; }
    .wechat-receiving-primary, .wechat-receiving-field { min-width:0; display:grid; gap:3px; }
    .wechat-receiving-primary strong { color:#101828; font-size:14px; }
    .wechat-receiving-primary span, .wechat-receiving-field span { overflow:hidden; color:#667085; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
    .wechat-receiving-field strong { overflow:hidden; color:#344054; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
    .wechat-receiving-actions { display:flex; justify-content:flex-end; gap:6px; flex-wrap:wrap; }
    .wechat-receiving-actions .btn { min-height:32px; }
    .wechat-receiving-empty { padding:18px 10px; border:1px dashed #dbe3ec; border-radius:8px; color:#667085; text-align:center; font-size:12px; }
    @media(max-width:1100px){
      .wechat-receiving-toolbar { grid-template-columns:1fr 1fr; }
      .wechat-receiving-toolbar input { grid-column:1 / -1; }
      .wechat-receiving-row { grid-template-columns:minmax(110px,.8fr) minmax(150px,1fr) minmax(140px,1fr) auto; }
      .wechat-receiving-row .wechat-receiving-introducer { display:none; }
    }
    @media(max-width:760px){
      .wechat-receiving-head { align-items:flex-start; }
      .wechat-receiving-toolbar { grid-template-columns:1fr; }
      .wechat-receiving-toolbar input { grid-column:auto; }
      .wechat-receiving-row { grid-template-columns:1fr 1fr; }
      .wechat-receiving-actions { grid-column:1 / -1; justify-content:stretch; }
      .wechat-receiving-actions .btn { flex:1; }
    }
    .pc-detail-panel { position: static; display:none; }
    .pc-detail-panel .panel-body { gap: 13px; max-height: none; overflow: visible; }
    .detail-section { display: grid; gap: 9px; padding: 11px; border: 1px solid #e7edf3; border-radius: 10px; background: #fbfcfe; }
    .redemption-rule { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 11px 12px; border: 1px solid #dce7f2; border-radius: 8px; background: #f8fbff; }
    .redemption-rule-copy { min-width: 0; display: grid; gap: 3px; }
    .redemption-rule-copy strong { color: #172b4d; font-size: 13px; font-weight: var(--weight-medium); }
    .redemption-rule-copy span { color: #667085; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
    .redemption-rule.done { border-color: #cce7d7; background: #f4fbf7; }
    .redemption-rule.done .redemption-rule-copy strong { color: #137044; }
    .redemption-rule .btn { min-width: 88px; white-space: nowrap; }
    .my-account-details > summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; }
    .my-account-details > summary::-webkit-details-marker { display: none; }
    .my-account-details > summary::after { content: "⌄"; color: #98a2b3; font-size: 16px; transition: transform .18s ease; }
    .my-account-details[open] > summary::after { transform: rotate(180deg); }
    .fee-notice-collapse { margin-top: 4px; border: 0; background: transparent; }
    .fee-notice-collapse > summary { width: max-content; display: inline-flex; align-items: center; justify-content: space-between; gap: 14px; padding: 6px 10px; border: 1px solid #dbe5ef; border-radius: 999px; background: #f8fbff; cursor: pointer; color: #344054; font-size: 12px; font-weight:var(--weight-semibold); list-style: none; }
    .fee-notice-collapse > summary::-webkit-details-marker { display: none; }
    .fee-notice-collapse > summary::after { content: "展开"; color: #08766c; font-size: 12px; }
    .fee-notice-collapse[open] > summary { width: 100%; border-radius: 8px 8px 0 0; }
    .fee-notice-collapse[open] > summary::after { content: "收起"; }
    .fee-notice-collapse > ol { margin: 0; padding: 8px 14px 10px 34px; border: 1px solid #edf1f5; border-top: 0; border-radius: 0 8px 8px 8px; background: #fbfcfe; }
    .detail-summary { display: grid; gap: 12px; padding: 14px; border: 1px solid #dbe6f2; border-radius: 8px; background: #fff; }
    .detail-summary-head { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
    .detail-summary-head > div:first-child { min-width:0; }
    .detail-summary-kicker { display:flex; align-items:center; gap:5px; }
    .detail-back-icon { width:28px; height:28px; display:grid; place-items:center; margin-left:-7px; padding:0; border:0; border-radius:50%; background:transparent; color:#526173; cursor:pointer; }
    .detail-back-icon:hover { background:#f2f4f7; color:#08766c; }
    .detail-back-icon svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
    .detail-edit-icon { width:30px; height:30px; display:grid; place-items:center; padding:0; border:0; border-radius:50%; background:transparent; color:#526173; cursor:pointer; }
    .detail-edit-icon:hover { background:#f2f4f7; color:#08766c; }
    .detail-edit-icon svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
    .detail-wechat-icon { width:30px; height:30px; display:grid; place-items:center; padding:0; border:0; border-radius:50%; background:transparent; color:#079447; cursor:pointer; }
    .detail-wechat-icon:hover, .detail-wechat-icon:focus-visible { background:#eaf8f0; color:#057a3a; }
    .detail-wechat-icon svg { width:19px; height:19px; display:block; fill:currentColor; transform:scaleY(1.08); transform-origin:center; }
    .detail-driver-icon { width:30px; height:30px; display:grid; place-items:center; padding:0; border:0; border-radius:50%; background:transparent; color:#08766c; cursor:pointer; }
    .detail-driver-icon:hover, .detail-driver-icon:focus-visible { background:#edf6f4; color:#065e57; }
    .detail-driver-icon svg { width:19px; height:19px; display:block; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
    .detail-summary-actions { position:relative; z-index:2; flex:0 0 auto; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:flex-end; gap:7px; max-width:192px; }
    .detail-summary-head h3 { margin: 3px 0; color: #172b4d; font-size: 20px; overflow-wrap:anywhere; }
    .detail-summary-head p { margin: 0; color: #667085; font-size: 13px; }
    .detail-summary-contact { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
    .detail-summary-contact span { color:#475467; }
    .detail-phone-link { color: #08766c; font-weight:var(--weight-medium); text-decoration: none; }
    .eyebrow { color: #08766c; font-size: 11px; font-weight:var(--weight-medium); }
    .detail-summary-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; border-top:1px solid #edf1f5; border-bottom:1px solid #edf1f5; }
    .detail-summary-item { min-width:0; padding:9px 10px; background:transparent; }
    .detail-summary-item:nth-child(odd) { border-right:1px solid #edf1f5; }
    .detail-summary-item:nth-child(n+3) { border-top:1px solid #edf1f5; }
    .detail-summary-item span, .detail-summary-note span { display: block; color: #8491a3; font-size: 11px; }
    .detail-summary-item strong, .detail-summary-note strong { display: block; margin-top: 3px; color: #344054; font-size: 13px; overflow-wrap: anywhere; }
    .detail-summary-photos { display: flex; gap: 7px; overflow-x: auto; }
    .detail-summary-photo { position: relative; width: 68px; height: 54px; flex: 0 0 auto; padding: 0; border: 1px solid #dbe3ec; border-radius: 7px; overflow: hidden; background: #eef2f6; cursor: zoom-in; }
    .detail-summary-photo img { display:block; width:100%; height:100%; object-fit:cover; }
    .detail-summary-photo span { position:absolute; left:3px; right:3px; bottom:3px; padding:1px 3px; border-radius:4px; background:rgba(15,23,42,.7); color:#fff; font-size:9px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .detail-summary-note { padding-top: 9px; border-top: 1px solid #edf1f5; }
    .detail-more { display:grid; gap:10px; border:0; border-radius:0; background:transparent; overflow:visible; }
    .detail-more > summary { min-height:42px; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0 4px; list-style:none; color:#344054; background:transparent; font-size:13px; font-weight:var(--weight-semibold); cursor:pointer; }
    .detail-more > summary::-webkit-details-marker { display:none; }
    .detail-more > summary::after { content:"查看"; color:#08766c; font-size:11px; font-weight:var(--weight-medium); }
    .detail-more[open] > summary::after { content:"收起"; }
    .detail-followup-compose { border:0; border-radius:0; background:transparent; overflow:visible; }
    .detail-followup-compose > summary { min-height:42px; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0 4px; list-style:none; color:#344054; font-size:13px; font-weight:var(--weight-semibold); cursor:pointer; }
    .detail-followup-compose > summary::-webkit-details-marker { display:none; }
    .detail-followup-compose > summary::after { color:#08766c; font-size:11px; font-weight:var(--weight-medium); }
    .detail-followup-compose > summary::after { content:"填写"; }
    .detail-followup-compose[open] > summary::after { content:"收起"; }
    .detail-followup-compose > .followup-compose { margin-top:7px; }
    .followup-workflow-btn { width:100%; min-height:40px; }
    @media (max-width: 760px) { .detail-summary-head h3 { font-size: 18px; } }
    .detail-section-title { color: #344054; font-size: 13px; font-weight:var(--weight-medium); }
    .detail-actions { display:grid; grid-template-columns:1fr; gap:8px; padding:10px 0 11px; }
    .detail-actions .btn { min-height:36px; padding:0 9px; border-color:#d8e0e8; background:#fff; color:#344054; font-size:12px; box-shadow:none; }
    .detail-actions [data-edit] { border-color:#d8e0e8; background:#fff; color:#344054; font-weight:var(--weight-semibold); }
    .detail-actions [data-batch-entry] { border-color:#08766c; background:#08766c; color:#fff; font-weight:var(--weight-semibold); }
    .detail-actions .btn.wechat { border-color:#07a950; background:#07c160; color:#fff; font-weight:var(--weight-semibold); }
    .detail-actions [data-detail-status="已到站"] { border-color:#087443; background:#087443; color:#fff; font-weight:var(--weight-semibold); }
    .detail-actions [data-detail-status="已取消"] { border-color: #f4b8b1; background: #fff5f4; color: #b42318; }
    .detail-actions [data-detail-delete] { border-color: #fecaca; background: #fff; color: #b42318; }
    .detail-actions-main { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
    .detail-actions-secondary { margin-top:2px; }
    .detail-actions-secondary .btn { color:#526173; background:#fff; }
    .detail-command-list { display:grid; gap:0; border-top:1px solid #e4e9ef; border-bottom:1px solid #e4e9ef; background:#fff; }
    .detail-command-row { min-height:48px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; padding:7px 4px; border-bottom:1px solid #edf1f5; }
    .detail-command-copy { min-width:0; display:flex; align-items:center; gap:7px; }
    .detail-command-copy strong { color:#344054; font-size:13px; font-weight:var(--weight-semibold); }
    .detail-action-help { grid-column:1 / -1; margin:0 0 3px; padding:8px 10px; border:1px solid #d9e6f4; border-radius:7px; background:#f5f9fe; color:#475467; font-size:11px; line-height:1.55; overflow-wrap:anywhere; }
    .detail-action-help.hidden { display:none; }
    .detail-command-action { min-height:34px; display:inline-flex; align-items:center; justify-content:center; padding:0 4px; border:0; background:transparent; color:#08766c; font-size:12px; font-weight:var(--weight-semibold); cursor:pointer; white-space:nowrap; }
    .detail-command-action::after { content:"›"; margin-left:4px; color:#98a2b3; font-size:17px; font-weight:400; line-height:1; }
    .detail-arrival-row .btn { min-height:34px; padding:0 12px; border-color:#087443; background:#087443; color:#fff; font-size:12px; font-weight:var(--weight-semibold); }
    .detail-arrival-row .muted { max-width:220px; font-size:11px; text-align:right; }
    .detail-command-list > .detail-followup-compose,
    .detail-command-list > .detail-more,
    .detail-command-list > .workflow-task-card,
    .detail-command-list > .wechat-trajectory,
    .detail-command-list > .redemption-rule { margin:0; border:0; border-bottom:1px solid #edf1f5; border-radius:0; background:transparent; box-shadow:none; overflow:visible; }
    .detail-command-list > :last-child { border-bottom:0; }
    .detail-command-list > .detail-followup-compose > summary,
    .detail-command-list > .detail-more > summary { min-height:48px; padding:0 4px; border:0; background:transparent; }
    .detail-command-list > .detail-followup-compose[open] > summary,
    .detail-command-list > .detail-more[open] > summary { border-bottom:1px solid #edf1f5; }
    .detail-command-list > .detail-followup-compose > .followup-compose { margin:10px 0 12px; }
    .detail-command-list > .detail-more > .detail-section { margin:10px 0 12px; }
    .detail-command-list > .redemption-rule { min-height:48px; display:flex; align-items:center; padding:8px 4px; }
    .detail-command-list > .redemption-rule.done .redemption-rule-copy { gap:2px; }
    .detail-command-list > .redemption-rule.done .redemption-rule-copy strong { color:#344054; font-size:13px; }
    .detail-command-list > .redemption-rule.done .redemption-rule-copy span { color:#667085; font-size:11px; }
    .detail-command-list > .wechat-trajectory { min-height:58px; padding:8px 4px; }
    .detail-command-list > .workflow-task-card { display:grid; gap:0; padding:0; border-top:0; }
    .detail-command-list > .detail-followup-history { display:grid; gap:8px; padding:10px 12px 12px; border-bottom:1px solid #edf1f5; }
    .detail-command-list > .workflow-task-card > summary { min-height:52px; padding:0 4px; border:0; background:transparent; }
    .detail-command-list > .workflow-task-card .workflow-task-head strong { font-size:14px; }
    .detail-command-list > .workflow-task-card[open] > summary { border-bottom:1px solid #edf1f5; }
    .detail-command-list > .workflow-task-card > .collaboration-detail-body { padding:10px 0 12px; }
    .commission-detail-action { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; padding:10px 2px; border-top:1px solid #edf1f5; border-bottom:1px solid #edf1f5; }
    .commission-detail-copy { min-width:0; display:grid; gap:3px; }
    .commission-detail-copy span { color:#8491a3; font-size:11px; font-weight:var(--weight-medium); }
    .commission-detail-copy strong { color:#344054; font-size:13px; overflow-wrap:anywhere; }
    .commission-detail-action > .actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
    .commission-detail-action .commission-approval-hint { margin:0; }
    @media(max-width:520px){.commission-detail-action{grid-template-columns:1fr}.commission-detail-action>.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.commission-detail-action>.actions .btn{width:100%;min-height:38px}}
    @media(max-width:520px){.detail-actions-main{grid-template-columns:repeat(2,minmax(0,1fr))}}
    .detail-action-hint { justify-self:end; width:26px; height:26px; display:grid; place-items:center; padding:0; border:1px solid #d8e0e8; border-radius:50%; background:#fff; color:#667085; font-size:13px; font-weight:var(--weight-semibold); cursor:pointer; }
    .row-actions { display: grid; grid-template-columns: repeat(3, minmax(58px, 1fr)); gap: 6px; min-width: 168px; }
    .row-actions .btn { min-height: 30px; padding: 0 7px; font-size: 12px; }
    .pc-reprint-control { grid-column:1 / -1; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px; padding:4px; border:1px solid #d8e3ef; border-radius:7px; background:#f7faff; }
    .pc-reprint-control select { min-width:0; min-height:28px; padding:3px 26px 3px 7px; border:0; background-color:transparent; color:#344054; font-size:11px; box-shadow:none; }
    .pc-reprint-control .btn { min-height:28px; border-color:#9fc8c4; background:#eaf4f2; color:#0a635b; }
    .pc-status-cell { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
    #pcView .pc-status-cell .order-flow-progress{width:100%;min-width:104px;max-width:160px;font-size:11px;}
    #pcView .pc-status-cell .order-flow-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 4px;}
    #pcView .pc-status-cell .order-flow-next{white-space:normal;overflow-wrap:anywhere;}
    .table-wrap { border: 1px solid #edf1f5; border-radius: 10px; background: #fff; }
    .table-wrap { box-shadow: 0 4px 14px rgba(31,41,51,.03); }
    .mobile-ledger-card { display:none; }
    table tbody tr { transition: background .14s ease; }
    table tbody tr:hover { background: #f8fbff; }
    table td, table th { border-bottom-color: #edf1f5; }
    tbody td:first-child { border-left: 3px solid transparent; }
    tbody tr.active td:first-child { border-left-color: var(--blue); }
    @media (min-width: 560px) {
      .form-section-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    @media (max-width: 860px) {
      .shell { max-width: 460px; padding: 14px; }
      .topbar { margin: -14px -14px 12px; }
      .metrics { grid-template-columns: repeat(3, 1fr); gap: 7px; }
      .metric { min-height: 62px; padding: 9px; }
      .metric strong { font-size: 20px; }
      .metric span, .metric em { font-size: 11px; }
      .grid, .pc-layout { grid-template-columns: 1fr; }
      .table-wrap { max-height: none; }
      .pc-filter-grid, .pc-insight-grid { grid-template-columns: 1fr; }
      .pc-toolbar { grid-template-columns: 1fr; }
      .pc-toolbar-actions { justify-content: flex-start; }
      .pc-detail-panel { position: static; }
      .pc-detail-panel .panel-body { max-height: none; }
      .detail-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      table { min-width: 0; border-collapse: separate; border-spacing: 0 10px; font-size: 13px; }
      thead { display: none; }
      tbody { display: grid; gap: 10px; padding: 8px; }
      tbody tr { display: grid; gap: 8px; padding: 10px; border: 1px solid #e2e9f0; border-radius: 10px; background: #fff; box-shadow: 0 8px 20px rgba(31,41,51,.06); }
      tbody tr.active { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(8,118,108,.12); }
      tbody tr:hover { background: #fff; }
      th, td { border-bottom: 0; padding: 0; }
      tbody td { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 8px; align-items: start; }
      tbody td::before { content: attr(data-label); color: var(--muted); font-size: 12px; font-weight:var(--weight-medium); }
      tbody td:first-child { border-left: 0; }
      tbody tr.active td:first-child { border-left-color: transparent; }
      .row-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; width: 100%; }
      .row-actions .btn { min-height: 38px; font-size: 12px; }
      #pcView .panel-head { position: sticky; top: 62px; z-index: 4; background: rgba(255,255,255,.96); border-bottom: 1px solid #edf1f5; backdrop-filter: blur(10px); }
      #pcView .pc-filter-card { padding: 10px; }
      #pcView .pc-filter-grid { grid-template-columns: 1fr 1fr; gap: 7px; }
      #pcView .pc-filter-grid input:first-child { grid-column: 1 / -1; }
      #pcView .source-compact-panel > summary, #pcView .source-compact-panel > details > summary { min-height: 46px; }
      #pcView .phone-stats-panel { padding: 9px; }
      #pcView .source-compact-body { padding: 8px; }
      #pcView .follow-panel { padding: 8px; }
      #pcView .prospect-panel { padding: 8px; gap: 8px; }
      #pcView .prospect-stats .pill:nth-child(n+5) { display: none; }
      #pcView .prospect-push-tools { padding: 7px; }
      #pcView .prospect-push-tools select { width: 100%; }
      #pcView .prospect-push-tools .muted { width: 100%; }
      #pcView .prospect-area-head { align-items: stretch; flex-direction: column; }
      #pcView .prospect-area-head select { width: 100%; }
      #pcView .prospect-area-list { max-height: 180px; }
      #pcView .prospect-area-row { grid-template-columns: minmax(0, 1fr) auto; }
      #pcView .prospect-area-row span:nth-of-type(n+3) { display: none; }
      #pcView .prospect-list { max-height: none; }
      #pcView .prospect-card { padding: 9px; gap: 8px; }
      #pcView .prospect-main strong { font-size: 15px; }
      #pcView .prospect-title-toggle { min-height: 30px; padding: 0 9px; }
      #pcView .prospect-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; width:100%; }
      #pcView .prospect-actions .btn { min-height: 34px; padding: 0 5px; font-size: 12px; }
      #pcView .prospect-secondary-actions { display: none; }
      #pcView .prospect-card.expanded .prospect-secondary-actions { grid-column:1 / -1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
      #pcView .pc-table-head { position: sticky; top: 62px; z-index: 3; padding: 8px 0; background: rgba(244,246,248,.96); backdrop-filter: blur(10px); }
      #pcView tbody td[data-label="照片"], #pcView tbody td[data-label="报价"], #pcView tbody td[data-label="同客加车"], #pcView tbody td[data-label="提交"] { display: none; }
      #pcView tbody tr > td:not(.mobile-ledger-card) { display:none; }
      #pcView tbody td.mobile-ledger-card { display:block; padding:0; }
      #pcView tbody td.mobile-ledger-card::before { display:none; }
      .mobile-ledger-inner { display:grid; gap:10px; }
      .mobile-ledger-head { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:start; }
      .mobile-ledger-title { min-width:0; display:grid; gap:2px; }
      .mobile-ledger-head-side { min-width:0; display:flex; align-items:flex-start; justify-content:flex-end; gap:4px; }
      .mobile-ledger-badges { min-width:0; flex:1 1 auto; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:4px; max-width:190px; }
      .mobile-ledger-badges .pill { min-height:24px; padding:0 7px; font-size:11px; white-space:nowrap; }
      .mobile-ledger-head strong { color:#101828; font-size:17px; line-height:1.3; overflow-wrap:anywhere; }
      .mobile-ledger-head span { color:#526173; font-size:13px; line-height:1.4; }
      .mobile-ledger-contact { min-width:0; display:flex; flex-wrap:wrap; align-items:baseline; gap:6px; color:#344054; font-size:13px; }
      .mobile-ledger-contact-label { color:#526173; font-weight:var(--weight-medium); }
      .mobile-ledger-contact a { display:inline-flex; align-items:baseline; gap:5px; color:#087443; font-weight:var(--weight-medium); text-decoration:none; }
      .mobile-ledger-contact a span { color:#087443; font-size:11px; }
      .mobile-ledger-contact-empty { color:#98a2b3; }
      .mobile-ledger-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid #edf1f5; border-bottom:1px solid #edf1f5; }
      .mobile-ledger-field { min-width:0; padding:8px 6px; }
      .mobile-ledger-field span { display:block; color:#8491a3; font-size:10px; font-weight:var(--weight-semibold); }
      .mobile-ledger-field strong { display:block; margin-top:3px; color:#344054; font-size:13px; line-height:1.35; overflow-wrap:anywhere; }
      .mobile-ledger-submitter { min-width:0; display:flex; align-items:baseline; gap:6px; color:#8491a3; font-size:11px; }
      .mobile-ledger-submitter strong { min-width:0; color:#344054; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
      .mobile-ledger-submitter em { margin-left:auto; color:#667085; font-size:11px; font-style:normal; white-space:nowrap; }
      .mobile-ledger-params { padding:8px; border-radius:7px; background:#f5f8fc; color:#526173; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
      .mobile-ledger-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
      .mobile-ledger-actions .btn { width:100%; min-height:38px; }
      .mobile-ledger-actions .call-btn { width:100%; min-height:38px; }
      .mobile-ledger-actions [data-copy-notice] { border-color:#08766c; background:#08766c; color:#fff; }
      #pcView tbody tr { gap: 7px; }
      #pcView tbody td { grid-template-columns: 66px minmax(0, 1fr); }
      #pcView .row-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; }
      #pcView .row-actions .btn { min-height: 34px; padding: 0 5px; font-size: 12px; }
      .shell:has(#pcView:not(.hidden)) { max-width: none; padding-left: 0; padding-right: 0; }
      .shell:has(#pcView:not(.hidden)) > .topbar { margin-left: 0; margin-right: 0; padding-left: 12px; padding-right: 12px; }
      #pcView { width: 100%; gap: 0; }
      #pcView > .panel { border-left: 0; border-right: 0; border-radius: 0; box-shadow: none; }
      #pcView > .pc-main-panel > .panel-head { top: 0; padding: 10px 12px; }
      #pcView .pc-toolbar-actions { display:none; }
      #pcView > .pc-main-panel > .panel-head h2 { font-size:18px; }
      #pcView > .pc-main-panel > .panel-body { gap: 10px; padding: 10px 8px 88px; }
      #pcView .pc-workspace-nav { position:sticky; top:58px; z-index:4; margin:0 -8px; padding:6px 8px; border-left:0; border-right:0; border-radius:0; background:rgba(244,246,248,.97); backdrop-filter:blur(10px); }
      #pcView .pc-workspace-nav button { min-height:36px; padding:0 11px; }
      #pcView .pc-filter-card { padding: 9px 8px; border-left: 0; border-right: 0; border-radius: 8px; }
      #pcView .pc-filter-popover { position: fixed; left: 8px; right: 8px; top: auto; bottom: calc(74px + env(safe-area-inset-bottom)); width: auto; max-height: min(68vh, 560px); overflow: auto; border-radius: 10px; box-shadow: 0 -18px 44px rgba(31,41,51,.2); }
      #pcView .pc-filter-sheet[open]::before { content: ""; position: fixed; inset: 0; z-index: 13; background: rgba(16,24,40,.26); }
      #pcView .pc-filter-sheet > summary { position: relative; z-index: 14; }
      #pcView .phone-stats-panel,
      #pcView details.phone-stats-panel { margin-left: -8px; margin-right: -8px; border-left: 0; border-right: 0; border-radius: 0; box-shadow: none; background: #fff; }
      #pcView .source-compact-panel > summary,
      #pcView .source-compact-panel > details > summary { min-height: 54px; padding: 8px 12px; }
      #pcView .source-compact-panel summary .lead-line { align-items: center; }
      #pcView .source-compact-panel summary .lead-line > div { min-width: 0; }
      #pcView .source-compact-panel summary strong { font-size: 15px; line-height: 1.35; color: #1f2937; }
      #pcView .source-compact-panel summary .pill { font-size: 12px; }
      #pcView .source-compact-panel summary .lead-line > div > .muted { display: none; }
      #pcView .source-compact-body { padding: 0; border-top: 1px solid #edf1f5; }
      #pcView .follow-panel { gap: 0; padding: 0; border: 0; border-radius: 0; background: #fff; }
      #pcView .follow-item { padding: 12px; border: 0; border-bottom: 1px solid #edf1f5; border-radius: 0; background: #fff; }
      #pcView .follow-item strong { font-size: 15px; }
      #pcView .follow-item .muted { color: #526173; font-size: 13px; line-height: 1.5; }
      #pcView .prospect-panel { gap: 10px; padding: 10px 8px 12px; border: 0; border-radius: 0; background: #f7f9fc; }
      #pcView .prospect-operations-panel > summary { min-height:44px; padding:0 10px; }
      #pcView .prospect-operations-body { padding:8px; }
      #pcView .prospect-operations-body .btn,#pcView .prospect-operations-body select { min-height:44px; }
      #pcView .prospect-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
      #pcView .prospect-stats .pill { justify-content:center; min-height:30px; font-size:12px; }
      #pcView .prospect-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
      #pcView .prospect-search-bar { margin: 0; }
      #pcView .prospect-search-bar > input,#pcView .prospect-search-bar > select,#pcView .prospect-filter-sheet > summary { min-height:44px; }
      #pcView .prospect-filter-popover { position: fixed; left: 8px; right: 8px; top: auto; bottom: calc(74px + env(safe-area-inset-bottom)); width: auto; max-height: min(68vh, 560px); overflow: auto; border-radius: 10px; box-shadow: 0 -18px 44px rgba(31,41,51,.2); }
      #pcView .prospect-filter-sheet[open]::before { content: ""; position: fixed; inset: 0; z-index: 11; background: rgba(16,24,40,.26); }
      #pcView .prospect-filter-sheet > summary { position: relative; z-index: 12; }
      #pcView .prospect-area-panel { padding: 9px 8px; border-left: 0; border-right: 0; border-radius: 6px; }
      #pcView .prospect-list { gap: 0; margin: 0 -8px -12px; border-top: 1px solid #e6ebf1; background: #fff; }
      #pcView .prospect-card { padding: 12px; border: 0; border-bottom: 1px solid #e6ebf1; border-radius: 0; background: #fff; }
      #pcView .prospect-card .prospect-actions .btn,#pcView .prospect-card .prospect-secondary-actions .btn { min-height:44px; }
      #pcView .prospect-list-tools .btn,#pcView .pc-workspace-nav button { min-height:44px; }
      #pcView .prospect-time-shortcuts .btn { min-height:44px; }
      #pcView .prospect-meta { gap: 6px 9px; color: #526173; font-size: 13px; line-height: 1.45; }
      #pcView .prospect-trace { color: #667085; font-size: 12px; line-height: 1.5; }
      #pcView .prospect-collapsible > summary .lead-line { display: grid; grid-template-columns: minmax(0, 1fr) auto; width: 100%; }
      #pcView .prospect-collapsible > summary .prospect-source-badge { display: table; margin-top: 4px; }
      #pcView .prospect-collapsible > summary #prospectCount { align-self: center; max-width: 132px; white-space: normal; text-align: center; line-height: 1.25; }
      #pcView .prospect-collapsible > summary::after { content: none; }
      #pcView .prospect-card:hover { border-color: #e6ebf1; box-shadow: none; }
      #pcView .pc-table-head { margin: 0 -8px; padding: 10px 12px; border-top: 1px solid #e6ebf1; border-bottom: 1px solid #e6ebf1; }
      #pcView .table-wrap { margin: 0 -12px; border: 0; border-radius: 0; background: #f4f6f8; }
      #pcView tbody { gap: 8px; padding: 8px 4px; }
      #pcView tbody tr { padding: 12px; border-left: 0; border-right: 0; border-radius: 9px; box-shadow: 0 2px 8px rgba(31,41,51,.04); }
      #pcView .mobile-ledger-inner { gap: 11px; }
      #pcView .mobile-ledger-head strong { font-size: 18px; }
      #pcView .mobile-ledger-contact { font-size: 14px; }
      #pcView .mobile-ledger-params { padding: 9px 10px; border: 1px solid #dbeafe; background: #f3f9f8; color: #355d84; }
      .mobile-form .panel-body { gap: 10px; padding: 12px; }
      .mobile-edit-bar { grid-template-columns: minmax(58px, 1fr) auto; gap: 7px; margin: -2px 12px 10px; padding: 8px; }
      .mobile-edit-bar span { display: none; }
      .mobile-edit-actions { grid-template-columns: repeat(3, minmax(64px, auto)); gap: 5px; }
      .mobile-edit-actions .btn, .mobile-edit-actions .btn.primary { min-height: 32px; padding: 0 5px; font-size: 11px; }
      .mobile-form details > summary { min-height: 40px; }
      .mobile-form input, .mobile-form select, .mobile-form textarea { min-height: 40px; font-size: 16px; }
      .record-tools { grid-template-columns: 1fr; }
      .record-tools input, .record-tools select { font-size: 16px; }
      .record-progress-filter { gap:2px; padding:3px; }
      .record-progress-filter button { min-height:44px; flex-direction:column; gap:2px; padding:4px 2px; font-size:11px; }
      .record-progress-filter button span { max-width:100%; white-space:nowrap; line-height:1.1; }
      .record-progress-filter button strong { min-width:20px; height:18px; padding:0 5px; font-size:10px; }
      .followup-compose { width:100%; min-width:0; padding:9px; overflow:hidden; }
      .followup-compose-main input, .followup-compose-main textarea { min-width:0; width:100%; }
      .followup-task-options { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; padding:8px; }
      .followup-task-options label { min-width:0; font-size:12px; }
      .followup-task-options input, .followup-task-options select { min-width:0; width:100%; font-size:16px; }
      .followup-save-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .smart-note-head { min-width: 0; justify-content: space-between; }
      .smart-note-title { flex: 0 0 auto; }
      .smart-note-chips { min-width: 0; max-width: 100%; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; }
      .form-actions { position: sticky; bottom: 0; z-index: 8; margin: 2px -12px -12px; padding: 10px 12px 12px; border-top: 1px solid #dfe7ef; background: rgba(255,255,255,.96); box-shadow: 0 -10px 24px rgba(31,41,51,.1); backdrop-filter: blur(10px); }
      .form-action-main { gap: 7px; }
      .form-action-main .btn { min-height: 38px; padding: 0 6px; font-size: 13px; letter-spacing: 0; white-space: nowrap; }
      .post-save-next { grid-template-columns: 1fr; margin: 8px 10px 0; padding: 10px; }
      .post-save-next-actions { width: 100%; }
      #pcView #phoneStatsSection, #pcView #lowFrequencyMaintenanceSection { display:none !important; }
      .form-action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
      .form-action-grid .btn { min-height: 36px; border-color: #dfe7ef; background: #fff; font-size: 12px; }
      .grid-2.price-inline { grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
      .grid-2.price-inline.price-enabled { grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; max-width: 100%; }
      .price-inline .price-mini { grid-column: 1; grid-row: 3; }
      .price-inline .commission-mini { grid-column: 2; grid-row: 3; }
      .price-inline .actual-quote-box { grid-column: 1 / -1; grid-row: 4; min-height: 34px; }
    }
    @media (min-width: 721px) and (max-width: 1180px) {
      .shell { max-width: none; width: 100%; padding: 18px; }
      .topbar { margin: -18px -18px 14px; padding: 14px 18px; }
      .metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
      .grid { grid-template-columns: minmax(340px, 430px) minmax(0, 1fr); }
      .mobile-form .panel-body { padding: 14px; }
      .pc-layout { grid-template-columns: 1fr; }
      .pc-detail-panel { position: static; }
      .pc-detail-panel .panel-body { max-height: none; }
      .pc-toolbar { grid-template-columns: 1fr; }
      .pc-toolbar-actions { justify-content: flex-start; }
      .pc-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .pc-insight-grid { grid-template-columns: 1fr; }
      .detail-actions { grid-template-columns: repeat(5, minmax(0, 1fr)); }
      .table-wrap { max-height: none; }
      table { min-width: 0; border-collapse: separate; border-spacing: 0 10px; font-size: 13px; }
      thead { display: none; }
      tbody { display: grid; gap: 10px; padding: 8px; }
      tbody tr { display: grid; gap: 8px; padding: 10px; border: 1px solid #e2e9f0; border-radius: 10px; background: #fff; box-shadow: 0 8px 20px rgba(31,41,51,.06); }
      tbody tr.active { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(8,118,108,.12); }
      tbody tr:hover { background: #fff; }
      th, td { border-bottom: 0; padding: 0; }
      tbody td { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 8px; align-items: start; }
      tbody td::before { content: attr(data-label); color: var(--muted); font-size: 12px; font-weight:var(--weight-medium); }
      tbody td:first-child { border-left: 0; }
      tbody tr.active td:first-child { border-left-color: transparent; }
      .row-actions { grid-template-columns: repeat(4, minmax(0, 1fr)); min-width: 0; width: 100%; }
      .row-actions .btn { min-height: 38px; font-size: 12px; }
      #pcView .prospect-actions { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 6px; width: 100%; }
      #pcView .prospect-secondary-actions { display: none; }
      #pcView .prospect-card.expanded .prospect-secondary-actions { display: contents; }
    }
    @media (min-width: 721px) and (max-width: 900px) {
      .grid { grid-template-columns: 1fr; }
      .metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .detail-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    }
    @media (max-width: 390px) {
      .grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
      .grid-2 label { min-width: 0; }
      .grid-2 input, .grid-2 select { padding-left: 8px; padding-right: 8px; }
      .grid-2.phone-grid { grid-template-columns: 1fr; }
      .doc-photo-row { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 6px; }
      .doc-photo-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
      .doc-photo-row .file-tile { min-height: 128px; aspect-ratio: 4 / 3; padding: 7px; }
      .doc-photo-row .notice-center-tile { position: relative; left: auto; top: auto; width: auto; min-height: 96px; aspect-ratio: 2.8 / 1; padding: 5px; transform: none; }
      .doc-photo-row .file-tile-preview { inset: 3px; width: calc(100% - 6px); height: calc(100% - 6px); }
      .doc-photo-row .file-tile-meta { gap: 6px; padding: 5px; width: min(calc(100% - 10px), 126px); }
      .doc-photo-row .file-tile:not(.has-photo) .file-tile-meta { padding: 5px; width: 100%; }
      .doc-photo-row .camera-icon { width: 44px; height: 44px; border: 0; border-radius: 8px; }
      .doc-photo-row .camera-icon::before { left: 11px; top: 15px; width: 22px; height: 16px; border-width: 2px; }
      .doc-photo-row .camera-icon::after { left: 22px; top: 23px; width: 7px; height: 7px; border-width: 2px; }
      .doc-photo-row .file-tile strong { font-size: 15px; }
      .doc-photo-row .file-tile span { font-size: 11px; }
      .doc-photo-row .file-tile .photo-kind-badge { top: 6px; left: 6px; min-height: 18px; padding: 0 5px; font-size: 9px; }
      .doc-photo-row .doc-vector { width: 48px; height: 48px; }
      .doc-photo-row .doc-vector > svg:first-child { width: 26px; height: 26px; }
      .doc-photo-row .doc-vector .capture-mark { width: 18px; height: 18px; }
      .doc-photo-row .file-tile-action { min-height: 24px; padding: 0 3px; font-size: 11px; }
      .doc-photo-row .notice-center-tile strong { font-size: 12px; }
      .doc-photo-row .notice-center-tile span { font-size: 10px; }
      .doc-photo-row .notice-center-tile .file-tile-action { min-height: 19px; font-size: 10px; }
      .photo-task-head { margin-top: 0; font-size: 11px; }
      .form-action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .batch-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .metrics { grid-template-columns: 1fr 1fr; }
      .exception-metrics { grid-template-columns: 1fr 1fr; gap: 6px; padding: 8px; }
    }
    @media (max-width: 340px) {
      .grid-2:not(.doc-photo-row) { grid-template-columns: 1fr; }
      .partner-channel-option { min-height:46px; justify-items:center; text-align:center; }
      .partner-channel-option span, .partner-channel-title span { display:none; }
      #registerDriverFields .driver-verification-fields { grid-template-columns:1fr; }
      .social-register-actions { grid-template-columns:1fr; }
      .email-quick-field { grid-template-columns:1fr; }
      .inspection-date-row { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 6px; }
      .inspection-date-row input { padding-left: 6px; padding-right: 6px; font-size: 15px; }
      .date-placeholder-field input { padding-left: 9px; padding-right: 34px; font-size: 14px; }
      .date-placeholder-field .date-placeholder-text { left: 9px; max-width: calc(100% - 48px); font-size: 13px; }
      .grid-2.price-inline { grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
      .grid-2.price-inline.price-enabled { grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
      .price-inline .actual-quote-box { grid-column: 1 / -1; grid-row: 4; }
      .doc-photo-row .notice-center-tile { width: auto; min-height: 90px; }
    }

    /* Order details are a dedicated page on both desktop and mobile. */
    .shell:has(#pcView:not(.hidden)) > .exception-summary { display:none; }
    body.detail-focus .exception-summary { display:none; }
    #pcView.detail-focus { display:block; }
    #pcView.detail-focus > .pc-main-panel { display:none; }
    #pcView.detail-focus > .pc-detail-panel { display:block; }

    /* Mobile pass: keep the work surface visible and move account actions into 我的. */
    @media (max-width: 760px) {
      .shell { max-width: none; padding: 10px; }
      .topbar { position: relative; margin: -10px -10px 10px; padding: 9px 10px; }
      .topbar .head-row { grid-template-columns: minmax(0,1fr) auto; gap: 8px; align-items:center; }
      .top-brand { grid-template-columns: 30px minmax(0,1fr); gap: 7px; }
      .top-brand .brand-mark { width:30px; height:30px; border-radius:8px; font-size:16px; }
      .top-brand h1 { font-size:17px; }
      .top-brand .sub { margin-top:1px; font-size:10px; }
      .top-brand .version-badge { display:none; }
      .auth-userbar { flex-wrap:nowrap; justify-content:flex-end; gap:5px; }
      .auth-userbar #currentUserText, .auth-userbar #personalCenterBtn, .auth-userbar #userAdminToggle, .auth-userbar #switchAccountBtn, .auth-userbar #logoutBtn { display:none; }
      .auth-userbar #largeTextToggle { display:none; }
      .auth-userbar .business-role-context { padding:2px; }
      .auth-userbar .business-role-context button { min-width:58px; min-height:26px; padding:0 6px; font-size:10px; }
      .auth-userbar #leadCount { max-width:none; min-height:26px; padding:0 8px; font-size:11px; }
      .business-switch { max-width:none; margin-top:8px; }
      .workbench-switch { max-width:none; margin-top:8px; }
      .workbench-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .workbench-tab { min-height:50px; }
      .business-switch summary { min-height:36px; padding:0 9px; }
      .business-switch summary strong { font-size:13px; }
      .mode-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:none; gap:6px; margin-top:8px; }
      .mode-tabs .tab { min-height:36px; padding:0 8px; font-size:12px; }
      .mode-tabs #pcProspectJumpBtn { display:none; }
      .home-metrics { margin-top:8px; }
      .exception-summary { margin-top:8px; }
      #mobileView > .panel { border-radius:8px; box-shadow:0 2px 10px rgba(31,41,51,.05); }
      .mobile-form .panel-head { padding:10px 12px; }
      .mobile-form .panel-body { gap:11px; padding:10px; }
      .mobile-form details > summary { min-height:42px; padding:0 10px; }
      .mobile-form label { font-size:13px; }
      .mobile-form input, .mobile-form select, .mobile-form textarea { min-height:42px; }
      .batch-modal { padding:0; }
      .batch-dialog { width:100%; max-height:88vh; border-radius:14px 14px 0 0; }
      .batch-head { min-height:54px; padding:10px 14px; }
      .batch-actions { padding:10px 14px max(14px,env(safe-area-inset-bottom)); }
      .workflow-composer-card { max-height:92vh; }
      .auth-screen { padding:10px; }
      .auth-hero { display:none; }
      .auth-layout { display:block; }
      .auth-card { min-height:calc(100vh - 20px); display:grid; align-content:center; padding:22px 18px; border-radius:12px; }
      .auth-screen.register-mode .auth-card { padding:22px 18px; }
      .partner-license-upload small { overflow:visible; text-overflow:clip; white-space:normal; line-height:1.4; }
      .email-quick-field { grid-template-columns:minmax(0,1fr) 112px; }
      #pcView, #pcView * { min-width:0; box-sizing:border-box; }
      #pcView .pc-toolbar-actions { display:none !important; }
      #pcView .source-dashboard, #pcView .prospect-stats { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:7px; }
      #pcView .source-dashboard > *, #pcView .prospect-stats > * { min-width:0; }
      #pcView .prospect-push-tools { display:grid; grid-template-columns:minmax(0,1fr) repeat(3,auto); gap:7px; align-items:center; overflow:hidden; }
      #pcView .prospect-push-tools select { grid-column:1 / -1; width:100%; }
      #pcView .prospect-push-tools .muted { grid-column:1 / -1; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
      #pcView .pc-filter-card, #pcView .pc-filter-popover, #pcView .prospect-filter-popover { max-width:100%; }
      #pcView .pc-filter-grid, #pcView .prospect-filters { min-width:0; }
      #pcView .pc-toolbar, #pcView .pc-table-head { min-width:0; max-width:100%; }
      #pcView .btn, #pcView .tab { min-width:0; max-width:100%; white-space:nowrap; }
      body.detail-focus .exception-summary { display:none; }
      body.detail-focus #mobileView { display:none !important; }
      #pcView.detail-focus > .pc-main-panel { display:none; }
      #pcView.detail-focus { display:block; }
      #pcView.detail-focus > .pc-detail-panel { display:block; border:0; border-radius:0; box-shadow:none; }
      #pcView.detail-focus > .pc-detail-panel > .panel-head { display:none; }
      #pcView.detail-focus > .pc-detail-panel > .panel-head h2 { font-size:17px; }
      #pcView.detail-focus > .pc-detail-panel > .panel-head .actions { gap:5px; }
      #pcView.detail-focus > .pc-detail-panel > .panel-head .btn { min-height:34px; padding:0 8px; font-size:11px; }
      #pcView.detail-focus > .pc-detail-panel > .panel-body { padding:10px 10px 90px; gap:11px; }
      #pcView.detail-focus .detail-summary { padding:12px; border-width:1px; border-radius:8px; }
      #pcView.detail-focus .detail-summary-head h3 { font-size:19px; }
      #pcView.detail-focus .detail-summary-grid { gap:6px; }
      #pcView.detail-focus .detail-summary-item { padding:8px; }
      #pcView.detail-focus .detail-more > summary { min-height:42px; display:flex; align-items:center; }
      #pcView.detail-focus .detail-section { padding:10px; border-radius:8px; }
      #pcView.detail-focus .detail-actions { display:grid; grid-template-columns:1fr !important; gap:10px; }
      #pcView.detail-focus .detail-actions-main { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
      #pcView.detail-focus .detail-actions-secondary { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
      #pcView.detail-focus .detail-actions .btn { min-height:40px; padding:0 7px; font-size:12px; }
      #pcView.detail-focus .followup-compose { padding:10px; border-radius:8px; }
      #pcView.detail-focus .followup-photo-preview { grid-template-columns:repeat(4,minmax(0,1fr)); }
      #pcView.detail-focus .workflow-task-card { margin-top:0; }
    }
    @media (max-width:340px) {
      .social-register-actions, .email-quick-field { grid-template-columns:1fr; }
    }

    .settlement-center { padding-bottom:max(32px,env(safe-area-inset-bottom)); background:#f4f6f8; }
    .settlement-center > .section-title { max-width:1080px; grid-template-columns:44px minmax(0,1fr) auto; padding-left:0; padding-right:0; }
    .settlement-center > * { max-width:1080px; }
    .settlement-title-actions { display:flex; align-items:center; gap:7px; }
    .settlement-content { display:grid; gap:12px; padding:14px 0 36px; }
    .settlement-toolbar { display:grid; grid-template-columns:minmax(150px,190px) minmax(150px,190px) 1fr auto; gap:8px; align-items:end; padding:12px; border:1px solid #e2e8ef; border-radius:8px; background:#fff; }
    .settlement-toolbar label { display:grid; gap:5px; color:#667085; font-size:11px; font-weight:var(--weight-semibold); }
    .settlement-toolbar input, .settlement-toolbar select { min-height:40px; }
    .settlement-toolbar-note { align-self:center; color:#667085; font-size:12px; line-height:1.45; }
    .settlement-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid #e2e8ef; border-radius:8px; overflow:hidden; background:#fff; }
    .settlement-summary-item { min-height:76px; display:grid; align-content:center; gap:5px; padding:11px; border-right:1px solid #edf1f5; }
    .settlement-summary-item:last-child { border-right:0; }
    .settlement-summary-item strong { color:#101828; font-size:20px; line-height:1; }
    .settlement-summary-item span { color:#667085; font-size:11px; font-weight:var(--weight-semibold); }
    .settlement-summary-item em { color:#8491a3; font-size:10px; font-style:normal; }
    .settlement-summary-item.attention strong { color:#b54708; }
    .settlement-summary-item.success strong { color:#087443; }
    .settlement-notice { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:11px 12px; border:1px solid #f1c477; border-radius:8px; background:#fffaf0; color:#7a4b00; font-size:12px; line-height:1.5; }
    .settlement-notice strong { display:block; margin-bottom:2px; color:#8a4b00; font-size:13px; }
    .settlement-list { display:grid; gap:10px; }
    .settlement-empty { padding:34px 18px; border:1px dashed #cfd8e3; border-radius:8px; background:#fff; color:#667085; text-align:center; font-size:13px; }
    .settlement-card { display:grid; gap:11px; padding:13px; border:1px solid #dfe6ee; border-left:4px solid #8a94a6; border-radius:8px; background:#fff; box-shadow:0 4px 14px rgba(31,41,51,.04); }
    .settlement-card[data-status="待对账"] { border-left-color:#08766c; }
    .settlement-card[data-status="有异议"] { border-left-color:#d92d20; }
    .settlement-card[data-status="待付款"] { border-left-color:#b54708; }
    .settlement-card[data-status="已付款待确认"] { border-left-color:#7a5af8; }
    .settlement-card[data-status="已结算"] { border-left-color:#087443; }
    .settlement-card-head { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:start; }
    .settlement-card-title { min-width:0; display:grid; gap:4px; }
    .settlement-card-title strong { color:#101828; font-size:15px; overflow-wrap:anywhere; }
    .settlement-card-title span { color:#667085; font-size:11px; line-height:1.45; }
    .settlement-status { display:inline-flex; align-items:center; min-height:26px; padding:3px 8px; border-radius:999px; background:#eef2f6; color:#526173; font-size:11px; font-weight:var(--weight-medium); white-space:nowrap; }
    .settlement-status.review { background:#eef7f5; color:#065e57; }
    .settlement-status.dispute { background:#fff1f0; color:#b42318; }
    .settlement-status.payment { background:#fff7ed; color:#9a4d00; }
    .settlement-status.receipt { background:#f3f0ff; color:#6941c6; }
    .settlement-status.done { background:#edf9f3; color:#087443; }
    .settlement-overdue { margin-left:5px; color:#b42318; }
    .settlement-facts { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-top:1px solid #edf1f5; border-bottom:1px solid #edf1f5; }
    .settlement-fact { min-width:0; padding:9px 8px; }
    .settlement-fact span { display:block; color:#8491a3; font-size:10px; }
    .settlement-fact strong { display:block; margin-top:3px; color:#344054; font-size:13px; overflow-wrap:anywhere; }
    .settlement-fact.amount strong { color:#087443; font-size:17px; }
    .settlement-alert { padding:9px 10px; border-radius:7px; background:#fff4f2; color:#9f241b; font-size:12px; line-height:1.5; }
    .settlement-adjustment { padding:9px 10px; border-radius:7px; background:#f8fafc; color:#526173; font-size:12px; line-height:1.5; }
    .settlement-items { border:1px solid #edf1f5; border-radius:7px; overflow:hidden; }
    .settlement-items > summary { min-height:38px; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0 10px; list-style:none; cursor:pointer; background:#f8fafc; color:#344054; font-size:12px; font-weight:var(--weight-medium); }
    .settlement-items > summary::-webkit-details-marker { display:none; }
    .settlement-items > summary::after { content:"展开"; color:#08766c; font-size:11px; }
    .settlement-items[open] > summary::after { content:"收起"; }
    .settlement-item-list { display:grid; }
    .settlement-line { display:grid; grid-template-columns:minmax(100px,1fr) minmax(90px,.8fr) minmax(80px,.7fr) auto; gap:8px; align-items:center; min-height:42px; padding:7px 10px; border-top:1px solid #edf1f5; color:#526173; font-size:11px; }
    .settlement-line strong { color:#1f2933; font-size:12px; }
    .settlement-line b { color:#087443; font-size:13px; text-align:right; }
    .settlement-payment-proof { display:flex; flex-wrap:wrap; gap:7px; align-items:center; padding:9px 10px; border-radius:7px; background:#f7f9fb; color:#526173; font-size:12px; }
    .settlement-payment-proof a { color:#08766c; font-weight:var(--weight-medium); text-decoration:none; }
    .settlement-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
    .settlement-actions .btn { min-height:34px; }
    .my-settlement-entry { width:100%; min-height:38px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 10px; border:1px solid #dbe6f2; border-radius:7px; background:#f8fbff; color:#08766c; font-family:inherit; font-size:12px; font-weight:var(--weight-semibold); cursor:pointer; }
    .my-settlement-entry span:last-child { font-size:17px; }
    .settlement-payment-body, .settlement-reason-body { display:grid; gap:11px; padding:14px; }
    .settlement-payment-total { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px; border-radius:7px; background:#f7f9fb; }
    .settlement-payment-total span { color:#667085; font-size:12px; }
    .settlement-payment-total strong { color:#087443; font-size:22px; }
    .settlement-proof-upload { min-height:54px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; padding:9px 10px; border:1px dashed #b8c4d1; border-radius:7px; background:#fbfcfe; cursor:pointer; }
    .settlement-proof-upload input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
    .settlement-proof-upload span { color:#526173; font-size:12px; overflow-wrap:anywhere; }
    .settlement-proof-upload b { color:#08766c; font-size:12px; }
    .settlement-security { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; padding:10px; border:1px solid #f1c477; border-radius:7px; background:#fffaf0; }
    .settlement-security span { grid-column:1 / -1; color:#7a4b00; font-size:11px; line-height:1.45; }
    @media (max-width:760px) {
      .settlement-center { padding-left:12px; padding-right:12px; }
      .settlement-toolbar { grid-template-columns:1fr 1fr; }
      .settlement-toolbar-note { grid-column:1 / -1; }
      .settlement-toolbar .btn { width:100%; }
      .settlement-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .settlement-summary-item { min-height:68px; border-bottom:1px solid #edf1f5; }
      .settlement-summary-item:nth-child(2n) { border-right:0; }
      .settlement-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .settlement-fact.amount { grid-column:1 / -1; }
      .settlement-line { grid-template-columns:minmax(0,1fr) auto; }
      .settlement-line span:nth-of-type(2), .settlement-line span:nth-of-type(3) { display:none; }
      .settlement-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
      .settlement-actions .btn { width:100%; min-height:38px; }
      .settlement-notice { display:grid; }
    }

    /* Lightweight workspace navigation and mobile density pass. */
    .workspace-switchbar { max-width:680px; min-height:48px; display:grid; grid-template-columns:minmax(120px,1fr) minmax(132px,auto) auto; align-items:stretch; margin-top:10px; border:1px solid #d8e0e8; border-radius:8px; background:#fff; overflow:hidden; }
    .workspace-switchbar.single-business { grid-template-columns:minmax(120px,1fr) minmax(132px,auto); }
    .workspace-switchbar.single-business .workspace-business-trigger { display:none; }
    .workspace-business-current { min-width:0; display:grid; align-content:center; gap:2px; padding:7px 11px; }
    .workspace-business-current small, .workspace-workbench-trigger small { color:#7a8798; font-size:10px; font-weight:var(--weight-semibold); }
    .workspace-business-current strong, .workspace-workbench-trigger strong { overflow:hidden; color:#1d2939; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
    .workspace-workbench-trigger, .workspace-business-trigger { min-width:0; border:0; border-left:1px solid #e4e9ef; border-radius:0; background:#fff; font-family:inherit; cursor:pointer; }
    .workspace-workbench-trigger { display:grid; align-content:center; gap:2px; padding:7px 11px; text-align:left; }
    .workspace-workbench-trigger[aria-expanded="true"] { background:#f4f8fd; }
    .workspace-business-trigger { display:flex; align-items:center; justify-content:center; gap:5px; padding:0 11px; color:#08766c; font-size:12px; font-weight:var(--weight-medium); white-space:nowrap; }
    .workspace-business-trigger svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .16s ease; }
    .workspace-business-trigger[aria-expanded="true"] svg { transform:rotate(180deg); }
    .switch-popover { max-width:680px; margin-top:7px; }
    .switch-popover:not([open]) { display:none; }
    .switch-popover > summary { display:none; }
    .switch-popover > .workbench-tabs, .switch-popover > .business-tabs { margin-top:0; padding:8px; border:1px solid #dfe6ee; border-radius:8px; background:#fff; }
    .record-primary-tools { display:grid; grid-template-columns:minmax(0,1fr) auto 36px; gap:7px; align-items:center; }
    .record-primary-tools input { min-width:0; width:100%; }
    .record-refresh-btn { width:36px; height:36px; display:grid; place-items:center; padding:0; border:1px solid #d8e0e8; border-radius:7px; background:#fff; color:#526173; }
    .record-refresh-btn svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
    .record-quick-actions { display:flex; flex-wrap:wrap; gap:7px; }
    .record-progress-filter { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:4px; padding:4px; border:1px solid #dfe6ed; border-radius:7px; background:#f4f7f9; }
    .record-progress-filter button { min-width:0; min-height:40px; display:flex; align-items:center; justify-content:center; gap:6px; padding:6px 8px; border:1px solid transparent; border-radius:5px; background:transparent; color:#667085; font-size:12px; font-weight:700; cursor:pointer; }
    .record-progress-filter button strong { min-width:22px; height:22px; display:grid; place-items:center; padding:0 6px; border-radius:99px; background:#e8edf2; color:#344054; font-size:11px; }
    .record-progress-filter button.active { border-color:#cdd8e1; background:#fff; color:#172033; box-shadow:0 1px 3px rgba(31,41,51,.06); }
    #pcProgressFilter button{min-height:44px;font-size:14px;}
    #pcProgressFilter button.active{border-color:#8ebdb8;background:#eef7f5;color:#08766c;}
    #pcProgressFilter button:focus-visible{outline:2px solid #08766c;outline-offset:1px;}
    @media(max-width:600px){#pcProgressFilter button{flex-direction:column;gap:3px;padding:5px 2px;font-size:12px;}#pcProgressFilter button span{white-space:nowrap;}}
    .record-progress-filter button[data-record-progress-filter="follow_up"].active { border-color:#f0d4a7; background:#fff9ef; color:#9a5708; }
    .record-progress-filter button[data-record-progress-filter="follow_up"].active strong { background:#fff0d5; color:#9a5708; }
    .record-progress-filter button[data-record-progress-filter="completed"].active { border-color:#bfe2d2; background:#f1fbf6; color:#087443; }
    .record-progress-filter button[data-record-progress-filter="completed"].active strong { background:#dff4e9; color:#087443; }
    .record-progress-filter button[data-record-progress-filter="cancelled"].active { border-color:#e2c8c8; background:#fff7f7; color:#9b3a3a; }
    .record-progress-filter button[data-record-progress-filter="cancelled"].active strong { background:#f8e4e4; color:#9b3a3a; }
    .record-progress-filter button[data-record-progress-filter="returned"].active { border-color:#d8ccd8; background:#faf7fa; color:#70466f; }
    .record-progress-filter button[data-record-progress-filter="returned"].active strong { background:#eee4ee; color:#70466f; }
    .record-count { color:#667085; font-size:12px; font-weight:var(--weight-semibold); white-space:nowrap; }
    .record-panel > summary::after { content:""; width:7px; height:7px; flex:0 0 auto; margin-left:2px; border-right:2px solid #98a2b3; border-bottom:2px solid #98a2b3; transform:rotate(45deg); transition:transform .16s ease; }
    .record-panel[open] > summary::after { content:""; transform:rotate(225deg); }
    .my-account-details > summary::after { content:""; width:7px; height:7px; flex:0 0 auto; border-right:2px solid #98a2b3; border-bottom:2px solid #98a2b3; transform:rotate(45deg); }
    .my-account-details[open] > summary::after { content:""; transform:rotate(225deg); }
    .detail-termination { position:relative; flex:0 0 auto; border:0; border-radius:0; background:transparent; overflow:visible; line-height:0; }
    .detail-termination > summary { width:30px; height:30px; min-height:30px; display:grid; place-items:center; padding:0; border:0 !important; border-radius:50%; list-style:none; background:transparent; color:#667085; font-size:0; font-weight:var(--weight-semibold); line-height:1; letter-spacing:0; cursor:pointer; }
    .detail-termination > summary:hover, .detail-termination[open] > summary { border:0; background:#f2f4f7; color:#344054; }
    .detail-termination > summary::-webkit-details-marker { display:none; }
    .detail-termination > summary::marker { content:""; display:none; }
    .detail-termination > summary::before { content:none !important; display:none !important; }
    .detail-termination > summary::after, .detail-termination[open] > summary::after { content:"" !important; display:none !important; }
    .detail-termination > summary svg { width:18px; height:18px; display:block; fill:currentColor; pointer-events:none; }
    .detail-termination[open] > summary { border-bottom:0 !important; }
    .detail-termination-menu { position:absolute; z-index:40; top:calc(100% + 6px); right:0; width:min(132px,calc(100vw - 28px)); display:grid; grid-template-columns:1fr; gap:2px; padding:5px; border:1px solid #dfe5ec; border-radius:8px; background:#fff; box-shadow:0 10px 24px rgba(31,41,51,.14); }
    .detail-termination-menu .btn { min-width:0; min-height:34px; justify-content:flex-start; padding:0 10px; border:0; background:transparent; text-align:left; }
    .detail-termination-menu .btn:hover { background:#f5f7f9; }
    .detail-termination-menu .btn.red { color:#b42318; }

    @media (max-width:760px) {
      body { background:#f2f5f4; }
      .shell { padding:10px; }
      .topbar { padding-top:max(9px,env(safe-area-inset-top)); border-bottom-color:#e1e7ee; background:#f7f9fb; backdrop-filter:none; }
      .workspace-switchbar { grid-template-columns:minmax(92px,1fr) minmax(105px,auto) auto; width:100%; margin-top:8px; }
      .workspace-business-current, .workspace-workbench-trigger { padding-left:9px; padding-right:9px; }
      .workspace-business-trigger { padding:0 9px; }
      .switch-popover { width:100%; max-width:none; }
      .switch-popover > .workbench-tabs, .switch-popover > .business-tabs { padding:7px; box-shadow:none; }
      .mode-tabs { margin-top:7px; }
      .mode-tabs .tab { min-height:34px; background:#fff; }
      .mode-tabs .tab.active { background:#08766c; }
      .panel { border-radius:8px; box-shadow:none; }
      .panel-head, .mobile-form .panel-head { background:#fff; }
      .mobile-form .history-hint, .mobile-form .attract-link-panel, .mobile-form .trailer-link-card { box-shadow:none; }
      .mobile-form .doc-photo-row { border-radius:8px; }
      .form-actions { padding-top:8px; box-shadow:0 -2px 8px rgba(31,41,51,.06); backdrop-filter:none; }
      .form-action-main { gap:7px; }
      .form-action-main #completeBtn { border-color:#08766c; background:#08766c; color:#fff; }
      .form-action-main #saveBtn, .form-action-main #openMobileActionSheetBtn { border-color:#d8e0e8; background:#fff; color:#344054; }
      .mobile-records .panel-body { gap:9px; }
      .mobile-records .lead { border-color:#dfe6ee; box-shadow:none; }
      .lead.favorite-record { border-color:#dfe6ee; border-left:3px solid #d39a28; }
      .record-summary-title { min-width:0; }
      .record-summary-title h2 { flex:1; }
      .record-card-time { border:1px solid #e5eaf0; background:#f8fafc; color:#475467; }
      .record-card-time::before { padding:0; border-radius:0; background:transparent; color:#667085; }
      .record-card-params { border:1px solid #e5eaf0; background:#f8fafc; color:#475467; }
      .record-param-label { border-radius:4px; background:#e9eef4; color:#526173; }
      .mobile-records .lead > .lead-line > .record-trailer-text { border:0; background:transparent; }
      .mobile-records .lead > .lead-line .actions [data-copy-notice] { border-color:#08766c; background:#08766c; color:#fff; }
      .vehicle-favorite-btn.active { background:transparent; }
      .detail-actions { grid-template-columns:1fr !important; gap:8px; }
      .detail-actions-main { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .detail-actions .btn { min-height:36px; }
      .detail-actions [data-mobile-entry], .detail-actions [data-print-ticket] { border-color:#d8e0e8; background:#fff; color:#344054; }
      .detail-actions [data-edit] { border-color:#d8e0e8; background:#fff; color:#344054; font-weight:var(--weight-semibold); }
      .detail-actions [data-detail-status="已到站"] { border-color:#087443; background:#087443; color:#fff; }
      .detail-action-hint { border-color:#e2e8ef; background:#f8fafc; color:#526173; }
      .detail-action-hint span { color:#667085; }
      .my-center-content > .actions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; padding:0 16px; }
      .my-center-content > .actions .btn { border-color:#d8e0e8; background:#fff; color:#344054; }
      .my-center-content > .actions #myLogoutBtn { grid-column:1 / -1; border-color:#edc5c1; background:#fff; color:#b42318; }
      .my-center-content > .detail-section .field strong { min-width:0; overflow-wrap:anywhere; }
      .mobile-bottom-nav { min-height:64px; padding:5px 8px max(6px,env(safe-area-inset-bottom)); border-top-color:#dfe5ec; background:#fff; box-shadow:0 -2px 8px rgba(31,41,51,.06); backdrop-filter:none; }
      .mobile-bottom-nav button, .mobile-bottom-nav button.nav-create { align-self:stretch; min-height:52px; margin-top:0; padding:3px 2px; border:0; border-radius:7px; background:transparent; color:#7a8798; box-shadow:none; }
      .mobile-bottom-nav button .nav-icon, .mobile-bottom-nav button.nav-create .nav-icon, .mobile-bottom-nav button.nav-create.active .nav-icon { width:25px; height:25px; padding:2px; border-radius:0; background:transparent; color:currentColor; }
      .mobile-bottom-nav button.nav-create span:last-child { color:currentColor; }
      .mobile-bottom-nav button.active, .mobile-bottom-nav button.nav-create.active { background:#f1f6fd; color:#08766c; }
      .mobile-bottom-nav button.active .nav-icon { width:25px; height:25px; padding:2px; border-radius:0; background:transparent; }
      .mobile-bottom-nav button:active { transform:none; background:#edf2f7; }
      body { padding-bottom:66px; }
      .form-actions { bottom:64px; }
    }
    @media (max-width:520px) {
      body[data-mobile-section="create"] .inspection-date-row { grid-template-columns:1fr !important; gap:9px; }
      body[data-mobile-section="create"] .inspection-date-row label { overflow:visible; }
      body[data-mobile-section="create"] .inspection-date-row input { min-height:44px; padding-left:10px; padding-right:10px; font-size:16px; }
      .settlement-center { padding-left:0; padding-right:0; background:#f4f6f8; }
      .settlement-center > .section-title { padding-left:12px; padding-right:12px; }
      .settlement-content { gap:10px; padding:10px 0 28px; }
      .settlement-toolbar { grid-template-columns:1fr; gap:9px; padding:12px 14px; border-left:0; border-right:0; border-radius:0; }
      .settlement-toolbar-note { display:none; }
      .settlement-toolbar .btn { grid-column:1; }
      .settlement-summary-grid { border-left:0; border-right:0; border-radius:0; }
      .settlement-list { padding:0 10px; }
      .settlement-notice { margin:0 10px; }
    }

    /* Final mobile product shell: root tabs stay light; publish is a full-screen task. */
    .mobile-home-section-title, .mobile-driver-quick, .mobile-recent-business, .mobile-home-priority, .mobile-entry-close, .mobile-entry-type, .mobile-draft-save,
    .entry-stepper, .entry-step-heading, .entry-review-card, .entry-step-context,
    .entry-prev-btn, .entry-next-btn { display:none; }
    .entry-step { display:contents; }

    /* PC publish workspace: natural left page flow with a compact right order scroller. */
    @media (min-width:761px) {
      #mobileView { grid-template-columns:minmax(420px,.88fr) minmax(0,1.12fr); align-items:start; grid-template-areas:"inbox inbox" "form records"; }
      #mobileView:has(> .workflow-inbox-banner.hidden) { grid-template-areas:"form records"; }
      #mobileView > .workflow-inbox-banner { grid-area:inbox; }
      #mobileView > .mobile-form { min-width:0; height:auto; min-height:0; align-self:start; display:block; overflow:visible; grid-area:form; }
      #mobileView > .mobile-records { grid-area:records; min-width:0; align-self:start; }
      .mobile-form > .panel-body { min-height:0; max-height:none; display:block; overflow:visible; padding:0 18px; }
      #mobileView .doc-photo-row .file-tile { height:168px; min-height:168px; aspect-ratio:auto; }
      #mobileView #conformityCertificatePhotoTile { height:112px; min-height:112px; aspect-ratio:auto; }
      #tractorPhotoTile { height:168px; min-height:168px; aspect-ratio:auto; }
      .entry-stepper { --entry-step-progress:0%; position:relative; top:auto; z-index:9; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:0; padding:12px 18px 10px; border-bottom:1px solid #e2e8ef; background:#fff; }
      .entry-stepper::before,.entry-stepper::after { content:""; position:absolute; z-index:0; top:25px; left:12.5%; height:2px; border-radius:99px; pointer-events:none; }
      .entry-stepper::before { right:12.5%; background:#e5e9ee; }
      .entry-stepper::after { width:var(--entry-step-progress); background:#7fb5ad; transition:width .18s ease; }
      .entry-step-tab { position:relative; z-index:1; min-width:0; min-height:48px; display:flex; align-items:center; justify-content:center; gap:7px; padding:0 6px; border:0; background:transparent; color:#7a8798; font-size:12px; font-weight:700; }
      .entry-step-tab b { width:26px; height:26px; display:grid; flex:0 0 26px; place-items:center; border:2px solid #fff; border-radius:50%; background:#eef1f5; color:#667085; font-size:11px; line-height:1; box-shadow:0 0 0 1px #e2e7ed; }
      .entry-step-tab.complete { color:#475467; }
      .entry-step-tab.complete b { background:#e5f2ef; color:#08766c; }
      .entry-step-tab.active { color:#08766c; }
      .entry-step-tab.active b { background:#08766c; color:#fff; box-shadow:0 0 0 1px #08766c; }
      .entry-step-tab span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
      .entry-step { min-height:0; display:block; overflow:visible; padding:0; }
      .entry-step.inactive { display:none; }
      .entry-step-heading { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 0 11px; border-bottom:1px solid #edf1f5; }
      .entry-step-heading > span { min-width:0; display:grid; gap:3px; }
      .entry-step-heading strong { color:#172033; font-size:18px; }
      .entry-step-heading small { color:#7a8798; font-size:11px; font-weight:500; }
      .entry-step-heading em { flex:0 0 auto; color:#08766c; font-size:11px; font-style:normal; font-weight:700; }
      .entry-step-heading em.entry-submit-state { min-height:26px; display:inline-flex; align-items:center; padding:0 9px; border-radius:99px; background:#fff4e5; color:#9a5708; }
      .entry-step-heading em.entry-submit-state.ready { background:#edf9f3; color:#087443; }
      .entry-review-card { display:grid; margin:12px 0 4px; overflow:hidden; border:1px solid #e1e7ee; border-radius:7px; background:#fff; }
      .entry-review-row { width:100%; min-height:46px; display:grid; grid-template-columns:84px minmax(0,1fr); gap:12px; align-items:center; padding:8px 12px; border:0; border-bottom:1px solid #edf1f5; border-radius:0; background:#fff; text-align:left; }
      .entry-review-row:last-child { border-bottom:0; }
      .entry-review-row span { color:#7a8798; font-size:11px; font-weight:600; }
      .entry-review-row strong { overflow-wrap:anywhere; color:#344054; font-size:13px; text-align:right; }
      .entry-review-action { cursor:pointer; }
      .entry-review-action:hover { background:#f8fafc; }
      .entry-review-value { min-width:0; display:flex; align-items:center; justify-content:flex-end; gap:8px; }
      .entry-review-value em { flex:0 0 auto; color:#08766c; font-size:11px; font-style:normal; font-weight:700; }
      .entry-sms-options { display:grid; gap:9px; padding:12px; border-bottom:1px solid #edf1f5; background:#f8fafc; }
      .entry-sms-options.hidden,.entry-sms-choice.hidden { display:none; }
      .entry-sms-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
      .entry-sms-head strong { color:#344054; font-size:12px; }
      .entry-sms-head em { color:#08766c; font-size:10px; font-style:normal; font-weight:700; }
      .entry-sms-switches { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
      .entry-sms-choice { min-width:0; min-height:48px; display:flex; align-items:center; gap:8px; padding:8px 10px; border:1px solid #dfe6ee; border-radius:7px; background:#fff; cursor:pointer; }
      .entry-sms-choice.disabled { background:#f4f6f8; cursor:not-allowed; opacity:.72; }
      .entry-sms-choice input { flex:0 0 auto; width:17px; height:17px; min-height:0; margin:0; }
      .entry-sms-choice span { min-width:0; display:grid; gap:2px; }
      .entry-sms-choice b { color:#344054; font-size:11px; }
      .entry-sms-choice small,.entry-sms-hint { color:#7a8798; font-size:10px; line-height:1.45; }
      .entry-sms-contact { min-width:0; display:grid; grid-template-columns:92px minmax(0,1fr); gap:8px; align-items:center; }
      .entry-sms-contact > span { color:#667085; font-size:10px; font-weight:600; }
      .entry-sms-contact-fields { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) minmax(140px,.8fr); gap:8px; }
      .entry-sms-contact select,.entry-sms-contact input { min-width:0; width:100%; height:36px; min-height:36px; padding:0 9px; border:1px solid #d8e0e8; border-radius:6px; background:#fff; color:#344054; font-size:11px; }
      .entry-sms-contact input.hidden { display:none; }
      .entry-prev-btn,.entry-next-btn { display:inline-flex; }
      .entry-flow-hidden { display:none !important; }
      .form-actions { position:sticky; bottom:0; z-index:8; margin:14px -18px 0; padding:10px 18px 12px; border-top:1px solid #dfe6ed; background:rgba(255,255,255,.98); box-shadow:0 -4px 12px rgba(31,41,51,.06); }
      .entry-step-context { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; color:#667085; font-size:11px; }
      .entry-step-context strong { color:#08766c; font-size:11px; }
      .form-action-main { grid-template-columns:repeat(3,minmax(0,1fr)); }
      .form-actions.first-step .form-action-main { grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); }
      .form-actions.final-step .form-action-main { grid-template-columns:repeat(3,minmax(0,1fr)); }
      .form-actions.editing-complete .form-action-main { grid-template-columns:minmax(180px,320px); justify-content:end; }
      #entryNextBtn,#completeBtn { border-color:#08766c; background:#08766c; color:#fff; }
      #entryPrevBtn,#saveBtn { border-color:#d8e0e8; background:#fff; color:#344054; }
      #mobileRecordPanel[open] { position:relative; height:var(--pc-publish-workspace-height,clamp(620px,calc(100dvh - 132px),820px)); min-height:0; align-self:start; display:block; overflow:hidden; }
      #mobileRecordPanel > summary { flex:0 0 auto; }
      #mobileRecordPanel[open] > .mobile-record-content { position:absolute; inset:48px 0 0; min-height:0; display:flex; flex-direction:column; overflow:hidden; }
      #mobileRecordPanel[open] > .mobile-record-content > .panel-body { min-height:0; max-height:none; align-content:start; overflow-y:scroll !important; overflow-x:hidden; scrollbar-gutter:stable; scrollbar-color:#7f909d #e8edf0; scrollbar-width:auto; }
      #mobileRecordPanel[open] > .mobile-record-content > .panel-body::-webkit-scrollbar { display:block; width:14px; background:#e8edf0; -webkit-appearance:none; }
      #mobileRecordPanel[open] > .mobile-record-content > .panel-body::-webkit-scrollbar-track { border-left:1px solid #d7dfe4; background:#e8edf0; box-shadow:inset 0 0 3px rgba(52,64,84,.08); }
      #mobileRecordPanel[open] > .mobile-record-content > .panel-body::-webkit-scrollbar-thumb { min-height:96px; border:3px solid #e8edf0; border-radius:999px; background:#7f909d; background-clip:padding-box; }
      #mobileRecordPanel[open] > .mobile-record-content > .panel-body::-webkit-scrollbar-thumb:hover { background:#5f727f; background-clip:padding-box; }
      /* Match the order column to the full publish column. The measured height
         keeps both cards on one baseline; only the order body scrolls. */
      #mobileRecordPanel[open] { height:var(--pc-publish-workspace-height,clamp(620px,calc(100dvh - 132px),820px)); max-height:none; min-height:0; align-self:start; display:block; overflow:hidden; }
      #mobileRecordPanel[open] > .mobile-record-content > .panel-body { flex:1 1 auto; height:auto; min-height:0 !important; max-height:none !important; display:block; overflow-y:scroll !important; overflow-x:hidden; overscroll-behavior:contain; scrollbar-gutter:stable both-edges; }
      #mobileRecordPanel[open] > .mobile-record-content > .panel-body > .lead-list { min-height:0; }
      #mobileRecordPanel #mobileLeadLoadMore { position:relative; z-index:2; flex:0 0 auto; min-height:50px; margin:0; padding:8px 12px; border-top:1px solid #dfe6ed; background:#fff; box-shadow:0 -3px 9px rgba(31,41,51,.05); }
      #mobileRecordPanel #mobileLeadLoadMore span { min-width:0; font-size:11px; }
    }

    @media (min-width:761px) and (max-width:980px) {
      #mobileView { grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr); }
    }

    @media (max-width:760px) {
      body { --mobile-nav-height:62px; min-width:0; padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom)); background:#f5f6f8; }
      .shell { max-width:none; padding:0 12px; }
      .mode-tabs, #businessSwitch, .topbar .version-badge,
      .auth-userbar #commissionCenterBtn { display:none; }

      .workspace-switchbar, #workbenchSwitch { display:none; }
      body[data-mobile-section="home"] .workspace-switchbar { min-height:42px; display:grid; grid-template-columns:1fr; margin:9px 0 0; border-color:#e1e6ec; background:#fff; }
      body[data-mobile-section="home"] .workspace-switchbar.single-workbench { display:none; }
      body[data-mobile-section="home"] .workspace-business-current,
      body[data-mobile-section="home"] .workspace-business-trigger { display:none; }
      body[data-mobile-section="home"] .workspace-workbench-trigger { min-height:42px; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; align-content:center; gap:7px; padding:0 11px; border-left:0; }
      body[data-mobile-section="home"] .workspace-workbench-trigger small { color:#8491a3; }
      body[data-mobile-section="home"] .workspace-workbench-trigger::after { content:"⌄"; color:#8491a3; font-size:15px; font-weight:var(--weight-medium); }
      body[data-mobile-section="home"] .topbar:has(#workbenchSwitch[open]) { z-index:80; backdrop-filter:none; -webkit-backdrop-filter:none; }
      body[data-mobile-section="home"] #workbenchSwitch[open] { position:fixed; inset:0; z-index:70; display:grid; align-items:end; overflow:visible; width:auto; max-width:none; margin:0; padding:0; background:rgba(15,23,42,.38); }
      body[data-mobile-section="home"] #workbenchSwitch[open] > .workbench-tabs { width:100%; max-height:min(78dvh,620px); overflow-y:auto; overscroll-behavior:contain; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0; padding:16px 12px max(18px,env(safe-area-inset-bottom)); border:0; border-radius:14px 14px 0 0; background:#fff; box-shadow:0 -10px 30px rgba(16,24,40,.14); }
      body[data-mobile-section="home"] #workbenchSwitch[open] .workbench-tab { min-height:60px; }

      .topbar { position:sticky; top:0; z-index:9; min-height:calc(58px + env(safe-area-inset-top)); display:flex; flex-direction:column; align-items:stretch; margin:0 -12px; padding:env(safe-area-inset-top) 12px 0; border-bottom:1px solid #e6e9ee; background:rgba(255,255,255,.98); backdrop-filter:blur(12px); }
      .topbar .head-row { width:100%; display:block; }
      .top-brand { grid-template-columns:32px minmax(0,1fr); gap:8px; }
      .top-brand .brand-mark { width:32px; height:32px; border-radius:8px; font-size:17px; box-shadow:none; }
      .top-brand h1 { font-size:18px; }
      .top-brand > div { min-width:0; }
      .top-brand .sub { display:block; min-width:0; max-width:100%; margin-top:1px; overflow:hidden; color:#7b8794; font-size:10px; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }
      .auth-userbar { display:none; }

      .topbar > .workspace-switchbar { width:100%; min-height:42px; display:grid; grid-template-columns:minmax(0,1fr); margin:9px 0 0; }
      .topbar > .workspace-switchbar.single-workbench { grid-template-columns:minmax(0,1fr); }
      .topbar > .workspace-switchbar.single-business { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
      .topbar > .workspace-switchbar .workspace-workbench-trigger { min-width:0; padding-left:11px; padding-right:11px; }
      .topbar > .workspace-switchbar .workspace-business-trigger { padding-left:10px; padding-right:10px; }

      .mobile-bottom-nav { position:fixed; left:0; right:0; bottom:0; z-index:40; height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom)); min-height:0; grid-template-columns:repeat(5,minmax(0,1fr)); padding:4px 8px env(safe-area-inset-bottom); border-top:1px solid #e2e7ed; background:rgba(255,255,255,.98); box-shadow:0 -3px 12px rgba(16,24,40,.06); backdrop-filter:blur(12px); contain:layout paint; }
      html.miui-compat .mobile-bottom-nav { contain:none; -webkit-transform:translateZ(0); transform:translateZ(0); }
      html.miui-compat .logout-confirm-modal { top:0; right:0; bottom:0; left:0; z-index:2147483000; display:flex; align-items:flex-end; justify-content:center; -webkit-transform:translateZ(0); transform:translateZ(0); }
      html.miui-compat .logout-confirm-modal.hidden { display:none !important; }
      html.miui-compat .logout-confirm-sheet { position:relative; z-index:1; }
      .mobile-bottom-nav button, .mobile-bottom-nav button.nav-create { min-width:0; height:54px; min-height:0; display:grid; align-content:center; justify-items:center; gap:3px; margin:0; padding:3px 2px; border:0; border-radius:0; background:transparent; color:#7f8a99; box-shadow:none; font-size:11px; font-weight:var(--weight-semibold); }
      .mobile-bottom-nav button .nav-icon, .mobile-bottom-nav button.active .nav-icon { width:24px; height:24px; padding:2px; border-radius:0; background:transparent; color:currentColor; stroke-width:1.9; }
      .mobile-bottom-nav button.active { background:transparent; color:#08766c; }
      .mobile-bottom-nav button.active span:last-child { color:#08766c; font-weight:var(--weight-medium); }
      .mobile-bottom-nav button.nav-create .nav-icon, .mobile-bottom-nav button.nav-create.active .nav-icon { width:38px; height:38px; margin-top:-7px; padding:8px; border:3px solid #fff; border-radius:50%; background:#08766c; color:#fff; box-shadow:0 3px 8px rgba(8,118,108,.22); }
      .mobile-bottom-nav button.nav-create span:last-child, .mobile-bottom-nav button.nav-create.active span:last-child { margin-top:-3px; color:#08766c; font-weight:var(--weight-medium); }
      .mobile-bottom-nav button:active { background:#f4f6f8; }
      .mobile-bottom-nav button:focus, .mobile-bottom-nav button:focus-visible { outline:none; }
      .mobile-bottom-nav button:focus-visible .nav-icon { border-radius:6px; box-shadow:0 0 0 2px rgba(8,118,108,.14); }

      body[data-mobile-section="home"] #mobileView,
      body[data-mobile-section="tasks"] #mobileView,
      body[data-mobile-section="me"] #mobileView { display:none !important; }
      body[data-mobile-section="orders"] .topbar,
      body[data-mobile-section="tasks"] .topbar,
      body[data-mobile-section="me"] .topbar { display:none; }
      body:not([data-mobile-section="home"]) > #appShell > .mobile-home-section-title,
      body:not([data-mobile-section="home"]) > #appShell > .home-metrics,
      body:not([data-mobile-section="home"]) > #appShell > .mobile-driver-quick,
      body:not([data-mobile-section="home"]) > #appShell > .mobile-recent-business,
      body:not([data-mobile-section="home"]) > #appShell > .mobile-home-priority { display:none !important; }
      body[data-mobile-section="tasks"] #pcView,
      body[data-mobile-section="me"] #pcView { display:none !important; }
      #appShell > .exception-summary { display:none !important; }

      body[data-mobile-section="home"] .mobile-home-section-title { min-height:38px; display:flex; align-items:end; justify-content:space-between; gap:10px; padding:15px 2px 7px; }
      .mobile-home-section-title strong { color:#172033; font-size:16px; }
      .mobile-home-section-title span { color:#98a2b3; font-size:11px; font-weight:var(--weight-semibold); }
      body[data-mobile-section="home"] .home-metrics { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:0; border:0; background:transparent; overflow:visible; }
      .home-metrics .metric { min-width:0; min-height:86px; display:grid; align-content:center; gap:4px; padding:11px 9px; border:1px solid #e1e6ec; border-radius:8px; background:#fff; box-shadow:none; text-align:left; }
      .home-metrics .metric strong { color:#172033; font-size:24px; line-height:1; }
      .home-metrics .metric:nth-child(3) strong { color:#b54708; }
      .home-metrics .metric span { color:#667085; font-size:11px; font-weight:var(--weight-semibold); }
      .home-metrics .metric em { min-width:0; overflow:hidden; color:#8a94a3; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }

      body[data-mobile-section="home"] .mobile-driver-quick:not(.hidden) { width:100%; min-height:66px; display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:10px; margin:10px 0 0; padding:10px 11px; border:1px solid #cddff7; border-radius:8px; background:#f7faff; color:#344054; text-align:left; }
      .mobile-driver-quick-icon { width:36px; height:36px; display:grid; place-items:center; border-radius:8px; background:#08766c; color:#fff; }
      .mobile-driver-quick-icon svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
      .mobile-driver-quick-copy { min-width:0; display:grid; gap:3px; }
      .mobile-driver-quick-copy strong { color:#172033; font-size:14px; }
      .mobile-driver-quick-copy small { color:#667085; font-size:11px; line-height:1.4; overflow-wrap:anywhere; }
      .mobile-driver-quick-state { display:grid; justify-items:end; gap:3px; }
      .mobile-driver-quick-state b { color:#08766c; font-size:19px; line-height:1; }
      .mobile-driver-quick-state em { color:#667085; font-size:11px; font-style:normal; font-weight:var(--weight-semibold); white-space:nowrap; }

      body[data-mobile-section="home"] .mobile-recent-business { display:grid; gap:7px; margin:12px 0 0; }
      .mobile-home-heading { min-height:30px; display:flex; align-items:center; justify-content:space-between; padding:0 2px; }
      .mobile-home-heading strong { color:#172033; font-size:15px; }
      .mobile-home-heading span { color:#98a2b3; font-size:11px; font-weight:var(--weight-semibold); }
      .mobile-recent-all { min-height:28px; padding:0 2px; border:0; background:transparent; color:#08766c; font-size:11px; font-weight:var(--weight-medium); }
      .mobile-recent-list { overflow:hidden; border:1px solid #e1e6ec; border-radius:8px; background:#fff; }
      .mobile-recent-row { width:100%; min-height:62px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; padding:9px 11px; border:0; border-bottom:1px solid #edf0f3; background:#fff; color:#344054; text-align:left; }
      .mobile-recent-row:last-child { border-bottom:0; }
      .mobile-recent-row:active { background:#f4f6f8; }
      .mobile-recent-main, .mobile-recent-side { min-width:0; display:grid; gap:4px; }
      .mobile-recent-main strong { overflow:hidden; color:#172033; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
      .mobile-recent-main strong.vehicle-primary-line { display:flex; align-items:center; gap:7px; overflow:visible; white-space:normal; }
      .mobile-recent-main > span { overflow:hidden; color:#7b8794; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
      .mobile-recent-side { justify-items:end; }
      .mobile-recent-side .pill { min-height:20px; padding:0 7px; font-size:9px; }
      .mobile-recent-side time { color:#98a2b3; font-size:9px; font-weight:var(--weight-semibold); }
      .mobile-recent-empty { min-height:62px; display:grid; place-items:center; padding:12px; color:#98a2b3; font-size:12px; }
      body[data-mobile-section="home"] .mobile-home-priority { display:grid; gap:7px; margin:12px 0 4px; }
      .mobile-priority-list { overflow:hidden; border:1px solid #e1e6ec; border-radius:8px; background:#fff; }
      .mobile-priority-row { width:100%; min-height:64px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; padding:10px 11px; border:0; border-bottom:1px solid #edf0f3; background:#fff; color:#344054; text-align:left; }
      .mobile-priority-row:last-child { border-bottom:0; }
      .mobile-priority-row:active { background:#f4f6f8; }
      .mobile-priority-main { min-width:0; display:grid; gap:4px; }
      .mobile-priority-main strong { overflow:hidden; color:#172033; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
      .mobile-priority-main strong.vehicle-primary-line { display:flex; align-items:center; gap:7px; overflow:visible; white-space:normal; }
      .mobile-priority-main > span { overflow:hidden; color:#7b8794; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
      .mobile-priority-side { display:grid; justify-items:end; gap:5px; }
      .mobile-priority-side .pill { min-height:20px; padding:0 7px; font-size:9px; }
      .mobile-priority-side em { color:#08766c; font-size:10px; font-style:normal; font-weight:var(--weight-medium); }
      body[data-mobile-section="orders"] { background:#fff; }
      body[data-mobile-section="orders"] .shell { padding:0; }
      body[data-mobile-section="orders"] #mobileView { display:block; margin:0; }
      body[data-mobile-section="orders"] #mobileView > .mobile-form,
      body[data-mobile-section="orders"] #mobileView > .workflow-inbox-banner { display:none !important; }
      body[data-mobile-section="orders"] #mobileRecordPanel { display:block; margin:0; border:0; border-radius:0; box-shadow:none; }
      body[data-mobile-section="orders"] #mobileRecordPanel > summary { position:sticky; top:0; z-index:8; height:calc(58px + env(safe-area-inset-top)); min-height:0; padding:env(safe-area-inset-top) 14px 0; align-items:center; border-bottom:1px solid #e5e9ee; background:rgba(255,255,255,.98); }
      body[data-mobile-section="orders"] #mobileRecordPanel > summary::after { display:none; }
      body[data-mobile-section="orders"] .record-summary-title h2 { color:#172033; font-size:18px; }
      body[data-mobile-section="orders"] #mobileRecordPanel > .mobile-record-content > .panel-body { min-height:calc(100dvh - var(--mobile-nav-height)); align-content:start; gap:10px; padding:12px 12px calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 40px); scroll-padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 40px); }
      html.miui-compat body[data-mobile-section="orders"] #mobileRecordPanel > .mobile-record-content > .panel-body { padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 52px); scroll-padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 52px); }

      body[data-mobile-section="create"] { padding-bottom:0; overflow-x:hidden; background:#fff; }
      body[data-mobile-section="create"] .mobile-bottom-nav { display:none !important; }
      body[data-mobile-section="create"] .shell { padding:0; }
      body[data-mobile-section="create"] .topbar { display:contents; }
      body[data-mobile-section="create"] .topbar .head-row,
      body[data-mobile-section="create"] .workspace-switchbar,
      body[data-mobile-section="create"] #workbenchSwitch { display:none !important; }
      body[data-mobile-section="create"] #mobileView { display:block; margin:0; }
      body[data-mobile-section="create"] #mobileView > .mobile-records,
      body[data-mobile-section="create"] #mobileView > .workflow-inbox-banner { display:none !important; }
      body[data-mobile-section="create"] #mobileView > .mobile-form { min-height:100dvh; margin:0; border:0; border-radius:0; box-shadow:none; background:#fff; }
      body[data-mobile-section="create"] .mobile-form > .panel-head { position:sticky; top:0; z-index:12; height:calc(58px + env(safe-area-inset-top)); min-height:0; display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:8px; align-items:center; padding:env(safe-area-inset-top) 12px 0; border-bottom:1px solid #e5e9ee; background:rgba(255,255,255,.98); }
      .mobile-entry-close { width:36px; height:36px; display:grid; place-items:center; padding:0; border:0; border-radius:50%; background:transparent; color:#344054; }
      .mobile-entry-close svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
      .mobile-entry-back-icon { display:none; }
      .mobile-form.post-save-complete .mobile-entry-close-icon { display:none; }
      .mobile-form.post-save-complete .mobile-entry-back-icon { display:block; }
      .mobile-entry-heading { min-width:0; display:flex; align-items:center; gap:7px; }
      .mobile-entry-heading h2 { flex:0 0 auto; color:#172033; font-size:17px !important; }
      .mobile-entry-type { min-width:0; display:inline-flex; align-items:center; gap:2px; padding:4px 6px; border:0; border-radius:5px; background:#f2f4f7; color:#526173; font-size:10px; font-weight:var(--weight-medium); }
      .mobile-entry-type span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
      .mobile-entry-type svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2; }
      .mobile-entry-type.single-business { padding-left:0; padding-right:0; background:transparent; color:#667085; opacity:1; }
      .mobile-entry-type.single-business svg { display:none; }
      body[data-mobile-section="create"] .mobile-form > .panel-head .actions { display:flex; }
      body[data-mobile-section="create"] .mobile-form > .panel-head .actions > :not(#mobileNewLeadBtn):not(#saveDraftHeaderBtn):not(#appointmentWechatHeaderBtn) { display:none !important; }
      body[data-mobile-section="create"] #mobileNewLeadBtn { width:30px; height:30px; flex:0 0 30px; display:grid; place-items:center; padding:0; border:0; border-radius:50%; background:#f2f4f7; color:#344054; font-size:23px; font-weight:400; line-height:1; }
      body[data-mobile-section="create"] #mobileNewLeadBtn:active { background:#e4e7ec; }
      body[data-mobile-section="create"] #saveDraftHeaderBtn { display:inline-flex; min-height:32px; align-items:center; padding:0 2px; border:0; background:transparent; color:#08766c; font-size:12px; font-weight:var(--weight-medium); }
      body[data-mobile-section="create"] .mobile-form > .panel-body { gap:0; padding:0 12px 92px; }
      body[data-mobile-section="create"] .mobile-form.post-save-complete > .panel-head .mobile-entry-type,
      body[data-mobile-section="create"] .mobile-form.post-save-complete > .panel-head .actions,
      body[data-mobile-section="create"] .mobile-form.post-save-complete > .mobile-edit-bar,
      body[data-mobile-section="create"] .mobile-form.post-save-complete > .panel-body { display:none !important; }
      body[data-mobile-section="create"] .mobile-form.post-save-complete > .panel-head { grid-template-columns:38px minmax(0,1fr) 38px; }
      body[data-mobile-section="create"] .mobile-form.post-save-complete .mobile-entry-heading { justify-content:center; }
      body[data-mobile-section="create"] .mobile-form.post-save-complete .mobile-entry-heading h2 { flex:0 1 auto; }
      body[data-mobile-section="create"] .post-save-next { min-height:calc(100dvh - 58px); align-content:start; gap:18px; margin:0; padding:clamp(32px,7dvh,60px) 20px max(24px,env(safe-area-inset-bottom)); border:0; border-radius:0; background:#fff; }
      body[data-mobile-section="create"] .post-save-next-copy { display:grid; justify-items:center; gap:5px; text-align:center; }
      body[data-mobile-section="create"] .post-save-next-copy .post-save-check { width:48px; height:48px; margin:0 0 5px; font-size:25px; }
      .appointment-wechat-picker { align-items:end; justify-items:stretch; padding:0; }
      .appointment-wechat-picker-card { width:100%; max-height:calc(100dvh - 10px); padding:18px 16px max(18px,env(safe-area-inset-bottom)); border-width:1px 0 0; border-radius:10px 10px 0 0; }
      body[data-mobile-section="create"] .post-save-next-copy strong { color:#172033; font-size:21px; }
      body[data-mobile-section="create"] .post-save-next-copy span:last-child { max-width:300px; color:#667085; font-size:12px; line-height:1.55; }
      body[data-mobile-section="create"] .post-save-next-actions { width:100%; max-width:520px; grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px; margin:0 auto; }
      body[data-mobile-section="create"] .post-save-next-actions .btn { grid-column:span 3; min-height:46px; border-radius:8px; white-space:normal; }
      body[data-mobile-section="create"] #postSaveRecordsBtn { grid-column:1 / -1; min-height:48px; }
      body[data-mobile-section="create"] #postSaveMore { grid-column:1 / -1; }
      body[data-mobile-section="create"] #postSavePrintBtn,
      body[data-mobile-section="create"] #postSaveNewCustomerBtn { grid-column:span 2; min-height:40px; padding:0 3px; border-color:transparent; background:transparent; color:#526173; font-size:13px; }
      body[data-mobile-section="create"] .post-save-more > summary { min-height:42px; border-color:#d7e0ea; background:#f8fafc; color:#526173; }
      body[data-mobile-section="create"] .post-save-more-actions { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:0; margin-top:6px; padding:4px 0 0; border:1px solid #e1e7ee; border-radius:8px; background:#fff; }
      body[data-mobile-section="create"] .post-save-more-actions .btn { min-height:42px; border:0; border-radius:0; background:transparent; }
      body[data-mobile-section="create"] .post-save-more-actions .btn + .btn { border-left:1px solid #edf1f5; }

      body[data-mobile-section="create"] .inspection-checker { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; padding:8px; background:#f7f9fc; }
      body[data-mobile-section="create"] .inspection-checker > .inline-check { min-width:0; min-height:42px; padding:7px 8px; background:#fff; font-size:12px; }
      body[data-mobile-section="create"] .inspection-checker > .inline-check:first-child,
      body[data-mobile-section="create"] .inspection-checker-row { grid-column:1 / -1; }
      body[data-mobile-section="create"] .ocr-done-bar { grid-template-columns:1fr; }
      body[data-mobile-section="create"] .ocr-done-bar > span { display:none; }
      body[data-mobile-section="create"] .ocr-done-bar .btn { width:100%; min-height:42px; }

      body[data-mobile-section="create"] #businessSwitch:not([open]) { display:none; }
      body[data-mobile-section="create"] #businessSwitch[open] { position:fixed; inset:0; z-index:70; display:grid; align-items:end; width:auto; max-width:none; margin:0; padding:0; background:rgba(15,23,42,.38); }
      body[data-mobile-section="create"] #businessSwitch[open] > .business-tabs { width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0; padding:16px 12px max(18px,env(safe-area-inset-bottom)); border:0; border-radius:14px 14px 0 0; background:#fff; box-shadow:0 -10px 30px rgba(16,24,40,.14); }

      .entry-stepper { --entry-step-progress:0%; position:sticky; top:58px; z-index:10; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin:0 -12px; padding:10px 12px 9px; border-bottom:1px solid #e7eaef; background:#fff; }
      .entry-stepper::before, .entry-stepper::after { content:""; position:absolute; z-index:0; top:20px; left:12.5%; height:2px; border-radius:99px; pointer-events:none; }
      .entry-stepper::before { right:12.5%; background:#e5e9ee; }
      .entry-stepper::after { width:var(--entry-step-progress); background:#8fb9ee; transition:width .18s ease; }
      .entry-step-tab { position:relative; z-index:1; min-width:0; min-height:48px; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:5px; padding:0 1px; border:0; border-radius:0; background:transparent; color:#8a94a3; font-size:11px; font-weight:var(--weight-medium); }
      .entry-step-tab b { width:20px; height:20px; display:grid; place-items:center; border:2px solid #fff; border-radius:50%; background:#eef1f5; color:#8491a3; font-size:11px; font-weight:var(--weight-semibold); line-height:1; box-shadow:0 0 0 1px #e5e9ee; }
      .entry-step-tab.complete { color:#526173; }
      .entry-step-tab.complete b { background:#eaf4f2; color:#08766c; }
      .entry-step-tab.active { color:#08766c; }
      .entry-step-tab.active b { background:#08766c; color:#fff; }
      .entry-step-tab span { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
      .vehicle-identity-section-title { margin-top:10px; }
      .entry-step { display:block; }
      .entry-step.inactive { display:none; }
      .entry-step-heading { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:15px 0 12px; border-bottom:1px solid #edf0f3; }
      .entry-step-heading > span { min-width:0; display:grid; gap:3px; }
      .entry-step-heading strong { color:#172033; font-size:19px; }
      .entry-step-heading small { color:#8491a3; font-size:12px; font-weight:var(--weight-medium); }
      .entry-step-heading em { flex:0 0 auto; color:#08766c; font-size:12px; font-style:normal; font-weight:var(--weight-medium); }
      .entry-step-heading em.entry-submit-state { min-height:26px; display:inline-flex; align-items:center; padding:0 9px; border-radius:999px; background:#fff4e5; color:#9a5708; }
      .entry-step-heading em.entry-submit-state.ready { background:#edf9f3; color:#087443; }
      .entry-review-card { display:grid; margin-top:12px; overflow:hidden; border:1px solid #e1e6ec; border-radius:8px; background:#fff; }
      .entry-review-row { width:100%; min-height:50px; display:grid; grid-template-columns:72px minmax(0,1fr); gap:10px; align-items:center; padding:8px 12px; border:0; border-bottom:1px solid #edf0f3; border-radius:0; background:#fff; text-align:left; }
      .entry-review-row:last-child { border-bottom:0; }
      .entry-review-row span { color:#8491a3; font-size:11px; font-weight:var(--weight-semibold); }
      .entry-review-row strong { overflow-wrap:anywhere; color:#344054; font-size:13px; text-align:right; }
      .entry-review-action { cursor:pointer; }
      .entry-review-action:active { background:#f7f9fc; }
      .entry-review-value { min-width:0; display:flex; align-items:center; justify-content:flex-end; gap:8px; }
      .entry-review-value strong { min-width:0; }
      .entry-review-value em { flex:0 0 auto; color:#08766c; font-size:11px; font-style:normal; font-weight:var(--weight-medium); }
      .entry-submit-mode { display:grid; gap:8px; margin-top:12px; padding:12px; border:1px solid #dfe6ee; border-radius:8px; background:#f8fafc; }
      .entry-submit-mode-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
      .entry-submit-mode-head strong { color:#344054; font-size:12px; }
      .entry-submit-mode-head span,.entry-submit-mode-hint { color:#7a8798; font-size:10px; line-height:1.5; }
      .entry-submit-mode-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
      .entry-submit-mode-btn { min-height:38px; padding:7px 10px; border:1px solid #d9e1ea; border-radius:6px; background:#fff; color:#526173; font:inherit; cursor:pointer; }
      .entry-submit-mode-btn.active { border-color:#08766c; background:#eaf7f4; color:#08766c; font-weight:700; }
      .entry-submit-mode-hint { margin:0; }
      .entry-assisted-station { display:grid; gap:5px; color:#526173; font-size:11px; font-weight:600; }
      .entry-assisted-station select { width:100%; min-height:36px; padding:7px 9px; border:1px solid #d9e1ea; border-radius:6px; background:#fff; color:#172033; font:inherit; }
      .entry-sms-options { display:grid; gap:8px; padding:10px 12px; border-bottom:1px solid #edf0f3; background:#f8fafc; }
      .entry-sms-options.hidden, .entry-sms-choice.hidden { display:none; }
      .entry-sms-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
      .entry-sms-head strong { color:#344054; font-size:12px; }
      .entry-sms-head em { color:#08766c; font-size:10px; font-style:normal; font-weight:var(--weight-semibold); }
      .entry-sms-switches { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
    .entry-sms-choice { min-width:0; min-height:48px; display:flex; align-items:center; gap:8px; padding:7px 8px; border:1px solid #dfe6ee; border-radius:7px; background:#fff; cursor:pointer; }
    .entry-sms-choice.disabled { background:#f7f8fa; cursor:not-allowed; opacity:.7; }
      .entry-sms-choice input { flex:0 0 auto; width:17px; height:17px; min-height:0; margin:0; }
      .entry-sms-choice span { min-width:0; display:grid; gap:2px; }
      .entry-sms-choice b { color:#344054; font-size:11px; }
      .entry-sms-choice small, .entry-sms-hint { color:#7a8798; font-size:10px; line-height:1.45; }
      .entry-sms-contact { min-width:0; display:grid; grid-template-columns:82px minmax(0,1fr); gap:7px; align-items:center; }
      .entry-sms-contact > span { color:#667085; font-size:10px; font-weight:var(--weight-semibold); }
      .entry-sms-contact-fields { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) minmax(112px,.72fr); gap:7px; }
      .entry-sms-contact select, .entry-sms-contact input { min-width:0; width:100%; height:36px; min-height:36px; padding:0 9px; border:1px solid #d8e0e8; border-radius:6px; background:#fff; color:#344054; font-size:11px; }
      .entry-sms-contact input.hidden { display:none; }
      @media(max-width:430px){.entry-sms-contact{grid-template-columns:1fr}.entry-sms-contact-fields{grid-template-columns:1fr}.entry-sms-contact input:not(.hidden){display:block}}
      .entry-prev-btn, .entry-next-btn { display:block; }
      .entry-flow-hidden { display:none !important; }
      body[data-mobile-section="create"] .form-actions { position:fixed; left:0; right:0; bottom:0; z-index:30; display:block; margin:0; padding:9px 12px max(10px,env(safe-area-inset-bottom)); border-top:1px solid #dfe4ea; background:rgba(255,255,255,.98); box-shadow:0 -4px 14px rgba(16,24,40,.07); backdrop-filter:blur(12px); }
      body[data-mobile-section="create"] .entry-step-context { display:none; }
      body[data-mobile-section="create"] .form-action-main { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
      body[data-mobile-section="create"] .form-actions.first-step .form-action-main { grid-template-columns:1fr; }
      body[data-mobile-section="create"] .form-actions.final-step .form-action-main { grid-template-columns:repeat(2,minmax(0,1fr)); }
      body[data-mobile-section="create"] .form-actions.editing-complete .form-action-main { grid-template-columns:1fr; }
      body[data-mobile-section="create"] .form-actions.final-step #completeBtn { grid-column:auto; order:initial; }
      body[data-mobile-section="create"] #openMobileActionSheetBtn { display:none !important; }
      body[data-mobile-section="create"] #saveBtn { display:none !important; }
      body[data-mobile-section="create"] .form-actions .btn { min-width:0; min-height:44px; padding:0 8px; }
      body[data-mobile-section="create"] #entryNextBtn,
      body[data-mobile-section="create"] #completeBtn { border-color:#08766c; background:#08766c; color:#fff; }
      body[data-mobile-section="create"] #entryPrevBtn { border-color:#d8e0e8; background:#fff; color:#344054; }
      body[data-mobile-section="create"] .smart-note-groups,
      body[data-mobile-section="create"] .smart-note-chips { max-height:none; flex-wrap:wrap; overflow:visible; }
      body[data-mobile-section="create"] .source-route-grid { grid-template-columns:1fr; }

      #workflowComposer { width:100vw; min-width:0; max-width:100vw; height:100vh; height:100dvh; max-height:100dvh; align-items:stretch; overflow:hidden; padding:0; background:#fff; overscroll-behavior:none; }
      #workflowComposer .workflow-composer-card { width:100%; min-width:0; max-width:100%; height:100%; max-height:100%; margin:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior-y:contain; -webkit-overflow-scrolling:touch; padding:0 12px max(18px,env(safe-area-inset-bottom)); border-radius:0; box-shadow:none; }
      #workflowComposer .workflow-composer-head { width:auto; min-width:0; min-height:58px; margin:0 -12px; padding:max(8px,env(safe-area-inset-top)) 12px 8px; }
      .workflow-composer-head h3 { font-size:17px; }
      #workflowComposer .workflow-composer-head > *,
      #workflowComposer .workflow-delivery-switch,
      #workflowComposer .workflow-step,
      #workflowComposer .workflow-step > *,
      #workflowComposer .wechat-directory,
      #workflowComposer .wechat-directory > *,
      #workflowComposer .wechat-directory-search,
      #workflowComposer .wechat-directory-search input,
      #workflowComposer .wechat-directory-group-switch,
      #workflowComposer .wechat-directory-group-switch > summary,
      #workflowComposer .wechat-directory-group-filter,
      #workflowComposer .wechat-directory-group-filter select,
      #workflowComposer .wechat-directory-scope,
      #workflowComposer .wechat-directory-list,
      #workflowComposer .wechat-directory-item,
      #workflowComposer .wechat-directory-item-copy,
      #workflowComposer .wechat-directory-selected,
      #workflowComposer #flowWechatChannelHint { min-width:0; max-width:100%; }
      #workflowComposer .wechat-directory-group-switch > summary > span,
      #workflowComposer .wechat-directory-group-switch > summary > strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
      #workflowComposer .wechat-directory-group-switch > summary::after,
      #workflowComposer .wechat-directory-group-switch[open] > summary::after { content:"›"; flex:0 0 auto; width:18px; overflow:hidden; color:#98a2b3; font-size:17px; line-height:1; text-align:center; white-space:nowrap; }
      #workflowComposer .wechat-directory-group-switch > summary::after { transform:rotate(90deg); }
      #workflowComposer .wechat-directory-group-switch[open] > summary::after { transform:rotate(-90deg); }
      #workflowComposer .wechat-directory-item { width:100%; grid-template-columns:minmax(46px,auto) minmax(0,1fr) 34px; }
      #workflowComposer .wechat-directory-item-copy strong,
      #workflowComposer .wechat-directory-item-copy span { display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
      #workflowComposer .wechat-directory-selected > span { flex:0 0 auto; }
      .workflow-step,
      .workflow-step > *,
      .workflow-step > label,
      #flowAddressFields,
      #flowAddressFields > *,
      .driver-dispatch-fields,
      .driver-route-card,
      .driver-route-point,
      .driver-route-label,
      .driver-route-label-main,
      .driver-address-label,
      .driver-route-input,
      .driver-route-input > * {
        min-width:0;
        max-width:100%;
      }
      .workflow-step { padding:16px 0; }
      .workflow-step > label,
      #flowAddressFields > label,
      .driver-route-point > label { overflow-wrap:anywhere; }
      .driver-route-input { width:100%; overflow:hidden; }
      .driver-route-input input,
      .driver-location-field input,
      #flowAddress,
      #flowContact,
      #flowPhone,
      #flowArrivalAt,
      #driverPickupAddress,
      #driverReturnAddress,
      #driverLocationQuery,
      #driverLocationDetail { min-width:0; max-width:100%; font-size:16px; }
      .driver-route-action { min-width:0; width:100%; max-width:100%; }
      .driver-route-input { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .driver-route-input input { grid-column:1 / -1; }
      .driver-route-input .driver-route-action { grid-column:auto; }
      .workflow-step:last-child { position:static; margin:0; padding:16px 0 max(18px,env(safe-area-inset-bottom)); background:#fff; box-shadow:none; }
      #flowPreview { align-items:flex-start; }
      #flowPreview .admin-save-dot { margin-top:5px; }
      .workflow-template-row { grid-template-columns:repeat(3,minmax(0,1fr)); }

      body[data-mobile-section="tasks"] .shell,
      body[data-mobile-section="me"] .shell { padding:0; }
      body[data-mobile-section="tasks"],
      body[data-mobile-section="me"] { overflow:hidden !important; }
      body[data-mobile-section="tasks"] #personalCenterPanel,
      body[data-mobile-section="me"] #myCenterPanel { position:fixed; inset:0; z-index:39; width:100%; height:100vh; height:100dvh; min-height:0; padding:0 0 calc(var(--mobile-nav-height) + 22px + env(safe-area-inset-bottom)); overflow-x:hidden; overflow-y:auto; overscroll-behavior-y:contain; -webkit-overflow-scrolling:touch; background:#f5f6f8; }
      body[data-mobile-section="tasks"] #personalCenterPanel > .section-title,
      body[data-mobile-section="me"] #myCenterPanel > .section-title { position:sticky; top:0; z-index:8; height:calc(58px + env(safe-area-inset-top)); min-height:0; grid-template-columns:1fr; padding:env(safe-area-inset-top) 14px 0; border-bottom:1px solid #e5e9ee; background:rgba(255,255,255,.98); }
      body[data-mobile-section="tasks"] #personalCenterPanel > .section-title > span,
      body[data-mobile-section="me"] #myCenterPanel > .section-title > span { font-size:var(--font-page); text-align:left; }
      body[data-mobile-section="tasks"] #personalCenterPanel > .section-title > span:not(.personal-nav-spacer),
      body[data-mobile-section="me"] #myCenterPanel > .section-title > span:not(.personal-nav-spacer) { grid-column:1; }
      body[data-mobile-section="tasks"] #personalCenterPanel .personal-nav-back,
      body[data-mobile-section="me"] #myCenterPanel .personal-nav-back,
      body[data-mobile-section="tasks"] #personalCenterPanel .personal-nav-spacer,
      body[data-mobile-section="me"] #myCenterPanel .personal-nav-spacer { display:none; }
      body[data-mobile-section="tasks"] #personalCenterPanel,
      body[data-mobile-section="me"] #myCenterPanel { scroll-margin-top:0; }
      body[data-mobile-section="me"] .my-center-content { min-height:calc(100dvh - 58px - var(--mobile-nav-height) - env(safe-area-inset-bottom)); display:flex; flex-direction:column; padding-bottom:6px; }
      body[data-mobile-section="me"] .my-legal-links { min-height:32px; margin-top:auto; }
      body[data-mobile-section="me"] .my-legal-footer { padding-bottom:6px; }
      /* The fixed mobile nav already owns the bottom inset; keep the version footer compact. */
      body[data-mobile-section="me"] #myCenterPanel { min-height:0; padding-bottom:max(16px,env(safe-area-inset-bottom)); }
      body[data-mobile-section="me"] .my-center-content { min-height:0; padding-bottom:0; }
      body[data-mobile-section="me"] .my-legal-links { margin-top:14px; }
      body[data-mobile-section="me"] .my-legal-footer { padding-bottom:4px; }
      .mobile-form .section-title:has(#customerMoreToggle) { gap:8px; }
      .mobile-form .section-title:has(#customerMoreToggle) .section-title-label { min-width:0; flex:1 1 auto; white-space:normal; line-height:1.35; }
      .mobile-form .section-title:has(#customerMoreToggle) .section-actions { flex:0 0 auto; }
      .mobile-form .section-title:has(#customerMoreToggle) #customerMoreToggle { min-height:28px; padding:0 2px; border:0 !important; background:transparent !important; color:#08766c; font-size:12px; box-shadow:none; }
      .mobile-form .section-title:has(#customerMoreToggle) #customerMoreToggle::after { content:">"; display:inline-block; margin-left:4px; font-size:16px; line-height:1; vertical-align:-1px; }
      .mobile-form .section-title:has(#customerMoreToggle) #customerMoreToggle.active { border:0 !important; background:transparent !important; color:#14794f; }
      .mobile-form .section-title:has(#customerMoreToggle) #customerMoreToggle.active::after { content:"^"; }
      .my-center-content > .actions { display:grid; grid-template-columns:1fr !important; gap:0 !important; margin-top:14px; padding:0 !important; border-top:1px solid #e4e8ed; border-bottom:1px solid #e4e8ed; background:#fff; }
      .my-center-content > .actions::before { content:"账号设置"; min-height:38px; display:flex; align-items:end; padding:0 16px 8px; color:#667085; font-size:12px; font-weight:var(--weight-medium); }
      .my-center-content > .actions .btn { min-height:50px !important; display:flex; align-items:center; justify-content:flex-start; padding:0 16px; border:0 !important; border-top:1px solid #edf0f3 !important; border-radius:0 !important; background:#fff !important; color:#344054 !important; font-size:14px; text-align:left; }
      .my-center-content > .actions .btn::after { content:"›"; margin-left:auto; color:#98a2b3; font-size:22px; font-weight:400; }
      .my-center-content > .actions #myLogoutBtn { grid-column:auto; color:#b42318 !important; }
      .my-center-content > .actions #myLogoutBtn::after { content:""; }

      .settlement-center { padding:0; background:#f5f6f8; animation:settlementPageEnter .18s ease-out; }
      .settlement-center > .section-title { height:calc(58px + env(safe-area-inset-top)); min-height:0; grid-template-columns:44px minmax(0,1fr) 44px; padding:env(safe-area-inset-top) 12px 0; border-bottom:1px solid #e5e9ee; background:rgba(255,255,255,.98); }
      .settlement-center > .section-title > span { min-width:0; overflow:hidden; font-size:17px; text-overflow:ellipsis; white-space:nowrap; }
      .settlement-center .personal-nav-back, .settlement-center .record-refresh-btn { width:36px; height:36px; min-height:36px; }
      .settlement-center .personal-nav-back { justify-self:start; }
      .settlement-title-actions { justify-self:end; }
      .settlement-content { gap:10px; padding:10px 0 28px; }
      .settlement-toolbar { grid-template-columns:1fr; gap:10px; padding:12px 14px; border:0; border-bottom:1px solid #e4e8ed; border-radius:0; background:#fff; }
      .settlement-toolbar label { min-width:0; font-size:12px; }
      .settlement-toolbar input, .settlement-toolbar select { width:100%; min-width:0; min-height:44px; font-size:16px; }
      .settlement-toolbar-note { display:none; }
      .settlement-toolbar .btn { grid-column:1 / -1; width:100%; }
      .settlement-summary-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; overflow:visible; padding:0 12px 2px; border:0; border-radius:0; background:transparent; }
      .settlement-summary-item { min-width:0; min-height:72px; padding:10px 11px; border:1px solid #e1e6ec !important; border-radius:8px; background:#fff; }
      .settlement-summary-item strong { font-size:18px; }
      .settlement-notice { margin:0 12px; padding:10px 11px; }
      .settlement-list { padding:0 12px; }
      .settlement-empty { min-height:104px; display:grid; place-items:center; padding:20px 16px; border:0; border-radius:8px; background:#fff; line-height:1.6; }
    }
    @keyframes settlementPageEnter { from { opacity:.7; transform:translateX(10px); } to { opacity:1; transform:none; } }
    @media (prefers-reduced-motion:reduce) { .settlement-center { animation:none !important; } }

    @media (max-width:370px) {
      .home-metrics .metric { padding-left:7px; padding-right:7px; }
      .home-metrics .metric strong { font-size:22px; }
      .entry-step-tab { font-size:10px; }
      .mobile-entry-heading h2 { font-size:17px !important; }
    }

    /* System UI foundation: one hierarchy for type, controls, lines and color. */
    :root {
      --bg:#f2f5f4;
      --surface:#fff;
      --surface-subtle:#f8fbfa;
      --line:#d3dddb;
      --line-soft:#e4ebe9;
      --text:#17212b;
      --text-strong:#101828;
      --muted:#526173;
      --blue:#08766c;
      --blue-soft:#edf6f4;
      --green:#087443;
      --green-soft:#edf8f2;
      --amber:#985807;
      --amber-soft:#fff5e5;
      --red:#b42318;
      --red-soft:#fff1f0;
      --radius:8px;
    }
    body { background:var(--bg); color:var(--text); -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
    h1, h2, h3, h4, strong, b { letter-spacing:0; }
    .sub, .muted { color:var(--muted); }

    .btn, .tab {
      border-radius:var(--radius);
      letter-spacing:0;
      box-shadow:none;
      transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .12s ease;
    }
    .btn { border-color:var(--line); background:#fff; color:#344054; }
    .btn:hover { border-color:#bdc8d4; background:var(--surface-subtle); }
    .btn:active { transform:translateY(1px); }
    .btn.primary, .tab.active { border-color:var(--blue); background:var(--blue); color:#fff; }
    .btn.primary:hover, .tab.active:hover { border-color:#065e57; background:#065e57; }
    .btn.green { border-color:var(--green); background:var(--green); color:#fff; }
    .btn.wechat { border-color:#079447; background:#079447; color:#fff; }
    .btn.red { border-color:#edc5c1; background:#fff; color:var(--red); }
    .btn.red:hover { border-color:#e5aaa4; background:#fff6f5; }
    .btn:disabled, .tab:disabled { border-color:#e4e7ec; background:#f2f4f7; color:#98a2b3; opacity:1; cursor:not-allowed; transform:none; }

    input, select, textarea { border-color:var(--line); border-radius:var(--radius); box-shadow:none; }
    input:focus, select:focus, textarea:focus { border-color:#69aaa3; outline:0; box-shadow:0 0 0 3px rgba(8,118,108,.12); }
    button:focus:not(:focus-visible), summary:focus:not(:focus-visible) { outline:0; }
    button:focus-visible, summary:focus-visible, a:focus-visible { outline:2px solid rgba(8,118,108,.62); outline-offset:2px; }

    .panel { border-color:var(--line); border-radius:var(--radius); box-shadow:0 3px 12px rgba(16,24,40,.065); }
    .panel-head { border-bottom-color:var(--line-soft); background:#fff; }
    .topbar { background:rgba(255,255,255,.97); }
    .mobile-form .panel-body, .pc-main-panel .panel-body, .pc-detail-panel .panel-body { background:#fff; }
    .mobile-form .panel-head, .pc-main-panel .panel-head, .pc-detail-panel .panel-head { background:#fff; }
    .mobile-form input, .mobile-form select, .mobile-form textarea,
    .pc-main-panel input, .pc-main-panel select, .pc-main-panel textarea,
    .pc-detail-panel input, .pc-detail-panel select, .pc-detail-panel textarea { background:#fff; color:var(--text); }
    .pc-filter-card, .phone-stats-panel, .account-admin-block, .account-admin-metric,
    .role-config-card, .effective-permission-panel, .custom-permission-grid,
    .mobile-form .doc-photo-row, .mobile-form .appointment-schedule-card,
    .mobile-form .origin-route-field, .detail-summary-item, .detail-summary-note,
    .detail-command-row, .entry-review-row { border-color:var(--line); background:#fff; }
    .pc-workspace-nav, .account-role-filters { border-color:var(--line); background:#f7faf9; }
    .pc-main-panel table { background:#fff; }
    .pc-main-panel tbody tr:hover { background:#f7faf9; }
    .personal-center, .my-center-content, .settlement-center { background:#f2f5f4; }
    .my-account-summary, .my-access-request, .my-workflow-section,
    .my-sent-workflow-section, .my-commission-section, .my-account-details,
    .settlement-card { border-color:var(--line); background:#fff; }
    .detail-summary, .detail-section, .entry-review-card, .notification-template-card,
    .print-template-card, .authorization-channel-card, .wechat-channel-card,
    .prospect-card, .settlement-card { border-color:var(--line); border-radius:var(--radius); box-shadow:none; }
    .section-title::before, .source-section-title::before { display:none; }
    .section-title, .source-section-title { color:#344054; }
    .detail-summary-grid, .detail-command-list, .entry-review-row,
    .detail-command-row, .detail-more > summary, .detail-followup-compose > summary { border-color:var(--line-soft); }
    .pill { min-height:24px; padding:0 8px; font-size:12px; letter-spacing:0; }

    th { color:#475467; font-size:12px; }
    td { color:#344054; font-size:13px; }
    .row-actions .btn { border-color:var(--line); background:#fff; color:#344054; }
    .row-actions .btn.primary { border-color:var(--blue); background:var(--blue); color:#fff; }

    .workspace-business-current small, .workspace-workbench-trigger small,
    .workbench-tab small, .register-section-head small, .register-driver-head small,
    .driver-document-copy small, .collab-details > summary small,
    .customer-required-note, .compact-inline-toggle em,
    .authorization-module-item small, .authorization-channel-card-head small,
    .authorization-channel-card .authorization-channel-modules .inline-check,
    .print-template-card-head span, .print-template-fields label,
    .print-template-help, .notification-field-label, .notification-template-meta label,
    .fee-standard-summary span, .fee-rule-row.head > *, .fee-progress-item span,
    .fee-tier-option span, .fee-tier-option em, .settlement-summary-item em,
    .settlement-fact span { font-size:11px; }
    .register-journey span, .driver-document-required, .driver-document-corner { font-size:10px; }
    .source-kind, .my-commission-metric span, .my-legal-footer,
    .account-admin-form label > small, .user-admin-grid label > small,
    .favorite-filter-btn em, .pc-filter-sheet > summary em,
    .prospect-filter-sheet > summary em { font-size:11px; }
    .source-contact-chip { min-height:32px; }
    .authorization-module-item, .authorization-channel-card .authorization-channel-modules .inline-check { min-height:36px; }
    .authorization-policy-intro, .print-template-intro, .ticket-field-intro { border-color:#dce6f1; background:#f7faff; }

    .detail-summary-head { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:8px; }
    .detail-summary-actions { gap:5px; max-width:205px; }
    .detail-edit-icon, .detail-driver-icon, .detail-wechat-icon, .detail-termination > summary { width:32px; height:32px; min-height:32px; }
    .detail-termination-menu { top:calc(100% + 7px); right:0; }
    .detail-back-icon { width:32px; height:32px; }
    .detail-phone-link { min-height:32px; display:inline-flex; align-items:center; }
    .detail-action-hint { width:30px; height:30px; }
    .detail-edit-icon:hover, .detail-edit-icon:focus-visible,
    .detail-termination > summary:hover, .detail-termination[open] > summary { background:#f2f4f7; }
    .detail-wechat-icon:hover, .detail-wechat-icon:focus-visible { background:#eaf8f0; }

    @media (max-width:340px) {
      .detail-summary-head { grid-template-columns:minmax(0,1fr); }
      .detail-summary-actions { width:100%; max-width:none; justify-content:flex-start; }
    }

    @media (min-width:761px) {
      input, select, textarea { min-height:38px; font-size:14px; }
      .shell { padding:18px; }
      .topbar { margin:-18px -18px 14px; padding:14px 18px; }
      .account-admin-workspace, .pc-main-panel .panel-body, .pc-detail-panel .panel-body { line-height:1.5; }
    }

    @media (max-width:760px) {
      body { background:#f2f5f4; }
      .topbar { border-bottom-color:var(--line-soft); box-shadow:none; }
      .mobile-home-section-title strong, .mobile-home-heading strong { color:var(--text-strong); font-size:16px; }
      .mobile-home-section-title span, .mobile-home-heading span { color:var(--muted); font-size:12px; }
      .top-brand .sub { font-size:11px; }
      .home-metrics .metric { border-color:var(--line-soft); border-radius:var(--radius); box-shadow:none; }
      .home-metrics .metric strong { color:var(--text-strong); }
      .home-metrics .metric em { font-size:11px; }
      .mobile-recent-all { min-height:32px; font-size:12px; }
      .mobile-recent-side .pill, .mobile-priority-side .pill { min-height:22px; font-size:11px; }
      .mobile-recent-side time, .mobile-priority-side em { font-size:11px; }
      .entry-stepper { border-bottom-color:var(--line-soft); }
      .entry-step-tab { font-size:11px; }
      .entry-step-heading { border-bottom-color:var(--line-soft); }
      .entry-step-heading strong { font-size:18px; }
      .entry-review-row span, .mobile-records .record-card-due span,
      body[data-mobile-section="orders"] #pcView .mobile-ledger-field span { font-size:11px; }
      .mobile-records .record-card-due strong { font-size:13px; }
      .entry-review-row strong, .mobile-ledger-field strong { font-size:13px; }
      .mobile-entry-type { min-height:32px; }
      .mobile-entry-type span { font-size:12px; }
      .doc-photo-row .file-tile .photo-kind-badge { min-height:20px; font-size:11px; }
      .doc-photo-row .doc-vector { width:52px; height:52px; }
      .plate-ocr-hint { font-size:11px; }
      #otherPhotoToggleBtn, .notice-query-btn, .inspection-blocked-btn,
      .operation-check-btn, .insurance-renewal-btn, .driver-status-btn, .quick-status-btn, .extra-status-toggle, .plate-status-field .plate-only-toggle { min-height:30px; font-size:11px; }
      .mobile-ledger-actions .btn, #pcView .row-actions .btn { min-height:38px; }
      .detail-summary { border-width:1px; }
      .detail-summary-head h3 { color:var(--text-strong); font-size:19px; }
      .detail-summary-item span, .detail-summary-note span { font-size:11px; }
      .detail-summary-item strong, .detail-summary-note strong { font-size:14px; }
      .detail-command-copy strong, .detail-followup-compose > summary,
      .detail-more > summary { font-size:14px; }
      .detail-command-action { font-size:13px; }
      .detail-command-row, .detail-command-list > .detail-followup-compose > summary,
      .detail-command-list > .detail-more > summary { min-height:50px; }
      .mobile-bottom-nav { border-top-color:var(--line); box-shadow:0 -2px 8px rgba(16,24,40,.05); }
      .mobile-bottom-nav button { min-height:50px; font-size:11px; }
      .mobile-bottom-nav button.active .nav-icon { background:var(--blue-soft); }
      .mobile-bottom-nav button.nav-create { border-color:#f5f6f8; }
      body[data-mobile-section="tasks"] #personalCenterPanel > .section-title,
      body[data-mobile-section="me"] #myCenterPanel > .section-title,
      .personal-center > .section-title { border-bottom-color:var(--line-soft); background:rgba(255,255,255,.98); }
      .my-center-content > .actions { border-color:var(--line); }
      .my-center-content > .actions .btn { border-top-color:var(--line-soft) !important; }
    }

    @media (min-width:761px) {
      .pc-reprint-control select, .pc-reprint-control .btn { min-height:30px; }
      #prospectWindow { min-width:140px; }
    }

    /* Typography hierarchy: ordinary controls stay light; only true headings and KPIs are bold. */
    .section-title,
    .source-section-title,
    .detail-section-title,
    .mobile-action-section-title,
    .mobile-home-section-title strong,
    .mobile-home-heading strong,
    .entry-step-heading strong,
    .my-workflow-title,
    .my-sent-workflow-title,
    .my-commission-head strong,
    .permission-group-title,
    .register-section-head span { font-weight:var(--weight-semibold); }

    .brand-mark,
    .metric strong,
    .auth-status strong,
    .account-admin-metric strong,
    .personal-kpi strong,
    .my-kpi strong,
    .my-commission-metric strong,
    .source-kpi strong,
    .responsibility-kpi b,
    .prospect-batch-kpi b,
    .settlement-summary-item strong,
    .personal-center > .section-title > span:not(.personal-nav-spacer),
    #userAdminPanel > .section-title > span { font-weight:var(--weight-strong); }

    th { font-weight:var(--weight-semibold); }
    #userAdminPanel > .section-title > span { font-size:16px; }

    @media (max-width:760px) {
      .settlement-center.personal-center > .section-title > span:not(.personal-nav-spacer) {
        font-size:17px;
        font-weight:var(--weight-strong);
      }
    }

    /* Mobile clarity pass: operational information stays dark on a true white work surface. */
    @media (max-width:760px) {
      html, body,
      #appShell,
      #mobileView,
      #pcView,
      .personal-center,
      .my-center-content,
      .settlement-center { background:#fff; }

      body { color:#17212b; }
      .topbar { border-bottom-color:#d8dee5; background:rgba(255,255,255,.98); }
      .sub, .muted { color:#475467; }

      .panel,
      .mobile-records .lead,
      #pcView .mobile-ledger-card,
      .detail-summary,
      .detail-section,
      .entry-review-card,
      .personal-task,
      .driver-task-card,
      .my-account-summary,
      .my-access-request,
      .my-workflow-section,
      .my-sent-workflow-section,
      .my-commission-section,
      .my-account-details,
      .settlement-card,
      .wechat-channel-card { border-color:#cbd5dc; background:#fff; }

      .mobile-records .lead,
      #pcView .mobile-ledger-card { box-shadow:0 2px 8px rgba(16,24,40,.055); }
      .mobile-records .panel-body,
      .mobile-form .panel-body,
      .pc-main-panel .panel-body,
      .pc-detail-panel .panel-body,
      .personal-task-list,
      .driver-task-list { background:#fff; }

      .record-card-model,
      .record-card-meta > span,
      .mobile-ledger-head span,
      .mobile-ledger-contact,
      .mobile-ledger-params,
      .personal-task-meta,
      .driver-task-card-title span,
      .driver-task-route-row,
      .my-sent-workflow-meta,
      .my-commission-row > div > span { color:#344054; }

      .record-card-time,
      .record-card-params,
      .mobile-ledger-params,
      .driver-task-route,
      .followup-system-details { border-color:#cfd8df; background:#fff; color:#1d2939; }
      .record-card-time::before,
      .record-param-label { background:transparent; color:#475467; }

      .record-card-due,
      .mobile-ledger-grid,
      .detail-summary-grid,
      .detail-command-list,
      .entry-review-row,
      .detail-command-row,
      .detail-more > summary,
      .detail-followup-compose > summary { border-color:#d8dee5; }
      .record-card-due > div + div { border-left-color:#d8dee5; }
      .record-card-due span,
      .mobile-ledger-field span,
      .mobile-ledger-submitter,
      .detail-summary-item span,
      .detail-summary-note span,
      .entry-review-row span,
      .settlement-fact span { color:#667085; }
      .record-card-due strong,
      .record-card-contact strong,
      .mobile-ledger-field strong,
      .mobile-ledger-submitter strong,
      .detail-summary-item strong,
      .detail-summary-note strong,
      .entry-review-row strong,
      .settlement-fact strong { color:#17212b; }
      .record-card-contact .contact-role,
      .mobile-ledger-contact-label { color:#475467; }

      .mobile-home-section-title span,
      .mobile-home-heading span,
      .mobile-recent-side time,
      .mobile-priority-side em,
      .my-legal-footer { color:#667085; }
      .home-metrics .metric,
      .mobile-recent-business,
      .mobile-home-priority,
      .mobile-recent-item,
      .mobile-priority-item { border-color:#cfd8df; background:#fff; }
      .home-metrics .metric em,
      .mobile-recent-main > span,
      .mobile-priority-main > span { color:#475467; }

      .mobile-form label,
      .mobile-form .section-title,
      .mobile-form .source-section-title,
      .mobile-form details > summary { color:#344054; }
      .mobile-form input,
      .mobile-form select,
      .mobile-form textarea { border-color:#cbd5dc; background:#fff; color:#101828; }
      .mobile-form input::placeholder,
      .mobile-form textarea::placeholder { color:#667085; opacity:1; }
      .mobile-form .doc-photo-row,
      .mobile-form .appointment-schedule-card,
      .mobile-form .origin-route-field,
      .mobile-form .history-hint,
      .mobile-form .attract-link-panel,
      .mobile-form .trailer-link-card { border-color:#cfd8df; background:#fff; }

      .detail-section-title,
      .detail-command-copy strong,
      .detail-followup-compose > summary,
      .detail-more > summary,
      .personal-task strong,
      .my-workflow-title,
      .my-sent-workflow-title,
      .my-commission-head strong { color:#17212b; }
      .detail-command-copy span,
      .detail-action-hint span,
      .personal-profile span,
      .personal-kpi span,
      .driver-workbench-profile-copy span,
      .driver-workbench-profile-state span,
      .driver-workbench-toolbar span { color:#475467; }

      .my-center-content > .actions,
      .my-center-content > .actions .btn,
      .mobile-bottom-nav { border-color:#d8dee5; background:#fff; }
      .my-center-content > .actions::before { color:#475467; }
      .mobile-bottom-nav button { color:#667085; }
      .mobile-bottom-nav button.active,
      .mobile-bottom-nav button.nav-create.active { background:#edf6f4; color:#08766c; }
    }
.order-flow-progress{display:grid;gap:5px;margin-top:8px;padding:8px 10px;border:1px solid #e1e8f0;border-radius:8px;background:#f8fafc;color:#667085;font-size:11px;line-height:1.35}.order-flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.order-flow-step{display:flex;min-width:0;align-items:center;gap:4px;color:#98a2b3;white-space:nowrap}.order-flow-step i{display:inline-flex;width:17px;height:17px;flex:0 0 17px;align-items:center;justify-content:center;border:1px solid #d7dee7;border-radius:50%;background:#fff;color:#98a2b3;font-size:10px;font-style:normal}.order-flow-step.done{color:#087443}.order-flow-step.done i{border-color:#9fd4b8;background:#edf9f3;color:#087443}.order-flow-step.current{color:#1556a8;font-weight:600}.order-flow-step.current i{border-color:#8db8ed;background:#eaf3ff;color:#1556a8}.order-flow-next{color:#475467;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-flow-progress.terminal{border-color:#d5eadc;background:#f5fbf7}.order-flow-progress.compact{margin-top:5px;padding:5px 6px;font-size:10px}.order-flow-progress.compact .order-flow-steps{gap:2px}.order-flow-progress.compact .order-flow-step{gap:2px}.order-flow-progress.compact .order-flow-step i{width:14px;height:14px;flex-basis:14px;font-size:9px}@media(max-width:760px){.order-flow-progress{margin-top:7px;padding:7px 8px}.order-flow-step{font-size:10px}.order-flow-step i{width:15px;height:15px;flex-basis:15px}.order-flow-next{font-size:11px}}