:root{--ink:#18222e;--muted:#748091;--line:#e8ecf0;--canvas:#f4f6f8;--white:#fff;--blue:#2868df;--blue-dark:#1e55bd;--green:#168b65;--coral:#df7862;--shadow:0 14px 38px rgba(18,37,58,.10)}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:14px 'DM Sans',Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{width:248px;background:#fff;border-right:1px solid var(--line);padding:26px 16px 18px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;margin:0 0 48px 8px;color:var(--ink);font:800 17px Manrope,sans-serif;text-decoration:none;letter-spacing:-.5px}.brand-mark{width:34px;height:34px;border-radius:11px;background:#2467dc;color:white;display:grid;place-items:center;font:800 20px Manrope;box-shadow:0 5px 12px #2766dc38}.brand-light{font-weight:500;color:#5d6c7f}.brand small{display:block;color:#9aa4b1;font:700 8px 'DM Sans';letter-spacing:1.5px;margin-top:2px}.workspace-label,.eyebrow{color:#9aa4b1;font-size:10px;font-weight:700;letter-spacing:1.35px}.workspace-label{padding:0 12px;margin-bottom:12px}.nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#647284;text-align:left;padding:12px;border-radius:9px;font-weight:600;font-size:13px}.nav-item:hover{background:#f5f7fa;color:var(--ink)}.nav-item.active{background:#edf3ff;color:#1e5cca}.nav-icon{width:18px;text-align:center;font-size:17px;color:#8997a7}.active .nav-icon{color:#2768db}.nav-count{margin-left:auto;background:#e2ecff;color:#2868df;border-radius:20px;font-size:11px;padding:3px 8px}.sidebar-bottom{margin-top:auto}.connection-card{display:flex;align-items:center;gap:10px;padding:13px 10px;border:1px solid var(--line);border-radius:10px;margin-bottom:14px}.connection-dot{width:8px;height:8px;background:#e5a835;border-radius:50%;box-shadow:0 0 0 3px #fff3dd}.connection-card b,.connection-card small,.user-chip b,.user-chip small{display:block}.connection-card b,.user-chip b{font-size:11px}.connection-card small,.user-chip small{font-size:10px;color:var(--muted);margin-top:3px}.chevron{margin-left:auto;color:#99a4b1;font-size:20px}.user-chip{border-top:1px solid var(--line);padding:17px 5px 0;display:flex;align-items:center;gap:10px}.avatar,.top-avatar{width:31px;height:31px;border-radius:50%;background:#dce9ff;color:#285fb4;display:grid;place-items:center;font-size:10px;font-weight:700}.more{margin-left:auto;color:#8e9aaa;letter-spacing:1px}.main{min-width:0;flex:1}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumbs{font-size:12px;color:#8b97a4}.breadcrumbs span{padding:0 10px;color:#c4ccd4}.breadcrumbs b{font-weight:600;color:#3c4a59}.top-actions{display:flex;align-items:center;gap:19px}.demo-label{display:flex;align-items:center;gap:6px;color:#a77920;background:#fff8e8;border:1px solid #f6e7bf;padding:6px 9px;border-radius:20px;font-size:9px;letter-spacing:.9px;font-weight:700}.demo-label i{width:6px;height:6px;border-radius:50%;background:#e2ac3d}.icon-button{border:0;background:transparent;color:#718092;font-size:18px;position:relative}.icon-button em{position:absolute;width:6px;height:6px;background:#e77866;border-radius:50%;right:1px;top:1px}.top-avatar{width:29px;height:29px}.page{display:none;padding:34px 40px 48px;max-width:1450px;margin:auto}.page.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.page-heading .eyebrow{margin:0 0 9px}.page-heading h1{font:700 27px Manrope,sans-serif;letter-spacing:-.8px;margin:0}.subheading{color:#84909e;margin:7px 0 0;font-size:13px}.button{border-radius:8px;border:1px solid transparent;display:inline-flex;align-items:center;gap:8px;padding:10px 15px;font-size:12px;font-weight:700;transition:.15s}.button.primary{color:#fff;background:var(--blue);box-shadow:0 3px 8px #2868df27}.button.primary:hover{background:var(--blue-dark)}.button.primary:disabled{opacity:.56;cursor:not-allowed}.button.secondary{background:#fff;color:#3c4c5d;border-color:#dfe5eb}.button.secondary:hover,.button.ghost:hover{background:#f7f9fb}.button.ghost{background:transparent;color:#738091}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:34px}.stat-card,.panel,.table-card,.notice-card{background:#fff;border:1px solid var(--line);border-radius:11px}.stat-card{padding:18px 19px 17px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#778494;font-size:12px;font-weight:600}.stat-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-size:17px}.stat-icon.blue,.quick-icon.blue{background:#edf3ff;color:#3170dc}.stat-icon.green{background:#e9f7f1;color:#168b65}.stat-icon.violet{background:#f1edff;color:#7960c7}.stat-icon.amber{background:#fff4df;color:#d09527}.stat-card strong{display:block;margin:9px 0 5px;font:700 28px Manrope,sans-serif;letter-spacing:-.8px}.stat-card small{font-size:10px;color:#96a0ab}.stat-card small b{color:#536274}.trend{color:#d18531;font-weight:700}.section-title,.panel-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 13px}.section-title h2,.panel-heading h2{font:700 16px Manrope;margin:0;letter-spacing:-.35px}.section-title p,.panel-heading p{margin:4px 0 0;font-size:11px;color:#8b97a4}.text-button{border:0;background:transparent;color:#2868d8;font-size:11px;font-weight:700}.text-button span{padding-left:3px}.table-card{overflow:hidden}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#fafbfc;color:#99a3ae;font-size:9px;letter-spacing:.8px;font-weight:700;padding:12px 16px;border-bottom:1px solid var(--line)}td{padding:14px 16px;border-bottom:1px solid #eef1f4;font-size:11px;color:#647283}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfe}.part-cell b{display:block;color:#344252;font-size:12px}.part-cell small{display:block;color:#97a1ad;font-size:10px;margin-top:4px}.supplier-cell{font-weight:600;color:#445262}.type-pill,.status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:30px;font-size:10px;font-weight:600}.type-pill{background:#f1f4f7;color:#667486}.status-pill.waiting{background:#fff5e4;color:#ad7821}.status-pill.replied{background:#eaf7f1;color:#188563}.status-pill.draft{background:#f1edff;color:#775db7}.status-pill.pending{background:#f4f5f7;color:#7a8695}.status-pill::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.row-menu{border:0;background:transparent;color:#94a0ae;font-size:17px}.lower-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-top:19px}.panel{padding:19px}.panel-heading{margin-bottom:15px}.recent-list{display:grid}.recent-row{display:flex;align-items:center;gap:11px;padding:11px 2px;border-bottom:1px solid #f0f2f4}.recent-row:last-child{border:0}.recent-dot{width:8px;height:8px;border-radius:50%;background:#d6e4fb}.recent-dot.green{background:#93d5b6}.recent-main{flex:1;min-width:0}.recent-main b{display:block;color:#4b5969;font-size:11px;overflow:hidden;text-overflow:ellipsis}.recent-main small{display:block;color:#97a1ad;font-size:10px;margin-top:4px}.recent-time{color:#9aa4af;font-size:10px}.quick-action{display:flex;align-items:center;gap:11px;width:100%;padding:11px 3px;border:0;border-bottom:1px solid #f0f2f4;background:white;text-align:left}.quick-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:16px}.quick-icon.coral{background:#fff0ed;color:#d87560}.quick-action>span:nth-child(2){flex:1}.quick-action b,.quick-action small{display:block}.quick-action b{font-size:11px;color:#455363}.quick-action small{font-size:10px;color:#929eab;margin-top:4px}.quick-arrow{color:#96a2af;font-size:17px}.privacy-note{display:flex;gap:8px;background:#f5f8fc;color:#718093;border-radius:7px;padding:10px;margin-top:15px;font-size:10px;line-height:1.45}.privacy-note>span:first-child{color:#4f77b8}.privacy-note b{color:#52647c}.toolbar{display:flex;gap:10px;margin:-6px 0 17px}.search-box{height:36px;border:1px solid #e1e6eb;background:#fff;border-radius:7px;display:flex;align-items:center;padding:0 10px;gap:8px;flex:1;max-width:440px;color:#8794a2;font-size:19px}.search-box input{border:0;outline:0;background:transparent;width:100%;font-size:11px;color:#344252}.toolbar select{border:1px solid #e1e6eb;background:#fff;border-radius:7px;padding:0 12px;color:#586779;font-size:11px}.notice-card{display:flex;gap:14px;padding:17px 18px;margin-bottom:16px;background:#fafdff}.notice-icon{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;background:#eef4ff;color:#3470d1;border-radius:9px;font-size:17px}.notice-card b{font-size:12px}.notice-card p{margin:5px 0 0;color:#7f8d9b;font-size:11px;line-height:1.5;max-width:800px}.empty-state{min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#929eab;font-size:11px}.empty-state b{font-size:13px;color:#566577}.empty-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f2f5f8;color:#8998a8;font-size:19px;margin-bottom:4px}.empty-state .button{margin-top:8px}.supplier-grid{display:grid;gap:12px}.supplier-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px;display:flex;align-items:center;gap:14px}.supplier-logo{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font:800 19px Manrope}.supplier-logo.partnode{background:#e9efff;color:#265fce}.supplier-logo.euro{background:#eaf5f0;color:#278966}.supplier-logo.autocar{background:#fff0e8;color:#cd7551}.supplier-card>div:nth-child(2){flex:1}.supplier-card h3{font:700 13px Manrope;margin:0 0 4px}.supplier-card p{font-size:10px;color:#7f8d9b;margin:0 0 7px}.tag{font-size:9px;padding:4px 7px;border-radius:20px}.tag-green{background:#eaf7f1;color:#198663}.tag-blue{background:#edf3ff;color:#3a70cd}.tag-gray{background:#f1f3f5;color:#687687}.hidden{display:none!important}
.modal-backdrop{position:fixed;inset:0;background:rgba(18,31,46,.38);display:flex;align-items:center;justify-content:center;padding:22px;z-index:5}.modal{width:min(700px,100%);max-height:min(92vh,820px);background:#fff;border-radius:14px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:23px 26px 14px}.modal-head .eyebrow{margin:0 0 6px}.modal-head h2{font:700 20px Manrope;margin:0}.close-button{background:#f4f6f8;border:0;border-radius:7px;width:29px;height:29px;color:#667687;font-size:21px;line-height:1}.stepper{display:flex;align-items:center;padding:0 26px 18px;border-bottom:1px solid var(--line);gap:10px}.step{display:flex;align-items:center;gap:7px;color:#a2acb7;font-size:10px;font-weight:600}.step i{font-style:normal;width:21px;height:21px;border:1px solid #dce2e8;border-radius:50%;display:grid;place-items:center;font-size:10px}.step.active{color:#2868d8}.step.active i{border-color:#2868d8;background:#edf3ff}.step-line{height:1px;width:50px;background:#e6eaf0}.form-scroll{overflow:auto;padding:20px 26px 10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 15px}.field{display:flex;flex-direction:column;gap:6px;color:#566576;font-size:10px;font-weight:700;position:relative}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;border:1px solid #e1e6eb;border-radius:7px;background:white;color:#354454;font-size:11px;font-weight:400;padding:10px 11px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8bb0f1;box-shadow:0 0 0 3px #2868df14}.field input::placeholder,.field textarea::placeholder{color:#a8b1ba}.field textarea{resize:vertical;min-height:62px}.field small{font-size:9px;font-weight:400;color:#909daa}.internal-field{border-left:2px solid #e6b34c;padding-left:10px}.internal-label{position:absolute;right:2px;top:0;background:#fff7e5;color:#a9771b;border-radius:4px;padding:3px 6px;font-size:8px;letter-spacing:.5px}.form-footnote{display:flex;gap:8px;margin:16px 0 8px;padding:11px;background:#f5f8fc;border-radius:7px;color:#718092;font-size:10px}.form-footnote span{color:#4f78ba}.modal-actions{display:flex;justify-content:space-between;align-items:center;padding:14px 26px 19px;border-top:1px solid var(--line)}.modal-actions>div{display:flex;gap:8px}.preview-panel{overflow:auto;padding:20px 26px;min-height:250px}.preview-meta{display:grid;grid-template-columns:62px 1fr;gap:9px;font-size:11px;margin-bottom:15px}.preview-meta span{color:#8894a1}.preview-meta b{font-weight:600;color:#394858}.preview-email{background:#fbfcfd;border:1px solid var(--line);border-radius:8px;padding:16px;font-size:12px;line-height:1.75;white-space:pre-wrap;color:#344252}.preview-internal{margin-top:13px;padding:11px 13px;border:1px solid #f0ddb0;background:#fffbf1;border-radius:7px;font-size:10px;color:#715d36}.preview-internal b{display:block;color:#9a751f;margin-bottom:5px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);opacity:0;background:#25364a;color:#fff;padding:11px 16px;border-radius:8px;box-shadow:var(--shadow);font-size:11px;transition:.2s;pointer-events:none;z-index:8}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1000px){.sidebar{width:210px}.page{padding:28px 24px}.topbar{padding:0 24px}.stats-grid{grid-template-columns:repeat(2,1fr)}.lower-grid{grid-template-columns:1fr}}@media(max-width:700px){.sidebar{width:62px;padding:18px 8px}.brand{margin:0 auto 35px}.brand>span:last-child,.workspace-label,.nav-item:not(.active) .nav-count,.nav-item{font-size:0}.nav-item{justify-content:center;padding:13px 5px}.nav-icon{font-size:18px}.nav-count{position:absolute;margin:0 0 0 31px;font-size:9px}.connection-card{justify-content:center;padding:12px 5px}.connection-card span:not(.connection-dot),.user-chip>span:not(.avatar){display:none}.user-chip{justify-content:center;padding-top:12px}.page{padding:24px 15px}.topbar{padding:0 15px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:23px}.stats-grid{gap:9px}.stat-card{padding:14px}.stat-card strong{font-size:24px}.modal-backdrop{padding:8px}.modal{max-height:96vh}.modal-head,.stepper,.form-scroll,.preview-panel{padding-left:17px;padding-right:17px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.modal-actions{padding:12px 14px}.modal-actions .button{padding:9px 10px;font-size:10px}.supplier-card{flex-wrap:wrap}.supplier-card .status-pill{margin-left:54px}}
.lookup-status{display:flex;align-items:center;gap:14px;padding:16px;border-radius:9px;margin:12px 0}.lookup-status>span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:17px}.lookup-status>div{flex:1}.lookup-status b,.lookup-status small{display:block}.lookup-status b{font-size:12px;color:#405064}.lookup-status small{font-size:10px;color:#8491a0;margin-top:4px}.lookup-status.found{background:#eef8f3}.lookup-status.found>span{background:#d9f0e4;color:#188563}.lookup-status.not-found{background:#f3f6fa}.lookup-status.not-found>span{background:#e4ebf5;color:#55739a}.lookup-table{margin-top:12px}.inline-result{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:6px;font-size:10px}.inline-result.known{background:#eef8f3;color:#188563}.inline-result.new{background:#f3f6fa;color:#718093}.outcome-select{margin-top:6px;border:1px solid #dfe5eb;border-radius:5px;padding:5px 7px;background:#fff;color:#566576;font-size:10px}.outcome-note{font-size:10px;color:#65758a}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.template-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px}.template-card h3{font:700 13px Manrope;margin:0 0 8px;color:#394858}.template-card p{color:#7c8997;font-size:10px;line-height:1.5;margin:5px 0}.template-card .template-subject{padding:8px 10px;background:#f6f8fa;border-radius:6px;color:#4f6073}.template-card .template-state{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.3px;padding:4px 7px;border-radius:20px;background:#eaf7f1;color:#188563;margin-bottom:11px}.template-card .template-state.draft{background:#fff5e4;color:#a9771b}.page-intro{font-size:11px;line-height:1.55;color:#7b8998;max-width:780px;margin:-10px 0 18px}.signature-placeholder{color:#8390a0;font-size:10px}@media(max-width:700px){.template-grid{grid-template-columns:1fr}.lookup-status{align-items:flex-start;flex-wrap:wrap}.lookup-status>div{min-width:70%}}
.template-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px}.template-card h2{font:700 13px Manrope;margin:6px 0 0;color:#394858}.template-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.template-label,.template-language{display:inline-flex;font-size:9px;font-weight:700;padding:5px 8px;border-radius:18px}.template-label.observed{background:#eaf7f1;color:#188563}.template-label.draft-label{background:#fff5e4;color:#a9771b}.template-language{background:#f1f4f7;color:#647386}.template-meta{display:grid;grid-template-columns:minmax(100px,.7fr) 1.4fr;gap:8px 10px;padding:11px;background:#f7f9fb;border-radius:7px;font-size:10px}.template-meta span{color:#8894a1}.template-meta b{font-weight:600;color:#49596b}.template-body{margin-top:13px;padding-top:11px;border-top:1px solid #edf0f3;font-size:10px;color:#5d6b7a;line-height:1.5}.template-body> b{color:#394858}.template-body p{margin:6px 0}.template-card.draft-template{border-color:#eadfca}@media(max-width:700px){.template-grid{grid-template-columns:1fr}}
.template-editor{margin-top:16px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:10px}.template-editor h2{font:700 15px Manrope;margin:0 0 14px}.template-editor label{display:block;font-size:10px;font-weight:700;color:#566576;margin:11px 0}.template-editor input,.template-editor textarea{display:block;width:100%;margin-top:6px;border:1px solid #e1e6eb;border-radius:7px;padding:10px;font:400 11px Arial;color:#354454}.template-editor textarea{resize:vertical}.template-editor-actions{display:flex;justify-content:flex-end;gap:8px}.customer-template-card .template-body{min-height:65px}.customer-template-card .template-state.custom{background:#edf3ff;color:#3a70cd}
/* PartsHub reference skin: white workspace, restrained blue actions, compact navigation. */
:root{--ink:#15191f;--muted:#77808c;--line:#dedfe2;--canvas:#efefef;--white:#fff;--blue:#4d70ff;--blue-dark:#365be9;--green:#15823d;--shadow:0 4px 16px rgba(20,24,32,.08)}
body{font-family:Arial,Helvetica,sans-serif;background:#efefef;color:#15191f}.app-shell{display:block;min-height:calc(100vh - 32px);margin:16px 20px;background:#fff;border-radius:17px;overflow:hidden;box-shadow:0 2px 15px rgba(0,0,0,.06)}.sidebar{width:auto;height:auto;min-height:92px;background:#fff;border:0;padding:22px 38px 12px;display:flex;flex-direction:row;align-items:center;gap:34px}.brand{margin:0;gap:8px;font:bold italic 19px Arial,sans-serif;letter-spacing:-.8px;color:#111;text-transform:uppercase}.brand>span:last-child{font-size:0}.brand>span:last-child::after{content:'PARTS HUB';font:bold italic 20px Arial,sans-serif;letter-spacing:-.8px}.brand small,.workspace-label,.sidebar-bottom{display:none}.brand-mark{width:31px;height:31px;border-radius:50%;background:#fff;color:#111;box-shadow:inset 0 0 0 4px #1551d1;border:2px dashed #1953d3;font:bold italic 0 Arial;position:relative}.brand-mark::after{content:'P';font:bold italic 21px Arial;color:#111}.nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:1;flex-wrap:wrap}.nav-item{font-size:12px;font-weight:500;color:#365cdd;padding:8px 12px;border:1px solid #cbd5ff;border-radius:7px;white-space:nowrap}.nav-item:hover{background:#f5f7ff}.nav-item.active{background:#4d70ff;color:#fff;border-color:#4d70ff}.nav-icon,.nav-count{display:none}.main{width:100%}.topbar{height:24px;background:#fff;border:0;padding:0 38px;justify-content:flex-end}.breadcrumbs{font-size:11px;color:#9aa1aa}.top-actions{display:none}.page{padding:22px 38px 48px;max-width:1400px}.page-heading{margin-bottom:24px}.page-heading .eyebrow{display:none}.page-heading h1{font:700 27px Arial,sans-serif;letter-spacing:-.6px;color:#111}.subheading{font-size:13px;color:#78818c}.button{border-radius:7px;font-size:12px;font-weight:600;padding:10px 15px}.button.primary{background:#4d70ff;box-shadow:none}.button.secondary{color:#315bdc;border-color:#cbd5ff}.stat-card,.panel,.table-card,.notice-card,.template-card{border:1px solid #e1e1e3;border-radius:8px;box-shadow:none}.stat-card{padding:16px 18px}.stat-card strong{font-family:Arial,sans-serif;font-size:27px}.section-title h2,.panel-heading h2{font:700 16px Arial,sans-serif}.table-card{border-radius:8px}.type-pill,.status-pill{border-radius:5px}.status-pill::before{display:none}.empty-state{min-height:180px}.toolbar{margin-top:0}.search-box,.toolbar select{border-radius:7px}.lookup-panel{background:#fafafa!important;border:1px solid #e2e2e2!important;border-radius:9px!important}.template-card h2{font-family:Arial,sans-serif}.modal{border-radius:10px}.modal-head h2{font-family:Arial,sans-serif}
@media(max-width:1100px){.sidebar{align-items:flex-start;gap:15px;padding:18px 22px 10px}.nav{justify-content:flex-start}.nav-item{font-size:11px;padding:7px 9px}.page{padding:20px 24px 38px}}
@media(max-width:700px){.app-shell{margin:6px;border-radius:12px}.sidebar{display:block;padding:15px}.brand{margin-bottom:14px}.nav{display:flex;overflow:auto;flex-wrap:nowrap;justify-content:flex-start}.nav-item{font-size:10px;padding:7px 9px}.page{padding:20px 14px 30px}.page-heading{align-items:flex-start}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.brand{display:flex;align-items:center;flex:0 0 auto;width:190px;height:54px;overflow:hidden}.brand-logo{display:block;width:100%;height:auto;object-fit:contain;object-position:left center}.brand-mark{display:none}.brand>span:last-child{display:none}@media(max-width:700px){.brand{width:158px;height:46px;margin-bottom:12px}}
.field select:disabled{background:#f5f6f8;color:#515e6d;cursor:not-allowed}.field small.default-contact-note{font-weight:400;color:#9a751b;background:#fff8e8;border-radius:5px;padding:5px 7px;line-height:1.4}
#requestForm{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}#requestForm .form-scroll,#requestForm .preview-panel{flex:1;min-height:0;overscroll-behavior:contain}#requestForm .modal-actions{flex-shrink:0;background:#fff;position:relative;z-index:1}
.preview-edit-field{display:grid;gap:6px;margin:12px 0;color:#566576;font-size:11px;font-weight:700}.preview-edit-field input,.preview-edit-field textarea{width:100%;border:1px solid #dce2e8;border-radius:7px;background:#fff;padding:10px 11px;color:#25364a;font:12px/1.6 Arial,sans-serif;outline:none}.preview-edit-field input:focus,.preview-edit-field textarea:focus{border-color:#8bb0f1;box-shadow:0 0 0 3px #2868df14}.preview-edit-field textarea{min-height:220px;resize:vertical;white-space:pre-wrap}.preview-signature-note{margin:4px 0 12px;color:#8894a1;font-size:10px}
#requestForm{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}#requestForm .form-scroll,#requestForm .preview-panel{flex:1;min-height:0;overscroll-behavior:contain}#requestForm .modal-actions{flex-shrink:0;background:#fff;position:relative;z-index:1}
.template-modal-backdrop{position:fixed;inset:0;z-index:30;background:rgba(20,27,37,.48);display:flex;align-items:center;justify-content:center;padding:24px}.template-modal-backdrop.hidden{display:none}.template-modal-backdrop .template-editor{width:min(760px,100%);max-height:min(90vh,900px);overflow:auto;margin:0;padding:24px;box-shadow:0 18px 55px rgba(20,27,37,.25)}.template-modal-backdrop .template-editor h2{font:700 20px Arial,sans-serif;margin:0 0 18px}.template-card-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.template-card.is-default{border-color:#4d70ff;box-shadow:0 0 0 2px rgba(77,112,255,.12)}.default-template-badge{display:inline-flex;background:#edf2ff;color:#365be9;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:700}
.customer-import-preview{margin:0 0 16px;padding:18px;background:#f7f9fc;border:1px solid #dce3ed;border-radius:9px}.customer-import-summary{font-size:12px;line-height:1.8;color:#354454;margin-bottom:12px}.customer-import-summary strong{color:#15191f}.customer-directory-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:16px 0 10px;color:#44515e;font-size:12px}.customer-directory-toolbar input{width:min(360px,100%);border:1px solid #d9dfe7;border-radius:7px;padding:10px 12px}.customer-table-card{overflow:hidden}.customer-table-card td{vertical-align:top;max-width:300px}.customer-table-card td:first-child{font-weight:700;white-space:nowrap}.customer-table-card td:nth-child(2){font-weight:600;min-width:180px}.customer-table-card td:nth-child(3){min-width:220px;color:#66717d}.customer-table-card td:nth-child(4){white-space:nowrap}.customer-limit-note{padding:0 16px;color:#77808c;font-size:11px}.customer-table-card .empty-state{border:0;box-shadow:none}.customer-table-card .empty-state.hidden{display:none}
.preview-section-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;color:#23364a;font-size:12px;font-weight:700}.preview-section-title span{font-size:10px;color:#8996a4;font-weight:500}.preview-edit-field{display:flex;flex-direction:column;gap:5px;margin:9px 0;color:#627184;font-size:10px;font-weight:700}.preview-edit-field input,.preview-edit-field textarea{width:100%;box-sizing:border-box;border:1px solid #e1e6eb;border-radius:7px;padding:9px 10px;color:#344252;font:400 11px Inter,Arial,sans-serif;background:#fff}.preview-edit-field textarea{resize:vertical;line-height:1.6;min-height:130px}.preview-signature-note{font-size:9px;color:#94a0ad;margin:5px 0 10px}
.part-cell b{color:#142437;font-size:13px;font-weight:800;letter-spacing:.1px}
.status-pill{font-weight:700;padding:5px 9px}
.status-pill.available{background:#e7f6ed;color:#167744}
.status-pill.unavailable{background:#fdebea;color:#b42318}
.status-pill.waiting{background:#fff3d6;color:#925f05}
.status-pill.other{background:#eaf2ff;color:#2859a8}
.status-pill.replacement{background:#f1eaff;color:#6841a5}
.status-pill.draft{background:#f1edff;color:#6d55a8}
.outcome-note{display:block;margin-top:3px;max-width:520px;white-space:normal;line-height:1.4;font-size:10px}
.outcome-note.available{color:#167744}
.outcome-note.unavailable{color:#b42318}
.outcome-note.waiting{color:#925f05}
.outcome-note.other{color:#2859a8}
.outcome-note.replacement{color:#6841a5}
.customer-table-card td:nth-child(3){min-width:150px;color:#66717d}
.customer-table-card td:nth-child(4){min-width:220px;white-space:normal;overflow-wrap:anywhere}

.row-delete{margin-left:5px;border:1px solid #f3c7c5;background:#fff;color:#b42318;border-radius:6px;width:26px;height:26px;font-size:16px;line-height:1;cursor:pointer}.row-delete:hover{background:#fdebea}.draft-status-select{max-width:185px}

#onlineGate{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#eef1f5;font:14px Arial,sans-serif;color:#152035}
.online-card{width:min(400px,calc(100vw - 40px));padding:32px;background:white;border:1px solid #dde2e9;border-radius:12px;box-shadow:0 12px 40px #17253b20}
.online-card h1{margin:0 0 8px}.online-card p{color:#637187}.online-card label{display:block;margin-top:16px;font-weight:600}.online-card input{box-sizing:border-box;width:100%;margin-top:6px;padding:11px;border:1px solid #cbd5e2;border-radius:6px}.online-card button,#onlineBar button{border:0;border-radius:6px;background:#4f70ff;color:white;padding:10px 16px;cursor:pointer}.online-card button{margin-top:20px;width:100%}#onlineError{color:#b3333b!important;min-height:1.5em}
#onlineBar{position:sticky;top:0;z-index:500;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:6px 24px;background:#edf2ff;border-bottom:1px solid #ccd8ff;font:12px Arial,sans-serif;color:#34415c}.online-import{cursor:pointer}.online-import input{display:none}