/* Personal appearance and settings tools. Customer document sheets remain white. */
:root{--ui-page:#f5f7fa;--ui-surface:#fff;--ui-raised:#f0f4f9;--ui-ink:#192331;--ui-muted:#738092;--ui-line:#e7ebf0;--ui-accent:#075bd8;--ui-hover:#edf5ff}
.brand:has(.dms-logo){padding:12px 0;min-height:56px;flex-shrink:0;letter-spacing:0}.dms-logo{display:block;width:100%;height:auto;overflow:hidden;stroke:none}.dms-wordmark-dark{display:none}[data-theme=dark] .dms-wordmark-dark{display:block}.account-brand{width:210px;max-width:100%;margin:0 0 22px}
/* Optical alignment with Dashboard balances the heavier wordmark on the right. */
aside>.brand>.dms-logo{transform:translateX(-6px)}
.inventory-tiles{grid-auto-rows:1fr;align-items:stretch}.inventory-unit-tile{display:flex;flex-direction:column;height:100%;min-width:0}.inventory-tile-photo{display:block;height:155px;min-height:155px;flex:0 0 155px}.inventory-no-photo.inventory-tile-photo{display:grid}.inventory-tile-content{display:flex;flex:1;flex-direction:column;min-width:0}.inventory-tile-content>.pill{align-self:flex-start}.inventory-tile-title strong{display:block}.inventory-tile-owner{margin:14px 0 0!important}.inventory-tile-footer{margin-top:auto;padding-top:19px}.inventory-tile-footer .inventory-tile-price{margin:0 0 16px;min-height:29px;line-height:1.3;white-space:nowrap;font-size:22px}.inventory-tile-footer .inventory-record-actions{min-height:36px;align-items:center}
.settings-tools{border-bottom:1px solid var(--ui-line);padding-bottom:24px;margin-bottom:25px}.settings-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:17px}.settings-tool{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid var(--ui-line);border-radius:13px;background:var(--ui-surface);color:var(--ui-ink);padding:18px;min-height:85px}.settings-tool:hover{background:var(--ui-hover);border-color:#a3c3e8}.settings-tool>span:last-child{margin-left:auto;color:var(--ui-muted);font-size:22px}.settings-tool strong,.settings-tool small{display:block}.settings-tool strong{font-size:14px;font-weight:600}.settings-tool small{font-size:11px;color:var(--ui-muted);margin-top:7px;line-height:1.4}.settings-tool-icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;background:var(--ui-raised);color:var(--ui-accent);border-radius:11px;font-size:25px}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.theme-option{padding:17px;border:2px solid var(--ui-line);border-radius:15px;background:var(--ui-surface);color:var(--ui-ink);text-align:left}.theme-option.selected{border-color:#1873eb}.theme-option strong,.theme-option small{display:block;margin-top:12px}.theme-option strong{font-size:15px}.theme-option small{font-size:12px;color:var(--ui-muted);line-height:1.4;margin-top:5px}.theme-sample{height:120px;display:grid;grid-template-columns:25% 1fr;border:1px solid #dce2ea;border-radius:9px;overflow:hidden}.theme-sample>span:first-child{background:#fff;border-right:1px solid #e2e7ee}.theme-sample>span:last-child{display:grid;gap:9px;padding:18px;background:#f2f5fa}.theme-sample i{display:block;background:#fff;border:1px solid #e1e6ed;border-radius:5px}.theme-sample i:first-child{background:#1674ec;border-color:#1674ec}.theme-sample-dark{border-color:#3a4453}.theme-sample-dark>span:first-child{background:#1c222c;border-color:#313b4a}.theme-sample-dark>span:last-child{background:#11161d}.theme-sample-dark i{background:#222c39;border-color:#354354}.theme-sample-dark i:first-child{background:#216fd6;border-color:#216fd6}.export-summary{padding:22px;border:1px solid var(--ui-line);border-radius:13px;background:var(--ui-raised)}.export-summary>strong{display:block;font-size:27px;letter-spacing:-.5px}.export-summary p{font-size:14px;line-height:1.5;margin:12px 0}.export-summary small{font-size:12px;color:var(--ui-muted)}
:root[data-theme=dark]{color-scheme:dark;--ui-page:#10151d;--ui-surface:#1b222d;--ui-raised:#252f3d;--ui-ink:#e8edf5;--ui-muted:#a1aec1;--ui-line:#354152;--ui-accent:#79b4ff;--ui-hover:#243851;--blue:#80b8ff;--muted:#a1aec1;--line:#354152;background:var(--ui-page);color:var(--ui-ink)}
[data-theme=dark] body,[data-theme=dark] .shell,[data-theme=dark] main{background:var(--ui-page);color:var(--ui-ink)}
[data-theme=dark] :is(aside,.shell>header,.card,.quick,.lane,.job-card,.selection-card,.customer-result,.register-cart,.retail-item,.message-history-card,.inventory-unit-tile,.unit-document,.unit-media-card,.ro-empty,.accounting-detail,.accounting-section,.team-notification-row,.service-alert-card,.picker-results,.scan-part,.unit-field-group,.accounting-panel,#modal,.modal-head,.modal-body,.modal-foot,.modal-footer,.signin-card,.profile-panel){background:var(--ui-surface);border-color:var(--ui-line);color:var(--ui-ink)}
[data-theme=dark] :is(h1,h2,h3,h4,.row-main strong,.customer-cell strong,.card-title,.job-card h3,.selection-card strong,.inventory-unit-cell strong,.unit-price,.job-total strong,.accounting-metrics strong,.settings-button,.profile,.brand){color:var(--ui-ink)}
[data-theme=dark] :is(.info,.muted,.label,.eyebrow,.demo-note,.sample,.back,.workspace-label,.row-main small,.customer-cell small,.inventory-unit-cell small,.inventory-item-row small,.ro-contact,.ro-facts dt,.ro-facts dd,.ro-work-line small,.ro-work-line>span,.activity-list small,.po-preview-notice,.inventory-tile-content>p,.history-summary,.history-pagination,.accounting-notes,.accounting-footnote,.accounting-panel-head p,.scan-intro,.unit-photo-caption>small,.unit-document-info small,.list-footer,.notification-setup,.notification-setup strong,.team-role-description,.picker-results small){color:var(--ui-muted)}
[data-theme=dark] :is(input,select,textarea){background:#111a25;color:var(--ui-ink);border-color:#455269}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#8594a8}[data-theme=dark] :is(input,select,textarea):focus{border-color:#6caaff;outline-color:#6caaff}[data-theme=dark] :is(input,button,select):disabled{opacity:.55}
[data-theme=dark] .btn{background:#293546;color:#e1eaf8;border-color:#43536b}[data-theme=dark] .btn:hover{background:#344963;border-color:#6b87ab}[data-theme=dark] .btn.primary{background:#126bde;color:#fff;border-color:#2879e2}[data-theme=dark] .btn.primary:hover{background:#237cef}[data-theme=dark] .btn.danger{background:#412831;color:#ffc2c5;border-color:#86505b}[data-theme=dark] .link,[data-theme=dark] a.back{color:#88bcff}[data-theme=dark] .reset{color:#b8c5d7}
[data-theme=dark] nav a{color:#b2c0d3}[data-theme=dark] nav a.active{background:#203b5e;color:#94c5ff}[data-theme=dark] nav a:hover{background:#273548}[data-theme=dark] :is(.segmented,.stage-tabs,.advanced-item summary,.ro-quick-actions button,.item-monogram,.empty-work-icon,.scan-notice,.upload-tile,.message,.notification-setup,.alert-deliveries>div,.unit-document-icon,.avatar,.boat-icon){background:var(--ui-raised);color:#bfd2ee;border-color:var(--ui-line)}
[data-theme=dark] .segmented button{background:transparent;color:#aabbd1}[data-theme=dark] .segmented button.selected{background:#365273;color:#fff;box-shadow:0 1px 4px #0004}[data-theme=dark] .stage-tabs .active{color:#9ac7ff;border-color:#7fb6ff}[data-theme=dark] .pill{background:#314766;color:#c1d9f9}[data-theme=dark] .pill.gray{background:#313d4e;color:#c2ccdb}[data-theme=dark] .pill.green{background:#234b3e;color:#b4e3cd}[data-theme=dark] .pill.amber{background:#594b2e;color:#ffe2a6}[data-theme=dark] .pill.red{background:#582f38;color:#ffbec8}
[data-theme=dark] :is(th,.inventory-table th){background:#202a37;color:#acbcd1}[data-theme=dark] :is(td,th,.row,.ro-lines,.ro-work-line,.ro-facts>div,.job-controls,.inventory-item-row,.inventory-pagination,.inventory-filter-rail){border-color:var(--ui-line)}[data-theme=dark] .inventory-filter-rail button{color:#aabbd0}[data-theme=dark] .inventory-filter-rail button.selected{color:#94c4ff;border-color:#78b6ff}[data-theme=dark] .inventory-filter-rail button span{background:#313f52;color:#b5c4d8}[data-theme=dark] .inventory-filter-rail button.selected span{background:#2c5685;color:#e1efff}[data-theme=dark] :is(.inventory-table tbody tr,.inventory-item-row,.row,.customer-result,.selection-card):hover,[data-theme=dark] :is(.inventory-table tbody tr,.inventory-item-row):focus-within{background:var(--ui-hover)}[data-theme=dark] .inventory-tile-photo,[data-theme=dark] .inventory-list-photo{background:#263141;color:#96a7bf}[data-theme=dark] .inventory-unit-tile:hover{border-color:#6e9aca}[data-theme=dark] .inventory-record-actions .inventory-delete{color:#b6c3d5}[data-theme=dark] .unit-photo-badge{background:#1c2939ed;color:#cde2ff}
[data-theme=dark] .dashboard-actions-modern .quick{background:linear-gradient(155deg,#174e97,#102e56);color:#f2f7ff;border-color:#356298}[data-theme=dark] .dashboard-actions-modern .quick strong{color:#f2f7ff}[data-theme=dark] .dashboard-actions-modern .quick .icon{background:#ffffff12;color:#b4d9ff}[data-theme=dark] .sidebar-bottom .profile .profile-dealer-logo,[data-theme=dark] .brand .dealership-logo{background:#fff;border-radius:10px;padding:6px}[data-theme=dark] .settings-icon{background:linear-gradient(145deg,#677586,#455366);color:#e3ebf7}
[data-theme=dark] :is(.warning,.estimate-note,.scan-notice,.unit-readiness){background:#433b29;color:#f5d599;border-color:#776039}[data-theme=dark] :is(.unit-readiness.ready,.service-approval-banner){background:#213d34;color:#b9e3cf;border-color:#436e5c}[data-theme=dark] [role=alert]:not(:empty){background:#422832;color:#ffb7c1}[data-theme=dark] .service-alert-card.unread{background:#1c3047;border-color:#4876a3}[data-theme=dark] .selected-message{background:#253c58;border-color:#76a7e3}[data-theme=dark] .accounting-metrics{background:#172431;color:#e2edf8}[data-theme=dark] .accounting-panel-head{background:#1c2a3a}[data-theme=dark] .accounting-alert{background:#413728;color:#f6d495}[data-theme=dark] .modal-head{border-color:var(--ui-line)}[data-theme=dark] :is(.modal-foot,.modal-footer){border-color:var(--ui-line)}[data-theme=dark] .close,[data-theme=dark] .modal-back{background:#2c394b;color:#c7d8f0}[data-theme=dark] #workspace-loading{background:var(--ui-page);color:var(--ui-ink)}[data-theme=dark] .purchase-dialog .modal-body{background:#111923}[data-theme=dark] .po-preview-notice .segmented{background:#263244}[data-theme=dark] .export-summary{background:var(--ui-raised)}
@media(max-width:650px){.settings-tool-grid{grid-template-columns:1fr}.theme-options{gap:10px}.theme-option{padding:12px}.theme-sample{height:94px}.theme-option small{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* The agreement preview shares the PDF drawing plan and is isolated from app header rules. */
@font-face{font-family:AgreementRegular;src:url('/fonts/agreement-regular.ttf') format('truetype');font-display:block}@font-face{font-family:AgreementBold;src:url('/fonts/agreement-bold.ttf') format('truetype');font-display:block}@font-face{font-family:AgreementItalic;src:url('/fonts/agreement-italic.ttf') format('truetype');font-display:block}@font-face{font-family:AgreementNarrow;src:url('/fonts/agreement-narrow.ttf') format('truetype');font-display:block}
.purchase-order.po-sheet{padding:0!important;max-width:100%;width:100%;background:#fff!important;color:#000!important;line-height:normal;border-radius:0;overflow:hidden}.purchase-order.po-sheet[hidden]{display:none}.agreement-page{display:block!important;width:100%!important;height:auto!important;max-width:none!important;fill:none;stroke:none;stroke-width:0;border:0;flex-shrink:1}.agreement-page text{font-weight:400;font-style:normal;font-kerning:none;font-variant-ligatures:none;letter-spacing:0;word-spacing:0;stroke:none;fill:#000}.agreement-page .ag-font-regular{font-family:AgreementRegular,Arial,sans-serif}.agreement-page .ag-font-bold{font-family:AgreementBold,Arial,sans-serif}.agreement-page .ag-font-italic{font-family:AgreementItalic,Arial,sans-serif}.agreement-page .ag-font-narrow{font-family:AgreementNarrow,Arial,sans-serif}.po-sheet>.po-full-equipment{padding:18px 25px;margin:0;border-top:1px solid #dce2ea;background:#f7f9fc;color:#526274}.po-sheet>.po-full-equipment summary{color:#1268c2}.po-sheet>.po-full-equipment .link{color:#1268c2}.po-sheet .agreement-dealer-name{margin:0}.purchase-dialog .modal-body{padding:20px}

/* Keep secondary surfaces and dense service tables consistent with the selected mode. */
[data-theme=dark] :is(.attention,.line-item.head,.selected-buyer,.quantity-control button,.scan-drop,.approval-prep,.access-notice,.tender-remainder,.unit-file-picker,.money-entry[readonly]){background:var(--ui-raised);color:var(--ui-ink);border-color:var(--ui-line)}[data-theme=dark] .service-table tr:nth-child(even){background:#202a37}[data-theme=dark] .service-table tbody tr:hover,[data-theme=dark] .retail-item:hover{background:var(--ui-hover)}[data-theme=dark] .view-options label:has(input:checked){background:#243851;border-color:#7297c5}[data-theme=dark] .remove-item{background:#354152;color:#ced9e8}[data-theme=dark] .checkout-receipt{background:#213d34;color:#c2e3d3}[data-theme=dark] .service-approval-banner.none{background:#422b32;color:#ffbdc8;border-color:#70434c}
[data-theme=dark] :is(p,label,.lane-head,.age-pill,.sort-heading,.service-table th button,.history-table .sort-heading,.job-time-summary,.activation-status,#unit-upload-status){color:var(--ui-muted)}[data-theme=dark] :is(.summary-line strong,.job-time-summary strong,.accounting-notes strong,.view-options label){color:var(--ui-ink)}[data-theme=dark] :is(.scan-step,.required-mark,.scan-profit,.accounting-toggle,.accounting-detail>summary,.service-alerts-button,.tender-total){color:#95c4ff}[data-theme=dark] :is(.steps span.done,.alert-approved,.paid-confirmation){color:#abe0c5}[data-theme=dark] .steps span{color:#bac9dc}

/* Connected email follows the same compact, high-contrast controls in both themes. */
.microsoft-mark{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;width:26px;height:26px;flex-shrink:0}.microsoft-mark i:nth-child(1){background:#f25022}.microsoft-mark i:nth-child(2){background:#7fba00}.microsoft-mark i:nth-child(3){background:#00a4ef}.microsoft-mark i:nth-child(4){background:#ffb900}.email-settings-entry{width:100%;margin-bottom:22px}.mail-connection{padding:24px;border:1px solid var(--ui-line);border-radius:18px;background:var(--ui-surface)}.mail-connection-heading{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.mail-connection-heading>div{flex:1;min-width:150px}.mail-connection-heading h2{margin:0}.mail-connection-heading p{margin:7px 0 0}.mail-account{display:flex;flex-direction:column;gap:7px;padding:20px 0 4px;overflow-wrap:anywhere}.mail-account span{color:var(--ui-muted);font-size:14px}.mail-activation{background:var(--ui-raised);border-radius:12px;padding:17px;font-size:14px;line-height:1.6}.mail-activation p{margin:0 0 12px}.mail-activation p:last-child{margin-bottom:0}.mail-activation strong{display:block;margin-bottom:7px}.mail-explainer{font-size:13px;line-height:1.65;color:var(--ui-muted)}.mail-explainer h3{color:var(--ui-ink)}.microsoft-connect{gap:12px;min-height:48px}.microsoft-connect .microsoft-mark{width:20px;height:20px;gap:2px}.mail-history-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.mail-message-list{display:flex;flex-direction:column;gap:14px}.mail-message{border:1px solid var(--ui-line);border-radius:14px;padding:20px;background:var(--ui-surface);overflow-wrap:anywhere}.mail-message .card-title{gap:10px;flex-wrap:wrap}.mail-message .card-title strong{font-size:13px}.mail-message h3{font-size:15px;margin-top:18px}.mail-message .message-body{white-space:pre-wrap;line-height:1.65;font-size:14px;max-height:480px;overflow-y:auto}.mail-message small{color:var(--ui-muted);font-size:11px}.mail-outgoing{border-left:3px solid var(--ui-accent)}.mail-empty{text-align:center;padding:36px 18px;color:var(--ui-muted);line-height:1.6}.mail-empty h3{color:var(--ui-ink)}.mail-compose-from{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:15px 18px;background:var(--ui-raised);border-radius:12px;font-size:13px;overflow-wrap:anywhere}.mail-send-confirmation{padding:16px;background:var(--ui-raised);border-radius:12px;line-height:1.6}.mail-connection .actions{flex-wrap:wrap}@media(max-width:600px){.mail-connection{padding:18px}.mail-connection .actions>.btn{width:100%}.mail-message{padding:16px}}

/* Unified Sales navigation and records. */
.sales-tabs{display:flex;gap:6px;padding:6px;background:var(--surface-soft,#edf1f5);border-radius:16px;margin:0 0 24px;max-width:620px}
.sales-tabs a{flex:1;white-space:nowrap;text-align:center;padding:12px 15px;border-radius:11px;color:inherit;text-decoration:none;font-weight:600}
.sales-tabs a.selected{background:var(--card,#fff);color:#0874d1;box-shadow:0 2px 7px #0000000b}
.sales-record-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:24px}
.sales-record-heading h2{margin:8px 0}.sales-record-table{width:100%;border-collapse:collapse}.sales-record-table td,.sales-record-table th{padding:16px;text-align:left;border-bottom:1px solid var(--line,#e7ebef)}.sales-record-table th{font-size:12px;color:var(--muted,#667788)}.sales-record-table tr[tabindex]{cursor:pointer}.sales-record-table tr[tabindex]:hover,.sales-record-table tr[tabindex]:focus{background:#0874d10b;outline:2px solid transparent}.sales-record-table small{display:block;margin-top:5px;color:var(--muted,#667788)}
[data-theme="dark"] .sales-tabs{background:#192431}[data-theme="dark"] .sales-tabs a.selected{background:#2b3d50;color:#89c8ff}
@media(max-width:700px){.sales-tabs a{padding:12px 5px}.sales-record-table td,.sales-record-table th{padding:10px;font-size:12px}.sales-record-table td:last-child,.sales-record-table th:last-child{display:none}}

/* Pipeline cards keep shared baselines regardless of name, interest or service badge. */
.crm-board .job-card{height:282px;display:flex;flex-direction:column;overflow:hidden;gap:0}
.crm-board .job-card .avatar{flex:0 0 30px}
.crm-board .job-card h3{height:42px;min-height:42px;margin:12px 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.crm-board .job-card p{height:36px;min-height:36px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.crm-board .job-card .crm-card-status{height:36px;min-height:36px;display:flex;align-items:center;overflow:hidden}
.crm-board .job-card .crm-card-status .pill{max-height:34px;overflow:hidden}
.crm-board .job-card .bottom{margin-top:auto;flex:0 0 53px;width:100%}
.crm-board .job-card .bottom span{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:700px){.crm-board .job-card{height:244px}.crm-board .job-card h3{margin-top:6px}}
/* Sales inquiry inbox */
.lead-inbox-table{table-layout:fixed;width:100%}.lead-inbox-table td,.lead-inbox-table th{overflow-wrap:anywhere;white-space:normal}.lead-inbox-table th button{text-align:left;font:inherit;font-weight:600}.lead-inquiry{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.lead-inbox-table tr:focus-visible{outline:2px solid var(--blue,#1677ff);outline-offset:-2px}@media(max-width:760px){.lead-inbox-table th:nth-child(3),.lead-inbox-table td:nth-child(3),.lead-inbox-table th:nth-child(4),.lead-inbox-table td:nth-child(4),.lead-inbox-table th:nth-child(5),.lead-inbox-table td:nth-child(5){display:none}.sales-tabs{flex-wrap:nowrap;overflow-x:auto}}

/* Let the page and individual pipeline columns both scroll naturally. */
.crm-board{overflow:visible}
.crm-board .lane{height:max(620px,85dvh);overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:auto}
@media(max-width:700px){.crm-board .lane{height:max(520px,80dvh)}}

.directory-bulk{padding:16px;flex-wrap:wrap;border-bottom:1px solid var(--line,#ddd)}.directory-check{width:42px!important;min-width:42px!important;text-align:center}.directory-check input{width:18px!important;height:18px;accent-color:#0879ee;cursor:pointer}.directory-delete-review{max-height:45vh;overflow:auto;margin-top:20px}.directory-delete-review p{padding:10px 0;border-bottom:1px solid var(--line,#ddd)}

.import-review-tabs{display:flex;flex-wrap:wrap;gap:4px}.import-review-tabs button{white-space:normal}.import-review-list .card-title{flex-wrap:wrap;gap:12px}
/* A compact email composer, using the same surfaces as the dealership workspace. */
.mail-recipient-heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0 8px}.mail-recipient-heading label{margin:0}.mail-copy-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.mail-copy-fields[hidden]{display:none}.mail-copy-fields .info{grid-column:1/-1;margin:0}
.mail-editor-shell{border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-surface);overflow:hidden}.mail-format-toolbar{display:flex;gap:4px;padding:7px 9px;border-bottom:1px solid var(--ui-line);background:var(--ui-raised);flex-wrap:wrap}.mail-format-toolbar button{min-width:36px;min-height:34px;border:0;border-radius:7px;background:transparent;color:var(--ui-ink);cursor:pointer;padding:5px 9px;font-size:14px}.mail-format-toolbar button:hover{background:var(--ui-hover)}.mail-format-toolbar button:focus-visible{outline:2px solid var(--ui-accent)}.mail-rich-editor{min-height:180px;max-height:360px;overflow-y:auto;padding:18px;font-size:16px;line-height:1.6;outline:none;overflow-wrap:anywhere;color:var(--ui-ink);white-space:pre-wrap}.mail-rich-editor:focus{box-shadow:inset 0 0 0 2px var(--ui-accent)}.mail-rich-editor p,.mail-signature-text p{margin:0 0 10px}.mail-rich-editor ul,.mail-rich-editor ol,.mail-signature-text ul,.mail-signature-text ol{padding-left:24px}.mail-rich-editor a,.mail-signature-text a{color:var(--ui-accent);text-decoration:underline}.mail-signature-editor{min-height:135px}.mail-signature-box{border-bottom:1px solid var(--ui-line);padding:16px 0;margin-bottom:18px}.mail-signature-box .card-title{gap:16px;flex-wrap:wrap}.mail-signature-box .check{margin:0}.mail-signature-text{font-size:14px;line-height:1.65}.mail-signature-logo{display:block;width:180px;max-height:90px;object-fit:contain;object-position:left center;margin-top:12px}.mail-signature-preview-card{border:1px solid var(--ui-line);border-radius:14px;padding:20px;background:var(--ui-surface)}#mail-signature-preview{margin:18px 0 12px}#signature-settings-preview{margin-top:14px}.mail-signature-box [hidden]{display:none}.mail-attachments-panel .card-title{align-items:center;gap:12px;flex-wrap:wrap}.mail-attachments-panel small{font-size:12px;color:var(--ui-muted)}.mail-attachments-panel .actions{flex-wrap:wrap;gap:8px}.mail-attachments-panel .info{line-height:1.5;font-size:13px}.mail-attachment-row{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:8px 0;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-raised)}.mail-attachment-file{min-width:0;flex:1}.mail-attachment-file>a,.mail-attachment-file>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:var(--ui-ink);font-weight:500}.mail-attachment-file small{display:block;margin-top:5px;line-height:1.4}.mail-attachment-file small[role=alert]{color:var(--red,#ad3b4b)}.mail-remove-file{border:0;border-radius:8px;font-size:23px;background:transparent;color:var(--ui-muted);width:34px;height:34px;cursor:pointer}.mail-remove-file:hover{background:var(--ui-hover)}.mail-file-button{position:relative;overflow:hidden;cursor:pointer;display:inline-flex!important;margin:0!important}.mail-file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.mail-file-button:focus-within{outline:2px solid var(--ui-accent);outline-offset:2px}.mail-saved-file-list{max-height:440px;overflow-y:auto;margin-top:18px}.mail-saved-file{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:16px;text-align:left;border:0;border-bottom:1px solid var(--ui-line);background:var(--ui-surface);color:var(--ui-ink);cursor:pointer}.mail-saved-file:hover{background:var(--ui-hover)}.mail-saved-file>span:first-child{min-width:0}.mail-saved-file strong,.mail-saved-file small{display:block;overflow-wrap:anywhere}.mail-saved-file strong{font-size:14px}.mail-saved-file small{font-size:12px;color:var(--ui-muted);margin-top:5px}.mail-saved-file>span:last-child{color:var(--ui-accent);font-weight:600}.mail-history-files{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.mail-history-files a{font-size:13px;background:var(--ui-raised);border:1px solid var(--ui-line);padding:10px 12px;border-radius:10px;max-width:100%;overflow-wrap:anywhere}
@media(max-width:600px){.mail-copy-fields{grid-template-columns:1fr}.mail-rich-editor{padding:14px}.mail-attachments-panel .actions>.btn{flex:1 1 130px;justify-content:center}.mail-compose-from{padding:12px 14px}.mail-signature-box .card-title .link{font-size:13px}}

/* Logo controls and the same compact signature block used in sent emails. */
.mail-logo-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px 26px;padding:20px;margin-top:14px;border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-raised)}.mail-logo-controls[hidden]{display:none}.mail-logo-control-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;margin-bottom:10px}.mail-logo-control-label label{margin:0}.mail-logo-control-label output{font-size:13px;color:var(--ui-muted);white-space:nowrap}.mail-logo-controls input[type=range]{display:block;width:100%;min-height:28px;padding:0;margin:0;accent-color:var(--ui-accent);cursor:pointer}.mail-logo-controls .segmented{display:flex;width:100%}.mail-logo-controls .segmented button{flex:1;font-size:14px;padding:10px 12px}.mail-logo-controls .segmented button[aria-pressed=true]{background:var(--ui-accent);color:#fff}.mail-signature-layout{margin:0!important;background:transparent!important}.mail-signature-layout>tbody>tr,.mail-signature-layout>tbody>tr:hover,.mail-signature-layout>tbody>tr>td{background:transparent!important;cursor:default}.mail-signature-layout .mail-signature-logo{max-height:none;object-fit:contain}.mail-signature-layout td{white-space:normal;overflow-wrap:anywhere}.mail-signature-layout .mail-signature-text p{margin:0 0 10px}@media(max-width:600px){.mail-logo-controls{grid-template-columns:1fr;padding:16px}.mail-logo-controls .segmented button{min-height:44px}}
/* Source and visual views of authored email HTML. Imported markup cannot style the app. */
.mail-editor-mode{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 12px;border-bottom:1px solid var(--ui-line);background:var(--ui-surface)}.mail-editor-mode .segmented{display:flex}.mail-editor-mode button{font-size:14px;padding:9px 15px}.mail-editor-mode button[aria-pressed=true]{background:var(--ui-accent);color:#fff}.mail-html-file{position:relative;overflow:hidden;display:inline-flex;margin:0!important;align-items:center;min-height:40px;white-space:nowrap;font-size:14px;cursor:pointer}.mail-html-file input{position:absolute;inset:0;opacity:0;cursor:pointer}.mail-html-file:focus-within{outline:2px solid var(--ui-accent);outline-offset:2px}.mail-editor-shell [hidden]{display:none}.mail-html-source{display:block;width:100%;box-sizing:border-box;min-height:240px;max-height:440px;resize:vertical;border:0!important;border-radius:0!important;padding:16px!important;font:14px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace!important;tab-size:2;white-space:pre;overflow:auto;color:var(--ui-ink);background:var(--ui-surface)}.mail-html-panel>.info{padding:0 16px 12px;font-size:13px;line-height:1.5}.mail-html-error:empty{display:none}.mail-html-error{padding:0 16px;color:var(--red,#ad3b4b);font-size:14px}.mail-html-surface{overflow:auto;isolation:isolate;white-space:normal}.mail-html-surface table,.mail-signature-text table{width:auto;max-width:100%;table-layout:auto;margin:0;border-collapse:collapse}.mail-html-surface td,.mail-html-surface th,.mail-signature-text td,.mail-signature-text th{padding:0;border:0;white-space:normal;color:inherit;font:inherit;vertical-align:top}.mail-html-surface tr,.mail-html-surface tr:hover,.mail-signature-text tr,.mail-signature-text tr:hover{cursor:text}.mail-html-surface img,.mail-signature-text img{max-width:100%;height:auto}.mail-html-surface p,.mail-signature-text p{margin:0 0 10px}.mail-html-surface a,.mail-signature-text a{overflow-wrap:anywhere}.mail-signature-preview-card{overflow:auto}.mail-html-surface h1,.mail-html-surface h2,.mail-html-surface h3{line-height:1.25;letter-spacing:normal}.mail-html-surface h1{font-size:28px}.mail-html-surface h2{font-size:24px}.mail-html-surface h3{font-size:20px}