:root{--red:#a9202b;--red-dark:#821b24;--ink:#282325;--muted:#756d70;--line:#e8e1e1;--paper:#f6f4f3;--soft:#f9eded}*{box-sizing:border-box}body{margin:0;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Noto Sans TC","Microsoft JhengHei",sans-serif;color:var(--ink);background:var(--paper)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid transparent;border-radius:8px;padding:10px 18px;background:var(--red);color:white;font-weight:600}button:hover{background:var(--red-dark)}button:disabled{cursor:not-allowed;opacity:.55}button.secondary{background:white;border-color:var(--line);color:var(--ink)}button.secondary:hover{background:var(--soft)}button.quiet{background:transparent;color:var(--red);padding:5px 10px}input,select,textarea{width:100%;border:1px solid #cec5c6;border-radius:7px;padding:10px 12px;background:white;color:var(--ink)}input:focus,select:focus,textarea:focus,button:focus-visible{outline:3px solid #a9202b35;outline-offset:2px}label{display:block;font-size:14px;font-weight:600;margin-bottom:16px}label input,label select,label textarea{margin-top:6px;font-weight:400}h1,h2,h3,p{margin-top:0}h1{font-size:28px;letter-spacing:.01em;line-height:1.4;margin-bottom:8px}h2{font-size:20px;margin-bottom:16px}h3{font-size:16px}.muted{color:var(--muted)}.small{font-size:13px}.eyebrow{font-size:12px;letter-spacing:.16em;color:var(--red);font-weight:700}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.intro{padding:8vh 6vw;background:linear-gradient(155deg,#fff 25%,#f4e8e8);display:flex;flex-direction:column;justify-content:center}.logo{width:300px;max-width:100%;height:auto}.intro .logo{width:390px;margin-bottom:60px}.intro h1{font-size:38px;max-width:550px}.intro p{max-width:460px}.intro .line{height:4px;width:60px;background:var(--red);margin:28px 0}.login-panel{display:flex;align-items:center;justify-content:center;padding:40px;background:white}.login-card{width:100%;max-width:380px}.login-card h2{font-size:26px}.login-card button{width:100%;margin-top:5px}.error{color:#a31c28;min-height:24px;font-size:14px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;background:var(--soft);color:var(--red-dark);font-size:12px;white-space:nowrap}.badge.gray{background:#efeded;color:#756d70}.shell{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:white;border-right:1px solid var(--line);padding:24px 16px}.sidebar .brand{padding:2px 3px 24px;border-bottom:1px solid var(--line)}.sidebar .logo{width:202px;display:block}.sidebar nav{padding-top:25px;display:grid;gap:7px}.sidebar nav button{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;background:white;color:#635b5e;padding:12px 15px;font-weight:500}.sidebar nav button:hover{background:#f6f1f1}.sidebar nav button.active{background:var(--soft);color:var(--red);box-shadow:inset 3px 0 var(--red);font-weight:650}.sidebar nav small{font-size:11px;color:#998e91}.profile{margin-top:auto;border-top:1px solid var(--line);padding:12px 10px 0;line-height:1.5}.profile strong{display:block;font-size:12px;font-weight:600}.profile span{font-size:11px;color:var(--muted)}.profile button.quiet{font-size:12px;padding:4px 6px;font-weight:500}.main{min-width:0}.topbar{background:#ffffffbb;border-bottom:1px solid var(--line);padding:15px 36px;display:flex;justify-content:space-between;align-items:center;gap:12px}.workspace{padding:32px 36px;max-width:1500px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.heading p{margin:0}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:22px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat strong{display:block;font-size:35px;line-height:1.4;margin:12px 0 2px}.stat p{margin:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.links{display:flex;flex-wrap:wrap;gap:12px}.toolbar{display:flex;gap:14px;align-items:center;margin-bottom:20px;justify-content:space-between}.toolbar input{max-width:420px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:12px;letter-spacing:.03em;color:var(--muted);background:#faf8f8;font-weight:600}th,td{padding:15px 14px;border-bottom:1px solid var(--line);vertical-align:middle}td .muted{font-size:12px;display:block;max-width:420px;overflow-wrap:anywhere}td strong{font-weight:600}tbody tr:hover{background:#fffafa}.empty{padding:50px 20px;text-align:center;color:var(--muted)}.notice{background:#fcf4e8;border:1px solid #f0ddbd;padding:12px 16px;border-radius:8px;font-size:13px;color:#775a34}.steps{display:grid;gap:16px}.step{display:flex;gap:15px;align-items:flex-start}.step b{border:1px solid var(--line);border-radius:50%;padding:3px 10px;color:var(--red)}.step p{margin:3px 0;font-size:13px;color:var(--muted)}.permission{font-size:13px}.permission td{padding:12px}.footer{color:var(--muted);font-size:12px;padding:0 36px 24px}.actions{display:flex;gap:10px;justify-content:flex-end;align-items:center}dialog{width:min(600px,calc(100vw - 32px));padding:26px;border:1px solid var(--line);border-radius:14px;color:var(--ink);box-shadow:0 24px 100px #24131730;max-height:90vh;overflow:auto}dialog::backdrop{background:#211a1b65}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.span2{grid-column:1/-1}dialog .actions{border-top:1px solid var(--line);padding-top:18px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#322c2e;color:white;padding:12px 22px;border-radius:8px;box-shadow:0 4px 25px #0002;display:none;z-index:100}.loading{padding:50px}.password-help{font-size:12px;color:var(--muted)}@media(max-width:1050px){.shell{grid-template-columns:200px 1fr}.workspace{padding:24px}.topbar{padding:14px 24px}.stats{gap:12px}.card{padding:18px}.grid2{grid-template-columns:1fr}}@media(max-width:700px){.login{display:block}.intro{padding:28px}.intro .logo{width:250px;margin-bottom:15px}.intro h1{font-size:25px}.intro .line,.intro>p{display:none}.login-panel{padding:30px 24px}.shell{display:block}.sidebar{position:static;height:auto;padding:12px}.sidebar .brand{padding:0;border:0}.sidebar .logo{width:180px}.sidebar nav{display:flex;overflow:auto;padding-top:10px;gap:5px}.sidebar nav button{width:auto;white-space:nowrap;gap:6px}.profile{display:none}.topbar{padding:12px 18px;font-size:13px}.workspace{padding:20px 15px}.heading{align-items:flex-start}h1{font-size:24px}.stats{grid-template-columns:1fr}.stat{margin:0}.stats{margin-bottom:20px}.form-grid{display:block}.toolbar{flex-wrap:wrap}.footer{padding:0 18px 20px}}

.stat strong.role-name{font-size:26px}.spaced{margin-top:22px}

.mapping-row{display:grid;grid-template-columns:minmax(0,1fr) 125px 55px;gap:10px;align-items:center}.mapping-row button{margin-top:8px}.mapping-row label{min-width:0}@media(max-width:480px){.mapping-row{grid-template-columns:minmax(0,1fr) 105px}.mapping-row button{grid-column:1/-1;margin:-8px 0 12px;justify-self:end}}

.component-row{padding:16px;background:#faf7f7;border:1px solid var(--line);border-radius:8px;margin-bottom:14px}.bundle-editor{margin-top:22px}.bundle-editor[hidden]{display:none}

fieldset{border:0;margin:0;padding:0;min-width:0}.quote-notice{margin-bottom:22px}.quote-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px}.quote-line{border:1px solid var(--line);border-radius:10px;padding:18px;margin-bottom:16px}.quote-line-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.quote-line-fields{display:grid;grid-template-columns:minmax(250px,3fr) minmax(80px,1fr) minmax(100px,1fr) 60px;gap:16px}.quote-unit{font-size:13px;color:var(--muted);padding-top:4px}.quote-unit strong{display:block;margin-top:12px;color:var(--ink)}.bundle-preview{background:var(--paper);padding:10px;border-radius:6px;font-size:13px}.bundle-preview summary{cursor:pointer}#quote-totals{max-width:330px;margin:20px 0 0 auto}#quote-totals>div{display:flex;justify-content:space-between;gap:25px;padding:7px 0}.grand-total{border-top:1px solid var(--line);font-size:inherit;color:var(--red)}.quote-save{display:flex;gap:12px;justify-content:flex-end;margin-bottom:28px}fieldset:disabled input,fieldset:disabled select,fieldset:disabled textarea{color:var(--ink);opacity:1;background:#faf8f8}@media(max-width:1050px){.quote-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-line-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.quote-line-fields>label:first-child{grid-column:1/-1}}@media(max-width:600px){.quote-fields{grid-template-columns:1fr}}
/* Keep document lists readable in the app's narrow side panel. */
#quote-list table,#order-list table{min-width:820px}
#quote-list th,#order-list th{white-space:nowrap}
#quote-list td:nth-child(2),#order-list td:nth-child(2){min-width:200px}
#quote-list td:first-child,#order-list td:first-child{min-width:185px}
.ops-table{min-width:650px}.ops-table th{white-space:nowrap}.action-form{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.action-form h3{margin-bottom:12px}.doc-fields{display:grid;grid-template-columns:130px 1fr;gap:8px}.doc-fields dt{color:var(--muted)}.doc-fields dd{margin:0;overflow-wrap:anywhere}.spaced{margin-top:18px}pre{white-space:pre-wrap;overflow-wrap:anywhere}

.weekly-layout{display:grid;grid-template-columns:minmax(260px,0.75fr) minmax(0,1.6fr);gap:20px;align-items:start}.week-controls{flex-wrap:wrap;margin-bottom:20px}.week-controls label{margin:0}.week-day{border-top:1px solid var(--border,#e7dddd);padding:12px 0}.week-day h3{font-size:15px;margin:0 0 8px}.event-entry{display:block;width:100%;text-align:left;background:#f8eeee;color:#38282b;border:1px solid #ead5d6;margin:6px 0;padding:10px;border-radius:8px}.event-entry span{display:block;font-weight:400;font-size:13px;margin-top:4px}.week-panel{position:fixed;inset:0 0 0 auto;margin:0;width:min(1000px,95vw);max-width:95vw;height:100dvh;max-height:100dvh;padding:24px;border:0;border-left:1px solid #e3d9d9;border-radius:0;overflow:auto;box-shadow:-8px 0 32px #0002}.week-panel::backdrop{background:#24171955}.week-panel .toolbar{gap:12px}.week-form label,#note-form label{margin-top:14px}.note-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0}.note-history details{padding:16px 0;border-top:1px solid #e7dddd}.note-history{margin-top:24px}.note-history summary{cursor:pointer;font-weight:600}.week-tasks th,.week-tasks td{padding:12px 8px}.week-panel .heading{margin-top:20px}.week-panel .quote-layout{grid-template-columns:1fr}@media(max-width:1000px){.weekly-layout{grid-template-columns:1fr}.week-panel{width:100vw;max-width:100vw;padding:16px}}
@media(max-width:1000px){.week-tasks{order:-1}.week-calendar{order:0}.week-controls{justify-content:flex-start;gap:10px}}
.weekly-layout>section{min-width:0}.week-controls button,.heading>button{flex-shrink:0;white-space:nowrap}.week-tasks .table-wrap{max-width:100%;overflow-x:auto}.week-tasks .toolbar h2{margin-right:8px}
@media(max-width:600px){.week-tasks{padding:14px}.week-tasks th,.week-tasks td{font-size:13px}.week-controls strong{font-size:13px}.week-panel .form-grid{display:block}}

.week-tasks .week-overdue{color:#b42318;font-weight:700}
.week-tasks .badge.week-overdue{background:#fff0ee}

.week-tasks .quiet{color:var(--ink)}
.week-tasks .badge:not(.week-overdue){color:var(--muted);background:#f1eeee}

.week-panel fieldset{border:0;padding:0;margin:0;min-width:0}

.customer-tabs{margin-bottom:24px;flex-wrap:wrap;justify-content:flex-start;gap:12px}.toolbar[hidden]{display:none}

.contact-roles{display:flex;flex-wrap:wrap;gap:12px 24px}.contact-roles label{display:flex;align-items:center;gap:8px}.contact-roles input[type="checkbox"]{width:auto;margin:0}

.customer-info-section{margin-top:24px}.customer-info-section h3{font-size:16px;margin:0 0 12px}.customer-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:0}.customer-value{border:1px solid var(--border,#e5dede);border-radius:8px;padding:12px 16px;min-width:0;background:#fff}.customer-value dt{font-size:13px;color:#756f70;margin-bottom:6px}.customer-value dd{margin:0;font-size:15px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:600px){.customer-info-grid{grid-template-columns:1fr}}

.customer-detail-tabs{justify-content:flex-start;gap:10px;flex-wrap:wrap;border-bottom:1px solid #e5dede;padding-bottom:16px;margin-bottom:24px}.customer-detail-tabs button{padding:10px 16px}.customer-task-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.customer-task-heading h3{margin:0}.customer-task-actions{display:flex;gap:10px;flex-wrap:wrap}.customer-task-actions button{padding:10px 16px}.customer-task-empty{border:1px dashed #e5dede;border-radius:12px;text-align:center;padding:36px 16px;margin-top:20px}.customer-task-empty p{margin:8px 0 0}@media(max-width:600px){.customer-task-heading{align-items:flex-start;flex-direction:column}}

.shipment-draft-actions{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:16px;margin-top:20px}.shipment-draft-actions>button{justify-self:start}.shipment-confirm-action{justify-self:end;margin:0;padding:0}.shipment-draft-actions>.action-form{grid-column:1/-1}
.ar-next-actions{justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.ar-next-actions>.links{margin-left:auto;justify-content:flex-end}#ar-other>summary{cursor:pointer;font-weight:600;color:var(--muted)}

.migration-context dd, .migration-context pre { white-space: pre-wrap; overflow-wrap: anywhere; }
.migration-context .doc-fields { margin-top: 1rem; }
.migration-file-list { padding-left: 1.25rem; }
.migration-file-list li { margin: .75rem 0; }
.migration-file-list .muted { display: block; }

.crm-heading-actions{flex-wrap:wrap;flex-shrink:0;margin-left:auto}.dealer-title{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.dealer-heading h2{margin:0}@media(max-width:800px){.crm-heading{flex-wrap:wrap}.crm-heading-actions{width:100%;justify-content:flex-end}.dealer-heading{align-items:flex-start}}

.form-submit{display:flex;justify-content:flex-end;margin-top:1rem}

.prospect-search{display:flex;gap:12px;align-items:center;margin-bottom:20px}.prospect-search input{max-width:480px}.prospect-search .muted{margin-left:auto;white-space:nowrap}@media(max-width:700px){.prospect-search{flex-wrap:wrap}}
.address-options{padding:12px 0}.address-options summary{cursor:pointer;color:var(--muted,#736d6f)}.address-options .form-grid{padding-top:16px}.address-same{display:flex;align-items:center;gap:8px;margin-bottom:12px}.address-same input{width:auto;margin:0}.address-options [hidden]{display:none!important}

/* Names use black consistently, including links, muted captions and form values. */
.person-name,button.quiet[data-company-contacts],button.quiet[data-contacts],select[name="owner_id"],select[name="assignee_id"],select[name="profile_SalesEmail"],#team-person,input[name="sales_display"],input[name="sales_name"],input[name="name_zh"],input[name="name_en"],input[name="name"],input[name="contact"]{color:#000!important}