@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,Segoe UI,sans-serif;color:#233248;background:#f4f6fa;font-size:calc(14px * var(--crm-font-scale, 1.2))}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{cursor:pointer}button{border:1px solid #dce2eb;background:white;border-radius:8px;padding:10px 15px;color:#34435a;font-weight:700}button:hover{background:#edf2fa}.primary{background:#3364e9;color:white;border-color:#3364e9}.primary:hover{background:#2753cb}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#13233b;color:#9eafc6;padding:30px 20px;display:flex;flex-direction:column}.brand{color:white;font-size:calc(24px * var(--crm-font-scale, 1.2));letter-spacing:-1px;font-weight:800}.brand i{font-style:normal;color:#79a0ff}.brand small{display:block;font-size:calc(10px * var(--crm-font-scale, 1.2));letter-spacing:3px;color:#7c91ad;margin:6px 0 40px}.nav{display:flex;flex-direction:column;gap:7px}.nav button{text-align:left;background:none;border:0;color:#b9c6d9;padding:14px}.nav button.active{background:#294264;color:white}.nav button span{margin-right:12px;font-size:calc(18px * var(--crm-font-scale, 1.2))}.sidebar footer{margin-top:auto;font-size:calc(12px * var(--crm-font-scale, 1.2));line-height:1.8}.demo-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#73d6b0;margin-right:6px}.main{margin-left:230px}.topbar{height:78px;background:white;border-bottom:1px solid #e4e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.crumb{color:#8591a4;font-size:calc(12px * var(--crm-font-scale, 1.2))}.user{display:flex;gap:12px;align-items:center}.avatar{background:#e9efff;color:#3a60bc;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-weight:800}.content{padding:32px 36px;max-width:1600px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:15px}h1{font-size:calc(28px * var(--crm-font-scale, 1.2));letter-spacing:-1px;margin:0 0 6px}h2{font-size:calc(18px * var(--crm-font-scale, 1.2));margin:0 0 20px}h3{font-size:calc(14px * var(--crm-font-scale, 1.2));margin:0 0 15px}.muted{color:#8390a3}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.stat{background:white;border:1px solid #e4e8f0;border-radius:12px;padding:22px}.stat strong{display:block;font-size:calc(30px * var(--crm-font-scale, 1.2));margin-top:12px;letter-spacing:-1px}.stat small{color:#8290a4}.stat .icon{float:right;background:#eef3ff;color:#426fdf;border-radius:10px;padding:9px}.panel{background:white;border:1px solid #e2e7ef;border-radius:12px;margin-bottom:22px;overflow:hidden}.panel-body{padding:24px}.toolbar{display:flex;gap:12px;padding:18px 22px;border-bottom:1px solid #e8ecf2;align-items:center;flex-wrap:wrap}.search{min-width:240px;flex:1}.toolbar input,.toolbar select{max-width:330px}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.tabs button{background:transparent;border:0;font-size:calc(12px * var(--crm-font-scale, 1.2));color:#7c899d}.tabs button.active{background:#e6edff;color:#3562ce}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:calc(10px * var(--crm-font-scale, 1.2));text-transform:uppercase;letter-spacing:1px;color:#8290a3;background:#fafbfd;font-weight:800;padding:15px 20px}td{padding:18px 20px;border-top:1px solid #edf0f5;font-size:calc(13px * var(--crm-font-scale, 1.2))}tbody tr[data-open]:hover{background:#f6f9ff;cursor:pointer}td strong{display:block;font-size:calc(13px * var(--crm-font-scale, 1.2))}td small{display:block;color:#8c98a9;margin-top:4px}.num{color:#3968da;font-weight:800}.badge{display:inline-block;border-radius:6px;padding:5px 9px;background:#edf2fb;color:#657a9b;font-size:calc(11px * var(--crm-font-scale, 1.2));font-weight:700;white-space:nowrap}.badge.green{color:#228b69;background:#e8f7ef}.badge.orange{color:#b38128;background:#fff5df}.badge.blue{color:#3f6ed6;background:#ebf1ff}.table-wrap{overflow:auto}.table-footer{padding:16px 22px;color:#8a97a9;font-size:calc(12px * var(--crm-font-scale, 1.2));border-top:1px solid #e8ecf2}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-grid{display:grid;grid-template-columns:1fr 310px;gap:22px}label{display:block;color:#77859a;font-size:calc(12px * var(--crm-font-scale, 1.2));font-weight:600;margin-bottom:14px}input,select,textarea{display:block;width:100%;border:1px solid #dde3ed;border-radius:7px;background:white;color:#233248;padding:10px 12px;margin-top:6px;outline:none}input:focus,textarea:focus,select:focus{border-color:#6388ef;box-shadow:0 0 0 3px #edf2ff}textarea{min-height:90px;resize:vertical}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.wide{grid-column:1/-1}.item-row{display:grid;grid-template-columns:1fr 70px 110px 35px;gap:8px;align-items:center;margin-bottom:8px}.item-row input{margin:0}.item-row button{padding:9px}.total{text-align:right;font-size:calc(20px * var(--crm-font-scale, 1.2));font-weight:800;padding:20px 0 0}.note{border-radius:8px;background:#f0f4fc;color:#60738d;font-size:calc(12px * var(--crm-font-scale, 1.2));padding:12px;line-height:1.7}.file{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e4e9f1;border-radius:8px;margin:10px 0;text-decoration:none;color:#3b5e9c}.file img{width:50px;height:50px;object-fit:cover;border-radius:5px}.timeline{font-size:calc(12px * var(--crm-font-scale, 1.2));padding:12px 0;border-bottom:1px solid #edf0f5;line-height:1.7}.timeline small{display:block;color:#8c98aa}.empty{text-align:center;padding:40px;color:#8b98ab}#toast{position:fixed;right:25px;bottom:25px;background:#172c48;color:white;padding:15px 24px;border-radius:10px;display:none;z-index:10;max-width:500px}.invoice{max-width:900px;margin:0 auto;background:white;padding:44px;border:1px solid #e1e7f0;border-radius:10px}.invoice h1{font-size:calc(24px * var(--crm-font-scale, 1.2))}.invoice .grid{margin:35px 0}.invoice .summary{margin-left:auto;width:280px;line-height:2.2}.summary div{display:flex;justify-content:space-between}.invoice-footer{margin-top:40px;border-top:1px solid #ddd;padding-top:15px;color:#8190a3;font-size:calc(11px * var(--crm-font-scale, 1.2))}.settings{max-width:800px}.warn{background:#fff5df;color:#936d22;padding:12px;border-radius:8px;font-size:calc(12px * var(--crm-font-scale, 1.2));margin-bottom:20px}.button-link{color:#3567dc;text-decoration:none}.stat-link{cursor:pointer}.stat-link:hover{border-color:#a5b9ef}@media(max-width:1100px){.sidebar{width:190px}.main{margin-left:190px}.content{padding:25px 20px}.stats{gap:10px}.detail-grid{grid-template-columns:1fr}.topbar{padding:0 20px}}@media(max-width:700px){.sidebar{position:static;width:auto;padding:15px}.brand small,.sidebar footer{display:none}.nav{flex-direction:row;margin-top:12px;overflow:auto}.nav button{white-space:nowrap;padding:10px}.main{margin:0}.topbar{height:58px}.stats{grid-template-columns:1fr 1fr}.heading{align-items:flex-start}.grid{grid-template-columns:1fr}.content{padding:20px 12px}h1{font-size:calc(23px * var(--crm-font-scale, 1.2))}.item-row{grid-template-columns:1fr 55px 80px 30px}.invoice{padding:20px}.nav button span{display:none}}@media print{body{background:white}.sidebar,.topbar,.no-print,#toast{display:none!important}.main{margin:0}.content{padding:0}.invoice{border:0;padding:15px;max-width:none}.panel{border:0}.invoice h1{font-size:calc(24px * var(--crm-font-scale, 1.2))}a{color:inherit}}
@media print{.heading{display:none!important}}
.quick-filters-dialog .quick-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:6px;padding-top:10px}
.quick-filters-dialog .quick-status-choice{display:flex!important;justify-content:flex-start!important;align-items:center;gap:8px;margin:0;padding:8px 10px;min-height:38px;border:1px solid #e3e8f0;border-radius:7px;background:#fafbfd;font-size:calc(13px * var(--crm-font-scale, 1.2));line-height:1.3;cursor:pointer;box-sizing:border-box;color:#40516a}
.quick-filters-dialog input[type=checkbox]{width:16px!important;height:16px!important;min-height:0!important;flex:0 0 16px;margin:0!important;padding:0!important;cursor:pointer}
.quick-filters-dialog .quick-status-name{flex:1;min-width:0;text-align:left;overflow-wrap:anywhere}
.quick-filters-dialog .quick-status-choice:has(input:checked){background:#edf4ff;border-color:#8fb2e8;color:#214a85}
.quick-filters-dialog .quick-status-choice:hover{background:#f0f4fb;border-color:#a8bcdb}
@media(max-width:600px){.quick-filters-dialog .quick-status-grid{grid-template-columns:1fr}}
.repairs-panel .custom-columns-table td.repair-status-cell{width:1%;min-width:0;max-width:none;white-space:nowrap}
.repairs-panel .custom-columns-table .repair-status-cell .badge{max-width:none;white-space:nowrap;overflow-wrap:normal;box-sizing:border-box}
.direct-customer input{width:100%;min-width:0;box-sizing:border-box}
.direct-customer label>div{min-width:0}
.direct-customer #company-lookup{flex:0 0 34px;padding:4px;font-size:calc(23px * var(--crm-font-scale, 1.2))}
#theme-toggle{width:34px;height:34px;padding:0;font-size:calc(22px * var(--crm-font-scale, 1.2));flex-shrink:0}
@media screen{
html[data-theme=dark]{background:#141b27;color:#dae3f1}
html[data-theme=dark] body,html[data-theme=dark] .main,html[data-theme=dark] .sidebar{background:#141b27!important;color:#dae3f1!important}
html[data-theme=dark] .panel,html[data-theme=dark] .topbar,html[data-theme=dark] dialog,html[data-theme=dark] .tabs,html[data-theme=dark] .settings-tabs,html[data-theme=dark] .repair-tab-panes,html[data-theme=dark] .colored-status-options{background:#1d2736!important;color:#dae3f1!important;border-color:#39475c!important}
html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] button{background:#253247!important;color:#e0e8f5!important;border-color:#42536c!important;box-shadow:none}
html[data-theme=dark] input[readonly],html[data-theme=dark] input:disabled,html[data-theme=dark] select:disabled,html[data-theme=dark] textarea[readonly]{background:#202b3c!important;color:#c5d1e3!important}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#93a3bc}
html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] label,html[data-theme=dark] .brand,html[data-theme=dark] .user,html[data-theme=dark] .nav button{color:#dce6f7!important}
html[data-theme=dark] th,html[data-theme=dark] td,html[data-theme=dark] .toolbar,html[data-theme=dark] .panel>h2,html[data-theme=dark] .timeline,html[data-theme=dark] .history-entry,html[data-theme=dark] .column-option{border-color:#39475c!important}
html[data-theme=dark] th,html[data-theme=dark] .panel>h2,html[data-theme=dark] .repair-info-tabs,html[data-theme=dark] .repair-history-tabs,html[data-theme=dark] .item-labels{background:#243145!important;color:#c9d8ef!important}
html[data-theme=dark] td{color:#d8e2f2!important;background:transparent}
html[data-theme=dark] tr:hover td{background:#2b3b52!important}
html[data-theme=dark] .muted,html[data-theme=dark] small,html[data-theme=dark] .note,html[data-theme=dark] .nav-label,html[data-theme=dark] footer,html[data-theme=dark] .table-footer{color:#a5b6ce!important}
html[data-theme=dark] .employee-comment,html[data-theme=dark] .note,html[data-theme=dark] .file,html[data-theme=dark] .quick-status-choice,html[data-theme=dark] .repair-counter{background:#253247!important;color:#dce6f7!important;border-color:#42536c!important}
html[data-theme=dark] .nav button.active,html[data-theme=dark] button.active,html[data-theme=dark] .open-repair-tab.active,html[data-theme=dark] .quick-status-choice:has(input:checked){background:#314d71!important;color:#fff!important;border-color:#729ed9!important}
html[data-theme=dark] button:hover{background:#344963;color:#fff}
html[data-theme=dark] .primary{background:#3979dd!important;color:#fff!important;border-color:#3979dd!important}
html[data-theme=dark] a{color:#93bcff}
html[data-theme=dark] .top-tools button,html[data-theme=dark] .open-repair-tab,html[data-theme=dark] .repair-info-tabs button,html[data-theme=dark] .colored-status-trigger{background:#253247!important;color:#dae3f1!important;border-color:#42536c!important}
html[data-theme=dark] .quick-filters-dialog section{border-color:#42536c!important}
html[data-theme=dark] dialog::backdrop{background:#050b17bb}
/* Documents keep their paper appearance in either screen theme. */
html[data-theme=dark] .invoice{background:white!important;color:#17253b!important;color-scheme:light}
html[data-theme=dark] .invoice :is(h1,h2,h3,p,td,th,strong,span,div){color:#17253b!important}
}
.repairs-panel table.custom-columns-table{table-layout:auto!important;width:100%;min-width:100%}
.repairs-panel .custom-columns-table th[data-column],.repairs-panel .custom-columns-table td[data-column]{width:auto!important;min-width:0;max-width:none!important;white-space:nowrap;overflow:visible;text-overflow:clip}
.repairs-panel .custom-columns-table th[data-column]{white-space:nowrap}
.repairs-panel .custom-columns-table td[data-column] .badge{max-width:none;white-space:nowrap;overflow:visible;text-overflow:clip}
.repairs-panel .custom-columns-table td[data-column] .repair-cell-text{display:block}
.repairs-panel .custom-columns-table td:is([data-column=fault],[data-column=diagnosis],[data-column=work],[data-column=notes],[data-column=device],[data-column=client]) .repair-cell-text{max-width:340px;white-space:normal;overflow-wrap:break-word}
.repairs-panel .table-wrap{overflow-x:auto}
.direct-customer label.wholesale-customer-toggle{display:flex;align-items:center;gap:8px;grid-template-columns:none}
.direct-customer .wholesale-customer-toggle input{width:16px;height:16px;margin:0;flex:0 0 16px}
.device-panel .device-choice-fields{display:flex;flex-wrap:nowrap;gap:6px 12px;min-width:0;padding:6px 0;overflow-x:auto}
.device-panel label.device-choice{display:flex!important;align-items:center;gap:6px;padding:0!important;margin:0!important;font-weight:400;font-size:calc(12px * var(--crm-font-scale, 1.2));white-space:nowrap;grid-template-columns:none}
.device-panel .device-choice input[type=checkbox]{width:15px!important;height:15px;margin:0;flex:0 0 15px}
.device-panel .device-choice-other{flex:1 0 140px;width:auto;min-width:140px}
.device-panel label:has(>.device-choice-fields){position:relative}
.device-panel .device-choice-fields,.device-panel .device-choice-summary{grid-column:2;grid-row:1}
.device-panel:not(.is-editing) .device-choice-fields{display:flex;visibility:hidden;pointer-events:none}
.device-panel.is-editing .device-choice-summary{display:block;visibility:hidden;pointer-events:none}
.device-panel .device-choice-fields{min-height:47px;box-sizing:border-box;align-items:center}
.device-panel input:not([type=checkbox]):not([type=hidden]){box-sizing:border-box;height:35px}
.device-panel textarea[name=fault]{box-sizing:border-box;height:76px;min-height:76px}
@media(max-width:850px){.device-panel label:has(>.device-choice-fields){display:grid!important;grid-template-columns:140px minmax(0,1fr)}}
.device-panel .device-choice-summary{font-weight:400;line-height:1.4;white-space:normal}
.device-options-settings{margin-top:24px;border-top:1px solid #78889b55;padding-top:20px}
#device-option-editors{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:20px}
.device-option-row{display:flex;gap:6px;align-items:center;margin-bottom:8px}
.device-option-row input{min-width:0;flex:1}
.device-option-row button{padding:6px 10px}
.repair-photo-qr{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:16px 0;margin-bottom:16px;border-bottom:1px solid #8899aa55}
.repair-photo-qr h3{flex-basis:100%;margin:0}
.repair-photo-qr>div{flex:1;min-width:180px}
.repair-photo-qr img{border-radius:8px;background:white}
.content>.heading:has(.repair-header-qr){align-items:center;gap:20px;margin-bottom:4px;min-height:0}
.content:has(.repair-header-qr){padding-top:8px}
.content:has(.repair-header-qr)>.page-crumb{margin-bottom:0}
.content:has(.repair-header-qr)>.repair-action-toolbar{margin-top:0;margin-bottom:8px;padding-top:0;padding-bottom:0;min-height:0}
.content>.heading:has(.repair-header-qr){position:relative;justify-content:flex-start;gap:18px;min-height:60px;margin-bottom:0;padding-right:110px}
.repair-photo-qr.repair-header-qr{position:absolute;left:390px;top:-14px;margin:0;padding:0;border:0;display:block;width:96px;max-width:96px;flex-shrink:0}
.repair-header-qr h3{grid-column:2;grid-row:1;font-size:calc(12px * var(--crm-font-scale, 1.2))}
.repair-header-qr img{display:block;width:96px;height:96px}
.repair-header-qr>div{grid-column:2;grid-row:2;min-width:0;font-size:calc(11px * var(--crm-font-scale, 1.2))}
.repair-header-qr p{margin:2px 0}
.repair-header-qr button{font-size:calc(11px * var(--crm-font-scale, 1.2));padding:5px 7px}
@media(max-width:850px){.repair-photo-qr.repair-header-qr{left:auto;right:0}.content>.heading:has(.repair-header-qr) h1{font-size:calc(21px * var(--crm-font-scale, 1.2))}}
.repair-photo-item{display:inline-flex;align-items:center;gap:8px;margin:5px 14px 5px 0;max-width:100%}
.repair-photo-item .file{margin:0;min-width:0}
.photo-delete-button{width:32px;height:32px;flex:0 0 32px;padding:6px;color:#b03d43}
.photo-delete-button svg{width:18px;height:18px;pointer-events:none}
.pikselis-repair-layout>.referral-source-panel{grid-column:1/-1}
.referral-source-panel .referral-source-field{display:block;padding:14px 16px;margin:0}
.referral-source-panel input{width:min(100%,480px)}
.repair-estimate-panel[hidden]{display:none!important}
.nav button .notes-notification{margin-left:6px;padding:2px 6px;min-width:19px;border-radius:12px;background:#df3f4e;color:white;font-size:calc(11px * var(--crm-font-scale, 1.2));text-align:center}
.notes-notification[hidden]{display:none}
.notes-journal{margin-top:16px}
#new-note textarea{min-height:90px;resize:vertical}
.shared-note{border:1px solid #8799b744;border-radius:8px;padding:12px;margin:10px 0}
.shared-note-main{display:flex;gap:12px;align-items:flex-start}
.shared-note-main>input[type=checkbox]{width:19px;height:19px;flex:0 0 19px;margin:3px 0;cursor:pointer}
.shared-note-main>div{min-width:0;flex:1}
.shared-note p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 8px;line-height:1.5}
.shared-note small{display:block;color:#72849e;line-height:1.7}
.note-done-mark{color:#30aa78;font-size:calc(20px * var(--crm-font-scale, 1.2))}
.data-settings-group{border:1px solid #8799b744;border-radius:9px;margin-bottom:12px;overflow:hidden}
.data-settings-group>summary{padding:14px 16px;cursor:pointer;font-weight:600;font-size:calc(14px * var(--crm-font-scale, 1.2));user-select:none}
.data-settings-group[open]>summary{border-bottom:1px solid #8799b744;margin-bottom:14px}
.data-settings-group>:not(summary){margin-left:16px;margin-right:16px}
.data-settings-group>:last-child:not(summary){margin-bottom:16px}
.repair-counters{flex-wrap:wrap}
.stale-filter-note{font-size:calc(12px * var(--crm-font-scale, 1.2));margin:0 0 12px}
.repair-action-toolbar .repair-save-changes{margin-left:auto;background:#3779e8;color:white;border:1px solid #3779e8;padding:8px 12px}
.repair-action-toolbar .repair-save-changes[hidden]{display:none!important}
.repair-action-toolbar:has(.repair-save-changes:not([hidden])) #back{margin-left:auto}
.repair-save-changes{display:inline-flex;align-items:center;gap:7px}
.repair-save-changes svg{flex-shrink:0}
.billing-banner{margin-bottom:16px}
#billing-nav{margin-bottom:16px;flex-wrap:wrap}
.billing-filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:18px}
.billing-filters>input{min-width:240px;flex:1}
.billing-filters label{margin:0;min-width:130px}
.billing-filters select{width:auto;max-width:220px}
.billing-table{width:100%;border-collapse:collapse;table-layout:auto;min-width:700px}
.billing-table th,.billing-table td{padding:10px 8px;border-bottom:1px solid #8799b744;text-align:left;white-space:normal;max-width:330px;overflow-wrap:break-word}
.billing-table tr[data-bill-open]{cursor:pointer}
.billing-table small{display:block;margin-top:4px}
.billing-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
#billing-draft-form>.panel,#billing-editor>section{margin:16px 0}
.billing-line{position:relative;border:1px solid #8799b744;border-radius:9px;padding:16px 50px 10px 16px;margin:12px 0}
.billing-line>.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px}
.billing-line [data-remove-line]{position:absolute;right:10px;top:12px}
.billing-checkbox{display:flex;gap:8px;align-items:center}
.billing-checkbox input{width:16px;height:16px;margin:0}
.billing-totals{max-width:440px;margin:18px 0 18px auto}
.billing-totals>div{display:flex;justify-content:space-between;gap:15px;padding:7px 0;border-bottom:1px solid #8799b733}
.billing-totals>div:last-child{font-size:calc(16px * var(--crm-font-scale, 1.2));font-weight:600}
.billing-error{color:#d74c54;white-space:pre-wrap}
.billing-dialog{max-height:90vh;overflow:auto;width:min(800px,95vw)}
.billing-actions{margin-bottom:16px;flex-wrap:wrap}
.button{display:inline-block;padding:8px 12px;border:1px solid #8799b766;border-radius:7px;text-decoration:none}
#billing-mixed{display:flex;gap:10px;flex-wrap:wrap}
#billing-mixed[hidden]{display:none}
#billing-config fieldset{border:1px solid #8799b744;border-radius:8px;margin:12px 0;padding:16px}
@media(max-width:900px){.billing-editor-grid{grid-template-columns:1fr}.billing-line>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.billing-line>.grid{grid-template-columns:1fr}}
.filter-drag-handle{cursor:grab;flex:0 0 30px;padding:6px 3px;font-size:calc(20px * var(--crm-font-scale, 1.2));line-height:1}
.filter-drag-handle:active{cursor:grabbing}
.filter-dragging{opacity:.45}
.quick-filters-dialog section.filter-drag-over{outline:2px solid #4385e4;outline-offset:-2px}
#receipt-due-counter{position:relative}
.receipt-unread{background:#df3f4e;color:white;border-radius:12px;padding:2px 6px;font-size:calc(11px * var(--crm-font-scale, 1.2));line-height:16px;position:absolute;right:-5px;top:-6px}
.order-expected-date{display:block;flex-basis:100%;font-weight:400;white-space:nowrap;margin:3px 0}
.order-deadline-dialog .actions{flex-wrap:wrap;margin:14px 0}
.billing-mode-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:12px 16px;border:1px solid #8799b744;border-radius:10px;background:var(--panel,#fff)}
.billing-mode-bar span{display:block;font-size:calc(12px * var(--crm-font-scale, 1.2));color:var(--muted,#788aa6);margin-top:4px}
.billing-pikselis-form .bill-advanced{display:none!important}
.billing-pikselis-form.billing-expanded .bill-advanced{display:block!important}
.billing-pikselis-form.billing-expanded .billing-line-details{display:grid!important}
.billing-pikselis-form .billing-editor-grid>.panel{margin:0}
.billing-pikselis-form [data-company-field][hidden]{display:none!important}
.billing-main-line{display:grid;grid-template-columns:minmax(180px,1fr) 155px 210px 34px;gap:12px;align-items:end}
.billing-main-line label{margin:0}.billing-main-line button{height:36px;padding:5px}
.billing-simple-line{border-bottom:1px solid #8799b733;padding:12px 0}
.billing-line-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;margin-top:12px}
.billing-line-summary{display:block;margin-top:8px;color:var(--muted,#788aa6)}
.billing-company-option{display:block;width:100%;text-align:left;margin:6px 0;padding:9px 12px;white-space:normal}
.billing-number-note{font-size:calc(11px * var(--crm-font-scale, 1.2));margin:10px 0}.billing-issuer{margin:12px 0 0}.billing-save-actions{margin-top:14px;flex-wrap:wrap}
.billing-pikselis-form .billing-items-panel{margin:16px 0}.billing-pikselis-form #billing-live-totals{margin-top:12px}
@media(max-width:800px){.billing-main-line{grid-template-columns:1fr 140px}.billing-main-line>label:first-child{grid-column:1/-1}.billing-main-line>button{justify-self:end}.billing-line-details{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.billing-mode-bar{align-items:start;flex-direction:column}.billing-main-line{grid-template-columns:1fr}.billing-main-line>label:first-child{grid-column:auto}.billing-line-details{grid-template-columns:1fr}}
html[data-theme=dark] .billing-mode-bar{background:#1d2736;color:#dae3f1;border-color:#39475c}
.external-provider-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;margin-top:18px;align-items:start}
.external-provider{padding:18px;border:1px solid #8799b744;border-radius:10px;min-width:0}.external-provider h3{margin-top:0}
.external-provider input[type=file]{max-width:100%;font-size:calc(12px * var(--crm-font-scale, 1.2))}.external-provider .billing-checkbox{margin-bottom:16px}
.external-provider details{margin-top:16px}.external-provider .vmi-test{border-top:1px solid #8799b733;padding-top:16px;margin-top:16px}
.external-provider [hidden]{display:none!important}
@media(max-width:950px){.external-provider-grid{grid-template-columns:1fr}}
.dashboard-filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:18px}.dashboard-filter label{margin:0;min-width:150px}.dashboard-filter label:last-child{margin-left:auto;min-width:250px}
.dashboard-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.dashboard-cards strong{display:block;font-size:calc(30px * var(--crm-font-scale, 1.2));margin:12px 0 6px}.dashboard-cards small{display:block;color:var(--muted,#788aa6)}
.dashboard-table{width:100%;border-collapse:collapse;min-width:600px}.dashboard-table th,.dashboard-table td{padding:12px;border-bottom:1px solid #8799b733;text-align:left}.dashboard-table th:first-child{width:34%}.dashboard-table small{display:block;color:var(--muted,#788aa6)}
.dashboard-bar{position:relative;min-width:100px;padding:9px 12px;isolation:isolate}.dashboard-bar i{position:absolute;inset:0 auto 0 0;background:#5289e923;border-radius:6px;z-index:-1}.dashboard-bar.revenue i{background:#29b38b23}.dashboard-bar.negative i{background:#e7595926}.dashboard-bar b{font-weight:600}.user-delete-button{margin-left:6px;vertical-align:middle}.user-delete-button svg{width:16px;height:16px}
@media(max-width:650px){.dashboard-cards{grid-template-columns:1fr}.dashboard-filter label:last-child{margin-left:0;width:100%}}

#repair-form .item-row{grid-template-columns:minmax(200px,1fr) 95px 70px 115px 95px 100px minmax(170px,220px) 34px}#repair-form #items{overflow-x:auto}#repair-form .item-row{min-width:1030px}
.dashboard-charts{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dashboard-chart{min-width:0}.dashboard-chart svg{display:block;width:100%;height:auto;min-width:460px}.dashboard-chart{overflow-x:auto}.dashboard-chart text{font-family:Arial,sans-serif;font-size:calc(13px * var(--crm-font-scale, 1.2));fill:currentColor}.dashboard-chart .chart-value{font-weight:600}.dashboard-chart .chart-tick{font-size:calc(11px * var(--crm-font-scale, 1.2));opacity:.65}.chart-axis{stroke:currentColor;opacity:.2}.chart-track{fill:currentColor;opacity:.05}.dashboard-details summary{cursor:pointer;font-weight:600}.dashboard-details[open] summary{margin-bottom:18px}@media(max-width:1200px){.dashboard-charts{grid-template-columns:1fr}}
.dashboard-chart text{font-size:calc(17px * var(--crm-font-scale, 1.2))}.dashboard-chart .chart-tick{font-size:calc(14px * var(--crm-font-scale, 1.2))}
.quick-create-menu{position:absolute;top:53px;left:235px;z-index:1000;display:grid;gap:4px;padding:8px;background:var(--panel,#fff);border:1px solid #cad5e5;border-radius:9px;box-shadow:0 5px 20px #20365030;min-width:245px}.quick-create-menu button{text-align:left;white-space:nowrap}body.dark .quick-create-menu{background:#202b3d}@media(max-width:600px){.quick-create-menu{left:16px}}
.quick-create-menu a{display:block;text-decoration:none;white-space:nowrap;padding:10px 15px;border-radius:7px;color:inherit}.quick-create-menu a:hover{background:#3779e81a}
.billing-pikselis-form label[hidden]{display:none!important}.email-service-settings{border-top:1px solid #d4dceb;margin-top:24px;padding-top:22px}
.dashboard-charts{grid-template-columns:1fr}.dashboard-chart-vertical svg{min-width:740px}.dashboard-chart-vertical .chart-worker{font-size:calc(14px * var(--crm-font-scale, 1.2))}.dashboard-chart-vertical .chart-value{font-size:calc(13px * var(--crm-font-scale, 1.2))}.dashboard-chart-vertical .chart-tick{font-size:calc(13px * var(--crm-font-scale, 1.2))}
.dashboard-worker-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:6px 20px;margin:20px 0}.dashboard-worker-choices label{margin-bottom:8px}
.dashboard-charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-chart-vertical{padding:14px!important;margin-bottom:12px;overflow:hidden}.dashboard-chart-vertical h2{font-size:calc(15px * var(--crm-font-scale, 1.2));margin-bottom:6px}.dashboard-chart-vertical svg{min-width:0;width:100%;height:clamp(210px,calc(100dvh - 410px),340px)}.dashboard-chart-vertical .chart-worker,.dashboard-chart-vertical .chart-value,.dashboard-chart-vertical .chart-tick{font-size:calc(11px * var(--crm-font-scale, 1.2))}.dashboard-cards{gap:12px;margin-bottom:12px}.dashboard-cards>.panel{padding:14px!important;margin-bottom:0}.dashboard-cards strong{font-size:calc(25px * var(--crm-font-scale, 1.2));margin:5px 0}.dashboard-filter{padding:14px!important;margin-bottom:12px;gap:10px}.dashboard-details{padding:12px 14px!important}@media(max-width:800px){.dashboard-charts{grid-template-columns:1fr}.dashboard-chart-vertical svg{height:260px}}@media(min-width:801px) and (max-height:750px){.dashboard-filter label{min-width:120px}.dashboard-filter label:last-child{min-width:210px}.dashboard-filter input,.dashboard-filter select{padding:7px 9px}.dashboard-cards strong{font-size:calc(22px * var(--crm-font-scale, 1.2))}.dashboard-cards small{font-size:calc(11px * var(--crm-font-scale, 1.2))}}
@media(min-width:801px){.dashboard-chart-vertical svg{height:clamp(170px,calc(100dvh - 520px),300px)}}
.repair-photo-item{position:relative;display:inline-block;vertical-align:top;margin:6px 12px 6px 0;padding:0;max-width:100%}.repair-photo-item .file{display:block;padding:0;overflow:hidden;border-radius:11px}.repair-photo-item .file img{display:block;width:200px;height:150px;max-width:100%;object-fit:cover;border-radius:10px}.repair-photo-item .photo-delete-button{position:absolute;top:7px;right:7px;display:grid;place-items:center;background:#fffef5ed;border:1px solid #d8dfeb;border-radius:8px;width:32px;height:32px;padding:6px;box-shadow:0 2px 7px #172c4825}.repair-photo-item .photo-delete-button svg{width:17px;height:17px}@media(max-width:500px){.repair-photo-item .file img{width:160px;height:120px}}
@media(min-width:501px){.repair-photo-item .file img{width:180px;height:135px}}
.repair-photo-viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;border-radius:0;padding:0;background:#111b29;color:#edf3fd;overflow:hidden}.repair-photo-viewer::backdrop{background:#111b29ef}.photo-viewer-toolbar{height:64px;display:flex;align-items:center;gap:20px;padding:10px 22px;border-bottom:1px solid #ffffff20}.photo-viewer-toolbar strong{font-size:calc(14px * var(--crm-font-scale, 1.2))}.photo-viewer-count{font-size:calc(14px * var(--crm-font-scale, 1.2));color:#bacbe1}.photo-viewer-original{margin-left:auto;color:#bacbe1;text-decoration:none;font-size:calc(12px * var(--crm-font-scale, 1.2))}.photo-viewer-toolbar button,.photo-viewer-stage button{background:#ffffff12;color:white;border:1px solid #ffffff25;border-radius:10px}.photo-viewer-toolbar button{font-size:calc(25px * var(--crm-font-scale, 1.2));padding:2px 12px}.photo-viewer-stage{height:calc(100dvh - 108px);display:flex;align-items:center;gap:12px;padding:14px}.photo-viewer-stage img{display:block;min-width:0;flex:1;width:0;height:100%;object-fit:contain;border-radius:6px}.photo-viewer-stage button{font-size:calc(42px * var(--crm-font-scale, 1.2));flex-shrink:0;width:50px;padding:4px 0}.photo-viewer-stage button:disabled{opacity:.3;cursor:default}.photo-viewer-help{margin:0;text-align:center;color:#94a9c5;font-size:calc(12px * var(--crm-font-scale, 1.2));padding:10px}.photo-viewer-error{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);background:#833d30;color:white;padding:12px;border-radius:8px}.photo-viewer-error[hidden]{display:none}@media(max-width:600px){.photo-viewer-toolbar{gap:10px;padding:8px 12px}.photo-viewer-original{font-size:calc(10px * var(--crm-font-scale, 1.2))}.photo-viewer-stage{gap:6px;padding:8px}.photo-viewer-stage button{width:34px;font-size:calc(32px * var(--crm-font-scale, 1.2))}}

.photo-ai-button{position:absolute;left:7px;bottom:7px;z-index:1;border-radius:8px;padding:5px 9px;background:#fff;color:#2856a4;border:1px solid #b8ccef;font-weight:700;box-shadow:0 1px 5px #0002}.photo-ai-dialog{width:min(1000px,94vw);max-height:90vh;overflow:auto;border:1px solid var(--border,#d4ddec);border-radius:14px;padding:20px;background:var(--panel,#fff);color:var(--text,#253652)}.photo-ai-dialog::backdrop{background:#16243b88}.photo-ai-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.photo-ai-heading h2{margin:0}.photo-ai-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;margin-top:16px}.photo-ai-preview{max-width:100%;max-height:65vh;object-fit:contain;justify-self:center;border-radius:10px}.photo-ai-dialog label{display:block;margin:12px 0 6px}.photo-ai-dialog input:not([type=checkbox]){width:100%}.photo-ai-dialog .photo-ai-check{display:flex;align-items:center;gap:8px}.photo-ai-suggestions{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.photo-ai-suggestions button{font-family:monospace;padding:5px 8px}[data-ai-result][hidden]{display:none}@media(max-width:650px){.photo-ai-layout{grid-template-columns:1fr}.photo-ai-preview{max-height:35vh}}

[data-theme=dark] .photo-ai-dialog{background:#19283c;color:#dbe6f6}

.column-drag-handle{cursor:grab;flex:0 0 30px;padding:5px 3px;font-size:calc(18px * var(--crm-font-scale, 1.2));letter-spacing:-4px;line-height:1;color:#8494aa;background:transparent;border-color:transparent;user-select:none}.column-drag-handle:active{cursor:grabbing}.column-option.column-dragging{opacity:.45}.column-option.column-drop-before{box-shadow:inset 0 3px #3677ef}.column-option.column-drop-after{box-shadow:inset 0 -3px #3677ef}

.column-drag-handle{touch-action:none}

.repair-customer-filter{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#3677ef!important;font:inherit!important;text-align:left;cursor:pointer;max-width:100%;min-width:0}.repair-customer-filter:hover{text-decoration:underline}.repair-customer-filter-info{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:9px 14px;background:#eaf2ff;color:#31517c;border-bottom:1px solid #d4e1f6}.repair-customer-filter-info button{padding:5px 9px;font-size:calc(12px * var(--crm-font-scale, 1.2))}[data-theme=dark] .repair-customer-filter-info{background:#213954;color:#d4e6ff}

.custom-columns-table tr.repair-handed-over>td{background:#edf0f3!important;color:#637080}.custom-columns-table tr.repair-handed-over:hover>td{background:#e0e5ec!important}.repair-handed-over .repair-customer-filter{color:#637c98!important}.repair-handed-over .status{filter:saturate(.65)}[data-theme=dark] .custom-columns-table tr.repair-handed-over>td{background:#26303c!important;color:#a2acb9}[data-theme=dark] .custom-columns-table tr.repair-handed-over:hover>td{background:#334151!important}.handover-search-hint{padding:8px 14px;margin:0}.repair-handover-button{display:inline-flex;align-items:center;gap:6px}

/* Repair layout 03: independent information rail and work area, both themes. */
@media screen{
.content.repair-design-three{--repair-card:#fff;--repair-bg:#f3f6fa;--repair-border:#dfe6ef;--repair-ink:#263c58;--repair-muted:#7c8ca3;--repair-accent:#397cd8;padding:18px 26px 30px}
.repair-design-three .repair-three-layout{display:grid;grid-template-columns:minmax(325px,28%) minmax(0,1fr);gap:18px;align-items:start}
.repair-three-layout>.repair-workflow-panel{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 26px;padding:12px 17px;align-items:center;margin:0;background:var(--repair-card);border:1px solid var(--repair-border);box-shadow:0 2px 9px #20345005;border-radius:12px}
.repair-three-layout>.repair-workflow-panel>h2{border:0!important;background:transparent!important;padding:0!important;margin:0!important;font-size:calc(12px * var(--crm-font-scale, 1.2));color:var(--repair-muted);font-weight:600}
.repair-three-layout>.repair-workflow-panel>label,.repair-three-layout>.repair-workflow-panel .workflow-status-row{display:flex;align-items:center;gap:9px;padding:0;margin:0;font-size:calc(11px * var(--crm-font-scale, 1.2));white-space:nowrap;flex:none}
.repair-three-layout>.repair-workflow-panel input,.repair-three-layout>.repair-workflow-panel select{max-width:100%;height:34px;font-size:calc(12px * var(--crm-font-scale, 1.2))}
.repair-three-sidebar,.repair-three-main{min-width:0;display:flex;flex-direction:column;gap:16px}
.repair-three-layout :is(.repair-three-sidebar,.repair-three-main)>.panel{margin:0;padding:0;min-width:0;background:var(--repair-card);border:1px solid var(--repair-border);border-radius:12px;box-shadow:0 3px 12px #20345005;overflow:hidden}
.repair-three-layout :is(.repair-three-sidebar,.repair-three-main)>.panel>h2{display:flex;align-items:center;min-height:44px;padding:12px 16px;margin:0;border-bottom:1px solid var(--repair-border);font-size:calc(13px * var(--crm-font-scale, 1.2));font-weight:600;color:var(--repair-ink);background:transparent}
.repair-three-layout .repair-three-main>.repair-estimate-panel{border-top:2px solid var(--repair-accent)}
.repair-three-layout .client-detail-rows{padding:8px 16px 15px;min-height:0!important}
.repair-three-layout .client-detail-rows label,.repair-three-layout .device-panel label{grid-template-columns:105px minmax(0,1fr);gap:8px;font-size:calc(11px * var(--crm-font-scale, 1.2));padding:6px 0;min-height:36px}
.repair-three-layout .client-detail-rows input,.repair-three-layout .device-panel input{font-size:calc(12px * var(--crm-font-scale, 1.2));height:34px;color:var(--repair-ink);border-color:transparent}
.repair-three-layout .device-panel>.grid{padding:9px 16px 15px}
.repair-three-layout .device-panel label:has([name=device]),.repair-three-layout .device-panel label:has([name=fault]),.repair-three-layout .device-panel label:has(.device-choice-fields){grid-template-columns:1fr;gap:2px}
.repair-three-layout .device-panel .device-choice-fields,.repair-three-layout .device-panel .device-choice-summary{grid-column:1;grid-row:2;min-width:0}
.repair-three-layout .device-panel .device-choice-fields{flex-wrap:wrap;overflow:visible;min-height:52px}
.repair-three-layout .device-panel .device-choice-other{min-width:90px;flex:1 0 90px}
.repair-three-layout .device-panel textarea[name=fault]{height:76px;min-height:76px;font-size:calc(12px * var(--crm-font-scale, 1.2));line-height:1.55}
.repair-three-layout .repair-customer-panel>.grid{padding:10px 16px 0;flex-wrap:wrap}
.repair-three-layout .repair-customer-panel>.grid>label{flex-basis:100%}
.repair-three-layout .repair-customer-panel .client-detail-rows input:read-only,.repair-three-layout .device-panel input:read-only,.repair-three-layout .device-panel textarea:read-only{background:transparent!important;border-color:transparent;box-shadow:none;color:var(--repair-ink)}
.repair-three-layout .repair-info-tabs{margin:0;padding:8px 10px;gap:5px;background:transparent;border-bottom:1px solid var(--repair-border);flex-wrap:wrap}
.repair-three-layout .repair-info-tabs button{background:transparent;color:var(--repair-muted);border:0!important;padding:9px 10px;font-size:calc(11px * var(--crm-font-scale, 1.2));border-radius:7px}
.repair-three-layout .repair-info-tabs button.active{background:#eaf1fb;color:#3268b3}
.repair-three-layout .repair-tab-panes{padding:14px 16px;background:transparent}
.repair-three-layout .repair-three-media .repair-photo-item{width:calc(50% - 7px);margin:5px 3px;vertical-align:top}
.repair-three-layout .repair-three-media .repair-photo-item a.file,.repair-three-layout .repair-three-media .repair-photo-item img{width:100%;height:116px;object-fit:cover}
.repair-three-layout .repair-three-media input[type=file]{font-size:calc(11px * var(--crm-font-scale, 1.2));max-width:100%;padding:7px}
.repair-three-layout .repair-three-media label{font-size:calc(11px * var(--crm-font-scale, 1.2))}
.repair-three-layout .repair-estimate-panel{overflow-x:auto!important}
.repair-three-layout .repair-estimate-panel .item-row{grid-template-columns:minmax(170px,1fr) 76px 58px 91px 83px 70px 150px 28px!important;gap:8px;min-width:830px!important;margin:0 16px}
.repair-three-layout .repair-estimate-panel .item-labels{min-height:35px;font-size:calc(10px * var(--crm-font-scale, 1.2));background:var(--repair-bg);margin-top:0}
.repair-three-layout .repair-estimate-panel .item-data{min-height:46px}
.repair-three-layout .repair-estimate-panel .total{font-size:calc(18px * var(--crm-font-scale, 1.2));padding:13px 0;border:0;min-width:0}
.repair-three-layout .repair-comments-panel .employee-comment{background:var(--repair-bg);border:1px solid var(--repair-border)!important;border-radius:9px;padding:10px 12px!important;box-shadow:none;margin-bottom:10px}
.repair-three-layout .repair-comments-panel .employee-comment p{margin:6px 0 0;font-size:calc(12px * var(--crm-font-scale, 1.2));line-height:1.6}
.repair-three-layout .comment-author-date{flex-wrap:wrap}
.repair-three-layout .comment-author-date time{margin-left:auto}
.repair-three-layout .repair-comments-panel #new-comment{min-height:65px}
.repair-design-three>.heading:has(.repair-header-qr){padding:0;min-height:66px;margin-bottom:4px;gap:18px;justify-content:flex-start}
.repair-design-three>.heading h1{font-size:calc(26px * var(--crm-font-scale, 1.2));letter-spacing:-.5px;color:var(--repair-ink)}
.repair-design-three .repair-photo-qr.repair-header-qr{position:static;width:64px;max-width:64px;margin:0;padding:0;align-self:center}
.repair-design-three .repair-header-qr img{width:64px;height:64px;border:4px solid white;border-radius:9px}
.repair-design-three>.repair-action-toolbar{margin-bottom:16px!important;gap:7px;flex-wrap:wrap;padding:0}
.repair-design-three>.repair-action-toolbar button{border:1px solid var(--repair-border);background:var(--repair-card);border-radius:8px;padding:9px 12px;font-size:calc(11px * var(--crm-font-scale, 1.2));color:var(--repair-ink)}
.repair-design-three>.repair-action-toolbar #handover-repair{background:var(--repair-accent);color:white;border-color:var(--repair-accent)}
.repair-design-three>.repair-action-toolbar button:disabled{opacity:.45;cursor:not-allowed}
.repair-design-three>.repair-action-toolbar .repair-save-changes{background:var(--repair-accent);color:white}
html[data-theme=dark] .content.repair-design-three{--repair-card:#1c2939;--repair-bg:#162232;--repair-border:#2c3d52;--repair-ink:#e0e8f4;--repair-muted:#95a6bb;--repair-accent:#77adf1}
html[data-theme=dark] .repair-three-layout :is(.panel,.repair-tab-panes){background:var(--repair-card)!important;border-color:var(--repair-border)!important}
html[data-theme=dark] .repair-three-layout :is(.panel>h2,.repair-info-tabs){background:transparent!important;border-color:var(--repair-border)!important;color:var(--repair-ink)!important}
html[data-theme=dark] .repair-three-layout .repair-info-tabs button.active{background:#304964!important;color:#bad9ff!important}
html[data-theme=dark] .repair-three-layout .repair-comments-panel .employee-comment{background:var(--repair-bg)!important;border-color:var(--repair-border)!important}
html[data-theme=dark] .repair-design-three>.repair-action-toolbar #handover-repair,html[data-theme=dark] .repair-design-three>.repair-action-toolbar .repair-save-changes{background:#3979dd!important;border-color:#3979dd!important;color:white!important}
@media(max-width:1250px){.repair-design-three .repair-three-layout{grid-template-columns:320px minmax(0,1fr)}.repair-three-layout>.repair-workflow-panel{gap:12px 18px}.repair-three-layout>.repair-workflow-panel>h2{display:none}.repair-three-layout .repair-estimate-panel .item-row{min-width:800px}}
@media(max-width:900px){.repair-design-three .repair-three-layout{grid-template-columns:1fr}.repair-three-sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:start}.repair-three-sidebar>.repair-three-media{grid-column:1/-1}.repair-three-layout .repair-three-media .repair-photo-item{width:160px}.repair-design-three>.repair-action-toolbar #back{margin-left:0}}
@media(max-width:600px){.content.repair-design-three{padding:12px}.repair-three-sidebar{display:flex}.repair-three-layout>.repair-workflow-panel{align-items:stretch;flex-direction:column}.repair-three-layout>.repair-workflow-panel>label{display:grid;grid-template-columns:100px minmax(0,1fr);white-space:normal}.repair-design-three>.heading h1{font-size:calc(22px * var(--crm-font-scale, 1.2))}.repair-design-three .repair-header-qr img{width:58px;height:58px}.repair-three-layout .repair-three-media .repair-photo-item{width:calc(50% - 7px)}}
}

@media screen{
.repair-design-three .repair-three-layout>.repair-workflow-panel{padding:12px 16px!important;gap:12px 24px!important}
.repair-design-three .repair-three-layout>.repair-workflow-panel>h2{display:none!important}
.repair-design-three .repair-three-layout>.repair-workflow-panel>label{padding:0!important}
.repair-design-three .repair-three-layout .repair-customer-panel:not(.is-editing)>.grid{display:none}
.repair-design-three .repair-three-layout .client-detail-rows label{padding:3px 0;min-height:36px}
.repair-design-three .repair-three-layout .repair-customer-panel .client-detail-rows{padding-top:10px}
.repair-three-main{container-type:inline-size;container-name:repair-work}
@container repair-work (max-width:950px){
.repair-three-layout .repair-estimate-panel .item-row{grid-template-columns:65px 48px minmax(75px,1fr) minmax(70px,1fr) 60px minmax(110px,1.4fr) 28px!important;min-width:550px!important;gap:7px;padding:10px 0}
.repair-three-layout .repair-estimate-panel .item-row>:first-child{grid-column:1/-1}
.repair-three-layout .repair-estimate-panel .item-labels{padding:8px 0;font-size:calc(10px * var(--crm-font-scale, 1.2));min-height:0}
.repair-three-layout .repair-estimate-panel .item-labels>:first-child{display:none}
}
}

@media screen{
.repair-three-layout .repair-section-icon{display:inline-flex;margin-right:8px;color:var(--repair-muted)}
.repair-section-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.repair-three-layout .device-panel .device-choice-fields label.device-choice{min-height:18px;height:18px;font-size:calc(11px * var(--crm-font-scale, 1.2))}
.repair-three-layout .device-panel .device-choice-fields{gap:5px 9px;align-content:center}
html[data-theme=dark] .repair-three-layout .repair-customer-panel .client-detail-rows input:read-only,html[data-theme=dark] .repair-three-layout .device-panel input:read-only,html[data-theme=dark] .repair-three-layout .device-panel textarea:read-only{border-color:transparent!important;background:transparent!important}
}

/* Detail presentation 01: text when viewing; original form only while editing. */
@media screen{
.repair-three-layout .repair-card-presentation{display:block}
.repair-three-layout :is(.repair-customer-panel,.device-panel).is-editing>.repair-card-presentation{display:none}
.repair-three-layout .repair-customer-panel:has(>.repair-card-presentation):not(.is-editing)>.client-detail-rows,
.repair-three-layout .device-panel:has(>.repair-card-presentation):not(.is-editing)>.grid{display:none!important}
.repair-three-layout .repair-display-body{padding:19px 17px 20px}
.repair-three-layout .repair-display-name{font-size:calc(20px * var(--crm-font-scale, 1.2));line-height:1.35;font-weight:650;letter-spacing:-.4px;color:var(--repair-ink);margin:0;overflow-wrap:anywhere}
.repair-three-layout .repair-display-sub{font-size:calc(11px * var(--crm-font-scale, 1.2));color:var(--repair-muted);margin:6px 0 18px}
.repair-three-layout .repair-display-contact{display:flex;align-items:center;gap:10px;margin:13px 0;font-size:calc(13px * var(--crm-font-scale, 1.2));min-width:0}
.repair-three-layout .repair-display-contact:last-child{margin-bottom:0}
.repair-three-layout .repair-display-contact svg{width:16px;height:16px;flex-shrink:0;stroke:var(--repair-muted);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.repair-three-layout .repair-display-contact a{color:var(--repair-accent);text-decoration:none;overflow-wrap:anywhere}
.repair-three-layout .repair-display-contact a:hover{text-decoration:underline}
.repair-three-layout .repair-display-details{margin-top:19px}
.repair-three-layout .repair-display-row{display:flex;justify-content:space-between;gap:14px;margin:12px 0;font-size:calc(12px * var(--crm-font-scale, 1.2));line-height:1.5}
.repair-three-layout .repair-display-row>span{color:var(--repair-muted);flex-shrink:0}
.repair-three-layout .repair-display-row>b{font-weight:400;text-align:right;color:var(--repair-ink);overflow-wrap:anywhere;min-width:0}
.repair-three-layout .repair-display-row>b.repair-display-serial{font-family:Consolas,monospace;letter-spacing:.6px}
.repair-three-layout .repair-display-fault{border-top:1px solid var(--repair-border);padding-top:15px;margin-top:18px}
.repair-three-layout .repair-display-fault small{font-size:calc(11px * var(--crm-font-scale, 1.2));color:var(--repair-muted)}
.repair-three-layout .repair-display-fault p{font-size:calc(12px * var(--crm-font-scale, 1.2));line-height:1.65;color:var(--repair-ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 0}
.repair-three-layout .repair-display-company{border-top:1px solid var(--repair-border);margin-top:17px;padding-top:3px}
.repair-three-layout .repair-card-presentation p{min-height:0}
}

@media screen{
.repair-three-layout .repair-existing-customer-editor{display:none}
.repair-three-layout .repair-unified-customer-editor.is-editing>.repair-existing-customer-editor{display:block!important;padding:12px 16px 16px}
.repair-three-layout .repair-unified-customer-editor>.grid,
.repair-three-layout .repair-unified-customer-editor>.client-detail-rows:not(.repair-existing-customer-editor){display:none!important}
.repair-three-layout .repair-existing-customer-editor label{display:block;min-height:0;padding:0;margin:0 0 11px;font-size:calc(11px * var(--crm-font-scale, 1.2))}
.repair-three-layout .repair-existing-customer-editor input{width:100%;margin-top:5px;border:1px solid var(--repair-border);height:35px}
.repair-company-name-field{display:flex;gap:6px;min-width:0}
.repair-company-name-field input{min-width:0}
.repair-company-name-field button{flex:0 0 34px;padding:4px;font-size:calc(23px * var(--crm-font-scale, 1.2))}
.repair-three-layout .repair-existing-customer-editor .wholesale-customer-toggle{display:flex;gap:8px;align-items:center;margin:12px 0 0}
.repair-three-layout .repair-existing-customer-editor .wholesale-customer-toggle input{width:16px;height:16px;margin:0;box-shadow:none}
.repair-company-results{max-height:50vh;overflow:auto;margin:14px 0}
.repair-company-results button{display:block;width:100%;text-align:left;margin-bottom:8px}
}

@media screen{
.repair-three-layout .direct-customer label:not(.wholesale-customer-toggle){display:block;min-height:0;padding:0;margin:0 0 11px;font-size:calc(11px * var(--crm-font-scale, 1.2))}
.repair-three-layout .direct-customer input:not([type=checkbox]){width:100%;margin-top:5px;height:35px}
.repair-three-layout .direct-customer .wholesale-customer-toggle{display:flex;gap:8px;align-items:center;margin:12px 0 0}
}

.repair-call-confirmation{max-width:420px}.repair-call-confirmation>p{font-size:calc(18px * var(--crm-font-scale, 1.2));margin:18px 0 24px}.repair-call-confirmation .actions{justify-content:flex-end}

@media screen{
.repair-intake .repair-info-panel label[hidden]{display:none!important}
.repair-intake .repair-info-panel .repair-tab-panes{padding:16px}
.repair-intake .repair-info-panel .repair-intake-additional{margin:0;font-size:calc(12px * var(--crm-font-scale, 1.2));color:var(--repair-ink)}
.repair-intake .repair-intake-additional textarea{min-height:110px;line-height:1.6}
}

.reservation-date-panel>label{padding:16px;margin:0;font-size:calc(12px * var(--crm-font-scale, 1.2))}.reservation-date-panel input[type=date]{max-width:280px;margin-top:8px;min-height:42px}
.quick-create-menu>.button{display:block;width:100%;text-align:left;font:inherit;text-decoration:none;box-sizing:border-box}

/* ISO date display over the native date editor, retaining its calendar control. */
.crm-iso-date{display:block;position:relative;min-width:0;width:100%}
.crm-iso-date>input[type=date]{width:100%;color:transparent!important;caret-color:transparent!important;-webkit-text-fill-color:transparent!important}
.crm-iso-date>input[type=date]::-webkit-datetime-edit{color:transparent!important;-webkit-text-fill-color:transparent!important}
.crm-iso-date>input[type=date]::-webkit-calendar-picker-indicator{opacity:1;cursor:pointer}
.crm-iso-date-text{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:calc(13px * var(--crm-font-scale, 1.2));font-weight:400;color:#34435a;pointer-events:none;white-space:nowrap;line-height:1.3}
html[data-theme=dark] .crm-iso-date-text{color:#e0e8f5}
.crm-iso-date:has(input:disabled) .crm-iso-date-text{opacity:.6}
.reservation-date-panel .crm-iso-date{max-width:280px}
@media print{.crm-iso-date-text{color:#17253b!important}}

/* Brand 01: original mark, separator and CRM, all in normal header flow. */
@media screen{
.topbar .top-tools{gap:14px}
.topbar .top-tools>#toggle-nav{margin:0!important;padding:5px 2px;width:24px;min-width:24px;height:32px;flex:0 0 24px;font-size:calc(23px * var(--crm-font-scale, 1.2));line-height:1;border:0;background:transparent!important;box-shadow:none}
.crm-brand{display:flex;align-items:center;gap:12px;flex:0 0 164px;min-width:164px;height:52px;color:#354e70}
.crm-brand>img{display:block;width:45px;height:45px;object-fit:contain;flex:0 0 45px}
.crm-brand-divider{display:block;width:1px;height:30px;background:#dbe3ee;flex:0 0 1px}
.crm-brand-word{font-family:'Segoe UI',Arial,sans-serif;font-size:calc(20px * var(--crm-font-scale, 1.2));line-height:1;font-weight:600;letter-spacing:3px}
.crm-brand-word>small{display:block;font-size:calc(7px * var(--crm-font-scale, 1.2));letter-spacing:1px;white-space:nowrap;font-weight:500;color:#8898ad;margin-top:7px}
html[data-theme=dark] .crm-brand{color:#d9e6f8}
html[data-theme=dark] .crm-brand>img{background:white;border:3px solid white;border-radius:5px}
html[data-theme=dark] .crm-brand-divider{background:#40516a}
html[data-theme=dark] .crm-brand-word>small{color:#a4b5cd!important}
.nav-collapsed .crm-brand{display:flex}
@media(max-width:700px){.topbar .top-tools{gap:9px}.crm-brand{min-width:117px;flex-basis:117px;gap:9px}.crm-brand>img{width:38px;height:38px;flex-basis:38px}.crm-brand-word{font-size:calc(17px * var(--crm-font-scale, 1.2));letter-spacing:2px}.crm-brand-word>small{display:none}.crm-brand-divider{height:26px}}
}
@media print{.crm-brand{display:none}}

/* Settings use available width; navigation wraps instead of scrolling. */
.content .settings{width:100%;max-width:none;min-width:0}
.content .settings-tabs{display:flex;flex-wrap:wrap;max-width:100%;min-width:0;overflow:visible;gap:3px}
.content .settings-tabs>button{flex:0 1 auto;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.content .settings{max-width:none!important;width:100%;min-width:0}

.user-activity-filter{max-width:220px}.user-active-toggle{display:flex;gap:8px;align-items:center}.user-active-toggle input{width:16px;height:16px;margin:0}.inactive-user{opacity:.55}.users-settings tr[hidden]{display:none!important}
@media screen{.repair-design-three .repair-photo-qr.repair-header-qr{width:104px;max-width:104px}.repair-design-three .repair-header-qr img{width:104px;height:104px;border:0;border-radius:3px}.repair-design-three>.heading:has(.repair-header-qr){min-height:104px}}

@media screen{
.repair-design-three .repair-compact-header{display:flex;align-items:center;gap:20px;margin:4px 0 12px;min-height:104px}
.repair-compact-header-main{min-width:0;flex:0 1 auto}
.repair-design-three .repair-compact-header .heading{min-height:0!important;margin:0 0 14px!important;padding:0!important;display:flex;align-items:center}
.repair-design-three .repair-compact-header h1{font-size:calc(26px * var(--crm-font-scale, 1.2));line-height:1.25;letter-spacing:-.5px;color:var(--repair-ink);margin:0}
.repair-design-three .repair-compact-header .heading>.actions:empty,.repair-design-three .repair-compact-header .heading .muted:empty{display:none}
.repair-design-three .repair-compact-header .repair-action-toolbar{padding:0;margin:0!important;display:flex;gap:7px;flex-wrap:wrap}
.repair-design-three .repair-compact-header .repair-action-toolbar button{border:1px solid var(--repair-border);background:var(--repair-card);border-radius:8px;padding:8px 11px;font-size:calc(11px * var(--crm-font-scale, 1.2));color:var(--repair-ink)}
.repair-design-three .repair-compact-header .repair-action-toolbar #back{margin-left:0}
.repair-design-three .repair-compact-header .repair-header-qr{position:static;width:104px;max-width:104px;margin:0;padding:0;border:0;flex:0 0 104px;align-self:center}
.repair-design-three .repair-compact-header .repair-header-qr img{display:block;width:104px;height:104px;border:0;border-radius:3px}
.repair-design-three .repair-compact-header .repair-action-toolbar .repair-save-changes,.repair-design-three .repair-compact-header .repair-action-toolbar #handover-repair{background:#3979dd;color:white;border-color:#3979dd}
.repair-design-three .repair-compact-header button:disabled{opacity:.45;cursor:not-allowed}
html[data-theme=dark] .repair-compact-header .repair-action-toolbar :is(.repair-save-changes,#handover-repair){background:#3979dd!important;color:white!important;border-color:#3979dd!important}
.repair-design-three:has(.repair-compact-header)>.page-crumb{margin-bottom:3px}
@media(max-width:600px){.repair-design-three .repair-compact-header{gap:12px;align-items:flex-start}.repair-design-three .repair-compact-header h1{font-size:calc(21px * var(--crm-font-scale, 1.2))}.repair-design-three .repair-compact-header .heading{margin-bottom:10px!important}.repair-design-three .repair-compact-header .repair-header-qr{align-self:center}}
}
@media print{.repair-compact-header{display:none!important}}

@media screen{
.repair-compact-header{position:relative}.repair-compact-header-actions{display:flex;align-items:center;gap:7px;margin-left:auto;flex-wrap:wrap}
.repair-compact-header-actions button{font-size:calc(11px * var(--crm-font-scale, 1.2));padding:8px 11px}
.repair-compact-header-actions #back{margin-left:0}
.repair-compact-header-actions #handover-repair{background:#3979dd;color:white;border-color:#3979dd}
.repair-compact-header .repair-action-toolbar .repair-save-changes:not([hidden]){position:absolute;right:0;top:0;margin:0}
@media(max-width:700px){.repair-design-three .repair-compact-header{flex-wrap:wrap}.repair-compact-header-actions{flex-basis:100%;justify-content:flex-end}.repair-compact-header .repair-action-toolbar .repair-save-changes:not([hidden]){position:static}}
}

.photo-viewer-viewport{flex:1;min-width:0;height:100%;overflow:auto;display:flex;align-items:center;justify-content:center;overscroll-behavior:contain}
.photo-viewer-stage .photo-viewer-viewport img{display:block;flex:none;width:100%;height:100%;object-fit:contain;cursor:zoom-in}
.photo-viewer-viewport.is-zoomed{display:block}
.photo-viewer-stage .photo-viewer-viewport.is-zoomed img{max-width:none;max-height:none;object-fit:fill;cursor:zoom-out;border-radius:0}
.photo-viewer-viewport img:focus-visible{outline:2px solid #8ab9ff;outline-offset:-3px}

.photo-viewer-viewport.is-zoomed{touch-action:none;cursor:grab}.photo-viewer-stage .photo-viewer-viewport.is-zoomed img{cursor:grab;user-select:none;-webkit-user-drag:none}.photo-viewer-viewport.is-panning,.photo-viewer-stage .photo-viewer-viewport.is-panning img{cursor:grabbing}

/* Login design 02: centered, password-free employee chooser. */
body.crm-login-page{background:#eef3f9!important;color:#283e59!important}
.employee-login-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:35px 20px 60px;background:radial-gradient(ellipse at 20% 20%,#dce8f7,transparent 55%),radial-gradient(ellipse at 95% 90%,#dce9e9,transparent 40%),#eef3f9;position:relative}
.employee-login-card{width:430px;max-width:100%;padding:36px 38px 40px;background:#fff;border:1px solid #e0e7f0;box-shadow:0 18px 65px #2f49641a;border-radius:20px}
.employee-login-brand{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:30px}
.employee-login-brand img{width:53px;height:53px;object-fit:contain}
.employee-login-brand strong{font-size:calc(22px * var(--crm-font-scale, 1.2));letter-spacing:3px;font-weight:600;color:#324d71;border-left:1px solid #dce4ef;padding-left:15px}
.employee-login-card h1{font-family:'Segoe UI',Arial,sans-serif;font-size:calc(27px * var(--crm-font-scale, 1.2));line-height:1.3;letter-spacing:-.6px;text-align:center;color:#233952!important;margin:0 0 10px}
.employee-login-card>p{font-size:calc(13px * var(--crm-font-scale, 1.2));color:#8191a8;line-height:1.7;text-align:center;margin:0 0 27px}
.employee-login-card form>label{font-size:calc(12px * var(--crm-font-scale, 1.2));color:#536981!important;margin-bottom:9px;font-weight:600}
.employee-login-card select{width:100%;min-height:50px;margin:0;padding:13px 14px;background:#fff!important;color:#344d6d!important;border:1px solid #d8e2ef!important;border-radius:10px;font-size:calc(13px * var(--crm-font-scale, 1.2))}
.employee-login-person{display:flex;align-items:center;gap:11px;padding:11px;margin-top:12px;min-height:62px;background:#f6f8fc;border-radius:9px}
.employee-login-avatar{width:38px;height:38px;flex-shrink:0;background:#e7effb;color:#537dad;border-radius:11px;display:grid;place-items:center;font-size:calc(12px * var(--crm-font-scale, 1.2));font-weight:600}
.employee-login-person b{font-size:calc(12px * var(--crm-font-scale, 1.2));font-weight:600;color:#344d6d}
.employee-login-person small{display:block;color:#8b9ab0!important;font-size:calc(10px * var(--crm-font-scale, 1.2));margin-top:4px}
.employee-login-card .employee-login-submit{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:17px;padding:15px 17px;background:#2e6dcb!important;border:1px solid #2e6dcb!important;color:#fff!important;border-radius:10px;font-size:calc(13px * var(--crm-font-scale, 1.2));min-height:49px}
.employee-login-submit:disabled{opacity:.45;cursor:default}
.employee-login-card .employee-login-hint{text-align:center;font-size:calc(10px * var(--crm-font-scale, 1.2));color:#95a3b6!important;margin:17px 0 0;line-height:1.6}
.employee-login-screen>footer{position:absolute;bottom:20px;text-align:center;left:15px;right:15px;font-size:calc(10px * var(--crm-font-scale, 1.2));color:#93a4b9}
.employee-login-error{font-size:calc(12px * var(--crm-font-scale, 1.2));color:#ac3e44;line-height:1.5;margin-top:12px}
.employee-login-error[hidden]{display:none}
.topbar .current-worker[hidden]{display:none!important}.employee-session-name{font-size:calc(12px * var(--crm-font-scale, 1.2));white-space:nowrap}.employee-logout{font-size:calc(11px * var(--crm-font-scale, 1.2));padding:7px 10px;white-space:nowrap}
@media(max-width:600px){.employee-login-card{padding:30px 25px}.employee-session-name{max-width:105px;overflow:hidden;text-overflow:ellipsis}.topbar .user{gap:6px}.employee-logout{padding:7px;font-size:calc(10px * var(--crm-font-scale, 1.2))}.employee-login-screen{padding:25px 12px 55px}}

.topbar .user{position:relative}.employee-profile-trigger{border:0;background:transparent;padding:7px 6px;font-weight:500;color:inherit}.employee-profile-menu{position:absolute;right:65px;top:100%;margin-top:10px;min-width:180px;padding:6px;background:#fff;border:1px solid #dce4ef;box-shadow:0 8px 25px #20355020;border-radius:9px;z-index:10}.employee-profile-menu button{width:100%;border:0;text-align:left;font-size:calc(12px * var(--crm-font-scale, 1.2));padding:11px;background:transparent}.topbar .avatar,.employee-login-avatar,.profile-photo-preview{overflow:hidden}.topbar .avatar img,.employee-login-avatar img,.profile-photo-preview img{width:100%;height:100%;object-fit:cover;display:block}
.employee-profile-dialog{width:520px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 30px);overflow:auto;border:1px solid #dce4ef;border-radius:16px;padding:24px;color:#304760;background:#fff}.employee-profile-dialog::backdrop{background:#12263c88}.profile-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.profile-dialog-heading h2{font-size:calc(20px * var(--crm-font-scale, 1.2));margin:0}.profile-dialog-heading button{font-size:calc(22px * var(--crm-font-scale, 1.2));padding:2px 8px;border:0;background:transparent}.profile-owner{font-size:calc(12px * var(--crm-font-scale, 1.2));color:#8191a8;margin:9px 0 25px}.employee-profile-dialog section{border-top:1px solid #e2e8f0;padding-top:18px;margin-top:18px}.employee-profile-dialog h3{font-size:calc(14px * var(--crm-font-scale, 1.2));margin:0 0 15px}.profile-photo-row{display:flex;align-items:center;gap:20px}.profile-photo-preview{width:92px;height:92px;flex:0 0 92px;border-radius:50%;display:grid;place-items:center;background:#eaf0f9;color:#4976ae;font-size:calc(23px * var(--crm-font-scale, 1.2))}.profile-photo-row button{font-size:calc(11px * var(--crm-font-scale, 1.2));margin:3px 5px 3px 0;padding:9px}.employee-profile-dialog section p{font-size:calc(11px * var(--crm-font-scale, 1.2));color:#8191a8;line-height:1.6}.profile-password-section button{opacity:.5;font-size:calc(12px * var(--crm-font-scale, 1.2))}.profile-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.profile-dialog-actions button{font-size:calc(12px * var(--crm-font-scale, 1.2))}.profile-save-error{color:#b23e47;font-size:calc(12px * var(--crm-font-scale, 1.2))}.profile-save-error[hidden]{display:none}.profile-photo-row input[hidden]{display:none}
html[data-theme=dark] .employee-profile-menu{background:#1d2736;border-color:#39475c}html[data-theme=dark] .employee-profile-dialog section{border-color:#39475c}
@media(max-width:600px){.employee-profile-dialog{padding:19px}.profile-photo-row{gap:12px}.profile-photo-preview{width:72px;height:72px;flex-basis:72px}.profile-photo-row button{display:block}.employee-profile-menu{right:0}}
.employee-profile-dialog button:disabled{opacity:.45;cursor:default}

.email-login-card input{width:100%;min-height:44px;margin:8px 0 16px}.email-login-card [data-login-back]{width:100%;margin-top:12px}.trusted-device{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--border,#d8dfeb)}.profile-devices-section{margin:22px 0}.profile-password-section label{display:block;margin:12px 0}.profile-password-section input{width:100%;margin-top:6px}.employee-profile-dialog{max-height:88vh;overflow:auto}.authentication-settings{margin-top:16px}

/* Login 02 keeps a consistent light palette, independent of the workspace theme. */
html[data-theme] .employee-login-screen{color-scheme:light;color:#233952}
html[data-theme] .employee-login-card h1{color:#233952!important}
html[data-theme] .employee-login-card form>label{color:#536981!important}
html[data-theme] .employee-login-card form>p{color:#536981!important;line-height:1.5}
html[data-theme] .employee-login-card input,html[data-theme] .employee-login-card select{background:#fff!important;color:#233952!important;border:1px solid #b9c9de!important;box-shadow:none}
html[data-theme] .employee-login-card input::placeholder{color:#71839c!important}
html[data-theme] .employee-login-card input:focus,html[data-theme] .employee-login-card select:focus{outline:2px solid #2e6dcb;outline-offset:2px}
html[data-theme] .employee-login-card button[data-login-back]{background:#f2f6fb!important;color:#344d6d!important;border:1px solid #c7d4e5!important;min-height:40px}
html[data-theme] .employee-login-card button[data-login-back]:hover{background:#e5edf8!important}
html[data-theme] .employee-login-card .employee-login-error{color:#a12836!important}
.pikselis-history-row>td{background:#f0f2f5!important;color:#67768a!important}.pikselis-history-label{display:block;font-size:calc(10px * var(--crm-font-scale, 1.2));color:#6b7789;margin-top:3px}.history-readonly-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.history-readonly-field{padding:8px 0;border-bottom:1px solid #dce3ed}.history-readonly-field>strong{display:block;font-size:calc(12px * var(--crm-font-scale, 1.2));margin-bottom:4px}.history-readonly-field>div{white-space:pre-wrap;overflow-wrap:anywhere}.history-readonly-files{display:flex;flex-wrap:wrap;gap:14px}.history-readonly-files img{width:180px;height:140px;object-fit:cover}.history-document-actions{margin-bottom:16px}.history-document-actions a{display:inline-flex;align-items:center;gap:6px;padding:10px;border:1px solid #cad6e6;border-radius:9px;text-decoration:none}html[data-theme=dark] .pikselis-history-row>td{background:#26303c!important;color:#a2acb9!important}@media(max-width:750px){.history-readonly-grid{grid-template-columns:1fr}}

/* Release information stays compact in both workspace themes. */
.crm-release-info{font-size:calc(11px * var(--crm-font-scale, 1.2));font-weight:400;line-height:1.5;white-space:normal}.topbar .crm-release-info{max-width:280px;text-align:right;color:inherit;opacity:.8}.employee-login-screen footer .crm-release-info{display:inline-block;margin-top:4px}@media(max-width:800px){.topbar .crm-release-info{max-width:160px;font-size:calc(10px * var(--crm-font-scale, 1.2))}}

/* Screen typography scale; printed A4 documents keep their existing typography. */
:root{--crm-font-scale:1.2}
@media print{:root{--crm-font-scale:1!important}}
.repair-design-three .repair-three-layout.repair-intake-layout{grid-template-columns:minmax(0,1fr)}
.repair-design-three .repair-intake-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.repair-intake-details>.repair-customer-panel,.repair-intake-details>.device-panel{grid-column:auto;min-width:0;margin:0}
.repair-intake-layout>.repair-three-main{grid-column:1/-1}
.repair-intake .device-panel .device-choice-fields{min-height:0}
@media(max-width:1000px){.repair-design-three .repair-intake-details{grid-template-columns:minmax(0,1fr)}}