:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#f4f6f8;--blue:#0d47a1;--blue-dark:#092f6b;--orange:#f59e0b;--border:#dbe3ed;--muted:#667085;--surface:#fff}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#f4f8ff,#f4f6f8);min-width:320px}.site-header{height:72px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,72px);position:sticky;top:0;z-index:2}.brand{display:flex;align-items:center;gap:10px;color:var(--blue);text-decoration:none}.brand img{width:35px;height:35px;border-radius:9px}.brand strong{font-size:18px}.site-header nav{display:flex;align-items:center;gap:17px}.site-header nav a,.link{color:#344054;text-decoration:none;border:0;background:none;cursor:pointer;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:12px 17px;background:var(--blue);color:#fff;text-decoration:none;font-weight:800;cursor:pointer}.btn.small{padding:8px 13px}.btn.outline{background:#fff;color:var(--blue);border:1px solid #9db7d8}.lang{border:1px solid var(--border);border-radius:7px;background:#fff;padding:6px 8px;color:var(--blue);font-size:11px}.hero{max-width:1180px;margin:auto;min-height:520px;padding:90px 24px;display:flex;align-items:center;justify-content:space-between;gap:40px}.hero h1{font-size:clamp(38px,6vw,68px);line-height:1.03;max-width:650px;margin:10px 0 20px;color:var(--blue-dark)}.hero p:not(.eyebrow){font-size:19px;line-height:1.6;color:var(--muted);max-width:600px}.hero-actions{display:flex;gap:10px;margin-top:28px}.hero-icon{width:min(300px,34vw);filter:drop-shadow(0 25px 35px #0d47a126)}.eyebrow{font-size:12px;letter-spacing:.1em;font-weight:900;color:var(--orange)}.section{max-width:1180px;margin:auto;padding:36px 24px 90px}.feature-grid,.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article,.stats article{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;box-shadow:0 10px 30px #1720330a}.feature-grid b{color:var(--orange)}.feature-grid h3{color:var(--blue);font-size:20px}.form-page{max-width:780px;margin:auto;padding:46px 18px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:30px;box-shadow:0 15px 40px #1720330c}.panel.narrow{max-width:440px;margin:auto}.panel h1{color:var(--blue-dark);margin-top:0}.form-icon{display:block;width:58px;height:58px;margin-bottom:16px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid label:nth-last-of-type(-n+3){grid-column:span 1}.panel label{display:grid;gap:6px;font-size:13px;font-weight:800;color:#344054}.panel input{width:100%;border:1px solid var(--border);border-radius:8px;padding:12px;background:#fff;color:#172033}.form-grid button,.panel form button{margin-top:8px}.error{color:#c62828;min-height:20px;font-size:13px}.success{border-top:4px solid #15803d}.app-layout{max-width:1280px;margin:auto;padding:28px 20px;display:grid;grid-template-columns:220px 1fr;gap:24px}.app-nav{display:grid;align-content:start;gap:7px}.app-nav a{padding:13px 15px;border-radius:9px;color:#344054;text-decoration:none}.app-nav a:hover{background:#dbeafe;color:var(--blue)}.app-content h1{color:var(--blue-dark)}.subtitle{color:var(--muted)}.stats{grid-template-columns:repeat(3,1fr);margin:24px 0}.stats b{font-size:32px;display:block;color:var(--blue)}.stats span{color:var(--muted)}.support{color:var(--blue);font-weight:800}.tabs{display:flex;gap:8px;margin:20px 0}.tabs button{border:1px solid var(--border);background:#fff;border-radius:8px;padding:10px 14px}.tabs button.active{background:var(--blue);color:#fff}.empty{text-align:center;color:var(--muted);padding:50px}@media(max-width:760px){.site-header{padding:0 14px}.site-header nav a:not(.btn),.site-header .link{display:none}.hero{padding:55px 22px;min-height:auto;display:block}.hero-icon{display:block;width:150px;margin:35px auto 0}.feature-grid,.stats,.app-layout{grid-template-columns:1fr}.app-layout{padding:18px 14px}.app-nav{display:flex;overflow:auto;order:2}.app-nav a{white-space:nowrap;font-size:13px}.app-content{order:1}.form-grid{grid-template-columns:1fr}.form-grid label{grid-column:auto!important}.panel{padding:22px}.hero h1{font-size:42px}}
.activation-panel{max-width:620px;margin:auto}.activation-panel h1{color:var(--blue-dark)}.activation-panel input{margin-top:6px;text-transform:uppercase;letter-spacing:.08em}.notice{margin-top:18px;padding:13px;border-radius:8px;background:#fff7e6;color:#8a5300}.web-toast{position:fixed;right:18px;bottom:18px;z-index:100;background:#172033;color:#fff;padding:12px 16px;border-radius:9px;box-shadow:0 10px 25px #17203344}
.delivery-list,.catalog-grid{display:grid;gap:14px}.delivery-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.delivery-row p{margin:7px 0;color:var(--muted)}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-block h2{color:var(--blue);font-size:19px}.catalog-item{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.catalog-item span{color:var(--muted);font-size:13px;text-align:right}.table-scroll{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid var(--border)}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.catalog-form{margin:12px 0 18px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.catalog-form[hidden]{display:none}.form-actions{display:flex;gap:8px;align-items:center;margin-top:10px}.btn.compact{padding:7px 11px;font-size:13px}.btn.secondary{background:transparent;color:var(--blue);border:1px solid var(--border)}
.user-form{margin:12px 0 18px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.user-form[hidden]{display:none}
.delivery-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.web-modal{position:fixed;inset:0;background:#17203388;display:grid;place-items:center;padding:18px;z-index:100}.quick-client-modal{z-index:110}.receipt-panel{position:relative;width:min(680px,100%);max-height:calc(100vh - 36px);overflow:auto}.modal-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:28px;cursor:pointer;color:var(--muted)}#receipt-form{display:grid;gap:12px}#receipt-form label{display:grid;gap:6px}#receipt-signature{width:100%;height:220px;border:1px dashed var(--border);border-radius:8px;background:#fff;touch-action:none}.select-with-action{display:flex;gap:8px;align-items:stretch}.select-with-action select{min-width:0;flex:1}.client-quick-new{flex:0 0 40px;padding:8px;font-size:20px;line-height:1}@media(max-width:760px){.client-quick-new{min-height:44px;flex-basis:44px}}.client-picker-field{position:relative;flex:1;min-width:0}.client-picker-results{position:absolute;left:0;right:0;top:100%;margin-top:4px;z-index:5;background:#fff;border:1px solid var(--border);border-radius:9px;box-shadow:0 10px 25px #17203322;max-height:260px;overflow:auto;display:grid;gap:4px;padding:6px}.client-picker-results[hidden]{display:none}.client-picker-result{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:#fff;color:#172033;text-align:left;cursor:pointer}.client-picker-result:hover,.client-picker-result:focus{border-color:var(--blue);background:#f2f7ff}.client-picker-result small{color:var(--muted)}
.delivery-form-section{margin:18px 0;padding:16px;border:1px solid var(--border);border-radius:12px}.delivery-form-section h3{margin:0 0 12px;color:var(--blue-dark);font-size:14px}.choice-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.choice-card{min-height:48px;padding:10px;border:1px solid var(--border);border-radius:10px;background:#fff;color:#344054;font-weight:800;cursor:pointer}.choice-card.active{border-color:var(--blue);background:#eaf2fd;color:var(--blue)}.choice-card.urgent.active{border-color:#e66b31;background:#fff1eb;color:#c84d18}.delivery-item-entry{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.delivery-item-entry button{grid-column:1/-1;justify-self:start}.delivery-items-list{display:grid;gap:7px;margin-top:14px}.delivery-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;background:#f8fafc;border-radius:8px;font-size:13px}.delivery-item .link{color:#b54708;font-weight:700}@media(max-width:760px){.choice-cards,.delivery-item-entry{grid-template-columns:1fr}.delivery-item-entry button{width:100%;min-height:44px}}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.user-form fieldset{border:1px solid var(--border);border-radius:10px;margin:14px 0;padding:12px}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.check-option{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px!important;font-weight:600!important}.check-option input{width:auto}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}@media(max-width:600px){.page-heading{align-items:flex-start;flex-direction:column}.check-grid{grid-template-columns:1fr}}
.product-form{margin:12px 0 18px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.product-form[hidden],[data-product-only][hidden],.commercial-section[hidden]{display:none}.product-autocomplete{grid-column:1/-1;display:grid;gap:5px;max-height:250px;overflow:auto}.product-autocomplete:empty{display:none}.delivery-product-result{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:#fff;color:#172033;text-align:left;cursor:pointer}.delivery-product-result:hover,.delivery-product-result:focus{border-color:var(--blue);background:#f2f7ff}.delivery-product-result small{color:var(--muted)}.commercial-tabs{overflow:auto}.commercial-tabs button{white-space:nowrap;cursor:pointer}.operation-item-entry{display:grid;grid-template-columns:2fr repeat(3,minmax(100px,1fr));gap:10px;align-items:end}.operation-item-entry .operation-item-add{min-height:42px}.service-order-row>div:first-child{display:grid;gap:4px}.service-order-row small{color:var(--muted)}.badge{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:4px 8px;background:#eaf2fd;color:var(--blue);font-size:12px;font-weight:800}@media(max-width:850px){.operation-item-entry{grid-template-columns:1fr 1fr}.operation-item-entry label:first-child{grid-column:1/-1}}@media(max-width:600px){.operation-item-entry{grid-template-columns:1fr}.operation-item-entry label:first-child{grid-column:auto}.delivery-product-result{align-items:flex-start;flex-direction:column}.commercial-section .catalog-item{align-items:flex-start;flex-direction:column}.commercial-section .form-actions{flex-wrap:wrap}}
.commercial-row{align-items:flex-start;gap:18px}.commercial-row>div:first-child{min-width:220px}.commercial-row small{display:block;margin-top:5px;color:var(--muted)}.commercial-row .form-actions{justify-content:flex-end}.commercial-record-modal{z-index:300}.commercial-record-panel{width:min(1000px,100%);max-height:calc(100vh - 32px)}.commercial-record-content{display:grid;gap:18px}.record-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-right:34px}.record-heading h2{margin:2px 0 8px}.record-print-actions{display:flex;align-items:center;gap:8px}.record-print-actions select{width:auto;min-width:90px}.record-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.record-meta>div{display:grid;gap:4px;padding:12px;border:1px solid var(--border);border-radius:9px;background:#f9fbfd}.record-meta small,.record-observations small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.record-meta strong{font-size:13px;overflow-wrap:anywhere}.commercial-items-table input{width:95px;min-width:76px;padding:7px}.record-totals{margin-left:auto;width:min(330px,100%);display:grid;gap:8px;padding:14px;border-radius:10px;background:#f4f7fa}.record-totals span{display:flex;justify-content:space-between;gap:12px}.record-totals strong{color:var(--blue);font-size:18px}.record-observations{padding:13px;border:1px solid var(--border);border-radius:9px}.record-observations p{margin:6px 0 0;white-space:pre-wrap}.quote-edit-add{display:flex;gap:8px}.quote-edit-add select{flex:1}.commercial-success{padding:16px 0}.commercial-success h2{color:var(--blue-dark)}@media(max-width:800px){.commercial-row{display:grid}.commercial-row .form-actions{justify-content:flex-start}.record-heading{display:grid}.record-print-actions{flex-wrap:wrap}.record-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.commercial-record-panel{padding:18px}.commercial-items-table{min-width:720px}}@media(max-width:500px){.record-meta{grid-template-columns:1fr}.record-heading .btn,.record-print-actions{width:100%}.record-print-actions select,.record-print-actions .btn{flex:1}.quote-edit-add{display:grid}.commercial-record-content>.form-actions,.commercial-record-content .form-actions{align-items:stretch}.commercial-record-content .form-actions .btn{width:100%}}
.delivery-sent-state{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:12px;font-weight:800}.delivery-card{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.delivery-card:hover{border-color:#b8cbe2;box-shadow:0 12px 30px #17203314;transform:translateY(-1px)}.delivery-card:focus-within{outline:2px solid #84adf4;outline-offset:2px}.delivery-detail-status{display:inline-flex;align-items:center;width:max-content;padding:5px 9px;border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:900}.delivery-detail-status.pending{background:#fef3f2;border-color:#fecdca;color:#b42318}.delivery-detail-status.route{background:#eff8ff;border-color:#b2ddff;color:#175cd3}.delivery-detail-status.completed{background:#ecfdf3;border-color:#abefc6;color:#067647}.delivery-detail-status.available{background:#f2f4f7;border-color:#d0d5dd;color:#344054}.delivery-detail-section{display:grid;gap:12px}.delivery-detail-section h3{margin:0;color:var(--blue-dark);font-size:15px}.delivery-detail-items th:nth-child(n+2),.delivery-detail-items td:nth-child(n+2){text-align:center}.delivery-origin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.delivery-origin-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--border);border-radius:10px;background:#f9fbfd}.delivery-origin-card div{display:grid;gap:4px}.delivery-origin-card small{color:var(--muted);font-size:11px;text-transform:uppercase}.delivery-origin-card strong{font-size:13px}@media(max-width:650px){.delivery-origin-grid{grid-template-columns:1fr}.delivery-origin-card{align-items:flex-start;flex-direction:column}.delivery-origin-card .btn{width:100%}.delivery-card{align-items:flex-start;flex-direction:column}.delivery-card .delivery-actions{width:100%;justify-content:flex-start}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.client-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:18px 0}.client-search-form{display:flex;align-items:stretch;gap:8px;flex:1;max-width:760px}.client-search-form input{min-width:220px;flex:1;border:1px solid var(--border);border-radius:9px;padding:12px;background:#fff;color:#172033}.client-search-form .btn{white-space:nowrap}.client-table tbody tr:not([hidden]){transition:background .15s ease}.client-table tbody tr:not([hidden]):hover{background:#f8fbff}.client-open-link{border:0;background:transparent;padding:4px 0;color:var(--blue);font:inherit;font-weight:800;text-align:left;cursor:pointer}.client-open-link:hover,.client-open-link:focus{text-decoration:underline}.client-detail-view{max-width:920px}.client-detail-view[hidden],#client-list-view[hidden],#client-search-empty[hidden]{display:none}.client-detail-heading h2{margin:3px 0 18px;color:var(--blue-dark)}.client-editor-form{display:grid;gap:10px}@media(max-width:720px){.client-list-toolbar,.client-search-form{align-items:stretch;flex-direction:column}.client-search-form{width:100%;max-width:none}.client-search-form input{min-width:0}.client-list-toolbar>.btn{width:100%}}
.btn.danger{background:#b42318;color:#fff;border-color:#b42318}.btn.danger:hover,.btn.danger:focus{background:#912018}.delivery-detail-status.cancelled{background:#fef3f2;border-color:#fecdca;color:#b42318}.delivery-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:8px;padding:16px;border:1px solid #fecdca;border-radius:11px;background:#fffafa}.delivery-danger-zone p{margin:4px 0 0;color:var(--muted);font-size:13px}.cancellation-summary{border-top:1px solid var(--border);padding-top:18px}.cancellation-identification{display:grid;gap:5px;padding:12px 0}.cancellation-identification span{color:var(--muted)}.cancellation-sale-notice{margin:10px 0}.cancellation-sale-notice p,.cancellation-route-warning p{margin:5px 0 0}.cancellation-route-warning{margin:12px 0;padding:12px;border:1px solid #fdb022;border-radius:9px;background:#fffaeb;color:#7a2e0e}.cancellation-options{display:grid;gap:9px;margin:14px 0;padding:13px;border:1px solid var(--border);border-radius:10px}.cancellation-options legend{padding:0 5px;font-weight:800;color:#344054}.cancellation-options small{display:block;margin-top:3px;color:var(--muted);font-weight:400}.cancellation-confirm-route{margin:14px 0;padding:11px;border-radius:9px;background:#fffaeb}@media(max-width:620px){.delivery-danger-zone{align-items:stretch;flex-direction:column}.delivery-danger-zone .btn{width:100%}}
.delivery-list-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.delivery-card-compact{min-height:0;padding:14px 16px}.delivery-card-compact .delivery-card-summary{min-width:0;flex:1}.delivery-card-top{display:flex;align-items:center;gap:10px;min-width:0}.delivery-card-top b{white-space:nowrap}.delivery-card-compact p{margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delivery-card-compact .delivery-actions{flex:0 0 auto}.user-list-clean{display:grid;gap:0}.user-list-item{align-items:center;padding:11px 0}.user-list-item>strong{font-size:15px;color:#172033}.user-list-actions{display:flex;align-items:center;gap:10px}.user-status{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800}.user-status.active{background:#ecfdf3;color:#067647}.user-status.inactive{background:#f2f4f7;color:#475467}.users-management .section-heading{align-items:flex-start}.users-management .section-heading .subtitle{margin:3px 0 0;font-size:13px}.product-row-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}.product-icon-action{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--blue);font-size:15px;cursor:pointer}.product-icon-action:hover,.product-icon-action:focus{border-color:#9db7d8;background:#f2f7ff}.support-page .support-card{max-width:580px}.support-page .support-card h2{margin-top:0}.settings-card{display:grid;gap:10px;margin-bottom:16px}.settings-card h2{margin:0;color:var(--blue-dark);font-size:19px}.settings-card .subtitle{margin:3px 0 0;font-size:13px}.settings-options{display:flex;flex-wrap:wrap;gap:8px}.settings-future{border-style:dashed}@media(max-width:650px){.delivery-list-compact{grid-template-columns:1fr}.delivery-card-compact{align-items:stretch;gap:10px}.delivery-card-compact .delivery-actions{justify-content:flex-start}.delivery-card-compact p{white-space:normal}.user-list-item{align-items:flex-start;flex-direction:column}.user-list-actions{width:100%;justify-content:space-between}.product-row-actions{flex-wrap:wrap}.product-icon-action{width:44px;height:44px}}
.company-logo-settings{display:flex;align-items:center;gap:16px;padding:13px;border:1px solid var(--border);border-radius:11px;background:#f9fbfd}.company-logo-settings img{width:76px;height:60px;object-fit:contain;border-radius:8px;background:#fff;border:1px solid var(--border)}.company-logo-settings p{margin:4px 0}.file-button{cursor:pointer}.theme-options{display:flex;gap:9px;flex-wrap:wrap}.theme-choice,.print-format-choice{border:1px solid var(--border);border-radius:9px;padding:10px 15px;background:#fff;color:#344054;font-weight:800;cursor:pointer}.theme-choice.active,.print-format-choice.active{border-color:var(--blue);background:#eaf2fd;color:var(--blue)}[data-theme="dark"]{color-scheme:dark;--surface:#182230;--border:#344054;--muted:#b5c0d0;--blue-dark:#dbeafe}[data-theme="dark"] body{background:#101828;color:#f8fafc}[data-theme="dark"] .site-header,[data-theme="dark"] .panel,[data-theme="dark"] .stats article,[data-theme="dark"] .feature-grid article,[data-theme="dark"] .tabs button,[data-theme="dark"] .panel input,[data-theme="dark"] .theme-choice,[data-theme="dark"] .print-format-choice,[data-theme="dark"] .company-logo-settings,[data-theme="dark"] .product-icon-action{background:#182230;color:#f8fafc;border-color:#344054}[data-theme="dark"] .app-nav a,[data-theme="dark"] .site-header nav a,[data-theme="dark"] .link,[data-theme="dark"] .panel label{color:#d0d5dd}[data-theme="dark"] .app-nav a:hover,[data-theme="dark"] .theme-choice.active,[data-theme="dark"] .print-format-choice.active{background:#1d3c67;color:#dbeafe}[data-theme="dark"] .table th,[data-theme="dark"] .table td,[data-theme="dark"] .catalog-item,[data-theme="dark"] .record-meta>div{border-color:#344054}[data-theme="dark"] .record-meta>div,[data-theme="dark"] .delivery-item{background:#202c3c}[data-theme="dark"] .company-logo-settings img{background:#fff}[data-theme="dark"] .web-modal{background:#000b}@media(max-width:650px){.company-logo-settings{align-items:flex-start;flex-direction:column}.company-logo-settings .form-actions{flex-wrap:wrap}}
.delivery-receipt-proof{display:grid;gap:12px;margin-top:18px;padding:16px;border:1px solid #abefc6;border-radius:11px;background:#f6fef9}.delivery-receipt-proof h3{margin:0;color:#067647}.receipt-signature-view{display:block;width:min(360px,100%);max-height:160px;object-fit:contain;border:1px solid var(--border);border-radius:8px;background:#fff}.delivery-timeline{margin-top:18px}.delivery-timeline>div{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid var(--border)}.delivery-timeline span{color:var(--muted);font-size:13px}.delivery-receipt-proof .record-meta{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:650px){.delivery-receipt-proof .record-meta{grid-template-columns:1fr}.delivery-timeline>div{align-items:flex-start;flex-direction:column;gap:3px}}
.service-order-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-order-card{display:grid;gap:7px;padding:15px;border:1px solid var(--border);border-radius:12px;background:var(--surface);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.service-order-card:hover,.service-order-card:focus{transform:translateY(-1px);box-shadow:0 10px 22px #17203316}.service-order-card-top,.service-order-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.service-order-card-client{font-weight:800;color:var(--blue-dark)}.service-order-card small{color:var(--muted)}.os-status{display:inline-flex;width:max-content;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;background:#f2f4f7;color:#475467}.os-autorizada{background:#fff7e6;color:#9a5b00}.os-em_andamento{background:#fff1e8;color:#b54708}.os-concluida{background:#ecfdf3;color:#067647}.os-entregue_ao_cliente{background:#eff8ff;color:#175cd3}.os-cancelada{background:#fef3f2;color:#b42318}@media(max-width:760px){.service-order-card-grid{grid-template-columns:1fr}}
.service-order-section{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.service-order-section>.section-heading{margin-bottom:14px}
.commercial-search-field{position:relative;display:grid;gap:7px;min-width:0}.commercial-search-field label{min-width:0}.commercial-search-modes{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.commercial-search-modes>span{color:var(--muted);font-size:12px;font-weight:700}.commercial-search-mode{min-height:36px;margin-top:0!important;padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:#fff;color:#344054;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.commercial-search-mode.active{border-color:var(--blue);background:#eaf2fd;color:var(--blue)}.commercial-search-results{position:absolute;left:0;right:0;top:100%;z-index:40;display:grid;gap:4px;max-height:280px;margin-top:4px;padding:6px;overflow-y:auto;border:1px solid var(--border);border-radius:10px;background:#fff;box-shadow:0 12px 28px #1720332b}.commercial-search-results[hidden]{display:none}.commercial-search-result{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;margin-top:0!important;padding:10px 12px;border:1px solid transparent;border-radius:8px;background:#fff;color:#172033;text-align:left;cursor:pointer}.commercial-search-result:hover,.commercial-search-result:focus,.commercial-search-result.active{border-color:#9db7d8;background:#f2f7ff}.commercial-search-result small{color:var(--muted);text-align:right;overflow-wrap:anywhere}.commercial-search-empty{padding:12px;color:var(--muted);font-size:13px}.operation-item-entry>.commercial-search-field{align-self:end}.quote-edit-add>.commercial-search-field{flex:1}.quote-edit-add>.commercial-search-field+.btn{align-self:end;min-height:44px}[data-theme="dark"] .commercial-search-mode,[data-theme="dark"] .commercial-search-results,[data-theme="dark"] .commercial-search-result{background:#182230;color:#f8fafc;border-color:#344054}[data-theme="dark"] .commercial-search-mode.active,[data-theme="dark"] .commercial-search-result:hover,[data-theme="dark"] .commercial-search-result:focus,[data-theme="dark"] .commercial-search-result.active{background:#1d3c67;color:#dbeafe}@media(max-width:850px){.operation-item-entry>.commercial-search-field{grid-column:1/-1}}@media(max-width:600px){.operation-item-entry>.commercial-search-field{grid-column:auto}.commercial-search-results{position:static;max-height:240px}.commercial-search-mode{min-height:44px;flex:1}.commercial-search-result{align-items:flex-start;flex-direction:column}.commercial-search-result small{text-align:left}.quote-edit-add>.commercial-search-field{width:100%}}
.service-order-history{display:grid;gap:9px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.service-order-history h3{margin:0;color:var(--blue-dark)}.service-order-history article{display:grid;gap:3px;padding:10px 12px;border-left:3px solid var(--orange);border-radius:0 8px 8px 0;background:#f9fbfd}.service-order-history time,.service-order-history span{font-size:12px;color:var(--muted)}[data-theme="dark"] .service-order-history article{background:#202c3c}

/* Redesenho moderno do Painel (dashboard) administrativo — aditivo, não remove nada acima. */
:root{--purple:#6941c6;--purple-soft:#f4ebff;--green:#067647;--green-soft:#ecfdf3;--red:#b42318;--red-soft:#fef3f2}
.modern-shell{display:grid;grid-template-columns:76px 1fr;min-height:100vh;background:#f4f6f8;align-items:start}
.modern-sidebar{position:sticky;top:0;height:100vh;width:76px;overflow:visible}
.modern-sidebar-inner{background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:16px;padding:20px 16px;position:absolute;left:0;top:0;bottom:0;width:76px;overflow-x:hidden;overflow-y:auto;transition:width .18s ease,box-shadow .18s ease;z-index:50}
.modern-sidebar:hover .modern-sidebar-inner{width:232px;box-shadow:0 10px 30px rgba(23,32,51,.18)}
.modern-sidebar-inner .modern-sidebar-brand>div,.modern-sidebar-inner .modern-sidebar-company,.modern-sidebar-inner .modern-nav-label,.modern-sidebar-inner .modern-nav-link>span:not(.modern-nav-badge),.modern-sidebar-inner .modern-help-text,.modern-sidebar-inner .modern-profile-card>div{display:none}
.modern-sidebar:hover .modern-sidebar-inner .modern-sidebar-brand>div{display:block}
.modern-sidebar:hover .modern-sidebar-inner .modern-sidebar-company{display:flex}
.modern-sidebar:hover .modern-sidebar-inner .modern-nav-label{display:block}
.modern-sidebar:hover .modern-sidebar-inner .modern-nav-link>span:not(.modern-nav-badge){display:inline}
.modern-sidebar:hover .modern-sidebar-inner .modern-help-text{display:block}
.modern-sidebar:hover .modern-sidebar-inner .modern-profile-card>div{display:block}
.modern-sidebar-brand{display:flex;align-items:center;gap:10px;text-decoration:none;padding:0 4px}
.modern-sidebar-brand img{width:34px;height:34px;border-radius:9px}
.modern-sidebar-brand strong{display:block;color:var(--blue-dark);font-size:15px}
.modern-sidebar-brand small{display:block;color:var(--muted);font-size:11px}
.modern-sidebar-company{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f4f7fb;border-radius:12px;min-width:0}
.modern-sidebar-company-icon{width:32px;height:32px;border-radius:9px;background:#eaf2fd;color:var(--blue);display:flex;align-items:center;justify-content:center;flex:0 0 32px}
.modern-sidebar-company-icon svg{width:16px;height:16px}
.modern-sidebar-company div{min-width:0}
.modern-sidebar-company small{display:block;color:var(--muted);font-size:10px;letter-spacing:.05em;text-transform:uppercase}
.modern-sidebar-company strong{display:block;color:#172033;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.modern-nav-label{font-size:11px;letter-spacing:.06em;color:var(--muted);font-weight:800;text-transform:uppercase;margin:10px 8px 2px}
.modern-nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#344054;text-decoration:none;font-weight:700;font-size:14px;border:0;background:transparent;width:100%;text-align:left;cursor:pointer;font-family:inherit}
.modern-nav-link:hover{background:#f2f4f7}
.modern-nav-link.active{background:var(--blue);color:#fff}
.modern-nav-icon{width:18px;height:18px;flex:0 0 18px;color:var(--muted)}
.modern-nav-link.active .modern-nav-icon{color:#fff}
.modern-nav-badge{margin-left:auto;background:var(--blue);color:#fff;font-size:11px;font-weight:800;border-radius:999px;padding:2px 7px;min-width:18px;text-align:center;line-height:1.4}
.modern-nav-link.active .modern-nav-badge{background:#fff;color:var(--blue)}
.modern-nav-soon{margin-left:auto;font-size:10px;font-weight:800;color:#b96d00;background:#fff4e0;border-radius:999px;padding:3px 7px;letter-spacing:.03em}
.modern-nav-link.disabled{opacity:.65;cursor:default;pointer-events:none}
.sidebar-spacer{flex:1}
.modern-help-card{background:#eaf2fd;border-radius:14px;padding:14px;display:flex;align-items:center;gap:10px}
.modern-help-icon{width:32px;height:32px;border-radius:9px;background:rgba(13,71,161,.15);color:var(--blue);display:flex;align-items:center;justify-content:center;flex:0 0 32px}
.modern-help-icon svg{width:16px;height:16px}
.modern-help-text{display:flex;flex-direction:column;gap:5px;min-width:0}
.modern-help-card strong{font-size:13px;color:var(--blue-dark)}
.modern-help-card a{color:var(--blue);font-weight:800;text-decoration:none;font-size:13px}
.modern-profile-card{display:flex;align-items:center;gap:10px;padding:12px 4px 2px;border-top:1px solid var(--border)}
.modern-avatar{width:36px;height:36px;border-radius:10px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex:0 0 36px}
.modern-profile-card div{min-width:0}
.modern-profile-name{font-size:13px;font-weight:800;color:#172033;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.modern-profile-role{font-size:11px;color:var(--muted)}
.modern-profile-logout{margin-left:auto;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:8px}
.modern-main{display:flex;flex-direction:column;min-width:0}
.modern-topbar{display:flex;align-items:center;gap:12px;padding:14px 28px;border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0;z-index:60}
.modern-status{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);font-weight:700}
.modern-status-dot{width:8px;height:8px;border-radius:50%;background:#12b76a}
.modern-status-dot.offline{background:#f04438}
.modern-topbar-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
.modern-icon-button{position:relative;width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#475467}
.modern-icon-button svg{width:18px;height:18px}
.modern-icon-button .modern-nav-badge{position:absolute;top:-6px;right:-6px}
.modern-lang-chip{border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:11px;color:var(--blue);background:#fff;cursor:pointer}
.modern-content{padding:26px 28px 40px;max-width:1320px;width:100%;margin:0 auto}
.hero-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:6px}
.hero-head h1{margin:2px 0 4px;color:#101828;font-size:25px}
.hero-head p{margin:0;color:var(--muted);font-size:13px;text-transform:capitalize}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}
.kpi-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 2px #1720330a}
.kpi-top{display:flex;align-items:center;justify-content:space-between}
.kpi-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center}
.kpi-icon svg{width:20px;height:20px}
.kpi-icon.blue{background:#eaf2fd;color:var(--blue)}
.kpi-icon.orange{background:#fff4e0;color:#b96d00}
.kpi-icon.purple{background:var(--purple-soft);color:var(--purple)}
.kpi-icon.green{background:var(--green-soft);color:var(--green)}
.kpi-value{font-size:29px;font-weight:900;color:#101828;line-height:1}
.kpi-label{font-size:13px;color:#475467;font-weight:700}
.kpi-sub{font-size:12px;color:var(--muted)}
.kpi-sub.positive{color:var(--green);font-weight:800}
.kpi-sub.negative{color:var(--red);font-weight:800}
.dashboard-columns{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;align-items:start;margin-bottom:16px}
.chart-card,.attention-card,.recent-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px 20px}
.chart-card{display:flex;flex-direction:column;gap:10px}
.chart-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.chart-card-head h2,.attention-head h2,.recent-head h2{margin:0;color:var(--blue-dark);font-size:16px}
.chart-card-head p{margin:2px 0 0;color:var(--muted);font-size:12px}
.chart-legend{display:flex;gap:14px;font-size:12px;color:var(--muted);white-space:nowrap}
.chart-legend span{display:inline-flex;align-items:center;gap:6px}
.chart-dot{width:8px;height:8px;border-radius:2px;display:inline-block}
.chart-dot.created{background:#bcd6f7}
.chart-dot.completed{background:var(--blue)}
.chart-bars{display:flex;align-items:flex-end;gap:10px;height:130px;padding-top:10px}
.chart-group{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:4px;height:100%}
.chart-bar{width:14px;border-radius:4px 4px 0 0;min-height:2px}
.chart-bar.created{background:#bcd6f7}
.chart-bar.completed{background:var(--blue)}
.chart-labels{display:flex;gap:10px}
.chart-label-item{flex:1;text-align:center;font-size:11px;color:var(--muted)}
.attention-card{display:flex;flex-direction:column;gap:4px}
.attention-head{display:flex;justify-content:space-between;align-items:center}
.attention-count{background:var(--red-soft);color:var(--red);font-weight:800;font-size:12px;border-radius:999px;padding:3px 9px}
.attention-item{display:flex;align-items:center;gap:12px;padding:12px 2px;border-top:1px solid var(--border);text-decoration:none;color:inherit;border-left:0;border-right:0;border-bottom:0;background:transparent;width:100%;text-align:left;cursor:pointer;font:inherit}
.attention-item:first-of-type{border-top:0}
.attention-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:0 0 34px}
.attention-icon svg{width:17px;height:17px}
.attention-icon.red{background:var(--red-soft);color:var(--red)}
.attention-icon.orange{background:#fff4e0;color:#b96d00}
.attention-icon.green{background:var(--green-soft);color:var(--green)}
.attention-text{min-width:0}
.attention-text strong{display:block;font-size:13px;color:#172033}
.attention-text small{color:var(--muted);font-size:12px}
.attention-arrow{margin-left:auto;color:var(--muted);flex:0 0 auto}
.recent-card{overflow:hidden}
.recent-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.recent-head a{color:var(--blue);font-weight:800;font-size:13px;text-decoration:none}
.recent-table-scroll{overflow-x:auto}
.recent-table{width:100%;border-collapse:collapse}
.recent-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:10px 10px;border-bottom:1px solid var(--border);white-space:nowrap}
.recent-table td{padding:12px 10px;border-bottom:1px solid var(--border);font-size:13px;vertical-align:middle}
.recent-table tr:last-child td{border-bottom:0}
.recent-client strong{display:block;color:#172033}
.recent-client small{color:var(--muted)}
.priority-pill{display:inline-flex;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}
.priority-pill.urgente{background:var(--red-soft);color:var(--red)}
.priority-pill.prioritaria{background:var(--purple-soft);color:var(--purple)}
.priority-pill.normal{background:#f2f4f7;color:#475467}
.status-dot-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;white-space:nowrap}
.status-dot-pill i{width:7px;height:7px;border-radius:50%;display:inline-block}
.status-dot-pill.pending i{background:var(--red)}
.status-dot-pill.available i{background:var(--blue)}
.status-dot-pill.route i{background:#b96d00}
.status-dot-pill.completed i{background:var(--green)}
.status-dot-pill.cancelled i{background:#667085}
.recent-open{border:1px solid var(--border);background:#fff;border-radius:8px;width:30px;height:30px;padding:0;font:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted)}
.recent-open svg{width:15px;height:15px}
.legacy-dashboard-sections{display:flex;flex-direction:column;gap:16px}
.legacy-dashboard-sections .dashboard-section,.legacy-dashboard-sections .monthly-summary,.legacy-dashboard-sections .performance-section{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px 20px;margin:0}
@media(max-width:1100px){.dashboard-columns{grid-template-columns:1fr}}
@media(max-width:980px){.modern-shell{grid-template-columns:1fr}.modern-sidebar{position:relative;height:auto;width:auto;overflow:visible}.modern-sidebar-inner{position:relative;width:100%!important;flex-direction:row;flex-wrap:wrap;align-items:center;overflow-x:auto;overflow-y:visible;padding:12px 16px;gap:10px;box-shadow:none;transition:none}.modern-sidebar-inner .modern-sidebar-brand>div{display:block}.modern-sidebar-inner .modern-sidebar-company,.modern-sidebar-inner .modern-help-card,.modern-sidebar-inner .modern-profile-card,.modern-sidebar-inner .modern-nav-label{display:none}.modern-nav-link{padding:9px 11px;font-size:13px;white-space:nowrap}.modern-sidebar-inner .modern-nav-link>span:not(.modern-nav-badge){display:inline}.sidebar-spacer{display:none}.modern-content{padding:18px}}
@media(max-width:760px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modern-topbar{padding:12px 16px}}
@media(max-width:480px){.kpi-grid{grid-template-columns:1fr}}
[data-theme="dark"] .modern-shell{background:#0b1220}
[data-theme="dark"] .modern-sidebar-inner,[data-theme="dark"] .modern-topbar,[data-theme="dark"] .kpi-card,[data-theme="dark"] .chart-card,[data-theme="dark"] .attention-card,[data-theme="dark"] .recent-card,[data-theme="dark"] .legacy-dashboard-sections .dashboard-section,[data-theme="dark"] .legacy-dashboard-sections .monthly-summary,[data-theme="dark"] .legacy-dashboard-sections .performance-section{background:#182230;border-color:#344054}
[data-theme="dark"] .modern-sidebar-company{background:#1d2b3d}
[data-theme="dark"] .modern-nav-link{color:#d0d5dd}
[data-theme="dark"] .modern-nav-link:hover{background:#1d2b3d}
[data-theme="dark"] .kpi-value,[data-theme="dark"] .hero-head h1,[data-theme="dark"] .modern-sidebar-company strong,[data-theme="dark"] .modern-profile-name,[data-theme="dark"] .recent-client strong,[data-theme="dark"] .chart-card-head h2,[data-theme="dark"] .attention-head h2,[data-theme="dark"] .recent-head h2,[data-theme="dark"] .attention-text strong{color:#f8fafc}
[data-theme="dark"] .recent-table th,[data-theme="dark"] .recent-table td{border-color:#344054}
[data-theme="dark"] .modern-icon-button,[data-theme="dark"] .modern-lang-chip{background:#182230;border-color:#344054;color:#d0d5dd}
[data-theme="dark"] .priority-pill.normal{background:#263244;color:#d0d5dd}
[data-theme="dark"] .modern-help-card{background:#1d3c67}
.local-cache-notice{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:10px 13px;border:1px solid #f0c36a;border-radius:10px;background:#fff8e8;color:#7a4b00;font-size:13px}
.local-cache-notice span{color:#8b6a2f}
.local-cache-notice.empty{border-color:#f3b0a8;background:#fff1ef;color:#912018}
[data-theme="dark"] .local-cache-notice{background:#3b2d12;border-color:#7a5a1c;color:#ffd98a}
[data-theme="dark"] .local-cache-notice span{color:#e8c879}
.desktop-splash,.desktop-login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 14%,#dce9ff 0,transparent 38%),radial-gradient(circle at 86% 82%,#d9fbf3 0,transparent 34%),#f7f9fc}
.desktop-splash{align-content:center;gap:8px;color:var(--blue-dark)}
.desktop-splash img{width:82px;height:82px;border-radius:20px;box-shadow:0 16px 38px #0d47a126}
.desktop-splash strong{font-size:25px;letter-spacing:-.02em}.desktop-splash span{color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.08em}
.desktop-login-panel{width:min(100%,440px);padding:34px}.desktop-login-brand{display:flex;align-items:center;gap:13px;margin-bottom:28px}.desktop-login-brand .form-icon{width:54px;height:54px;margin:0}.desktop-login-brand strong,.desktop-login-brand small{display:block}.desktop-login-brand strong{color:var(--blue-dark);font-size:21px}.desktop-login-brand small{margin-top:3px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.08em}.desktop-login-panel form>.btn{width:100%}
[data-theme="dark"] .desktop-splash,[data-theme="dark"] .desktop-login-page{background:radial-gradient(circle at 18% 14%,#16315b 0,transparent 38%),radial-gradient(circle at 86% 82%,#123b36 0,transparent 34%),#101828}