:root{--ink:#1b2c3b;--muted:#64758a;--blue:#1266ca;--border:#dfe6ee}body{background:#f3f6fa;color:var(--ink);font-family:Segoe UI,Arial,sans-serif;font-size:14px}header{background:#fff;border-bottom:1px solid var(--border);padding:20px 4%;display:flex;align-items:center;justify-content:space-between}header>div{display:flex;align-items:center;gap:12px}.brand{background:var(--blue);color:white;border-radius:10px;font-size:25px;font-weight:800;padding:3px 13px}header strong{letter-spacing:1px}header small{display:block;font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted)}.local{font-size:12px;color:#23795c}main{max-width:1650px;margin:auto;padding:34px 4%}.title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}h1{font-size:30px;font-weight:650;margin:0 0 8px}h2{font-size:19px;margin:0}h3{font-size:17px;margin:24px 0 12px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--blue);margin:0 0 8px}.muted{color:var(--muted);margin:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.metrics article{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px 24px}.metrics span{display:block;color:var(--muted);font-size:13px}.metrics strong{display:block;font-size:33px;margin-top:8px}.workspace{background:white;border:1px solid var(--border);border-radius:12px;overflow:hidden}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px}.toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.integration-hint{margin:0;padding:0 20px 15px;color:var(--muted);font-size:12px}.filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap;padding:20px;background:#f9fbfd;border-top:1px solid var(--border)}label{font-size:12px;font-weight:600;color:var(--muted)}.filters label:first-child{flex:2;min-width:220px}.filters label{flex:1;min-width:125px}input,select,textarea{margin-top:5px}.btn{font-size:12px;white-space:nowrap;padding:9px 13px;border-radius:7px}.btn-primary{background:var(--blue);border-color:var(--blue)}.table-wrap{overflow:auto}.table{font-size:12px;margin-bottom:0}.table th{background:#f9fbfd;color:var(--muted);font-weight:600;white-space:nowrap;padding:14px 12px}.table td{padding:17px 12px;vertical-align:middle;min-width:85px;border-color:#edf1f5}.inc-button{background:none;border:none;color:var(--blue);font-weight:700;padding:0}.status{display:inline-block;padding:5px 8px;border-radius:5px;background:#eaf1fc;color:#27538f;white-space:nowrap}.done{background:#e5f5ed;color:#227451}.waiting{background:#fff3df;color:#886119}.problem{min-width:170px;max-width:250px}.pagination-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;color:var(--muted);border-top:1px solid var(--border)}footer{margin-top:22px;color:var(--muted);font-size:11px}dialog{border:0;border-radius:14px;padding:26px;max-width:1050px;width:92%;max-height:90vh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#15243b88}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.field-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wide{grid-column:1/-1}.form-actions{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 10px}.inline-form{display:flex;gap:8px;align-items:center;margin:12px 0}#history{padding-left:18px;color:var(--muted)}#history li{margin:8px 0}#form-error{color:#b42336;white-space:pre-wrap}#message{padding:14px 18px;border-radius:8px;background:#e6f0ff;margin-bottom:20px;white-space:pre-wrap}#message.error{background:#ffe9e9;color:#9a2630}pre{white-space:pre-wrap;font-family:inherit;font-size:14px;background:#f5f7fa;padding:18px;border-radius:8px}button:disabled{opacity:.5}#device-history{margin-top:15px}@media(max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}.toolbar,.title{align-items:flex-start;flex-direction:column}.field-grid{grid-template-columns:repeat(2,1fr)}.local{display:none}}@media(max-width:550px){.field-grid{grid-template-columns:1fr}.metrics{gap:8px}.metrics article{padding:14px}main{padding:20px 3%}}

.attachment-image{display:block;width:200px;height:140px;object-fit:contain;background:#f3f6fa;border:1px solid #dfe6ee;border-radius:8px;margin:8px 0 16px}
.module-tabs{display:flex;gap:10px;align-items:center;margin-bottom:24px}.module-tabs label{margin-left:auto;display:flex;align-items:center;gap:8px}.module-tabs input{max-width:160px;margin:0}.billing-counts{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:0 20px 20px}.billing-count{border:1px solid #dfe6ee;border-radius:9px;background:#f9fbfd;padding:16px;text-align:left;color:#64758a}.billing-count strong{display:block;font-size:28px;color:#1b2c3b;margin-top:8px}.billing-overdue td{background:#fff0e5}#billing-errors{color:#a23b2d;white-space:pre-wrap}#billing-dialog{max-width:1150px}.inline-form{flex-wrap:wrap}@media(max-width:700px){.billing-counts{grid-template-columns:repeat(2,1fr)}.module-tabs{flex-wrap:wrap}.module-tabs label{margin-left:0}}
[hidden]{display:none!important}#billing-panel th:first-child,#billing-panel td:first-child{position:sticky;left:0;min-width:115px;background:#fff;z-index:1}#billing-panel th:first-child{background:#f9fbfd}#billing-panel .billing-overdue td:first-child{background:#fff0e5}
#customer-notes p{white-space:pre-wrap;margin:5px 0 16px}#customer-error{color:#a23b2d;white-space:pre-wrap}#customer-dialog{max-width:1150px}#customer-device-form input{flex:1;min-width:120px}#customer-note-form textarea{flex:1;min-width:200px}
.dialog-heading{position:sticky;top:-26px;background:#fff;z-index:3;padding:12px 0}

.column-sort{border:0;background:transparent;color:inherit;padding:0;text-align:left;font:inherit;cursor:pointer}.column-sort:hover{text-decoration:underline}th[aria-sort="ascending"] .column-sort::after{content:" ↑"}th[aria-sort="descending"] .column-sort::after{content:" ↓"}

[aria-invalid="true"]{border:2px solid #c52c3b;background:#fff5f5}

.module-tabs{flex-wrap:wrap}.commerce-form{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin:16px 0}.commerce-form>label{min-width:180px;flex:1}.commerce-form textarea{min-width:280px}.commerce-form>div,.commerce-form>fieldset{width:100%}.commerce-line{border:1px solid #dfe6ee;border-radius:8px;padding:14px;margin:10px 0;display:flex;flex-wrap:wrap;gap:10px}.commerce-line label{flex:1;min-width:120px}.commerce-checks{max-height:300px;overflow:auto;padding:12px;background:#f5f8fc}.commerce-checks label{display:block;margin:8px 0}.commerce-error{color:#b42336;white-space:pre-wrap}#commerce-panel .table-wrap{max-height:65vh}#commerce-dialog li p{white-space:pre-wrap}#commerce-dialog{max-width:1200px}
.commerce-shortage { color: #c5221f; font-weight: 800; }
.manufacturer-order { padding: 1rem; background: white; color: black; }
.manufacturer-order label { color: #b71919; font-size: .8rem; display: block; }
.manufacturer-order p { margin: .4rem 0; }
.manufacturer-header { display: grid; grid-template-columns: 1fr .8fr 1.7fr; align-items: start; border-bottom: 1px solid black; padding-bottom: 1rem; }
.manufacturer-logo { width: calc(100% - 1rem); height: auto; margin: .5rem; }
.manufacturer-refs { display: grid; gap: .4rem; }
.manufacturer-refs label { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: .4rem; }
.manufacturer-parties { display: grid; grid-template-columns: 1fr 1fr; min-height: 220px; border-bottom: 1px solid black; margin-bottom: 1rem; }
.manufacturer-parties > div { padding: .8rem; }
.manufacturer-parties > div + div { border-left: 1px solid black; }
.manufacturer-parties p:last-child { margin-top: 1rem; }
.manufacturer-items { width: 100%; table-layout: fixed; margin-top: 1rem; }
.manufacturer-items th, .manufacturer-items td { border: 1px solid black; padding: .5rem; vertical-align: top; color: #b71919; }
.manufacturer-items th:first-child { width: 40%; }
.manufacturer-items input, .manufacturer-items select { min-width: 0; width: 100%; }
.manufacturer-items output { display: block; font-weight: bold; margin: .4rem 0; }
.manufacturer-bottom { display: grid; grid-template-columns: 1fr 1fr; margin-top: 1rem; gap: 1rem; }
.manufacturer-bottom label { margin: .35rem 0; }
.manufacturer-total { align-self: end; display: flex; justify-content: space-between; border: 1px solid black; padding: .6rem; color: #b71919; }
.manufacturer-internal { border-top: 1px solid #ddd; margin-top: 1.5rem; padding-top: .6rem; }
@media(max-width:700px) { .manufacturer-header, .manufacturer-bottom { grid-template-columns: 1fr; } .manufacturer-logo { max-width: 160px; } }
.commerce-form > label:has(textarea) { flex-basis: 100%; min-width: 0; }
.commerce-form textarea { width: 100%; min-width: 0; max-width: 100%; }
.commerce-form > label > input, .commerce-form > label > select { min-width: 0; max-width: 100%; }
.auth-locked main, .auth-locked #account-tools { display: none !important; }
.auth-card { max-width: 470px; margin: 50px auto; padding: 30px; background: white; border: 1px solid var(--border); border-radius: 14px; }
.auth-card form, #password-form { display: grid; gap: 15px; }
.auth-card label, #password-form label { display: block; }
#auth-error, #password-error { color: #b42336; white-space: pre-wrap; }
#account-tools { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.permission-matrix input { margin: 0; width: 18px; height: 18px; }
.permission-matrix td:not(:first-child) { text-align: center; }
.crm-body { padding: 0 20px 24px; }
.crm-section { border: 1px solid var(--border); border-radius: 9px; margin: 16px 0; padding: 0 14px 14px; }
.crm-overdue { border-left: 4px solid #b42336; }
.crm-suggestion { margin: 12px 0; padding: 14px; border: 1px solid var(--border); border-radius: 8px; background: #f9fbfd; }
#customer-crm { border-bottom: 2px solid var(--border); padding-bottom: 20px; margin-bottom: 20px; }
#crm-dialog { max-width: 1100px; }
.crm-calendar { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 5px; }
.crm-calendar > strong { text-align: center; padding: 8px; background: #f3f6fa; }
.crm-calendar-day { min-height: 110px; padding: 5px; border: 1px solid var(--border); border-radius: 5px; min-width: 0; }
.crm-calendar-day > button { width: 100%; padding: 6px; white-space: normal; overflow-wrap: anywhere; }
.crm-calendar-today { border: 2px solid var(--blue); }
.crm-calendar-event { background: #eaf1fc; margin-top: 5px; text-align: left; }
.crm-event-overdue { color: #9a2630; background: #ffe9e9; }
.crm-body .table td, #customer-crm .table td { white-space: pre-wrap; }
@media(max-width:650px) { .crm-calendar { gap: 2px; } .crm-calendar-day { padding: 2px; min-height: 90px; } .crm-calendar-day > button { font-size: 10px; padding: 3px; } }
.shipment-exception {display:flex;align-items:center;gap:8px;align-self:end;min-height:38px}
.shipment-exception input[type="checkbox"] {width:18px;height:18px;flex:0 0 auto;margin:0}
.dhl-form {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.dhl-form h3,.dhl-form .dhl-check {grid-column:1/-1}
.dhl-check {display:flex;gap:8px;align-items:center;margin:10px 0}
.dhl-check input {width:18px;height:18px;flex:0 0 auto}
.dhl-shipment {border:1px solid var(--border);border-radius:8px;padding:14px;margin:12px 0}
#ticket-dhl button,#ticket-dhl a,#billing-dhl button,#billing-dhl a {margin:4px}
#dhl-dialog {max-width:1000px;width:90vw}
#dhl-dialog pre {white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6fa;padding:12px}
@media(max-width:600px){.dhl-form{grid-template-columns:1fr}}
#dhl-dialog .dhl-content>label {display:block;width:100%;margin:12px 0}
.dhl-local-banner {display:block!important;padding:12px 20px;background:#fff2cd;color:#684b00;border-bottom:2px solid #e3b044;font-weight:700;text-align:center}

.form-actions .service-status-active,
.form-actions .service-status-active:disabled {
 background:#17633c;color:#fff;border:2px solid #12512f;
 font-weight:700;opacity:1;box-shadow:0 0 0 2px #d5ebdf;
}
.service-current-status { flex-basis:100%;font-weight:700;color:#24415b;margin-bottom:4px; }

.status-checkbox-menu{position:relative;min-width:160px;}
.status-checkbox-menu summary{cursor:pointer;white-space:normal;}
.status-checkbox-options{position:absolute;top:100%;left:0;z-index:20;min-width:210px;padding:10px;background:white;border:1px solid #cbd5e1;border-radius:6px;box-shadow:0 5px 15px #0002;}
.status-checkbox-options label{display:flex;align-items:center;gap:8px;padding:6px;cursor:pointer;}
.status-checkbox-options input{width:16px;height:16px;margin:0;}

#filters>label:has(#filter-status){flex:1.4;min-width:190px;}
#filters .status-checkbox-menu{min-width:0;width:100%;margin-top:5px;}
#filters .status-checkbox-menu summary{box-sizing:border-box;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:38px;}
#filters .status-checkbox-options{box-sizing:border-box;min-width:100%;width:max-content;max-width:min(300px,80vw);}
#filters .status-checkbox-options label{flex:none;min-width:0;white-space:normal;}
.table .status{max-width:100%;white-space:normal;overflow-wrap:anywhere;}

#billing-filters>label:has(#billing-view){flex:1.5;min-width:210px;}
#billing-status-menu{min-width:0;width:100%;margin-top:5px;}
#billing-status-menu summary{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#billing-status-options label{min-width:0;flex:none;}
.invoicing-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:16px 0}.invoicing-filters label{min-width:150px;flex:1}.invoicing-statuses{position:relative;min-width:200px;padding:8px;border:1px solid #ccd5df;border-radius:5px}.invoicing-statuses label{display:block;white-space:normal;margin:6px 0}#invoicing-panel .table-wrap{overflow:auto}#invoicing-panel td{white-space:normal;min-width:80px;max-width:240px;overflow-wrap:anywhere}#invoicing-dialog{width:min(960px,96vw)}#invoicing-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere}#invoicing-panel input[type=checkbox]{width:17px;height:17px}
#invoicing-panel table{min-width:1840px;table-layout:auto}#invoicing-panel td{overflow-wrap:normal;word-break:normal}#invoicing-panel td:nth-child(2){min-width:105px}#invoicing-panel td:nth-child(5){min-width:175px}#invoicing-panel td:nth-child(13){min-width:165px}#invoicing-panel td:last-child{min-width:230px}

.brand-logo{width:190px;height:auto;display:block}.brand-subtitle{font-size:12px;color:var(--muted)}@media(max-width:700px){.brand-logo{width:125px}.brand-subtitle{display:none}}
.commerce-selection-count{grid-column:1/-1;margin:0;padding:12px 16px;border:1px solid #cbdff8;border-radius:6px;background:#eef5ff;color:#164a83;font-weight:600}

#invoicing-panel td:nth-child(5){min-width:165px}#invoicing-panel td:nth-child(6){min-width:175px}

.invoicing-repeat-warning{padding:12px 16px;background:#fff4d6;border:1px solid #edc66c;border-radius:6px;color:#71521b;margin:10px 0;white-space:normal}

.fulfillment-state{display:inline-block;padding:7px 10px;border:1px solid;border-radius:6px;font-weight:600;white-space:normal}.fulfillment-state.ready{background:#e7f5ec;color:#176238;border-color:#9bc9aa}.fulfillment-state.low{background:#fff1d6;color:#864b00;border-color:#e6b562}.fulfillment-state.shortage{background:#fde9eb;color:#a51d35;border-color:#e6a4ae}#fulfillment-dashboard td{vertical-align:top}#fulfillment-dashboard td div>div{min-height:24px}#fulfillment-dashboard h3{margin-right:auto}

#commerce-dialog.manufacturer-dialog,#commerce-dialog.manufacturer-dialog *{color:#000!important}#commerce-dialog.manufacturer-dialog input::placeholder{color:#000!important}#commerce-dialog.manufacturer-dialog button,#commerce-dialog.manufacturer-dialog .btn{background:#fff;border-color:#555;color:#000!important}#commerce-dialog.manufacturer-dialog button:disabled{background:#eee;opacity:1}#commerce-dialog.manufacturer-dialog select[data-price-list]{max-width:100%;text-overflow:ellipsis}

.fulfillment-ranges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fulfillment-ranges .btn{min-width:105px}.fulfillment-ranges [aria-pressed="true"]{font-weight:700;box-shadow:0 0 0 2px #1266ca30}

.warehouse-summary{margin:0 20px 18px;border:1px solid var(--border);border-radius:8px;overflow:hidden}.warehouse-summary h3,.warehouse-summary>p{margin:12px 14px}.warehouse-summary td:not(:first-child){font-weight:600}
#invoicing-panel.invoicing-history table{width:100%;min-width:1050px;table-layout:fixed}
#invoicing-panel.invoicing-history th,#invoicing-panel.invoicing-history td{min-width:0;max-width:none;white-space:normal;overflow-wrap:anywhere;word-break:normal}
#invoicing-panel.invoicing-history th:nth-child(3){width:16%}
#invoicing-panel.invoicing-history th:nth-child(9){width:17%}
#invoicing-panel.invoicing-history th:last-child{width:15%}
#invoicing-panel.invoicing-history .btn{white-space:normal;overflow-wrap:anywhere;max-width:100%}
.ticket-selection-bar{padding:12px 20px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;border-bottom:1px solid var(--border)}.ticket-selection-bar p{flex-basis:100%;margin:0}#ticket-trash-dialog{overflow-wrap:anywhere}#ticket-trash-dialog .table-wrap{overflow:auto}#ticket-trash-dialog details p{max-height:180px;overflow:auto}#service-panel input[type=checkbox]{width:17px;height:17px}
#hello-inbox-dialog{max-width:1500px;width:96vw}#hello-inbox-dialog table{min-width:1100px}#hello-inbox-dialog td{white-space:normal;overflow-wrap:anywhere}#hello-inbox-dialog select{min-width:180px}#hello-inbox-dialog textarea{min-width:200px}#hello-inbox-dialog input[type=checkbox]{width:18px;height:18px}