:root{--bs-primary:#244fbb;--bs-primary-rgb:36,79,187;--bs-body-color:#24324b;--bs-body-bg:#f4f6fa;--bs-border-color:#e2e7ef;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",sans-serif;--bs-link-color:#244fbb;--bs-border-radius:.65rem}
.page-heading-actions,.report-results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-heading-actions{flex-shrink:0}.report-results-heading .btn{flex-shrink:0}@media(max-width:767.98px){.page-heading-actions{flex-wrap:wrap;width:100%}.page-heading-actions .btn{flex:1}.report-results-heading{align-items:flex-start;flex-direction:column}.report-results-heading .btn{width:100%}}
body{font-size:.9rem}h1,h2,h3,h4{font-weight:650;letter-spacing:-.025em}h3{font-size:1.3rem}a{text-decoration:none}.btn{font-weight:600;--bs-btn-padding-y:.6rem;--bs-btn-padding-x:1rem}.btn-primary{--bs-btn-bg:#244fbb;--bs-btn-border-color:#244fbb;--bs-btn-hover-bg:#1c419f;--bs-btn-hover-border-color:#1c419f}.btn-sm{--bs-btn-padding-y:.35rem;--bs-btn-padding-x:.65rem;font-size:.8rem}.form-control,.form-select{min-height:42px;background-color:#fff}.form-control:focus,.form-select:focus{border-color:#6e8dd7;box-shadow:0 0 0 .2rem #244fbb18}label{font-weight:600;font-size:.83rem;margin-bottom:.4rem}textarea.form-control{min-height:110px}
#cl-wrapper{min-height:100vh}.cl-sidebar{width:246px;position:fixed;inset:0 auto 0 0;background:#12233f;color:#b9c7dc;z-index:1040;display:flex;flex-direction:column;overflow-y:auto}.app-brand{display:flex;align-items:center;gap:12px;padding:28px 25px;color:#fff;font-size:1.2rem;font-weight:750;letter-spacing:.04em}.brand-symbol{display:grid;place-items:center;background:#3f6bd8;width:36px;height:36px;border-radius:10px;color:#fff;font-size:17px}.app-brand small{display:block;font-size:.6rem;letter-spacing:.16em;color:#94a8c9;margin-top:2px}.nav-caption{font-size:.62rem;letter-spacing:.16em;padding:16px 26px 9px;color:#8198ba;font-weight:700}.cl-vnavigation{list-style:none;padding:0 14px;margin:0}.cl-vnavigation li{margin-bottom:5px}.cl-vnavigation a{display:flex;align-items:center;gap:12px;border-radius:8px;padding:11px 14px;color:#b9c7dc;font-weight:500}.cl-vnavigation a i{width:18px;text-align:center;font-size:16px}.cl-vnavigation a:hover{color:#fff;background:#ffffff0c}.cl-vnavigation li.active>a,.cl-vnavigation a[aria-current=page]{background:#2c54a7;color:#fff}.sidebar-footer{margin-top:auto;padding:22px 27px;border-top:1px solid #ffffff12;font-size:.73rem;color:#94a8c9}.sidebar-close{display:none}.app-scrim{display:none}
#pcont{margin-left:246px;padding:0;width:calc(100% - 246px);min-height:100vh}#head-nav{min-height:78px;background:#fff;border-bottom:1px solid #e2e7ef;padding:16px 34px;display:flex;align-items:center;justify-content:space-between;gap:18px}.top-caption{font-size:.68rem;color:#60718b;letter-spacing:.12em;text-transform:uppercase}.top-caption strong{display:block;font-size:.91rem;letter-spacing:0;color:#35435a;margin-top:4px;text-transform:none}.profile-toggle{display:flex;align-items:center;gap:10px;background:transparent;border:0;padding:4px;color:#35435a;font-size:.85rem}.avatar-circle{background:#edf1fa;color:#244fbb;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-weight:700}.dropdown-menu{box-shadow:0 12px 35px #12233f15;padding:.5rem}.dropdown-item{border-radius:5px;padding:.55rem .9rem}.menu-toggle{display:none}.cl-mcont{padding:32px 34px 48px;max-width:1700px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.page-heading h1{font-size:1.8rem;margin:5px 0 8px}.eyebrow{text-transform:uppercase;font-size:.65rem;font-weight:700;letter-spacing:.14em;color:#596980}.page-heading p{color:#596980;margin:0}.block-flat{background:#fff;border:1px solid #e2e7ef;border-radius:12px;margin-bottom:24px;box-shadow:0 3px 10px #15243d03}.block-flat>.header{padding:23px 26px;border-bottom:1px solid #eef0f5}.block-flat>.header h2,.block-flat>.header h3{margin:0;font-size:1.1rem}.block-flat>.content,.block-flat>form>.content{padding:24px 26px}.block-flat .foot{padding:20px 26px;border-top:1px solid #e2e7ef;text-align:right}.cl-mcont>h3.text-center{font-size:1.6rem;text-align:left!important;margin:0 0 24px}.card-subtitle{color:#60718b;font-size:.8rem;margin-top:5px}.table{margin-bottom:0;font-size:.86rem;vertical-align:middle}.table>:not(caption)>*>*{padding:.85rem 1rem}.table thead th{background:#f7f9fc;color:#596980;font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;font-weight:700;white-space:nowrap}.table-striped{--bs-table-striped-bg:#f8fafd}.table-bordered{border-color:#e9edf3}.table .btn-primary{--bs-btn-bg:#edf2ff;--bs-btn-color:#244fbb;--bs-btn-border-color:#edf2ff}.table .btn-danger{--bs-btn-bg:#fff0f0;--bs-btn-color:#c54747;--bs-btn-border-color:#fff0f0}.table .btn+.btn{margin-left:4px}.table-responsives{overflow-x:auto}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter input{margin-left:.65rem;width:240px;max-width:100%;background:#f8fafd}.dataTables_wrapper>.row:first-child{align-items:center;margin-bottom:20px}.dataTables_wrapper>.row:last-child{align-items:center;margin-top:20px}.dataTables_info{font-size:.78rem;color:#60718b}.dataTables_length label{font-weight:400;color:#60718b}.dataTables_length .form-control{width:auto;display:inline-block}.dataTables_filter label{font-size:0}.page-link{font-size:.8rem}.material-code{background:#f0f3f9;color:#566984;border-radius:5px;padding:5px 9px;display:inline-block;font-size:.8rem}.modal-content{border:0;box-shadow:0 24px 70px #12233f30;border-radius:14px}.modal-header{padding:23px 26px;border-bottom:1px solid #edf0f5}.modal-header h3,.modal-title{font-size:1.2rem;margin:0}.modal-body{padding:24px 26px}.modal-footer{padding:18px 26px;background:#f9fafc;border-radius:0 0 14px 14px}.modal-dialog.custom-width{max-width:560px}.i-circle{margin:10px auto 20px;font-size:2rem;color:#cf9340}.material{margin-top:28px}.material>.header{margin-bottom:18px}.toast-container{z-index:1090}.toast{border:1px solid #e2e7ef;box-shadow:0 10px 30px #12233f18}.toast-header,.toast-body{background:#fff}.toast-success{border-left:4px solid #218464}.toast-danger{border-left:4px solid #d44b4b}
.login-container{display:grid;place-items:center;padding:40px 20px;background:radial-gradient(ellipse at 15% 20%,#234477 0,transparent 55%),#12233f}.middle-login{width:100%;max-width:430px}.middle-login>p img{max-width:240px;height:auto}.middle-login .block-flat{overflow:hidden}.middle-login .header{padding:25px}.middle-login .title{font-size:1rem;margin-bottom:22px}.middle-login .input-group{margin-bottom:18px}.out-links a{color:#9dafca}.datetimepicker,.daterangepicker{background:#fff;border:1px solid #e2e7ef;padding:12px;border-radius:8px;box-shadow:0 10px 30px #12233f15}.daterangepicker .ranges li{list-style:none}.daterangepicker .ranges .btn{margin:4px}.upload-preview img{max-width:100%}.img-circle{border-radius:50%}.form-horizontal .row{margin-bottom:8px}.panel{padding:20px;border:1px solid #e2e7ef;border-radius:10px;background:#fff;margin-bottom:20px}.panel-heading{font-weight:600;margin-bottom:14px}.panel-body{padding:10px 0}.panel-footer{padding-top:14px;border-top:1px solid #e2e7ef}.overflow-hidden{overflow:hidden}.progress{height:8px}
@media(max-width:991.98px){.cl-sidebar{transform:translateX(-100%);transition:transform .2s ease;width:246px}.sidebar-open .cl-sidebar{transform:translateX(0)}.sidebar-open .app-scrim{display:block;position:fixed;inset:0;background:#12233f80;z-index:1039}.sidebar-close{display:block;position:absolute;right:9px;top:9px;color:#fff;background:transparent;border:0}.menu-toggle{display:inline-flex;background:#f0f3f9;border:0;border-radius:7px;padding:9px 12px;color:#35435a}#pcont{width:100%;margin-left:0}#head-nav{padding:14px 20px}.cl-mcont{padding:25px 20px}.top-caption{margin-right:auto}}
@media(max-width:575.98px){.page-heading{align-items:flex-start;flex-direction:column;gap:14px}.page-heading h1{font-size:1.6rem}.page-heading .btn{width:100%}.block-flat>.content,.block-flat>form>.content{padding:18px 15px}.block-flat>.header{padding:20px 18px}.profile-name{display:none}.cl-mcont{padding:22px 14px}.top-caption{font-size:.6rem}.dataTables_filter input{width:100%!important;margin:0!important}.dataTables_filter label{display:block}.dataTables_wrapper>.row:first-child>div{width:100%;text-align:left}.dataTables_length{margin-bottom:14px}.dataTables_wrapper>.row:last-child>div{text-align:center}.dataTables_paginate .pagination{justify-content:center!important;flex-wrap:wrap}.modal-body,.modal-header,.modal-footer{padding:20px}.header h3 .float-end{float:none!important;display:block;margin-top:14px}}
.modal{--bs-modal-bg:#fff}.table{--bs-table-bg:#fff}.acoruber-table-scroll>table{width:100%!important}.dataTables_wrapper .form-select{background-color:#fff}.page-item.active .page-link{background-color:#244fbb;border-color:#244fbb}.sidebar-open{overflow:hidden}.brand-logo{width:196px;max-height:65px;object-fit:contain;background:#fff;padding:8px;border-radius:6px}
@media(prefers-reduced-motion:reduce){.cl-sidebar{transition:none}}
.form-card{max-width:1150px}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:22px;margin-top:10px;border-top:1px solid #e9edf4}.section-label{font-size:.67rem;font-weight:700;color:#596980;text-transform:uppercase;letter-spacing:.12em;margin:10px 0 20px}.section-label:not(:first-child){padding-top:22px;border-top:1px solid #e9edf4}.stat-card{background:#fff;border:1px solid #e2e7ef;border-radius:12px;padding:23px 20px;display:flex;align-items:center;gap:15px;height:100%}.stat-card strong{display:block;font-size:1.9rem;line-height:1.2;margin-top:5px;letter-spacing:-.04em}.stat-label{font-size:.76rem;color:#596980}.stat-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;font-size:20px;flex-shrink:0}.blue{background:#eaf0fd;color:#244fbb}.amber{background:#fff4df;color:#a97513}.green{background:#e3f4ed;color:#1c7454}.violet{background:#f0ebfa;color:#7858b6}.status-row{margin-bottom:21px}.status-row:last-child{margin-bottom:0}.status-row-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}.status-row-heading strong{font-size:.88rem}.status-row-heading small{display:inline-block;width:48px;text-align:right;font-weight:400;color:#596980;font-size:.72rem}.status-track{height:7px;border-radius:8px;background:#f0f3f8;overflow:hidden}.status-fill{display:block;height:100%;border-radius:8px}.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:5px 9px;font-size:.72rem;font-weight:600;white-space:nowrap}.status-pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-1{background:#eaf0fd;color:#244fbb}.status-2{background:#e4f4fb;color:#26718d}.status-3{background:#fff4df;color:#88620f}.status-4{background:#fce9e9;color:#b84444}.status-5{background:#f0ebfa;color:#7858b6}.status-6{background:#e3f4ed;color:#1c7454}.status-7{background:#edf0f5;color:#57657d}.status-8{background:#f7eadd;color:#965c29}.status-fill.status-1{background:#4c74d1}.status-fill.status-2{background:#4b9cbb}.status-fill.status-3{background:#d6a344}.status-fill.status-4{background:#d27575}.status-fill.status-5{background:#9c7bc9}.status-fill.status-6{background:#51a586}.status-fill.status-7{background:#93a1b5}.status-fill.status-8{background:#c48a59}.quick-links{padding-top:10px!important;padding-bottom:10px!important}.quick-links>a{display:flex;align-items:center;gap:14px;padding:17px 0;color:#24324b;border-bottom:1px solid #eef1f6}.quick-links>a:last-child{border-bottom:0}.quick-links>a>span:nth-child(2){flex:1}.quick-links strong{display:block;font-size:.84rem;margin-bottom:4px}.quick-links small{display:block;font-size:.75rem;color:#596980;line-height:1.5}.quick-links>a:hover strong{color:#244fbb}.quick-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#f1f4fa;color:#5c749e;flex-shrink:0}.context-note{display:flex;gap:10px;color:#596980;font-size:.77rem;line-height:1.6;padding:0 4px}.context-note i{margin-top:4px}.material-tag{display:inline-block;padding:5px 8px;margin:2px 5px 2px 0;background:#f0f3f9;border-radius:5px;font-size:.72rem;color:#526680}.order-link{font-weight:650}.empty-note{color:#596980;text-align:center;padding:22px!important;font-size:.83rem}.order-facts dt{font-weight:500;font-size:.74rem;color:#596980;margin-bottom:6px}.order-facts dd{font-weight:600;margin-bottom:22px}.service-description{background:#f8fafd;border:1px solid #e9edf4;border-radius:8px;padding:18px;margin-bottom:24px;line-height:1.7;overflow-wrap:anywhere}.photo-card{border:1px solid #e2e7ef;border-radius:9px;overflow:hidden;margin:0 0 20px}.photo-card img{width:100%;height:200px;object-fit:cover;background:#f0f3f9}.photo-card figcaption{padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.75rem;color:#596980}.logo-preview{background:#f8fafd;border:1px dashed #ccd7e9;border-radius:10px;padding:20px;text-align:center;margin-bottom:22px}.logo-preview .section-label{display:block;margin:0 0 20px;padding:0;border:0}.logo-preview>div{display:grid;place-items:center;min-height:75px}.logo-preview img{max-width:100%;max-height:85px;object-fit:contain}.login-page{min-height:100vh}.login-brand{display:flex;justify-content:center;align-items:center;gap:12px;font-size:1.3rem;color:#fff;font-weight:750;letter-spacing:.05em;margin-bottom:26px}.login-brand small{display:block;font-size:.55rem;letter-spacing:.16em;color:#94a8c9;margin-top:3px}.login-other{text-align:center;border-top:1px solid #e9edf4;padding-top:20px;margin-top:24px;font-size:.8rem}.login-copyright{text-align:center;color:#91a5c4;font-size:.72rem;margin-top:24px}.products-card .material>.header{border:0;padding:0}.products-card .material>.header h2,.products-card .material>.header h3{margin:0}.form-error{font-size:.84rem}
@media(max-width:575.98px){.form-actions{flex-wrap:wrap}.form-actions>span{width:100%}.form-actions .btn{flex:1}.stat-card{padding:18px}.stat-card strong{font-size:1.6rem}.products-card .table{min-width:320px}.status-row-heading small{width:40px}}


/* Order status navigation */
.order-status-panel{background:#fff;border:1px solid #e2e7ef;border-radius:12px;padding:20px 22px;margin-bottom:24px}
.order-status-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}
.order-status-heading h2{font-size:.92rem;letter-spacing:-.01em;margin:0 0 5px}
.order-status-heading p{font-size:.76rem;color:#596980;margin:0}
.order-status-all{display:inline-flex;align-items:center;gap:9px;border:1px solid #e2e7ef;border-radius:7px;padding:8px 11px;color:#5f6e84;font-size:.76rem;font-weight:600;white-space:nowrap}
.order-status-all>span{font-size:.69rem;min-width:23px;text-align:center;background:#f0f3f8;border-radius:4px;padding:2px 5px;font-variant-numeric:tabular-nums}
.order-status-all.selected,.order-status-all:hover{color:#244fbb;background:#f1f5fd;border-color:#c9d6ef}
.order-status-all.selected>span{background:#e3ebfc}
.order-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.order-status-1{--status-color:#244fbb;--status-bg:#f0f4ff;--status-border:#dce5fa}
.order-status-2{--status-color:#26718d;--status-bg:#eef8fc;--status-border:#d7eaf2}
.order-status-3{--status-color:#88620f;--status-bg:#fffaed;--status-border:#f0e5c8}
.order-status-4{--status-color:#b84444;--status-bg:#fff2f2;--status-border:#f3dddd}
.order-status-5{--status-color:#7858b6;--status-bg:#f6f2fc;--status-border:#e7ddf5}
.order-status-6{--status-color:#1c7454;--status-bg:#eff9f4;--status-border:#d6ebdf}
.order-status-7{--status-color:#57657d;--status-bg:#f3f5f9;--status-border:#e1e6ee}
.order-status-8{--status-color:#965c29;--status-bg:#fcf4ec;--status-border:#f1e1d2}
.order-status-option{display:flex;align-items:center;gap:8px;min-height:54px;padding:11px 12px;border:1px solid var(--status-border);border-radius:8px;background:var(--status-bg);color:var(--status-color);font-size:.76rem;font-weight:600;line-height:1.35}
.order-status-option:hover{color:var(--status-color);border-color:var(--status-color)}
.order-status-option.selected{color:var(--status-color);border-color:var(--status-color);box-shadow:inset 0 0 0 1px var(--status-color)}
.order-status-marker{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;flex-shrink:0}
.order-status-marker:before{content:"";width:7px;height:7px;background:currentColor;border-radius:50%}
.order-status-marker i{display:none}
.order-status-option.selected .order-status-marker{background:var(--status-color);color:#fff}
.order-status-option.selected .order-status-marker:before{display:none}
.order-status-option.selected .order-status-marker i{display:block;font-size:9px}
.order-status-label{flex:1;min-width:0}
.order-status-count{display:grid;place-items:center;min-width:25px;min-height:24px;padding:2px 5px;border-radius:5px;background:#ffffffaa;color:var(--status-color);font-size:.74rem;font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0}
.order-status-all:focus-visible,.order-status-option:focus-visible{outline:3px solid #244fbb;outline-offset:3px}
@media(min-width:992px) and (max-width:1199.98px){.order-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.order-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.order-status-panel{padding:17px 14px}.order-status-heading{align-items:flex-start;flex-direction:column;gap:12px}.order-status-grid{gap:8px}.order-status-option{padding:10px 9px;gap:6px;min-height:62px;font-size:.72rem}.order-status-marker{width:12px;height:12px}.order-status-count{min-width:23px;font-size:.7rem}.order-status-all{font-size:.74rem}}

/* Shared field and custom selection treatment */
.form-control,.form-select{min-height:46px;background-color:#f7f9fc;border:1px solid #7d8fa9;border-radius:8px;color:#24324b;box-shadow:inset 0 1px 2px #12233f04;font-size:.86rem}
.form-control::placeholder{color:#64748b;opacity:1}
.form-control:hover,.form-select:hover{border-color:#536d93}
.form-control:focus,.form-select:focus{background-color:#fff;border-color:#244fbb;box-shadow:0 0 0 3px #244fbb20}
.form-control:disabled,.form-select:disabled{background:#eef1f6;border-color:#b7c2d2;color:#67758a}
.form-control[readonly]{background:#eff3f8;color:#52647d}
.form-label{color:#344660;font-weight:650}
.form-text{color:#60718b}
.form-control[type=file]::file-selector-button{height:44px;background:#e8eef7;color:#334f76;border-right:1px solid #7d8fa9;font-weight:600}
.dataTables_wrapper div.dataTables_filter input{background:#f7f9fc}
.ts-wrapper.app-select{width:100%;min-width:0;min-height:46px;font-size:.86rem}
.ts-wrapper.app-select.form-select,.ts-wrapper.app-select.form-control{padding:0;border:0;background:none;box-shadow:none}
.app-select .ts-control{min-height:46px;padding:11px 44px 11px 14px;background:#f7f9fc!important;border:1px solid #7d8fa9;border-radius:8px;box-shadow:inset 0 1px 2px #12233f04;color:#24324b;display:flex;align-items:center;cursor:pointer;gap:0;flex-wrap:nowrap;font-size:.86rem;line-height:1.5}
.app-select .ts-control:hover{border-color:#536d93}
.app-select .ts-control:after{content:""!important;position:absolute;right:17px;top:17px;width:9px;height:9px;border:solid #334f76!important;border-width:0 2px 2px 0!important;transform:rotate(45deg);margin:0!important;pointer-events:none}
.app-select.dropdown-active .ts-control:after{top:21px;transform:rotate(225deg)}
.app-select.focus .ts-control{border-color:#244fbb;box-shadow:0 0 0 3px #244fbb20!important;background:#fff!important}
.app-select .ts-control>.item{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0;margin:0;line-height:1.5}
.app-select .ts-control>input.items-placeholder{font-size:.86rem!important;color:#64748b!important;cursor:pointer;min-height:0;line-height:1.5}
.app-select.disabled .ts-control{background:#eef1f6!important;border-color:#b7c2d2;color:#67758a;cursor:not-allowed;opacity:1}
.app-select.client-invalid .ts-control{border-color:#b84444}
.app-select .ts-dropdown{margin-top:7px;background:#fff;border:1px solid #aab8cd;border-radius:10px;box-shadow:0 14px 35px #12233f22;font-size:.86rem;color:#24324b;overflow:hidden;z-index:1060}
.app-select .ts-dropdown .dropdown-input-wrap{padding:10px;border-bottom:1px solid #dfe6f0;background:#f7f9fc}
.app-select .ts-dropdown .dropdown-input{width:100%;min-height:39px;padding:8px 11px!important;border:1px solid #7d8fa9!important;border-radius:6px;background:#fff;color:#24324b;box-shadow:none!important;font-size:.82rem}
.app-select .ts-dropdown .dropdown-input:focus{outline:2px solid #244fbb;outline-offset:1px}
.app-select .ts-dropdown-content{max-height:250px;padding:6px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a4b4cc #f1f4f9}
.app-select .ts-dropdown .option{padding:11px 12px;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:12px;line-height:1.45;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
.app-select .ts-dropdown .option .option-check{display:none;font-size:12px;flex-shrink:0}
.app-select .ts-dropdown .option.selected{font-weight:650;color:#244fbb;background:#f1f5fd}
.app-select .ts-dropdown .option.selected .option-check{display:block}
.app-select .ts-dropdown .option.active{background:#e5edfc;color:#1c419f}
.app-select .ts-dropdown .highlight{background:#d3e0fb;border-radius:2px}
.app-select .ts-dropdown .no-results{padding:15px 12px;color:#60718b;font-size:.82rem}
.app-select .ts-dropdown .option[aria-disabled=true]{color:#8491a5;cursor:not-allowed}
.dataTables_length label{display:inline-flex;align-items:center;gap:9px}
.dataTables_length .ts-wrapper.app-select{display:inline-block;width:82px;min-height:40px;text-align:left}
.dataTables_length .app-select .ts-control{min-height:40px;padding:8px 32px 8px 11px;font-size:.8rem}
.dataTables_length .app-select .ts-control:after{right:13px;top:14px;width:7px;height:7px}
.dataTables_length .app-select.dropdown-active .ts-control:after{top:17px}
.dataTables_length .app-select .ts-dropdown{min-width:82px}
@media(max-width:575.98px){.app-select .ts-control,.app-select .ts-dropdown .option{font-size:.86rem}.app-select .ts-dropdown-content{max-height:220px}.app-select .ts-dropdown .dropdown-input{font-size:16px}}
.app-select.focus.dropdown-active .ts-control{border-color:#244fbb;box-shadow:0 0 0 3px #244fbb20!important}
.app-select.dropdown-above .ts-dropdown{top:auto!important;bottom:calc(100% + 7px)!important;margin-top:0}
.app-select .option-code{display:block;margin-top:3px;font-size:.78rem;font-weight:500;color:#52637b}
.select-search-notice{padding:10px 14px;border-top:1px solid #d9e1eb;font-size:.78rem;color:#52637b;background:#f7f9fc}
.form-error-summary{border:1px solid #e3aaaa;border-left:4px solid #b84444;background:#fff4f4;color:#773232;padding:15px 18px;border-radius:8px;margin-bottom:24px;font-size:.86rem;line-height:1.6}
.form-error-title{display:block;margin-bottom:3px;font-size:.94rem;color:#8d3030}
.form-error-summary:focus{outline:2px solid #b84444;outline-offset:3px}
.form-field-error{font-size:.8rem;color:#9f3030;line-height:1.5;margin-top:7px}
.form-control.is-invalid{border-color:#b84444;background-image:none}
.app-select.server-invalid .ts-control,.app-select.server-invalid.focus .ts-control{border-color:#b84444;box-shadow:0 0 0 3px #b8444418!important}

/* Keyboard navigation: visible only while using focus. */
.skip-link{position:fixed;top:12px;left:12px;z-index:1100;padding:12px 18px;border-radius:8px;background:#fff;color:#173c90;font-weight:650;box-shadow:0 8px 24px #12233f30;transform:translateY(calc(-100% - 20px))}
.skip-link:focus{transform:translateY(0);outline:3px solid #244fbb;outline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid #244fbb;outline-offset:3px}
.cl-sidebar a:focus-visible,.cl-sidebar button:focus-visible{outline-color:#b4caff}
.products-card .material h2{font-size:1.3rem}

/* Service photos share the same gallery for administrators and technicians. */
.photo-section-heading,.photo-gallery-actions,.photo-upload-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.photo-gallery-actions{justify-content:flex-end;gap:10px}.photo-count{font-size:.76rem;font-weight:650;color:#36557d;background:#edf2fa;border-radius:20px;padding:6px 12px;white-space:nowrap}
.photos-card .photo-card{margin:0;height:100%;background:#fff}.photo-open{position:relative;display:block;width:100%;height:200px;padding:0;border:0;background:#edf2fa;overflow:hidden;color:#36557d}.photo-open img{display:block;transition:transform .18s ease}.photo-open:hover img{transform:scale(1.025)}
.photo-enlarge{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:34px;height:34px;background:#12233fe6;border:1px solid #ffffff60;color:#fff;border-radius:9px}.photo-unavailable{display:grid;height:100%;place-items:center;font-size:.85rem;padding:20px}
.photo-empty{text-align:center;border:1px dashed #b8c7dc;background:#f5f8fc;border-radius:12px;padding:30px 20px;color:#596980}.photo-empty-icon{display:grid;place-items:center;margin:0 auto 12px;width:50px;height:50px;border-radius:14px;background:#e7eef9;color:#36557d;font-size:22px}.photo-empty strong{display:block;color:#24324b;font-size:.94rem}.photo-empty p{margin:8px 0 0;font-size:.82rem}
.photo-upload{margin-top:24px;padding-top:24px;border-top:1px solid #e2e7ef}.photo-dropzone{padding:20px;border:1px dashed #9eafc9;border-radius:12px;background:#f5f8fc}.photo-dropzone.is-dragging{border-color:#244fbb;background:#eaf0fd;outline:2px solid #244fbb;outline-offset:2px}.photo-upload-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.photo-upload-heading strong{font-size:.9rem;color:#24324b}.photo-upload-heading p{margin:4px 0 0;font-size:.8rem;color:#596980}.photo-dropzone .form-group{margin-bottom:0}.photo-dropzone input[type=file]{background:#fff}
.photo-selection{display:flex;align-items:center;gap:16px;padding:16px;margin-top:16px;border:1px solid #ccd7e9;border-radius:10px;background:#fff}.photo-selection>img{width:120px;height:90px;object-fit:contain;background:#edf2fa;border-radius:7px;flex-shrink:0}.photo-selection>div{min-width:0}.photo-selection strong{display:block;font-size:.83rem;overflow-wrap:anywhere;color:#24324b}.photo-selection span{display:block;font-size:.76rem;color:#596980;margin:5px 0 10px}.photo-upload-actions{margin-top:18px}.photo-upload-status{font-size:.8rem;color:#36557d;flex:1}.photo-upload-actions>button{flex-shrink:0}
.photo-preview-modal .modal-body{padding:0}.photo-preview-stage{display:flex;align-items:center;justify-content:center;position:relative;min-height:280px;height:min(65vh,650px);padding:20px;background:#14243c}.photo-preview-stage>img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:3px}.photo-preview-loading,.photo-preview-error{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:#fff;text-align:center;font-size:.85rem}.photo-preview-error>i{font-size:30px}.photo-preview-error p{margin:0}.photo-preview-navigation{display:flex;align-items:center;gap:10px}.photo-preview-footer{justify-content:space-between;gap:14px}.photo-keyboard-hint{font-size:.76rem;color:#596980;margin-left:4px}
.photos-card [hidden],.photo-preview-modal [hidden]{display:none!important}
.photo-open:focus-visible::after{content:"";position:absolute;inset:4px;border:2px solid #244fbb;border-radius:6px;box-shadow:0 0 0 2px #fff;pointer-events:none}

/* Product workspace: one materials dialog, with edits and confirmations in place. */
/* Order consultation uses text and read-only galleries, with editing as an explicit action. */
.order-view-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.order-view-heading{align-items:flex-start}.order-overview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;flex-wrap:wrap}.order-overview-client{display:flex;align-items:flex-start;gap:16px;min-width:0;flex:1}.order-overview-client>div{min-width:0}.order-overview-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:12px;background:#eaf0fd;color:#244fbb;font-size:21px;flex-shrink:0}.order-overview-client h2{font-size:1.25rem;margin:7px 0;overflow-wrap:anywhere}.order-overview-client p{font-size:.82rem;color:#596980;margin:0;overflow-wrap:anywhere}.order-overview-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.order-readonly{display:inline-flex;gap:7px;align-items:center;color:#36557d;background:#edf2fa;padding:6px 10px;border-radius:6px;font-size:.72rem;font-weight:600}.order-view-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-top:1px solid #e2e7ef;padding-top:22px;margin:24px 0 0}.order-view-totals dt{font-size:.74rem;color:#596980;font-weight:500}.order-view-totals dd{font-size:1.5rem;font-weight:700;color:#24324b;margin:6px 0 0}.order-view-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0}.order-view-facts dd{overflow-wrap:anywhere}.order-view-details .block-flat{height:calc(100% - 24px)}.order-view-observations{line-height:1.7;font-size:.86rem;overflow-wrap:anywhere}.order-view-details .service-description{font-size:.86rem}.order-view-dates{margin:0}.order-view-dates>div{padding:13px 0;border-bottom:1px solid #eef0f5}.order-view-dates>div:first-child{padding-top:0}.order-view-dates>div:last-child{padding-bottom:0;border:0}.order-view-dates dt{font-size:.74rem;font-weight:500;color:#596980}.order-view-dates dd{margin:6px 0 0;font-size:.86rem;color:#24324b;font-weight:600}.order-view-empty{text-align:center;background:#f5f8fc;border:1px dashed #b8c7dc;border-radius:10px;padding:26px;color:#596980}.order-view-empty>i{font-size:24px;color:#36557d}.order-view-empty p{margin:12px 0 0;font-size:.85rem}.order-view-product{border:1px solid #e2e7ef;border-radius:10px;margin-bottom:14px;overflow:hidden}.order-view-product:last-child{margin-bottom:0}.order-view-product h3{margin:0}.order-product-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;border:0;padding:18px;background:#f5f8fc;color:#24324b;text-align:left;font-size:.88rem;font-weight:650}.order-product-toggle>span:first-child{min-width:0;overflow-wrap:anywhere}.order-product-toggle>span:first-child>i{color:#36557d;margin-right:10px}.order-product-count{white-space:nowrap;color:#596980;font-size:.74rem;font-weight:500}.order-product-count>i{margin-left:12px;font-size:10px;transition:transform .15s}.order-product-toggle[aria-expanded=true] .order-product-count>i{transform:rotate(180deg)}.order-product-toggle:hover{background:#edf2fa}.order-product-toggle:focus-visible{outline-offset:-4px}.order-view-materials{padding:0 14px}.order-view-materials .table th,.order-view-materials .table td{padding:14px 10px}.order-view-materials .table td{vertical-align:middle}.order-view-materials .table th:first-child{width:75%}.order-view-products .photo-count{flex-shrink:0}
@media(max-width:575.98px){.order-view-actions{width:100%;justify-content:flex-start}.order-view-actions .btn{width:auto;font-size:.8rem;flex:1 1 auto;padding:10px 12px}.order-overview-client{flex-basis:100%}.order-overview-badges{width:100%}.order-overview-client h2{font-size:1.05rem}.order-view-totals{gap:12px}.order-view-totals dt{font-size:.7rem}.order-view-totals dd{font-size:1.3rem}.order-view-facts{gap:0 16px}.order-product-toggle{padding:15px 12px;font-size:.8rem}.order-product-count{font-size:.7rem}.order-view-materials{padding:0 6px}.order-view-materials .table th,.order-view-materials .table td{padding:12px 6px}.order-view-materials .table{font-size:.8rem}.order-view-materials .product-code{font-size:.78rem}.order-view-materials .table th:first-child{width:auto}}
@media(prefers-reduced-motion:reduce){.order-product-count>i{transition:none}}
.product-manager .table-responsive{overflow:visible}.product-manager .table{min-width:0}.product-manager .product-row-actions .btn+.btn{margin-left:0}
.product-material-status{padding:12px 16px;margin-bottom:20px;border:1px solid #badbcf;background:#eaf6f0;border-radius:8px;color:#245e48;font-size:.8rem}.product-material-status:empty{display:none}
.product-section-heading,.product-heading-actions,.product-entry-footer,.product-material-list-heading,.product-inline-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.product-section-heading{margin-bottom:20px}.product-heading-actions{justify-content:flex-end}.product-live-status{font-size:.8rem;color:#36557d;margin-bottom:12px}.product-live-status:empty{display:none}.product-table td{vertical-align:middle}.product-code{display:block;font-weight:650;font-size:.84rem;color:#24324b;overflow-wrap:anywhere}.product-draft-note,.product-material-name{display:block;font-size:.76rem;color:#596980;margin-top:5px;overflow-wrap:anywhere}.product-row-actions{display:flex;justify-content:flex-end;gap:8px;align-items:center}.product-material-entry{background:#f5f8fc;border:1px solid #ccd7e9;border-radius:12px;padding:20px;margin-bottom:24px}.product-entry-footer>.form-text{margin:0}.product-inline-editor,.product-inline-confirm{padding:20px;border:1px solid #b8c7dc;background:#f5f8fc;border-radius:12px;margin-bottom:24px}.product-inline-confirm{background:#fff7f6;border-color:#e6b7b2}.product-inline-confirm:focus{outline:2px solid #b84444;outline-offset:3px}.product-inline-actions{justify-content:flex-end;margin-top:16px}.product-material-list-heading{margin-bottom:16px}.product-material-list-heading>h2{flex:1}.product-amount{white-space:nowrap;font-weight:650;color:#24324b}.product-unit-label{display:inline;font-size:.76rem;color:#596980;font-weight:400}.product-manager [hidden]{display:none!important}.product-manager .modal-body{scrollbar-gutter:stable}.product-manager .table td{vertical-align:middle}
@media(max-width:575.98px){.product-heading-actions{justify-content:flex-start}.product-section-heading{align-items:flex-start}.product-row-actions{gap:6px}.product-row-actions .btn{padding:7px 9px}.product-row-actions .btn[data-action="materials"]{font-size:.74rem}.product-draft-note{max-width:145px}.product-material-entry,.product-inline-editor,.product-inline-confirm{padding:16px}.product-manager .modal-body{padding:16px}.product-manager .table{font-size:.77rem}.product-manager .product-code{font-size:.78rem}.product-manager .product-material-name{font-size:.72rem}.product-manager .table th,.product-manager .table td{padding:10px 6px}.product-entry-footer{align-items:flex-start}.product-entry-footer>.btn{margin-left:auto}.product-inline-actions .btn{font-size:.8rem}}
@media(max-width:575.98px){.photo-gallery-actions{justify-content:flex-start}.photo-section-heading{align-items:flex-start}.photo-selection{align-items:flex-start}.photo-selection>img{width:80px;height:80px}.photo-dropzone{padding:16px}.photo-preview-stage{padding:10px;min-height:230px;height:55vh}.photo-keyboard-hint{display:none}.photo-preview-footer{gap:10px}.photo-preview-footer .btn{font-size:.8rem}.photo-upload-actions{align-items:flex-start}.photo-upload-status{min-width:130px}}
@media(prefers-reduced-motion:reduce){.photo-open img{transition:none}.photo-open:hover img{transform:none}}