:root{--bg:#f4f5f8;--surface:#fff;--soft:#f8f8fb;--soft-2:#f0f1f6;--line:#e5e7ee;--line-strong:#d6d8e2;--text:#20222a;--muted:#7b7f8d;--purple:#6448ff;--purple-2:#7f67ff;--purple-soft:#eeeaff;--green:#28a879;--orange:#ee9a2c;--red:#e35a69;--radius:8px;--shadow:0 8px 28px rgba(36,31,67,.07);--font:"Microsoft YaHei","PingFang SC","Noto Sans SC",Arial,sans-serif}
*{box-sizing:border-box;letter-spacing:0}html{min-width:320px;background:var(--bg)}body{margin:0;color:var(--text);font-family:var(--font);background:var(--bg)}button,input,textarea{font:inherit;letter-spacing:0}button{color:inherit}img{max-width:100%}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(100,72,255,.32);outline-offset:2px}
body:not(.is-auth-page) .auth-page{display:none!important}body:not(.is-auth-page) .page-shell{display:grid!important}body:not(.is-auth-page) .shared-quote-page{display:none!important}body.is-auth-page .page-shell{display:none!important}body.is-auth-page .shared-quote-page{display:none!important}body.is-shared-quote-page .auth-page,body.is-shared-quote-page .page-shell{display:none!important}body.is-shared-quote-page .shared-quote-page{display:grid!important}
.page-shell{width:min(1540px,calc(100% - 28px))!important;min-height:calc(100vh - 28px)!important;display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;grid-template-rows:1fr!important;margin:14px auto!important;padding:0!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;background:var(--surface)!important;box-shadow:var(--shadow)!important;overflow:hidden!important}
.topbar{grid-column:1!important;grid-row:1!important;min-width:0!important;min-height:calc(100vh - 28px)!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;margin:0!important;padding:20px 14px!important;border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
.brand-pill{height:54px!important;display:flex!important;align-items:center!important;padding:6px 8px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:#fff!important;overflow:hidden!important}.brand-pill img{width:150px!important;height:40px!important;object-fit:contain!important;object-position:left center!important}.brand-pill span{display:none!important}.sidebar-section-label{margin:24px 10px 9px!important;color:#a1a4af!important;font-size:10px!important;font-weight:850!important;text-transform:uppercase!important}.app-nav{display:flex!important;flex-direction:column!important;gap:5px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}.app-nav-button{width:100%!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;padding:7px 10px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#5f6370!important;font-size:13px!important;font-weight:800!important;text-align:left!important;cursor:pointer!important;transition:background .16s ease,color .16s ease,transform .16s ease!important}.app-nav-button img{width:28px!important;height:28px!important;flex:0 0 28px!important;object-fit:contain!important}.app-nav-button:hover{background:var(--soft)!important;color:var(--text)!important;transform:translateX(2px)!important}.app-nav-button.is-active{background:var(--purple-soft)!important;color:var(--purple)!important;box-shadow:inset 3px 0 0 var(--purple)!important}.sidebar-mark{width:52px!important;height:52px!important;display:grid!important;place-items:center!important;margin:auto auto 0!important;border-radius:8px!important;background:var(--purple-soft)!important}.sidebar-mark img{width:36px!important;height:36px!important;object-fit:contain!important}
.app-frame{grid-column:2!important;grid-row:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;background:var(--bg)!important}.dashboard-header{min-height:76px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:12px 20px!important;border-bottom:1px solid var(--line)!important;background:#fff!important}.dashboard-heading span{display:block!important;margin-bottom:3px!important;color:#989ba7!important;font-size:9px!important;font-weight:850!important}.dashboard-heading h1{margin:0!important;color:var(--text)!important;font-size:22px!important;line-height:1.2!important;font-weight:900!important}.topbar-actions{height:48px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important}.rate-card,.user-chip{min-height:44px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:6px 10px!important;border:1px solid var(--line)!important;border-radius:7px!important;background:#fff!important;color:var(--text)!important;box-shadow:none!important;cursor:pointer!important}.rate-card img,.user-chip img{width:30px!important;height:30px!important;flex:0 0 30px!important;object-fit:contain!important}.rate-card span{display:flex!important;flex-direction:column!important;align-items:flex-start!important}.rate-card small{display:block!important;color:var(--muted)!important;font-size:9px!important;font-weight:700!important}.rate-card strong{color:var(--text)!important;font-size:15px!important;line-height:1.25!important;font-weight:900!important;white-space:nowrap!important}.rate-card em{padding:3px 6px!important;border-radius:4px!important;background:var(--purple-soft)!important;color:var(--purple)!important;font-size:9px!important;font-style:normal!important;font-weight:800!important;white-space:nowrap!important}.user-chip{min-width:88px!important;justify-content:center!important}.user-chip span{max-width:92px!important;overflow:hidden!important;color:var(--text)!important;font-size:12px!important;font-weight:850!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.workspace{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(400px,.85fr)!important;gap:14px!important;align-items:start!important;padding:18px!important;background:var(--bg)!important}.panel,.calculator-panel,.results-panel,.preset-panel,.quote-sheet-panel,.bottom-strip{min-width:0!important;margin:0!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;background:#fff!important;box-shadow:0 2px 10px rgba(40,37,72,.035)!important;overflow:hidden!important}.calculator-panel{grid-column:1!important;grid-row:auto!important;order:1!important}.results-panel{grid-column:2!important;grid-row:auto!important;order:1!important}.quote-sheet-panel{grid-column:1/-1!important;grid-row:auto!important;order:2!important}.box-panel{grid-column:1!important;grid-row:auto!important;order:2!important}.price-panel{grid-column:2!important;grid-row:auto!important;order:2!important}.bottom-strip{grid-column:1/-1!important;grid-row:auto!important;order:3!important}
.formula-note{min-height:54px!important;display:flex!important;align-items:center!important;gap:11px!important;margin:0!important;padding:11px 14px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.18)!important;border-radius:0!important;background:linear-gradient(105deg,var(--purple),var(--purple-2))!important;color:#fff!important;font-size:11px!important;font-weight:750!important}.note-dot{width:26px!important;height:26px!important;flex:0 0 26px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.46)!important;border-radius:50%!important;background:rgba(255,255,255,.16)!important;color:#fff!important;font-weight:900!important}
.input-grid,.quote-input-grid,.target-input-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important}.field{min-width:0!important;min-height:94px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:8px!important;margin:0!important;padding:13px 15px!important;border:0!important;border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:#fff!important;color:var(--text)!important}.input-grid>.field:nth-child(2n){border-right:0!important}.field>span,.quote-freight-head>span{color:#4c505d!important;font-size:11px!important;line-height:1.35!important;font-weight:850!important}.field small,.quote-freight-head small{margin-left:3px!important;color:#9a9da8!important;font-size:9px!important;font-weight:750!important}.field input,.field textarea,.quote-search input,.modal-field input{width:100%!important;min-width:0!important;height:36px!important;padding:6px 9px!important;border:1px solid var(--line-strong)!important;border-radius:6px!important;background:var(--soft)!important;color:var(--text)!important;box-shadow:none!important;font-size:13px!important;font-weight:750!important;transition:border-color .16s ease,background .16s ease!important}.field textarea{height:48px!important;min-height:48px!important;resize:vertical!important;line-height:1.4!important}.field input::placeholder,.field textarea::placeholder,.quote-search input::placeholder,.auth-field input::placeholder{color:#a9acb5!important;opacity:1!important}.field input:focus,.field textarea:focus,.quote-search input:focus,.modal-field input:focus{outline:0!important;border-color:var(--purple)!important;background:#fff!important}.quote-remark-field{grid-column:1/-1!important;min-height:88px!important}.quote-freight-head{min-height:30px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
.quote-ddp-switch{min-width:112px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;padding:3px 7px!important;border:1px solid var(--line-strong)!important;border-radius:16px!important;background:var(--soft-2)!important;color:#656977!important;box-shadow:none!important;cursor:pointer!important}.quote-ddp-switch strong{min-width:42px!important;font-size:10px!important;font-weight:850!important;text-align:center!important}.quote-ddp-switch.is-active{border-color:var(--purple)!important;background:var(--purple-soft)!important;color:var(--purple)!important}.switch-track{width:38px!important;height:20px!important;display:flex!important;align-items:center!important;padding:2px!important;border:0!important;border-radius:10px!important;background:#d6d8e0!important}.switch-thumb{width:16px!important;height:16px!important;border:0!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.2)!important;transform:translateX(0)!important;transition:transform .18s ease!important}.quote-ddp-switch.is-active .switch-track{background:var(--purple)!important}.quote-ddp-switch.is-active .switch-thumb{transform:translateX(18px)!important}
.mode-switch{min-height:52px!important;display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:5px!important;margin:0!important;padding:7px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:var(--soft)!important}.mode-button{min-width:0!important;min-height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;color:#767a88!important;font-size:11px!important;font-weight:850!important;cursor:pointer!important}.mode-button img{width:25px!important;height:25px!important;object-fit:contain!important}.mode-button.is-active{border-color:#dcd7ff!important;background:#fff!important;color:var(--purple)!important;box-shadow:0 2px 8px rgba(100,72,255,.08)!important}
.form-actions,.target-actions{display:grid!important;grid-template-columns:minmax(160px,1.35fr) repeat(2,minmax(100px,.72fr))!important;gap:8px!important;margin:0!important;padding:11px!important;border-top:1px solid var(--line)!important;background:var(--soft)!important}.target-actions,.calculator-panel[data-app-panel="freight"] .form-actions{grid-template-columns:minmax(160px,1.35fr) minmax(100px,.72fr)!important}.primary-action,.secondary-action,.mini-action,.code-button,.auth-submit,.forgot-password-button{min-height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:7px 12px!important;border:1px solid var(--line-strong)!important;border-radius:6px!important;font-size:11px!important;font-weight:850!important;cursor:pointer!important;transition:transform .14s ease,box-shadow .14s ease,background .14s ease!important}.primary-action{border-color:var(--purple)!important;background:var(--purple)!important;color:#fff!important;box-shadow:0 5px 14px rgba(100,72,255,.2)!important}.secondary-action,.code-button{background:#fff!important;color:#606471!important}.primary-action:hover{background:#5539ec!important;transform:translateY(-1px)!important}.secondary-action:hover,.mini-action:hover{border-color:#bbb4ff!important;background:var(--purple-soft)!important;color:var(--purple)!important}.primary-action img{width:26px!important;height:26px!important;object-fit:contain!important;filter:brightness(0) invert(1)!important}.mini-action{min-height:34px!important;padding:5px 10px!important;border-color:#dcd7ff!important;background:var(--purple-soft)!important;color:var(--purple)!important;font-size:10px!important}.mini-action.danger{border-color:#ffd4da!important;background:#fff1f3!important;color:var(--red)!important}

.panel-heading,.preset-heading,.quote-sheet-heading{min-height:56px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:10px 13px!important;border:0!important;border-bottom:1px solid var(--line)!important;background:#fff!important}.panel-heading>div,.preset-heading>div,.quote-sheet-heading>div{display:flex!important;align-items:center!important;gap:8px!important}.panel-heading h2,.preset-heading h2,.quote-sheet-heading h2{margin:0!important;color:var(--text)!important;font-size:14px!important;line-height:1.25!important;font-weight:900!important}.heading-icon,.preset-heading img,.quote-sheet-heading img{width:32px!important;height:32px!important;flex:0 0 32px!important;display:grid!important;place-items:center!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}.heading-icon img{width:32px!important;height:32px!important;object-fit:contain!important}
.result-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0!important;padding:12px!important;background:var(--soft)!important}.result-row{min-width:0!important;min-height:130px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:auto 1fr!important;align-items:start!important;gap:6px 8px!important;margin:0!important;padding:13px!important;border:1px solid var(--line)!important;border-radius:7px!important;background:#fff!important}.result-row:first-child{grid-column:1/-1!important;min-height:152px!important;border-color:#dcd7ff!important;background:linear-gradient(135deg,#fff,var(--purple-soft))!important}.result-row>img{grid-column:1!important;grid-row:1!important;width:32px!important;height:32px!important;object-fit:contain!important}.result-row>div{grid-column:2!important;grid-row:1!important;min-width:0!important}.result-row strong{display:block!important;color:#4f5360!important;font-size:11px!important;font-weight:850!important}.result-row small{display:block!important;margin-top:3px!important;color:#999ca8!important;font-size:8px!important;line-height:1.35!important}.result-row p{grid-column:1/-1!important;grid-row:2!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;gap:5px!important;margin:0!important;text-align:left!important}.result-row p span,.result-row p em{display:block!important;white-space:nowrap!important;font-style:normal!important}.result-row p span{max-width:100%!important;color:var(--text)!important;font-size:20px!important;line-height:1.08!important;font-weight:900!important}.result-row p em{max-width:100%!important;color:var(--purple)!important;font-size:16px!important;line-height:1.1!important;font-weight:850!important}.result-row:first-child p span{font-size:32px!important}.result-row:first-child p em{font-size:18px!important}
.target-hero-result{min-height:210px!important;display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;margin:0!important;padding:20px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:linear-gradient(135deg,var(--purple),var(--purple-2))!important;color:#fff!important}.target-hero-result img{width:50px!important;height:50px!important;object-fit:contain!important;filter:brightness(0) invert(1)!important}.target-hero-result small{display:block!important;color:rgba(255,255,255,.76)!important;font-size:11px!important;font-weight:800!important}.target-hero-result strong{display:block!important;margin:5px 0!important;color:#fff!important;font-size:58px!important;line-height:1!important;font-weight:950!important}.target-hero-result span{display:block!important;color:rgba(255,255,255,.82)!important;font-size:10px!important;font-weight:700!important}.target-hero-result.is-danger{background:linear-gradient(135deg,#e64f61,#f27b88)!important}.target-hero-result.is-warning{background:linear-gradient(135deg,#e59528,#f1b251)!important}.target-hero-result.is-ok{background:linear-gradient(135deg,#23956d,#38b889)!important}.target-result-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.target-result-list .result-row:first-child{grid-column:auto!important;min-height:130px!important;background:#fff!important}
.quote-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;margin:0!important;padding:11px 13px!important;border-bottom:1px solid var(--line)!important;background:var(--soft)!important}.quote-search{min-height:40px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:4px 9px!important;border:1px solid var(--line-strong)!important;border-radius:6px!important;background:#fff!important}.quote-search img{width:27px!important;height:27px!important;flex:0 0 27px!important;object-fit:contain!important}.quote-search input{height:31px!important;padding:4px!important;border:0!important;background:#fff!important}.quote-list{min-height:180px!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:11px!important;margin:0!important;padding:13px!important;background:#fff!important}
.quote-card,.preset-card,.empty-preset{position:relative!important;overflow:hidden!important;border:1px solid var(--line)!important;border-radius:7px!important;color:var(--text)!important;box-shadow:none!important}.quote-card{height:252px!important;min-height:252px!important;padding:14px 14px 52px!important;background:#fff!important}.quote-card:before{content:""!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:4px!important;background:var(--purple)!important}.quote-card:after{display:none!important}.quote-card-head{display:flex!important;align-items:center!important;gap:9px!important;padding:0 34px 0 4px!important}.quote-card-head img{width:34px!important;height:34px!important;flex:0 0 34px!important;object-fit:contain!important}.quote-card h3{margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--text)!important;font-size:14px!important;font-weight:900!important}.quote-card-head p{margin:2px 0 0!important;color:var(--muted)!important;font-size:9px!important}.quote-card-meta{display:flex!important;justify-content:space-between!important;gap:6px!important;margin-top:11px!important;padding:6px 8px!important;border-radius:5px!important;background:var(--soft)!important;color:var(--muted)!important;font-size:9px!important}.quote-card-grid{display:grid!important;grid-template-columns:1fr auto!important;gap:7px 10px!important;margin-top:10px!important;padding:10px!important;border:0!important;border-radius:6px!important;background:#292a32!important}.quote-card-grid span{font-size:10px!important;color:#cfd1da!important}.quote-card-grid strong{color:#fff!important;font-size:12px!important;font-weight:900!important;text-align:right!important}.quote-card-grid strong:last-child{color:#b9acff!important}.quote-card-foot,.quote-card-remark{margin:8px 0 0 4px!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;color:var(--muted)!important;font-size:9px!important;line-height:1.35!important}.quote-card-remark span{margin-right:5px!important;color:var(--text)!important;font-weight:850!important}.quote-select{position:absolute!important;top:12px!important;right:11px!important;width:22px!important;height:22px!important;display:grid!important;place-items:center!important}.quote-select input{width:15px!important;height:15px!important;accent-color:var(--purple)!important}
.quote-share,.quote-card .edit-button,.quote-card .delete-button,.preset-card .edit-button,.preset-card .delete-button{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;padding:3px!important;border:0!important;border-radius:5px!important;background:transparent!important;box-shadow:none!important;cursor:pointer!important}.quote-share:hover,.quote-card .edit-button:hover,.quote-card .delete-button:hover,.preset-card .edit-button:hover,.preset-card .delete-button:hover{background:var(--purple-soft)!important}.quote-share img,.quote-card .edit-button img,.quote-card .delete-button img,.preset-card .edit-button img,.preset-card .delete-button img{width:26px!important;height:26px!important;object-fit:contain!important}.quote-card .quote-share{position:absolute!important;right:78px!important;bottom:11px!important}.quote-card .quote-edit{position:absolute!important;right:44px!important;bottom:11px!important}.quote-card .quote-delete{position:absolute!important;right:10px!important;bottom:11px!important}
.preset-heading{background:#fff!important}.preset-list{min-height:154px!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:10px!important;margin:0!important;padding:12px!important;background:var(--soft)!important}.preset-card{height:132px!important;min-height:132px!important;padding:15px 72px 14px 14px!important;background:#fff!important;cursor:pointer!important}.preset-card:after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:4px!important;background:var(--purple)!important}.price-panel .preset-card:after{background:#9b87ff!important}.preset-card.is-selected{border-color:var(--purple)!important;box-shadow:0 0 0 2px rgba(100,72,255,.12)!important}.preset-card h3{margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--text)!important;font-size:13px!important;font-weight:900!important}.preset-card p{margin:8px 0 0!important;color:var(--muted)!important;font-size:11px!important;line-height:1.45!important;font-weight:750!important}.preset-card .preset-visual{position:absolute!important;right:13px!important;bottom:13px!important;width:42px!important;height:42px!important;object-fit:contain!important}.preset-card .delete-button{position:absolute!important;top:8px!important;right:7px!important}.preset-card .edit-button{position:absolute!important;top:8px!important;right:39px!important}.empty-preset{min-height:132px!important;display:grid!important;place-items:center!important;gap:7px!important;padding:18px!important;background:#fff!important;text-align:center!important}.empty-preset img{width:42px!important;height:42px!important;object-fit:contain!important}.empty-preset p{margin:0!important;color:var(--muted)!important;font-size:10px!important;font-weight:800!important}
.bottom-strip{min-height:48px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:9px 12px!important;background:#fff!important;color:var(--muted)!important;box-shadow:none!important}.calc-hint,.bookmark-hint{display:flex!important;align-items:center!important;gap:7px!important;color:var(--muted)!important;font-size:9px!important;line-height:1.4!important}.calc-hint img,.bookmark-hint img{width:25px!important;height:25px!important;flex:0 0 25px!important;object-fit:contain!important}.bookmark-hint{white-space:nowrap!important}

.preset-modal,.share-modal{position:fixed!important;inset:0!important;z-index:1000!important;display:grid!important;place-items:center!important;padding:20px!important;background:rgba(28,28,38,.48)!important;backdrop-filter:blur(4px)!important}.modal-card{position:relative!important;width:min(450px,100%)!important;max-height:calc(100vh - 40px)!important;overflow:auto!important;padding:22px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:#fff!important;box-shadow:0 24px 70px rgba(20,18,48,.24)!important}.modal-card h2{margin:0 42px 17px 0!important;color:var(--text)!important;font-size:19px!important;font-weight:900!important}.modal-close{position:absolute!important;top:12px!important;right:12px!important;width:34px!important;height:34px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid var(--line)!important;border-radius:50%!important;background:#fff!important;color:#686c79!important;font-size:20px!important;font-weight:800!important;cursor:pointer!important}.modal-close:hover{border-color:#c9c2ff!important;background:var(--purple-soft)!important;color:var(--purple)!important}.modal-field{display:flex!important;flex-direction:column!important;gap:6px!important;margin:0 0 13px!important;color:#5c606d!important;font-size:10px!important;font-weight:850!important}
.share-modal{place-items:center!important;padding:24px!important}.share-modal-card{position:relative!important;width:min(760px,calc(100vw - 48px))!important;max-height:calc(100vh - 48px)!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.share-modal-card>h2{display:none!important}.share-modal-layout{display:grid!important;grid-template-columns:minmax(0,600px) 50px!important;align-items:end!important;justify-content:center!important;gap:8px!important}.quote-image-frame{max-height:calc(100vh - 62px)!important;display:grid!important;place-items:center!important;padding:0!important;border:0!important;background:transparent!important;overflow:auto!important}.quote-image-frame img{display:block!important;width:auto!important;max-width:100%!important;max-height:calc(100vh - 64px)!important;border:0!important;border-radius:8px!important;box-shadow:0 20px 65px rgba(20,18,48,.28)!important}.share-tool-rail{display:flex!important;flex-direction:column!important;gap:7px!important;margin:0 0 2px!important}.share-tool-button{width:48px!important;height:48px!important;display:grid!important;place-items:center!important;padding:5px!important;border:1px solid var(--line)!important;border-radius:7px!important;background:#fff!important;cursor:pointer!important}.share-tool-button.is-active{border-color:var(--purple)!important;background:var(--purple-soft)!important}.share-tool-button img{width:36px!important;height:36px!important;object-fit:contain!important}.share-modal-card .modal-close{top:-4px!important;right:-44px!important}
.auth-page{min-height:100vh!important;display:grid!important;place-items:center!important;padding:26px!important;background:#f2f3f7!important}.auth-shell{width:min(1040px,100%)!important;min-height:650px!important;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr)!important;border:1px solid var(--line)!important;border-radius:8px!important;background:#fff!important;box-shadow:0 24px 80px rgba(35,31,71,.13)!important;overflow:hidden!important}.auth-visual{min-height:650px!important;display:grid!important;place-items:center!important;padding:42px!important;border:0!important;background:linear-gradient(145deg,#6448ff,#8068ff)!important}.auth-brand-scene{width:min(470px,100%)!important;min-height:500px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:52px!important;padding:32px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:8px!important;background:rgba(255,255,255,.08)!important;box-shadow:none!important;overflow:hidden!important}.auth-visual-logo{width:min(360px,88%)!important;height:auto!important;object-fit:contain!important;filter:brightness(0) invert(1)!important}.auth-preview-grid{width:min(360px,100%)!important;height:220px!important;display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:72px 1fr!important;gap:10px!important}.auth-preview-grid span{display:block!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:7px!important;background:rgba(255,255,255,.14)!important}.auth-preview-grid span:nth-child(1){grid-column:1/-1!important}.auth-preview-grid span:nth-child(2){grid-row:2!important}.auth-preview-grid span:nth-child(3){grid-row:2!important}.auth-preview-grid span:nth-child(4),.auth-preview-grid span:nth-child(5){display:none!important}.auth-panel{min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:11px!important;padding:36px!important;background:#fff!important;overflow:auto!important}.auth-panel-head{display:flex!important;align-items:center!important;gap:11px!important;padding-bottom:13px!important;border-bottom:1px solid var(--line)!important}.auth-panel-head img{width:42px!important;height:42px!important;flex:0 0 42px!important;object-fit:contain!important}.auth-panel-head strong{display:block!important;color:var(--text)!important;font-size:21px!important;font-weight:900!important}.auth-panel-head span{display:block!important;margin-top:3px!important;color:var(--muted)!important;font-size:9px!important;line-height:1.4!important}.auth-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;padding:4px!important;border:0!important;border-radius:7px!important;background:var(--soft-2)!important}.auth-tabs button{min-height:36px!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#747886!important;font-size:11px!important;font-weight:850!important;cursor:pointer!important}.auth-tabs button.is-active,body.is-auth-page .auth-tabs button.is-active{background:#fff!important;color:var(--purple)!important;box-shadow:0 2px 7px rgba(31,29,68,.08)!important}.auth-field{min-height:52px!important;display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;padding:6px 9px!important;border:1px solid var(--line-strong)!important;border-radius:6px!important;background:#fff!important}.auth-field:focus-within{border-color:var(--purple)!important}.auth-field img{width:32px!important;height:32px!important;flex:0 0 32px!important;object-fit:contain!important}.auth-field input{width:100%!important;min-width:0!important;height:36px!important;padding:5px 0!important;border:0!important;background:transparent!important;color:var(--text)!important;font-size:12px!important;font-weight:750!important;outline:0!important}.remember-row{display:flex!important;align-items:center!important;gap:6px!important;color:var(--muted)!important;font-size:10px!important;font-weight:750!important}.remember-row input{accent-color:var(--purple)!important}.auth-submit{width:100%!important;border-color:var(--purple)!important;background:var(--purple)!important;color:#fff!important;box-shadow:0 6px 16px rgba(100,72,255,.18)!important}.forgot-password-button{min-height:28px!important;align-self:center!important;padding:2px 8px!important;border:0!important;background:transparent!important;color:var(--purple)!important;font-size:9px!important;text-decoration:none!important}.auth-copy{margin:0!important;padding:9px 11px!important;border-radius:6px!important;background:var(--purple-soft)!important;color:#6d5cc9!important;font-size:9px!important;line-height:1.45!important;font-weight:700!important}
.shared-quote-page{min-height:100vh!important;place-items:center!important;padding:24px!important;background:var(--bg)!important}.shared-quote-card{width:min(720px,100%)!important;padding:22px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:#fff!important;box-shadow:var(--shadow)!important;text-align:center!important}.shared-quote-card h1{margin:0 0 8px!important;color:var(--text)!important}.shared-quote-image{display:block!important;width:100%!important;margin:16px auto!important;border:0!important;border-radius:8px!important}.shared-quote-download{width:100%!important;text-decoration:none!important}.toast{position:fixed!important;left:50%!important;bottom:24px!important;z-index:2000!important;transform:translateX(-50%)!important;max-width:min(500px,calc(100% - 28px))!important;padding:10px 16px!important;border:0!important;border-radius:7px!important;background:#282932!important;color:#fff!important;box-shadow:0 14px 35px rgba(0,0,0,.18)!important;font-size:11px!important;font-weight:800!important}
@keyframes panelIn{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.panel:not(.is-hidden){animation:panelIn .24s ease-out}.primary-action img,.app-nav-button img,.result-row>img{transition:transform .18s ease!important}.primary-action:hover img{transform:scale(1.06)!important}
@media(max-width:1100px){.page-shell{width:calc(100% - 20px)!important;margin:10px auto!important;grid-template-columns:190px minmax(0,1fr)!important}.workspace{grid-template-columns:1fr!important}.calculator-panel,.results-panel,.quote-sheet-panel,.box-panel,.price-panel,.bottom-strip{grid-column:1!important}.results-panel{display:grid!important;grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr)!important}.results-panel .panel-heading{grid-column:1/-1!important}.results-panel .result-list{grid-column:1/-1!important}.target-results-panel .target-hero-result{grid-column:1!important}.target-results-panel .target-result-list{grid-column:2!important}.topbar{min-height:calc(100vh - 20px)!important}}
@media(max-width:760px){.page-shell{width:100%!important;min-height:100vh!important;display:block!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}.topbar{min-height:auto!important;display:block!important;padding:10px!important;border:0!important;border-bottom:1px solid var(--line)!important}.brand-pill{height:45px!important;padding:2px 4px!important;border-bottom:0!important}.brand-pill img{width:130px!important;height:38px!important}.sidebar-section-label,.sidebar-mark{display:none!important}.app-nav{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:4px!important;margin-top:7px!important;padding:4px!important;border-radius:7px!important;background:var(--soft-2)!important}.app-nav-button{min-height:38px!important;justify-content:center!important;gap:4px!important;padding:5px!important;font-size:10px!important}.app-nav-button img{width:23px!important;height:23px!important;flex-basis:23px!important}.app-nav-button.is-active{background:#fff!important;box-shadow:0 2px 7px rgba(31,29,68,.07)!important}.app-frame{display:block!important}.dashboard-header{min-height:62px!important;padding:9px 11px!important}.dashboard-heading span{display:none!important}.dashboard-heading h1{font-size:18px!important}.topbar-actions{height:42px!important;gap:6px!important}.rate-card,.user-chip{min-height:40px!important;height:40px!important;padding:4px 6px!important}.rate-card img,.user-chip img{width:27px!important;height:27px!important;flex-basis:27px!important}.rate-card small,.rate-card em,.user-chip span{display:none!important}.rate-card strong{font-size:12px!important}.user-chip{min-width:40px!important}.workspace{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding:9px!important}.panel,.calculator-panel,.results-panel,.preset-panel,.quote-sheet-panel,.bottom-strip{border-radius:7px!important;box-shadow:none!important}.input-grid,.quote-input-grid,.target-input-grid{grid-template-columns:1fr!important}.field,.input-grid>.field:nth-child(2n){min-height:78px!important;padding:10px 12px!important;border-right:0!important}.quote-remark-field{min-height:82px!important}.form-actions,.target-actions,.calculator-panel[data-app-panel="freight"] .form-actions{grid-template-columns:1fr 1fr!important;gap:7px!important;padding:9px!important}.quote-actions .primary-action{grid-column:1/-1!important}.primary-action,.secondary-action{min-height:39px!important}.panel-heading,.preset-heading,.quote-sheet-heading{min-height:51px!important;padding:8px 10px!important}.panel-heading h2,.preset-heading h2,.quote-sheet-heading h2{font-size:13px!important}.heading-icon,.preset-heading img,.quote-sheet-heading img,.heading-icon img{width:29px!important;height:29px!important;flex-basis:29px!important}.results-panel{display:block!important}.result-list,.target-result-list{grid-template-columns:1fr 1fr!important;gap:7px!important;padding:9px!important}.result-row{min-height:116px!important;padding:11px!important}.result-row:first-child{min-height:134px!important}.result-row p span{font-size:18px!important}.result-row p em{font-size:13px!important}.result-row:first-child p span{font-size:26px!important}.target-hero-result{min-height:170px!important;grid-template-columns:44px minmax(0,1fr)!important;padding:16px!important}.target-hero-result img{width:42px!important;height:42px!important}.target-hero-result strong{font-size:44px!important}.quote-toolbar{grid-template-columns:1fr!important;padding:9px!important}.quote-list,.preset-list{grid-template-columns:1fr!important;gap:8px!important;padding:9px!important}.quote-card{height:248px!important;min-height:248px!important}.preset-card{height:126px!important;min-height:126px!important}.bottom-strip{align-items:flex-start!important;flex-direction:column!important;gap:7px!important;padding:10px!important}.calc-hint,.bookmark-hint{width:100%!important;white-space:normal!important}.auth-page{padding:0!important;place-items:stretch!important}.auth-shell{width:100%!important;min-height:100vh!important;display:block!important;border:0!important;border-radius:0!important;box-shadow:none!important}.auth-visual{min-height:170px!important;height:170px!important;padding:18px!important}.auth-brand-scene{min-height:134px!important;height:134px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;padding:18px!important}.auth-visual-logo{width:100%!important}.auth-preview-grid{height:88px!important;gap:5px!important}.auth-panel{min-height:calc(100vh - 170px)!important;justify-content:flex-start!important;padding:24px 18px!important}.share-modal{padding:48px 7px 7px!important}.share-modal-card{width:100%!important;max-height:calc(100vh - 54px)!important}.share-modal-layout{grid-template-columns:minmax(0,1fr) 46px!important;gap:5px!important}.share-tool-button{width:44px!important;height:44px!important}.share-tool-button img{width:33px!important;height:33px!important}.share-modal-card .modal-close{top:-41px!important;right:0!important}.modal-card{padding:19px 15px!important}}
@media(max-width:420px){.app-nav-button span{font-size:9px!important}.dashboard-heading h1{font-size:16px!important}.rate-card span{display:none!important}.result-list,.target-result-list{grid-template-columns:1fr!important}.result-row:first-child{grid-column:1!important}.target-result-list .result-row:first-child{grid-column:1!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body:not(.is-auth-page) .calculator-panel,
body:not(.is-auth-page) .results-panel,
body:not(.is-auth-page) .preset-panel,
body:not(.is-auth-page) .quote-sheet-panel{border:1px solid var(--line)!important;outline:0!important}
body:not(.is-auth-page) .form-actions .primary-action{border-color:var(--purple)!important;background:var(--purple)!important;color:#fff!important}
body.is-auth-page .auth-visual{border-right:0!important}
body.is-auth-page .auth-panel{border-left:0!important}
body.is-auth-page .auth-field{height:52px!important;min-height:52px!important;flex-direction:row!important;justify-content:flex-start!important;padding:6px 9px!important;border:1px solid var(--line-strong)!important;border-radius:6px!important}
body.is-auth-page .auth-field:focus-within{border-color:var(--purple)!important}
body.is-auth-page .auth-field img{margin:0!important}
body:not(.is-auth-page) .page-shell{align-items:start!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
body:not(.is-auth-page) .topbar{min-height:0!important;height:auto!important;align-self:start!important;padding:16px 14px 18px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:#fff!important;box-shadow:0 2px 10px rgba(40,37,72,.035)!important}
body:not(.is-auth-page) .brand-pill{height:52px!important;margin-bottom:14px!important;border-bottom:1px solid var(--line)!important}
body:not(.is-auth-page) .dashboard-header{min-height:60px!important;justify-content:flex-end!important;padding:8px 20px!important;border:1px solid var(--line)!important;border-radius:8px 8px 0 0!important}
body:not(.is-auth-page) .form-actions,
body:not(.is-auth-page) .target-actions{border:0!important;border-top:1px solid var(--line)!important}
body:not(.is-auth-page) .result-list,
body:not(.is-auth-page) .preset-list,
body:not(.is-auth-page) .quote-list{border:0!important}
body:not(.is-auth-page) .quote-toolbar{border:0!important;border-bottom:1px solid var(--line)!important}
@media(max-width:760px){body:not(.is-auth-page) .page-shell{width:100%!important;min-height:100vh!important;display:block!important;margin:0!important;background:var(--bg)!important}body:not(.is-auth-page) .topbar{width:100%!important;padding:10px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important}body:not(.is-auth-page) .brand-pill{margin-bottom:0!important;border-bottom:0!important}body:not(.is-auth-page) .app-frame{width:100%!important;display:block!important}body:not(.is-auth-page) .dashboard-header{width:100%!important;min-height:58px!important;height:58px!important;padding:8px 10px!important;border-left:0!important;border-right:0!important;border-radius:0!important}body:not(.is-auth-page) .topbar-actions{width:auto!important;height:42px!important;min-height:0!important;max-height:42px!important;margin:0!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important}body:not(.is-auth-page) .rate-card,body:not(.is-auth-page) .user-chip{width:auto!important;min-height:40px!important;height:40px!important;flex-direction:row!important}body:not(.is-auth-page) .rate-card{order:2!important}body:not(.is-auth-page) .user-chip{order:1!important}}.is-hidden{display:none!important}

/* v79: move account status into the sidebar and keep form focus local */
body:not(.is-auth-page) .topbar{
  min-height:calc(100vh - 28px)!important;
  height:calc(100vh - 28px)!important;
  position:sticky!important;
  top:14px!important;
}
body:not(.is-auth-page) .sidebar-actions{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:8px!important;
  margin:auto 0 0!important;
  padding:14px 0 0!important;
  border-top:1px solid var(--line)!important;
}
body:not(.is-auth-page) .sidebar-actions::before,
body:not(.is-auth-page) .sidebar-actions::after{
  display:none!important;
  content:none!important;
}
body:not(.is-auth-page) .sidebar-actions .rate-card,
body:not(.is-auth-page) .sidebar-actions .user-chip{
  width:100%!important;
  min-width:0!important;
  min-height:48px!important;
  height:48px!important;
  justify-content:flex-start!important;
  margin:0!important;
}
body:not(.is-auth-page) .sidebar-actions .user-chip{order:1!important}
body:not(.is-auth-page) .sidebar-actions .rate-card{order:2!important}
body:not(.is-auth-page) .field:hover,
body:not(.is-auth-page) .field:focus-within{
  background:#fff!important;
  border-right-color:var(--line)!important;
  border-bottom-color:var(--line)!important;
  box-shadow:none!important;
  outline:0!important;
}
@media(max-width:760px){
  body:not(.is-auth-page) .topbar{
    min-height:0!important;
    height:auto!important;
    position:static!important;
    top:auto!important;
  }
  body:not(.is-auth-page) .sidebar-actions{
    width:100%!important;
    height:42px!important;
    min-height:0!important;
    max-height:42px!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    margin:8px 0 0!important;
    padding:7px 0 0!important;
    border-top:1px solid var(--line)!important;
  }
  body:not(.is-auth-page) .sidebar-actions .rate-card,
  body:not(.is-auth-page) .sidebar-actions .user-chip{
    width:auto!important;
    min-height:34px!important;
    height:34px!important;
    padding:3px 6px!important;
  }
}
/* v81: draw calculator separators from the grid so they stay continuous */
body:not(.is-auth-page) .input-grid,
body:not(.is-auth-page) .quote-input-grid,
body:not(.is-auth-page) .target-input-grid{
  gap:1px!important;
  background:var(--line-strong)!important;
}
body:not(.is-auth-page) .input-grid>.field,
body:not(.is-auth-page) .input-grid>.field:hover,
body:not(.is-auth-page) .input-grid>.field:focus-within{
  border:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
body:not(.is-auth-page) .form-actions,
body:not(.is-auth-page) .target-actions{
  border-top:1px solid var(--line-strong)!important;
}
/* v82: shared FOB/DDP secondary navigation for quote and target calculators */
body:not(.is-auth-page) .shared-ddp-nav.is-hidden { display: none !important; }
body:not(.is-auth-page) .shared-ddp-nav {
  min-height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin: 2px 0 6px 22px !important;
  padding: 5px 6px 5px 12px !important;
  border-left: 1px solid var(--line-strong) !important;
  background: transparent !important;
}
body:not(.is-auth-page) .shared-ddp-nav > span {
  color: var(--muted) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}
body:not(.is-auth-page) .shared-ddp-nav .shared-ddp-switch {
  min-width: 76px !important;
  width: 76px !important;
  height: 28px !important;
  flex: 0 0 76px !important;
  padding: 3px 5px !important;
}
body:not(.is-auth-page) .shared-ddp-nav .switch-track {
  width: 34px !important;
  height: 18px !important;
}
body:not(.is-auth-page) .shared-ddp-nav .switch-thumb {
  width: 14px !important;
  height: 14px !important;
}
body:not(.is-auth-page) .shared-ddp-nav .shared-ddp-switch.is-active .switch-thumb {
  transform: translateX(16px) !important;
}
body:not(.is-auth-page) .shared-ddp-nav .shared-ddp-switch strong {
  min-width: 28px !important;
  font-size: 10px !important;
}
@media (max-width: 760px) {
  body:not(.is-auth-page) .app-nav-button[data-app-mode="quote"] { grid-column: 1 !important; grid-row: 1 !important; }
  body:not(.is-auth-page) .app-nav-button[data-app-mode="target"] { grid-column: 2 !important; grid-row: 1 !important; }
  body:not(.is-auth-page) .app-nav-button[data-app-mode="freight"] { grid-column: 3 !important; grid-row: 1 !important; }
  body:not(.is-auth-page) .shared-ddp-nav.is-hidden { display: none !important; }
body:not(.is-auth-page) .shared-ddp-nav {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    min-height: 36px !important;
    margin: 2px 0 0 !important;
    padding: 5px 8px !important;
    border-left: 0 !important;
    border-top: 1px solid var(--line) !important;
  }
}
/* v83: DDP freight mode secondary navigation and result text polish */
body:not(.is-auth-page) .freight-mode-nav.is-hidden { display: none !important; }
body:not(.is-auth-page) .freight-mode-nav {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 6px !important;
  margin: 3px 0 8px 22px !important;
  padding: 6px 0 2px 12px !important;
  border-left: 1px solid var(--line-strong) !important;
  background: transparent !important;
}
body:not(.is-auth-page) .freight-mode-nav .mode-button {
  min-height: 34px !important;
  height: 34px !important;
  width: 100% !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  padding: 7px 10px !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: var(--muted) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  box-shadow: none !important;
}
body:not(.is-auth-page) .freight-mode-nav .mode-button img {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
}
body:not(.is-auth-page) .freight-mode-nav .mode-button.is-active {
  background: var(--purple-soft) !important;
  color: var(--purple) !important;
}
body:not(.is-auth-page) .target-result-list .result-row strong,
body:not(.is-auth-page) .target-result-list .result-row small {
  font-size: 11px !important;
  line-height: 1.35 !important;
}
body:not(.is-auth-page) .target-result-list .result-row p span {
  font-size: 24px !important;
}
body:not(.is-auth-page) .target-result-list .result-row p em {
  font-size: 16px !important;
}
@media (max-width: 760px) {
  body:not(.is-auth-page) .freight-mode-nav.is-hidden { display: none !important; }
  body:not(.is-auth-page) .freight-mode-nav {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin: 2px 0 0 !important;
    padding: 5px 8px !important;
    border-left: 0 !important;
    border-top: 1px solid var(--line) !important;
  }
  body:not(.is-auth-page) .freight-mode-nav .mode-button {
    justify-content: center !important;
    min-height: 36px !important;
  }
}
/* v84: move quote DDP switch into form headers and target calc into sidebar */
body:not(.is-auth-page) .shared-ddp-nav { display: none !important; }
body:not(.is-auth-page) .target-calc-nav.is-hidden,
body:not(.is-auth-page) .freight-mode-nav.is-hidden { display: none !important; }
body:not(.is-auth-page) .target-calc-nav,
body:not(.is-auth-page) .freight-mode-nav {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 6px !important;
  margin: 3px 0 8px 22px !important;
  padding: 6px 0 2px 12px !important;
  border-left: 1px solid var(--line-strong) !important;
  background: transparent !important;
}
body:not(.is-auth-page) .target-calc-nav .mode-button,
body:not(.is-auth-page) .freight-mode-nav .mode-button {
  min-height: 34px !important;
  height: 34px !important;
  width: 100% !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  padding: 7px 10px !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: var(--muted) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  box-shadow: none !important;
}
body:not(.is-auth-page) .target-calc-nav .mode-button img,
body:not(.is-auth-page) .freight-mode-nav .mode-button img {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
}
body:not(.is-auth-page) .target-calc-nav .mode-button.is-active,
body:not(.is-auth-page) .freight-mode-nav .mode-button.is-active {
  background: var(--purple-soft) !important;
  color: var(--purple) !important;
}
body:not(.is-auth-page) .formula-note.has-mode-control {
  min-height: 54px !important;
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  padding-right: 12px !important;
}
body:not(.is-auth-page) .formula-note.has-mode-control > .shared-ddp-switch {
  display: inline-flex !important;
  min-width: 104px !important;
  width: 104px !important;
  height: 32px !important;
  padding: 4px 7px !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.22) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08) !important;
  color: #fff !important;
}
body:not(.is-auth-page) .formula-note.has-mode-control .shared-ddp-switch .switch-track {
  width: 40px !important;
  height: 20px !important;
  background: rgba(255,255,255,.36) !important;
}
body:not(.is-auth-page) .formula-note.has-mode-control .shared-ddp-switch .switch-thumb {
  width: 16px !important;
  height: 16px !important;
  background: #fff !important;
}
body:not(.is-auth-page) .formula-note.has-mode-control .shared-ddp-switch.is-active .switch-thumb {
  transform: translateX(20px) !important;
}
body:not(.is-auth-page) .formula-note.has-mode-control .shared-ddp-switch strong {
  min-width: 34px !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}
body:not(.is-auth-page) .target-mode-field .quote-freight-head {
  justify-content: flex-start !important;
}
@media (max-width: 760px) {
  body:not(.is-auth-page) .target-calc-nav.is-hidden,
  body:not(.is-auth-page) .freight-mode-nav.is-hidden { display: none !important; }
  body:not(.is-auth-page) .target-calc-nav,
  body:not(.is-auth-page) .freight-mode-nav {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin: 2px 0 0 !important;
    padding: 5px 8px !important;
    border-left: 0 !important;
    border-top: 1px solid var(--line) !important;
  }
  body:not(.is-auth-page) .target-calc-nav .mode-button,
  body:not(.is-auth-page) .freight-mode-nav .mode-button {
    justify-content: center !important;
    min-height: 36px !important;
    font-size: 11px !important;
  }
  body:not(.is-auth-page) .formula-note.has-mode-control {
    grid-template-columns: 22px minmax(0, 1fr) !important;
  }
  body:not(.is-auth-page) .formula-note.has-mode-control > .shared-ddp-switch {
    grid-column: 1 / -1 !important;
    justify-self: end !important;
    margin-top: 2px !important;
  }
}
/* v85: expanded secondary navigation and cleaner compact forms */
body:not(.is-auth-page) .target-calc-nav.is-hidden,
body:not(.is-auth-page) .freight-mode-nav.is-hidden {
  display: grid !important;
}
body:not(.is-auth-page) .input-grid,
body:not(.is-auth-page) .quote-input-grid,
body:not(.is-auth-page) .target-input-grid {
  gap: 10px 14px !important;
  padding: 14px !important;
  background: #fff !important;
  border: 0 !important;
}
body:not(.is-auth-page) .field,
body:not(.is-auth-page) .input-grid > .field,
body:not(.is-auth-page) .quote-input-grid > .field,
body:not(.is-auth-page) .target-input-grid > .field,
body:not(.is-auth-page) .field:hover,
body:not(.is-auth-page) .field:focus-within,
body:not(.is-auth-page) .input-grid > .field:hover,
body:not(.is-auth-page) .input-grid > .field:focus-within {
  min-height: 74px !important;
  padding: 0 !important;
  border: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}
body:not(.is-auth-page) .field.is-hidden,
body:not(.is-auth-page) .light-only.is-hidden,
body:not(.is-auth-page) .heavy-only.is-hidden,
body:not(.is-auth-page) .quote-ddp-fee-field.is-hidden,
body:not(.is-auth-page) .target-ddp-fee-field.is-hidden {
  display: none !important;
}
body:not(.is-auth-page) .quote-remark-field {
  min-height: 72px !important;
}
body:not(.is-auth-page) .form-actions,
body:not(.is-auth-page) .target-actions {
  border-top: 0 !important;
  padding: 10px 14px 14px !important;
  background: #fff !important;
}
body:not(.is-auth-page) .calculator-panel {
  background: #fff !important;
}
body:not(.is-auth-page) .formula-note.has-mode-control {
  border-bottom: 0 !important;
}
body:not(.is-auth-page) .target-calc-nav,
body:not(.is-auth-page) .freight-mode-nav {
  margin-bottom: 12px !important;
}
@media (max-width: 760px) {
  body:not(.is-auth-page) .input-grid,
  body:not(.is-auth-page) .quote-input-grid,
  body:not(.is-auth-page) .target-input-grid {
    gap: 9px !important;
    padding: 11px !important;
  }
  body:not(.is-auth-page) .field,
  body:not(.is-auth-page) .input-grid > .field,
  body:not(.is-auth-page) .quote-input-grid > .field,
  body:not(.is-auth-page) .target-input-grid > .field {
    min-height: 68px !important;
  }
  body:not(.is-auth-page) .form-actions,
  body:not(.is-auth-page) .target-actions {
    padding: 9px 11px 11px !important;
  }
}
/* v86: convert FOB/DDP switches into expanded sidebar option navigation */
body:not(.is-auth-page) .quote-mode-nav.is-hidden,
body:not(.is-auth-page) .target-calc-nav.is-hidden,
body:not(.is-auth-page) .target-freight-mode-nav.is-hidden,
body:not(.is-auth-page) .freight-mode-nav.is-hidden {
  display: grid !important;
}
body:not(.is-auth-page) .quote-mode-nav,
body:not(.is-auth-page) .target-calc-nav,
body:not(.is-auth-page) .target-freight-mode-nav,
body:not(.is-auth-page) .freight-mode-nav {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 6px !important;
  margin: 3px 0 10px 22px !important;
  padding: 6px 0 2px 12px !important;
  border-left: 1px solid var(--line-strong) !important;
  background: transparent !important;
}
body:not(.is-auth-page) .target-freight-mode-nav {
  margin: -4px 0 12px 42px !important;
  padding-left: 10px !important;
}
body:not(.is-auth-page) .quote-mode-nav .mode-button,
body:not(.is-auth-page) .target-calc-nav .mode-button,
body:not(.is-auth-page) .target-freight-mode-nav .mode-button,
body:not(.is-auth-page) .freight-mode-nav .mode-button {
  min-height: 34px !important;
  height: 34px !important;
  width: 100% !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  padding: 7px 10px !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: var(--muted) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  box-shadow: none !important;
}
body:not(.is-auth-page) .quote-mode-nav .mode-button img,
body:not(.is-auth-page) .target-calc-nav .mode-button img,
body:not(.is-auth-page) .target-freight-mode-nav .mode-button img,
body:not(.is-auth-page) .freight-mode-nav .mode-button img {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
}
body:not(.is-auth-page) .quote-mode-nav .mode-button.is-active,
body:not(.is-auth-page) .target-calc-nav .mode-button.is-active,
body:not(.is-auth-page) .target-freight-mode-nav .mode-button.is-active,
body:not(.is-auth-page) .freight-mode-nav .mode-button.is-active {
  background: var(--purple-soft) !important;
  color: var(--purple) !important;
}
body:not(.is-auth-page) .formula-note .shared-ddp-switch,
body:not(.is-auth-page) .formula-note.has-mode-control .shared-ddp-switch {
  display: none !important;
}
body:not(.is-auth-page) .formula-note,
body:not(.is-auth-page) .formula-note.has-mode-control {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 44px !important;
  padding: 10px 14px !important;
  border-bottom: 0 !important;
}
@media (max-width: 760px) {
  body:not(.is-auth-page) .quote-mode-nav,
  body:not(.is-auth-page) .target-calc-nav,
  body:not(.is-auth-page) .target-freight-mode-nav,
  body:not(.is-auth-page) .freight-mode-nav {
    grid-column: 1 / -1 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin: 2px 0 0 !important;
    padding: 5px 8px !important;
    border-left: 0 !important;
    border-top: 1px solid var(--line) !important;
  }
  body:not(.is-auth-page) .target-freight-mode-nav {
    margin-top: 0 !important;
  }
  body:not(.is-auth-page) .quote-mode-nav .mode-button,
  body:not(.is-auth-page) .target-calc-nav .mode-button,
  body:not(.is-auth-page) .target-freight-mode-nav .mode-button,
  body:not(.is-auth-page) .freight-mode-nav .mode-button {
    justify-content: center !important;
    min-height: 36px !important;
    font-size: 11px !important;
  }
}
/* v87: wider sidebar and row switches for quote/target modes */
body:not(.is-auth-page) .page-shell {
  grid-template-columns: 260px minmax(0, 1fr) !important;
}
body:not(.is-auth-page) .topbar {
  padding-left: 18px !important;
  padding-right: 18px !important;
}
body:not(.is-auth-page) .app-nav-row {
  width: 100% !important;
  min-height: 44px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  border-radius: 6px !important;
}
body:not(.is-auth-page) .app-nav-row > .app-nav-button {
  min-width: 0 !important;
  min-height: 44px !important;
}
body:not(.is-auth-page) .app-nav-row.is-active {
  background: var(--purple-soft) !important;
  box-shadow: inset 3px 0 0 var(--purple) !important;
}
body:not(.is-auth-page) .app-nav-row.is-active > .app-nav-button {
  background: transparent !important;
  box-shadow: none !important;
  color: var(--purple) !important;
}
body:not(.is-auth-page) .nav-ddp-switch {
  width: 78px !important;
  height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 5px !important;
  padding: 4px 6px !important;
  border: 1px solid var(--line-strong) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #7a7e8c !important;
  box-shadow: none !important;
  cursor: pointer !important;
}
body:not(.is-auth-page) .nav-ddp-switch strong {
  min-width: 28px !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}
body:not(.is-auth-page) .nav-ddp-switch .switch-track {
  width: 32px !important;
  height: 18px !important;
  flex: 0 0 32px !important;
}
body:not(.is-auth-page) .nav-ddp-switch .switch-thumb {
  width: 14px !important;
  height: 14px !important;
}
body:not(.is-auth-page) .nav-ddp-switch.is-active {
  border-color: #cfc8ff !important;
  background: #fff !important;
  color: var(--purple) !important;
}
body:not(.is-auth-page) .nav-ddp-switch.is-active .switch-track {
  background: var(--purple) !important;
}
body:not(.is-auth-page) .nav-ddp-switch.is-active .switch-thumb {
  transform: translateX(14px) !important;
}
body:not(.is-auth-page) .quote-mode-nav,
body:not(.is-auth-page) .target-freight-mode-nav {
  display: none !important;
}
body:not(.is-auth-page) .target-calc-nav,
body:not(.is-auth-page) .freight-mode-nav {
  margin-left: 26px !important;
}
@media (max-width: 1100px) {
  body:not(.is-auth-page) .page-shell {
    grid-template-columns: 240px minmax(0, 1fr) !important;
  }
}
@media (max-width: 760px) {
  body:not(.is-auth-page) .page-shell {
    display: block !important;
  }
  body:not(.is-auth-page) .app-nav-row {
    display: contents !important;
  }
  body:not(.is-auth-page) .nav-ddp-switch {
    justify-self: stretch !important;
    width: auto !important;
    min-height: 36px !important;
    margin: 0 !important;
  }
}
/* v90: FOB/DDP switch redesigned from reference, FOB purple and DDP orange */
body:not(.is-auth-page) .nav-ddp-switch {
  width: 84px !important;
  height: 32px !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--purple) !important;
  color: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18), 0 4px 12px rgba(100,72,255,.20) !important;
  overflow: hidden !important;
}
body:not(.is-auth-page) .nav-ddp-switch strong {
  position: relative !important;
  z-index: 2 !important;
  min-width: 34px !important;
  margin-left: 23px !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  text-align: center !important;
}
body:not(.is-auth-page) .nav-ddp-switch .switch-track {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  flex: none !important;
  padding: 3px !important;
  border-radius: 999px !important;
  background: transparent !important;
}
body:not(.is-auth-page) .nav-ddp-switch .switch-thumb {
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 2px 6px rgba(28,24,60,.22) !important;
  transform: translateX(0) !important;
}
body:not(.is-auth-page) .nav-ddp-switch.is-active {
  background: #f59b25 !important;
  color: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.20), 0 4px 12px rgba(245,155,37,.22) !important;
}
body:not(.is-auth-page) .nav-ddp-switch.is-active strong {
  margin-left: 0 !important;
  margin-right: 23px !important;
}
body:not(.is-auth-page) .nav-ddp-switch.is-active .switch-track {
  background: transparent !important;
}
body:not(.is-auth-page) .nav-ddp-switch.is-active .switch-thumb {
  transform: translateX(52px) !important;
}
@media (max-width: 760px) {
  body:not(.is-auth-page) .nav-ddp-switch {
    width: 84px !important;
    justify-self: center !important;
  }
}
/* v91: clean saved quote cards, remove dark middle block and awkward dividers */
body:not(.is-auth-page) .quote-card {
  height: 236px !important;
  min-height: 236px !important;
  padding: 13px 13px 48px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfaff 100%) !important;
  border: 1px solid #e6e4f1 !important;
  border-left: 4px solid var(--purple) !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 18px rgba(42, 36, 96, .045) !important;
}
body:not(.is-auth-page) .quote-card:before,
body:not(.is-auth-page) .quote-card:after {
  display: none !important;
}
body:not(.is-auth-page) .quote-card-head {
  padding: 0 30px 0 0 !important;
  min-height: 34px !important;
}
body:not(.is-auth-page) .quote-card-meta {
  margin-top: 9px !important;
  padding: 5px 8px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #f4f2ff !important;
  color: #73708a !important;
}
body:not(.is-auth-page) .quote-card-grid {
  margin-top: 9px !important;
  padding: 10px 11px !important;
  border: 1px solid #ebe8ff !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(116, 83, 255, .035) !important;
  row-gap: 6px !important;
}
body:not(.is-auth-page) .quote-card-grid span {
  color: #66627a !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}
body:not(.is-auth-page) .quote-card-grid strong {
  color: #211f31 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}
body:not(.is-auth-page) .quote-card-grid strong:last-child {
  color: var(--purple) !important;
}
body:not(.is-auth-page) .quote-card-foot,
body:not(.is-auth-page) .quote-card-remark {
  margin-left: 0 !important;
  color: #78748b !important;
  font-size: 9px !important;
}
body:not(.is-auth-page) .quote-card-foot {
  margin-top: 8px !important;
}
body:not(.is-auth-page) .quote-card-remark {
  margin-top: 4px !important;
  max-width: calc(100% - 106px) !important;
}
body:not(.is-auth-page) .quote-card-remark span {
  color: #211f31 !important;
}
body:not(.is-auth-page) .quote-card .quote-share,
body:not(.is-auth-page) .quote-card .quote-edit,
body:not(.is-auth-page) .quote-card .quote-delete {
  bottom: 10px !important;
}
body:not(.is-auth-page) .quote-card:hover {
  transform: none !important;
  border-color: #dcd7ff !important;
}
@media (max-width: 760px) {
  body:not(.is-auth-page) .quote-card {
    height: 236px !important;
    min-height: 236px !important;
  }
}
/* v92: three-column forms, clean preset modals, and roomier quote cards */
body:not(.is-auth-page) .input-grid,
body:not(.is-auth-page) .quote-input-grid,
body:not(.is-auth-page) .target-input-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px 14px !important;
  padding: 14px !important;
  background: #fff !important;
}
body:not(.is-auth-page) .quote-remark-field,
body:not(.is-auth-page) .field:has(textarea) {
  grid-column: 1 / -1 !important;
}
body:not(.is-auth-page) .field,
body:not(.is-auth-page) .input-grid > .field,
body:not(.is-auth-page) .quote-input-grid > .field,
body:not(.is-auth-page) .target-input-grid > .field,
body:not(.is-auth-page) .field:hover,
body:not(.is-auth-page) .field:focus-within {
  min-height: 70px !important;
  background: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}
body:not(.is-auth-page) .field input,
body:not(.is-auth-page) .field textarea,
body:not(.is-auth-page) .modal-field input {
  background: #fbfbfe !important;
  border: 1px solid #dfe2ec !important;
}
body:not(.is-auth-page) .field input:hover,
body:not(.is-auth-page) .field textarea:hover,
body:not(.is-auth-page) .modal-field input:hover {
  border-color: #cfd3e1 !important;
  background: #fff !important;
}
body:not(.is-auth-page) .preset-modal {
  background: rgba(26, 28, 38, .30) !important;
}
body:not(.is-auth-page) .preset-modal .modal-card {
  width: min(520px, calc(100vw - 40px)) !important;
  padding: 22px !important;
  background: #fff !important;
  border: 1px solid #e2e5f0 !important;
  border-radius: 12px !important;
  box-shadow: 0 22px 60px rgba(31, 29, 68, .18) !important;
}
body:not(.is-auth-page) .preset-modal .modal-card h2 {
  margin-bottom: 16px !important;
  color: #1f2433 !important;
}
body:not(.is-auth-page) .preset-modal .modal-field {
  margin: 0 0 12px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #4c505d !important;
}
body:not(.is-auth-page) .preset-modal .modal-field span {
  display: block !important;
  margin-bottom: 6px !important;
  color: #4c505d !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}
body:not(.is-auth-page) .preset-modal .modal-field input {
  height: 38px !important;
  min-height: 38px !important;
  padding: 7px 10px !important;
  border-radius: 7px !important;
  color: #202435 !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}
body:not(.is-auth-page) .quote-card {
  height: 268px !important;
  min-height: 268px !important;
  padding: 13px 13px 54px !important;
}
body:not(.is-auth-page) .quote-card-grid {
  padding: 9px 10px !important;
  row-gap: 5px !important;
}
body:not(.is-auth-page) .quote-card-foot {
  margin-top: 7px !important;
  line-height: 1.35 !important;
}
body:not(.is-auth-page) .quote-card-remark {
  margin-top: 5px !important;
  max-width: 100% !important;
  padding-right: 106px !important;
  line-height: 1.35 !important;
}
body:not(.is-auth-page) .quote-card .quote-share,
body:not(.is-auth-page) .quote-card .quote-edit,
body:not(.is-auth-page) .quote-card .quote-delete {
  bottom: 12px !important;
}
@media (max-width: 1180px) {
  body:not(.is-auth-page) .input-grid,
  body:not(.is-auth-page) .quote-input-grid,
  body:not(.is-auth-page) .target-input-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 760px) {
  body:not(.is-auth-page) .input-grid,
  body:not(.is-auth-page) .quote-input-grid,
  body:not(.is-auth-page) .target-input-grid {
    grid-template-columns: 1fr !important;
  }
  body:not(.is-auth-page) .quote-card {
    height: 268px !important;
    min-height: 268px !important;
  }
}
/* v93: remove default black focus rings and compact FOB/DDP switches */
body:not(.is-auth-page) input,
body:not(.is-auth-page) textarea,
body:not(.is-auth-page) select,
body:not(.is-auth-page) button {
  outline: 0 !important;
}
body:not(.is-auth-page) input:hover,
body:not(.is-auth-page) textarea:hover,
body:not(.is-auth-page) select:hover,
body:not(.is-auth-page) .modal-field input:hover,
body:not(.is-auth-page) .field input:hover,
body:not(.is-auth-page) .field textarea:hover {
  border-color: #cfd3e1 !important;
  box-shadow: none !important;
}
body:not(.is-auth-page) input:focus,
body:not(.is-auth-page) input:focus-visible,
body:not(.is-auth-page) textarea:focus,
body:not(.is-auth-page) textarea:focus-visible,
body:not(.is-auth-page) select:focus,
body:not(.is-auth-page) select:focus-visible,
body:not(.is-auth-page) .modal-field input:focus,
body:not(.is-auth-page) .modal-field input:focus-visible,
body:not(.is-auth-page) .field input:focus,
body:not(.is-auth-page) .field input:focus-visible,
body:not(.is-auth-page) .field textarea:focus,
body:not(.is-auth-page) .field textarea:focus-visible {
  border-color: #8b72ff !important;
  background: #fff !important;
  box-shadow: 0 0 0 2px rgba(109, 82, 255, .12) !important;
  outline: 0 !important;
}
body:not(.is-auth-page) button:focus,
body:not(.is-auth-page) button:focus-visible,
body:not(.is-auth-page) .app-nav-button:focus,
body:not(.is-auth-page) .mode-button:focus,
body:not(.is-auth-page) .nav-ddp-switch:focus,
body:not(.is-auth-page) .modal-close:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
body:not(.is-auth-page) .preset-modal .modal-card,
body:not(.is-auth-page) .preset-modal .modal-card:hover,
body:not(.is-auth-page) .preset-modal .modal-card:focus-within {
  border-color: #e2e5f0 !important;
  box-shadow: 0 22px 60px rgba(31, 29, 68, .18) !important;
  outline: 0 !important;
}
body:not(.is-auth-page) .nav-ddp-switch {
  width: 70px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
}
body:not(.is-auth-page) .nav-ddp-switch strong {
  min-width: 28px !important;
  margin-left: 19px !important;
  font-size: 10px !important;
  line-height: 1 !important;
}
body:not(.is-auth-page) .nav-ddp-switch .switch-track {
  padding: 3px !important;
}
body:not(.is-auth-page) .nav-ddp-switch .switch-thumb {
  width: 22px !important;
  height: 22px !important;
}
body:not(.is-auth-page) .nav-ddp-switch.is-active strong {
  margin-left: 0 !important;
  margin-right: 19px !important;
}
body:not(.is-auth-page) .nav-ddp-switch.is-active .switch-thumb {
  transform: translateX(42px) !important;
}
@media (max-width: 760px) {
  body:not(.is-auth-page) .nav-ddp-switch {
    width: 70px !important;
    min-height: 28px !important;
  }
}
/* v94: fully remove preset modal outer focus rectangles */
body:not(.is-auth-page) .preset-modal .modal-field,
body:not(.is-auth-page) .preset-modal .modal-field:hover,
body:not(.is-auth-page) .preset-modal .modal-field:focus,
body:not(.is-auth-page) .preset-modal .modal-field:focus-within,
body:not(.is-auth-page) .preset-modal .modal-field:focus-visible {
  outline: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
body:not(.is-auth-page) .preset-modal .modal-field::before,
body:not(.is-auth-page) .preset-modal .modal-field::after {
  display: none !important;
  content: none !important;
}
body:not(.is-auth-page) .preset-modal .modal-field input,
body:not(.is-auth-page) .preset-modal .modal-field input:hover,
body:not(.is-auth-page) .preset-modal .modal-field input:focus,
body:not(.is-auth-page) .preset-modal .modal-field input:focus-visible {
  outline: 0 !important;
  box-shadow: none !important;
}
body:not(.is-auth-page) .preset-modal .modal-field input:focus,
body:not(.is-auth-page) .preset-modal .modal-field input:focus-visible {
  border-color: #7a5cff !important;
  box-shadow: 0 0 0 2px rgba(122, 92, 255, .16) !important;
}
/* v95: independent quote sheet page and quote edit modal */
body:not(.is-auth-page) .workspace.is-quotes-app {
  grid-template-columns: 1fr !important;
}
body:not(.is-auth-page) .workspace.is-quotes-app .quote-sheet-panel {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-height: calc(100vh - 120px) !important;
}
body:not(.is-auth-page) .workspace.is-quotes-app .quote-list {
  grid-template-columns: repeat(auto-fill, minmax(280px, 300px)) !important;
  align-content: start !important;
}
body:not(.is-auth-page) .quote-edit-modal .modal-card {
  width: min(760px, calc(100vw - 40px)) !important;
  background: #fff !important;
  border: 1px solid #e2e5f0 !important;
  border-radius: 12px !important;
  box-shadow: 0 22px 60px rgba(31, 29, 68, .18) !important;
}
body:not(.is-auth-page) .quote-edit-form {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px 14px !important;
}
body:not(.is-auth-page) .quote-edit-form .modal-field,
body:not(.is-auth-page) .quote-edit-form .modal-field:hover,
body:not(.is-auth-page) .quote-edit-form .modal-field:focus-within {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}
body:not(.is-auth-page) .quote-edit-form .modal-field span {
  display: block !important;
  margin-bottom: 6px !important;
  color: #4c505d !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}
body:not(.is-auth-page) .quote-edit-form .modal-field input,
body:not(.is-auth-page) .quote-edit-form .modal-field textarea {
  width: 100% !important;
  min-height: 38px !important;
  padding: 7px 10px !important;
  border: 1px solid #dfe2ec !important;
  border-radius: 7px !important;
  background: #fbfbfe !important;
  color: #202435 !important;
  font-size: 13px !important;
  font-weight: 760 !important;
  box-shadow: none !important;
  outline: 0 !important;
}
body:not(.is-auth-page) .quote-edit-form .modal-field input:focus,
body:not(.is-auth-page) .quote-edit-form .modal-field textarea:focus {
  border-color: #7a5cff !important;
  background: #fff !important;
  box-shadow: 0 0 0 2px rgba(122, 92, 255, .16) !important;
}
body:not(.is-auth-page) .quote-edit-remark {
  grid-column: 1 / -1 !important;
}
body:not(.is-auth-page) .quote-edit-remark textarea {
  min-height: 58px !important;
  resize: vertical !important;
}
body:not(.is-auth-page) .quote-edit-mode-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 0 14px !important;
  padding: 10px 12px !important;
  border-radius: 8px !important;
  background: #f6f4ff !important;
  color: #4c505d !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}
body:not(.is-auth-page) .quote-edit-modal .auth-submit {
  margin-top: 14px !important;
}
@media (max-width: 760px) {
  body:not(.is-auth-page) .quote-edit-form {
    grid-template-columns: 1fr !important;
  }
}
/* v96: equal freight preset panels and move global tips into sidebar */
body:not(.is-auth-page) .workspace.is-freight-app {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body:not(.is-auth-page) .workspace.is-freight-app .box-panel,
body:not(.is-auth-page) .workspace.is-freight-app .price-panel {
  grid-row: auto !important;
  width: 100% !important;
  min-height: 176px !important;
}
body:not(.is-auth-page) .workspace.is-freight-app .box-panel {
  grid-column: 1 !important;
}
body:not(.is-auth-page) .workspace.is-freight-app .price-panel {
  grid-column: 2 !important;
}
body:not(.is-auth-page) .workspace > .bottom-strip {
  display: none !important;
}
body:not(.is-auth-page) .sidebar-actions {
  gap: 8px !important;
}
body:not(.is-auth-page) .sidebar-tip-block {
  display: grid !important;
  gap: 7px !important;
  width: 100% !important;
  margin-top: 2px !important;
}
body:not(.is-auth-page) .sidebar-tip-block .calc-hint,
body:not(.is-auth-page) .sidebar-tip-block .bookmark-hint {
  width: 100% !important;
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 6px 8px !important;
  border: 1px solid #e6e4f1 !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: #6f7280 !important;
  font-size: 9px !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  box-shadow: none !important;
}
body:not(.is-auth-page) .sidebar-tip-block img {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  object-fit: contain !important;
}
@media (max-width: 1100px) {
  body:not(.is-auth-page) .workspace.is-freight-app {
    grid-template-columns: 1fr !important;
  }
  body:not(.is-auth-page) .workspace.is-freight-app .box-panel,
  body:not(.is-auth-page) .workspace.is-freight-app .price-panel {
    grid-column: 1 !important;
  }
}
@media (max-width: 760px) {
  body:not(.is-auth-page) .sidebar-tip-block {
    display: none !important;
  }
}
/* v97: sidebar footer order and merged tip */
body:not(.is-auth-page) .sidebar-actions .user-chip {
  order: 1 !important;
}
body:not(.is-auth-page) .sidebar-actions .rate-card {
  order: 2 !important;
}
body:not(.is-auth-page) .sidebar-tip-block {
  order: 3 !important;
}
body:not(.is-auth-page) .sidebar-tip-block .calc-hint {
  min-height: 42px !important;
}
body:not(.is-auth-page) .sidebar-tip-block .bookmark-hint {
  display: none !important;
}
/* v101 icon size normalization */
body:not(.is-auth-page) .app-nav-button > img {
  width: 26px !important;
  height: 26px !important;
  flex: 0 0 26px !important;
  object-fit: contain !important;
}
body:not(.is-auth-page) .mode-button > img,
body:not(.is-auth-page) .quote-mode-nav .mode-button img,
body:not(.is-auth-page) .target-calc-nav .mode-button img,
body:not(.is-auth-page) .target-freight-mode-nav .mode-button img,
body:not(.is-auth-page) .freight-mode-nav .mode-button img {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  object-fit: contain !important;
}
body:not(.is-auth-page) .rate-card img,
body:not(.is-auth-page) .user-chip img,
body:not(.is-auth-page) .calc-hint img,
body:not(.is-auth-page) .bookmark-hint img,
body:not(.is-auth-page) .sidebar-tip-block img {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  object-fit: contain !important;
}
body:not(.is-auth-page) .heading-icon,
body:not(.is-auth-page) .preset-heading img,
body:not(.is-auth-page) .quote-sheet-heading img {
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
}
body:not(.is-auth-page) .heading-icon img {
  width: 30px !important;
  height: 30px !important;
  object-fit: contain !important;
}
body:not(.is-auth-page) .result-row > img {
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  object-fit: contain !important;
}
body:not(.is-auth-page) .target-hero-result img {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;
  object-fit: contain !important;
}
body:not(.is-auth-page) .quote-share img,
body:not(.is-auth-page) .quote-card .edit-button img,
body:not(.is-auth-page) .quote-card .delete-button img,
body:not(.is-auth-page) .preset-card .edit-button img,
body:not(.is-auth-page) .preset-card .delete-button img,
body:not(.is-auth-page) .delete-button img,
body:not(.is-auth-page) .edit-button img {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
}
body:not(.is-auth-page) .quote-card-head img {
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  object-fit: contain !important;
}
body:not(.is-auth-page) .preset-card .preset-visual,
body:not(.is-auth-page) .empty-preset img {
  width: 42px !important;
  height: 42px !important;
  object-fit: contain !important;
}
.share-tool-button img {
  width: 30px !important;
  height: 30px !important;
  object-fit: contain !important;
}
body.is-auth-page .auth-field img {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  object-fit: contain !important;
}
body.is-auth-page .auth-panel-head img {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  object-fit: contain !important;
}
@media (max-width: 760px) {
  body:not(.is-auth-page) .app-nav-button > img { width: 24px !important; height: 24px !important; flex-basis: 24px !important; }
  body:not(.is-auth-page) .mode-button > img { width: 20px !important; height: 20px !important; flex-basis: 20px !important; }
  body:not(.is-auth-page) .heading-icon,
  body:not(.is-auth-page) .heading-icon img,
  body:not(.is-auth-page) .preset-heading img,
  body:not(.is-auth-page) .quote-sheet-heading img,
  body:not(.is-auth-page) .result-row > img { width: 28px !important; height: 28px !important; flex-basis: 28px !important; }
}

/* v102 unify first-level nav selected state */
body:not(.is-auth-page) .app-nav > .app-nav-button,
body:not(.is-auth-page) .app-nav > .app-nav-row > .app-nav-button {
  position: relative !important;
  overflow: hidden !important;
  border-left: 0 !important;
  box-shadow: none !important;
}
body:not(.is-auth-page) .app-nav > .app-nav-button::before,
body:not(.is-auth-page) .app-nav > .app-nav-row > .app-nav-button::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 8px !important;
  bottom: 8px !important;
  width: 3px !important;
  border-radius: 999px !important;
  background: transparent !important;
}
body:not(.is-auth-page) .app-nav > .app-nav-button.is-active,
body:not(.is-auth-page) .app-nav > .app-nav-row > .app-nav-button.is-active {
  background: var(--purple-soft) !important;
  color: var(--purple) !important;
  box-shadow: none !important;
}
body:not(.is-auth-page) .app-nav > .app-nav-button.is-active::before,
body:not(.is-auth-page) .app-nav > .app-nav-row > .app-nav-button.is-active::before {
  background: var(--purple) !important;
}
body:not(.is-auth-page) .app-nav > .app-nav-button.is-active img,
body:not(.is-auth-page) .app-nav > .app-nav-row > .app-nav-button.is-active img {
  opacity: 1 !important;
}

/* v103 remove curved selected rail on first-level nav */
body:not(.is-auth-page) .app-nav > .app-nav-button,
body:not(.is-auth-page) .app-nav > .app-nav-row > .app-nav-button,
body:not(.is-auth-page) .app-nav > .app-nav-button.is-active,
body:not(.is-auth-page) .app-nav > .app-nav-row > .app-nav-button.is-active {
  box-shadow: none !important;
}
body:not(.is-auth-page) .app-nav > .app-nav-button::before,
body:not(.is-auth-page) .app-nav > .app-nav-row > .app-nav-button::before,
body:not(.is-auth-page) .app-nav > .app-nav-button.is-active::before,
body:not(.is-auth-page) .app-nav > .app-nav-row > .app-nav-button.is-active::before {
  display: none !important;
  content: none !important;
}

/* v104 keep straight selected rail, remove bracket-like rounded ends */
body:not(.is-auth-page) .app-nav > .app-nav-button,
body:not(.is-auth-page) .app-nav > .app-nav-row > .app-nav-button {
  position: relative !important;
  box-shadow: none !important;
}
body:not(.is-auth-page) .app-nav > .app-nav-button::before,
body:not(.is-auth-page) .app-nav > .app-nav-row > .app-nav-button::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 3px !important;
  border-radius: 0 !important;
  background: transparent !important;
}
body:not(.is-auth-page) .app-nav > .app-nav-button.is-active::before,
body:not(.is-auth-page) .app-nav > .app-nav-row > .app-nav-button.is-active::before {
  display: block !important;
  content: "" !important;
  background: var(--purple) !important;
}

/* Quote sheets list layout */
body:not(.is-auth-page) .quote-list {
  display: block !important;
  min-height: 220px !important;
  padding: 0 !important;
  overflow-x: auto !important;
  background: #fff !important;
}

body:not(.is-auth-page) .quote-table {
  min-width: 1080px !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
}

body:not(.is-auth-page) .quote-table-head,
body:not(.is-auth-page) .quote-row {
  display: grid !important;
  grid-template-columns: 34px minmax(160px, 1.35fr) minmax(116px, .9fr) 70px 70px minmax(96px, .85fr) minmax(106px, .9fr) minmax(96px, .85fr) minmax(106px, .9fr) 126px !important;
  align-items: center !important;
  gap: 12px !important;
}

body:not(.is-auth-page) .quote-table-head {
  min-height: 42px !important;
  padding: 0 14px !important;
  border-bottom: 1px solid var(--line) !important;
  background: #fbfcff !important;
  color: var(--muted) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

body:not(.is-auth-page) .quote-row.quote-card {
  height: auto !important;
  min-height: 76px !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body:not(.is-auth-page) .quote-row.quote-card:hover {
  background: #fafaff !important;
  transform: none !important;
  box-shadow: none !important;
}

body:not(.is-auth-page) .quote-row.quote-card:before,
body:not(.is-auth-page) .quote-row.quote-card:after {
  display: none !important;
}

body:not(.is-auth-page) .quote-row-select {
  position: static !important;
  width: 24px !important;
  height: 24px !important;
}

body:not(.is-auth-page) .quote-row-select input {
  width: 16px !important;
  height: 16px !important;
}

body:not(.is-auth-page) .quote-row-main,
body:not(.is-auth-page) .quote-row-meta,
body:not(.is-auth-page) .quote-row-cell {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

body:not(.is-auth-page) .quote-row-main strong,
body:not(.is-auth-page) .quote-row-meta strong,
body:not(.is-auth-page) .quote-row-cell strong {
  overflow: hidden !important;
  color: var(--text) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:not(.is-auth-page) .quote-row-main span,
body:not(.is-auth-page) .quote-row-main em,
body:not(.is-auth-page) .quote-row-meta span,
body:not(.is-auth-page) .quote-row-cell span {
  overflow: hidden !important;
  color: var(--muted) !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:not(.is-auth-page) .quote-row-mode span {
  width: fit-content !important;
  min-width: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  background: var(--purple-soft) !important;
  color: var(--purple) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

body:not(.is-auth-page) .quote-row-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 4px !important;
}

body:not(.is-auth-page) .quote-row .quote-share,
body:not(.is-auth-page) .quote-row .quote-edit,
body:not(.is-auth-page) .quote-row .quote-delete {
  position: static !important;
  width: 30px !important;
  height: 30px !important;
  padding: 3px !important;
}

body:not(.is-auth-page) .quote-row .quote-share img,
body:not(.is-auth-page) .quote-row .edit-button img,
body:not(.is-auth-page) .quote-row .delete-button img {
  width: 24px !important;
  height: 24px !important;
}

@media(max-width:760px) {
  body:not(.is-auth-page) .quote-list {
    overflow-x: visible !important;
    padding: 9px !important;
  }

  body:not(.is-auth-page) .quote-table {
    min-width: 0 !important;
    gap: 8px !important;
  }

  body:not(.is-auth-page) .quote-table-head {
    display: none !important;
  }

  body:not(.is-auth-page) .quote-row.quote-card {
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: 26px minmax(0, 1fr) auto !important;
    gap: 8px !important;
    padding: 12px !important;
    border: 1px solid var(--line) !important;
    border-radius: 7px !important;
  }

  body:not(.is-auth-page) .quote-row-meta,
  body:not(.is-auth-page) .quote-row-mode,
  body:not(.is-auth-page) .quote-row-cell {
    grid-column: 2 / 4 !important;
    grid-template-columns: 78px minmax(0, 1fr) !important;
    display: grid !important;
    align-items: center !important;
  }

  body:not(.is-auth-page) .quote-row-actions {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }
}

/* v107 auth password reveal */
body.is-auth-page .auth-field.has-password-peek,
body.is-auth-page .auth-field:has(.password-peek) {
  padding-right: 7px !important;
}

body.is-auth-page .password-peek {
  flex: 0 0 auto !important;
  min-width: 44px !important;
  height: 28px !important;
  padding: 0 10px !important;
  border: 1px solid var(--line-strong) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: var(--text) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

body.is-auth-page .password-peek.is-peeking {
  border-color: var(--purple) !important;
  background: var(--purple) !important;
  color: #fff !important;
}

/* v108 force visible password reveal buttons */
body.is-auth-page .auth-password-field {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  overflow: visible !important;
}

body.is-auth-page .auth-password-field.is-hidden {
  display: none !important;
}

body.is-auth-page .auth-password-field input {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  padding-right: 4px !important;
}

body.is-auth-page .auth-password-field .password-peek {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 46px !important;
  width: 46px !important;
  min-width: 46px !important;
  height: 30px !important;
  margin-left: auto !important;
  padding: 0 !important;
  border: 1px solid #111827 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #111827 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
  cursor: pointer !important;
  z-index: 3 !important;
}

body.is-auth-page .auth-password-field .password-peek.is-peeking {
  border-color: var(--purple) !important;
  background: var(--purple) !important;
  color: #ffffff !important;
}