.case-invoice-panel{container:case-invoice/inline-size}.case-invoice-cards{display:none}.case-invoice-rows>tr>td:last-child:not([colspan]){position:relative}.case-invoice-rows>tr>td:last-child:not([colspan]):before{content:"";pointer-events:none;border-left:1px solid #d0d8e6;height:50%;position:absolute;top:25%;left:-6px}@container case-invoice (max-width:1543px){.case-invoice-table{display:none}.case-invoice-cards{display:block}}@media (min-width:768px) and (max-width:1279.98px){.tablet-shell-sidebar{inset-block:0!important;z-index:40!important;width:260px!important;position:fixed!important;left:0!important;transform:translate(-100%)!important;box-shadow:0 24px 70px #05122652,inset -1px 0 #ffffff1a!important}.tablet-shell-sidebar[data-open=true]{transform:translate(0)!important}.tablet-sidebar-overlay{display:block!important}.tablet-menu-trigger{min-width:44px;min-height:44px;display:grid!important}.tablet-topbar{flex-wrap:nowrap!important}.tablet-breadcrumb-prefix{display:none!important}.tablet-work-search{width:clamp(220px,31vw,300px)!important}.tablet-tab-rail{scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scroll-padding-inline:12px;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 14px calc(100% - 26px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 14px calc(100% - 26px),#0000 100%)}.tablet-tab-rail::-webkit-scrollbar{display:none}.tablet-tab-item{scroll-snap-align:start}.tablet-touch-target{min-width:44px!important;min-height:44px!important}.tablet-modal-shell{max-height:calc(100dvh - 32px)!important}.tablet-next-action-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tablet-next-action-primary{flex-wrap:wrap}}@media (min-width:1024px) and (max-width:1279.98px){.tablet-case-detail-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important}}@media (min-width:768px) and (max-width:899.98px){.tablet-work-search{width:clamp(190px,34vw,240px)!important}.tablet-current-location{max-width:92px}}.settings-directory-group{grid-template-columns:180px minmax(0,1fr)}.settings-directory-items{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-directory-heading-icon{color:#f6edd8;background:linear-gradient(145deg, var(--navy), var(--navy-d));width:44px;height:44px;box-shadow:0 3px 8px color-mix(in srgb, var(--navy) 18%, transparent), inset 0 1px 0 #fff3;border-radius:13px;place-items:center;display:grid}.settings-directory-group-label{border-left:3px solid var(--settings-accent);background:linear-gradient(115deg, color-mix(in srgb, var(--settings-accent) 9%, white), color-mix(in srgb, var(--settings-accent) 3%, white));padding:18px 16px}.settings-directory-category-icon{color:var(--settings-accent);margin-bottom:10px}.settings-directory-icon{color:#fff;background:linear-gradient(145deg, color-mix(in srgb, var(--settings-accent) 78%, white), var(--settings-accent));box-shadow:0 3px 7px color-mix(in srgb, var(--settings-accent) 18%, transparent), inset 0 1px 0 #ffffff4d}.settings-directory-item{background:linear-gradient(120deg, white, color-mix(in srgb, var(--settings-accent) 2%, white));transition:border-color .16s,box-shadow .16s,background .16s}.settings-directory-item[href]:hover{border-color:color-mix(in srgb, var(--settings-accent) 35%, white);background:color-mix(in srgb, var(--settings-accent) 5%, white);box-shadow:0 3px 9px color-mix(in srgb, var(--settings-accent) 10%, transparent)}.settings-directory-item[aria-disabled]{background:#e9edf440;border-style:dashed}.settings-directory-item[aria-disabled] .settings-directory-icon{color:var(--settings-accent);background:color-mix(in srgb, var(--settings-accent) 9%, white);box-shadow:none}.settings-directory-arrow{background:#e9edf4a6;border-radius:50%;width:20px;height:20px;padding:2px}@media (prefers-reduced-motion:reduce){.settings-directory-item{transition:none}}@media (min-width:1280px) and (max-width:1439.98px){.settings-directory-group{grid-template-columns:180px minmax(0,1fr)}.settings-directory-group-label{padding-inline:12px}.settings-directory-item{gap:8px;padding-inline:6px}.settings-directory-arrow{display:none}}@media (max-width:1279.98px){.settings-directory-group{grid-template-columns:minmax(0,1fr)}.settings-directory-group-label{align-items:center;gap:10px;padding:12px 16px;display:flex}.settings-directory-category-icon{flex-shrink:0;margin-bottom:0}.settings-directory-items{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-directory-filters{display:flex}}@media (max-width:767.98px){.settings-directory-items{grid-template-columns:minmax(0,1fr)}.settings-directory-search{width:100%}.settings-directory-group-label p{display:none}}.company-identity{border:1px solid var(--border);background:linear-gradient(110deg,#e6f1fa,#fff 78%);border-radius:13px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;padding:12px 24px;display:flex;box-shadow:inset 3px 0 #0756b5}.company-identity-icon{border:1px solid var(--border);width:38px;height:38px;color:var(--navy);background:#e9edf440;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.company-identity-actions{align-items:center;gap:22px;display:flex}.company-pill{white-space:nowrap;border-radius:5px;align-items:center;padding:3px 9px;font-size:11px;font-weight:400;display:inline-flex}.company-edit-actions button{width:auto;height:38px;min-height:38px;padding:8px 17px;font-size:12px;font-weight:400}.company-overview-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:18px;margin-bottom:18px;display:grid}.company-panel{border:1px solid var(--border);background:#fff;border-radius:13px;min-width:0;overflow:hidden}.company-section-title{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding:17px 22px;display:flex}.company-section-title h2{align-items:center;gap:9px;font-size:15px;font-weight:500;line-height:1.65;display:flex}.company-title-blue{background:linear-gradient(100deg,#e6f1faa6,#fff);box-shadow:inset 3px 0 #0756b5}.company-title-blue h2 svg{color:#0756b5}.company-title-gold{background:linear-gradient(100deg,#f6edd899,#fff);box-shadow:inset 3px 0 #a06d16}.company-title-gold h2 svg{color:#a06d16}.company-title-violet{background:linear-gradient(100deg,#efeafba6,#fff);box-shadow:inset 3px 0 #7d34e0}.company-title-violet h2 svg{color:#7d34e0}.company-fields{gap:18px 30px;padding:22px;display:grid}.company-legal-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.company-fields[data-editing=false]>div:not(.company-address){border:0;padding:0;display:block}.company-fields[data-editing=false]>div>div:first-child,.company-address label{color:#54607a;margin-bottom:4px;font-size:11.5px;font-weight:400;line-height:1.65;display:block}.company-fields[data-editing=false]>div>div:last-child,.company-address p{color:var(--ink);white-space:normal;overflow-wrap:anywhere;font-size:14px;font-weight:400;line-height:1.7}.company-address{grid-column:1/-1;min-width:0}.company-address textarea{border:1px solid #d0d8e6;border-radius:9px;width:100%;min-height:90px;padding:8px 12px;font-size:14px;line-height:1.5}.company-address textarea:focus{border-color:var(--gold);outline:2px solid #f6edd8}.company-contact-body{--company-logo-size:clamp(96px,calc(100cqw - 248px),144px);position:relative;container-type:inline-size}.company-contact-fields>div{max-width:calc(100% - var(--company-logo-size) - 20px)}.company-logo-square{width:var(--company-logo-size);height:var(--company-logo-size);background:#fff;border:1px solid #d0d8e6;border-radius:8px;place-items:center;padding:6px;display:grid;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.company-logo-square img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;min-height:0}.company-logo-expand{color:#54607a;background:var(--bg);position:absolute;bottom:5px;right:5px}.company-logo-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;display:flex}.company-logo-dialog{width:calc(100% - 32px);max-width:650px;margin:auto}.company-logo-dialog::backdrop{background:#0f1f3a59}.company-logo-square:focus-visible{outline:2px solid var(--sky);outline-offset:3px}.company-branch-table{overflow:auto}.company-branch-table table{table-layout:fixed;min-width:850px}.company-branch-table[data-editing=true] table{min-width:1250px}.company-branch-table th{color:#54607a;padding:10px 22px;font-size:11px;font-weight:400}.company-branch-table td{padding:12px 22px;font-size:13px;font-weight:400}.company-branch-table td button,.company-branch-table td span{font-weight:400}.company-branch-table td button{min-width:0;font-size:11px}.company-branch-table td:nth-child(6) button{width:104px}.company-branch-table th:first-child{width:18%}.company-branch-table th:nth-child(2){width:10%}.company-branch-table th:nth-child(3){width:14%}.company-branch-table th:nth-child(4){width:30%}.company-branch-table th:nth-child(5){width:12%}.company-branch-table th:nth-child(6){width:16%}.company-branch-table[data-editing=true] th{width:auto}.company-branch-table[data-editing=true] th:last-child{width:290px}@media (max-width:1279.98px){.company-identity{align-items:flex-start}.company-identity-actions{flex-direction:column;align-items:flex-end;gap:10px}.company-overview-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr)}.company-logo-square{right:18px}}@media (max-width:767.98px){.company-identity{flex-direction:column;gap:12px;padding:12px 18px}.company-identity h1{font-size:18px}.company-identity-actions{flex-flow:wrap;align-items:flex-start}.company-overview-grid,.company-legal-fields{grid-template-columns:minmax(0,1fr)}.company-fields{padding:18px}.company-section-title{padding:15px 18px}}.customer-directory th{color:#54607a;font-size:11.5px;font-weight:400}.customer-directory td{font-size:13px;font-weight:400}.customer-directory button{font-size:12px;font-weight:400}.customer-directory td span.rounded-md{font-size:11px;font-weight:400}.numbering-heading{border:1px solid var(--border);background:linear-gradient(105deg,#e6f1fa,#fff 74%);border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;padding:14px 18px;display:flex;box-shadow:inset 3px 0 #0a7bc4}.numbering-heading h1{font-size:17px;font-weight:500;line-height:1.45}.numbering-heading-icon{border:1px solid var(--border);color:#0756b5;background:#ffffffa6;border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.numbering-heading-actions{align-items:center;gap:10px;display:flex}.numbering-directory .numbering-heading button{height:34px;min-height:34px;padding:0 12px;font-size:12px;font-weight:400}.numbering-year{white-space:nowrap;background:#fff;border-radius:5px;padding:3px 9px;font-size:11px}.numbering-panel{border:1px solid var(--border);background:#fff;border-radius:12px;min-width:0;overflow:hidden}.numbering-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:13px 18px;display:flex}.numbering-toolbar h2{font-size:15px;font-weight:500}.numbering-count{background:var(--bg);border-radius:5px;padding:2px 8px;font-size:11px}.numbering-search{color:#54607a;border:1px solid #d0d8e6;border-radius:8px;align-items:center;gap:8px;width:280px;padding:7px 11px;display:flex}.numbering-search:focus-within{outline-offset:2px;outline:2px solid #0a7bc4}.numbering-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.numbering-table{text-align:left;border-collapse:collapse;white-space:nowrap;width:100%;min-width:1120px}.numbering-table th{color:#54607a;background:#e9edf473;padding:10px 16px;font-size:11.5px;font-weight:400}.numbering-table td{border-bottom:1px solid #e1e6f0a6;padding:11px 16px;font-size:13px;font-weight:400}.numbering-table tbody tr:nth-child(2n){background:#e9edf44d}.numbering-table tbody tr:hover{background:#e6f1fa73}.numbering-table tbody tr:last-child td{border-bottom:0}.numbering-doc-name{align-items:center;gap:11px;max-width:260px;display:flex}.numbering-doc-name small{color:#54607a;margin-top:1px;font-size:10.5px}.numbering-doc-icon{border-radius:8px;flex-shrink:0;place-items:center;width:33px;height:36px;display:grid}.numbering-value{font-variant-numeric:tabular-nums;letter-spacing:.35px}.numbering-status{align-items:center;gap:6px;font-size:11px;display:inline-flex}.numbering-table button{white-space:nowrap;min-height:34px;padding:7px 12px;font-size:12px;font-weight:400}.numbering-table button.numbering-delete{width:32px;min-height:32px;padding:0}.numbering-table td.numbering-empty{text-align:center;color:#54607a;padding:28px 16px}.numbering-table-footer{border-top:1px solid var(--border);color:#54607a;justify-content:space-between;gap:12px;padding:10px 18px;font-size:11px;display:flex}.numbering-note{color:#54607a;align-items:center;gap:8px;padding:12px 4px;font-size:11.5px;display:flex}.numbering-note button{color:#0a7bc4;white-space:nowrap;align-items:center;gap:5px;margin-left:auto;display:inline-flex}.numbering-help{border:1px solid var(--border);width:calc(100% - 32px);max-width:530px;color:var(--ink);border-radius:12px;margin:auto;padding:0}.numbering-help::backdrop{background:#0f1f3a59}.numbering-help header{border-bottom:1px solid var(--border);background:#e6f1fa;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.numbering-help h2{font-size:16px;font-weight:500}.numbering-help header button{border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.numbering-help header button:hover{background:#fff}.numbering-editor-head{border-bottom:1px solid var(--border);background:linear-gradient(100deg,#e6f1fa,#fff);justify-content:space-between;align-items:center;gap:12px;height:56px;min-height:56px;padding:0 18px;display:flex}.numbering-editor-head h2{font-size:16px;font-weight:500}.numbering-editor-head button{color:#54607a;border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.numbering-editor-head button:hover{background:#fff}.numbering-editor-split{grid-template-columns:minmax(0,1fr) 260px;min-height:0;display:grid;overflow:auto}.numbering-editor-form{padding:20px}.numbering-editor-field{min-width:0;display:block}.numbering-editor-field>span{color:#54607a;margin-bottom:5px;font-size:11.5px;display:block}.numbering-editor-field input,.numbering-editor-field .app-select-trigger{width:100%;height:38px;color:var(--ink);background:#fff;border:1px solid #d0d8e6;border-radius:7px;padding:8px 11px;font-size:13px;font-weight:400}.numbering-editor-field input[type=number]{appearance:textfield}.numbering-editor-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.numbering-editor-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.numbering-editor-field .app-select-trigger:focus-visible{outline-offset:2px;outline:2px solid #0a7bc4}.numbering-editor-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.numbering-editor-rule{color:#54607a;align-items:flex-start;gap:6px;margin-top:10px;font-size:10.5px;line-height:1.6;display:flex}.numbering-editor-rule svg{margin-top:1px}.numbering-editor-options{border-top:1px solid var(--border);gap:14px;margin-top:18px;padding-top:14px;display:grid}.numbering-editor-option{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex;position:relative}.numbering-editor-option small{color:#54607a;margin-top:2px;font-size:10.5px;display:block}.service-directory button,.service-editor button{font-size:12px;font-weight:400}.service-directory button{min-height:32px;padding:6px 10px}.service-heading>button{height:36px;padding:6px 13px}.service-toolbar .app-select-trigger,.service-editor .app-select-trigger,.service-editor textarea{color:#1a2740;background:#fff;border:1px solid #d0d8e6;border-radius:8px;outline:none;padding:8px 10px;font-size:13px}.service-filter-select{position:relative}.service-toolbar .service-filter-select .app-select-trigger{appearance:none;text-align:left;text-align-last:left;min-width:116px;height:36px;padding:0 28px 0 12px;line-height:normal}.service-toolbar .service-filter-select option{text-align:left}.service-editor .app-select-trigger,.service-editor textarea{width:100%}.service-editor input:not([type=checkbox]){min-height:40px;font-size:13px;font-weight:400}.service-editor input:disabled{color:#54607a;background:#e9edf4}.service-editor textarea{resize:vertical}.service-editor .app-select-trigger:focus,.service-editor textarea:focus,.service-toolbar .app-select-trigger:focus{outline-offset:1px;outline:2px solid #0a7bc4}.service-directory button:focus-visible,.service-editor button:focus-visible{outline-offset:2px;outline:2px solid #0a7bc4}.service-table{table-layout:fixed}.service-table th{color:#54607a;white-space:nowrap;background:#e9edf4;padding:10px 12px;font-size:11.5px;font-weight:400}.service-table td{vertical-align:middle;border-top:1px solid #e1e6f099;padding:8px 12px;font-size:13px;font-weight:400}.service-table :is(th,td):is(:first-child,:nth-child(5),:nth-child(6),:nth-child(8),:nth-child(9),:nth-child(10),:nth-child(11)){text-align:center}.service-table td:nth-child(8),.service-table td:nth-child(9){font-size:11.5px}.service-table tbody tr:nth-child(2n){background:#e9edf459}.service-editor{width:min(740px,100vw - 32px);max-height:calc(100dvh - 32px)}.service-editor-body{max-height:calc(100dvh - 225px);overflow-y:auto}.service-catalog-editor .service-editor-body{max-height:calc(100dvh - 140px)}.service-catalog-editor .service-form-grid{row-gap:10px}.service-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;display:grid}@media (max-width:767.98px){.service-heading{flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.service-heading h1{font-size:15px}.service-heading-status{margin-left:0;position:absolute;inset:0 auto 0 0}.service-heading-content[data-notice=true] .service-heading-title{visibility:hidden}.service-toolbar{align-items:stretch}.service-toolbar>div{width:100%}.service-toolbar label{flex:1}.service-form-grid{grid-template-columns:minmax(0,1fr)}}.numbering-editor-option input{opacity:0;cursor:pointer;width:32px;height:18px;position:absolute;right:0}.numbering-editor-switch{pointer-events:none;background:#8b94a9;border:1px solid #8b94a9;border-radius:20px;flex-shrink:0;width:32px;height:18px;position:relative}.numbering-editor-switch:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:2px;left:2px}.numbering-editor-option input:checked+.numbering-editor-switch{background:#0e8f62;border-color:#0e8f62}.numbering-editor-option input:checked+.numbering-editor-switch:after{left:16px}.numbering-editor-option input:focus-visible+.numbering-editor-switch{outline-offset:3px;outline:2px solid #0a7bc4}.numbering-editor-preview{border-left:1px solid var(--border);background:#e9edf459;padding:18px}.numbering-preview-title{color:#54607a;align-items:center;gap:7px;font-size:11.5px;display:flex}.numbering-preview-hint{color:#54607a;margin-top:3px;margin-left:23px;font-size:10px}.numbering-preview-cards{gap:14px;margin-top:20px;display:grid}.numbering-preview-card{border:1px solid var(--border);background:#fff;border-radius:8px;padding:18px 16px}.numbering-preview-card>span{color:#54607a;margin-bottom:3px;font-size:10.5px;display:block}.numbering-preview-card.numbering-preview-next{background:#e6f1fa;border-color:#0a7bc440}.numbering-preview-value{font-variant-numeric:tabular-nums;letter-spacing:.35px;overflow-wrap:anywhere;font-size:16px;font-weight:400}.numbering-editor-formula{border-top:1px solid var(--border);color:#54607a;margin-top:23px;padding-top:17px;font-size:11px}.numbering-editor-formula>div{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;margin-bottom:16px;display:flex}.numbering-editor-formula span{border:1px solid var(--border);min-width:42px;min-height:38px;color:var(--ink);overflow-wrap:anywhere;background:#fff;border-radius:6px;justify-content:center;align-items:center;padding:8px 10px;font-size:12px;display:inline-flex}.numbering-editor-formula i{font-style:normal}.numbering-editor-footer{border-top:1px solid var(--border);background:#fff;flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.numbering-editor-footer button{min-height:36px;padding:6px 14px;font-size:12px;font-weight:400}@media (max-width:580px){.numbering-editor-split{grid-template-columns:1fr}.numbering-editor-form{padding:16px}.numbering-editor-preview{border-left:0;border-top:1px solid var(--border);padding:16px}.numbering-preview-cards{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.numbering-preview-card{padding:12px 10px}.numbering-editor-formula{display:none}}@media (max-width:767.98px){.numbering-heading{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 15px}.numbering-heading-actions{flex-wrap:wrap;width:100%}.numbering-heading-actions button{margin-left:auto}.numbering-toolbar{flex-direction:column;align-items:stretch}.numbering-search{width:100%}.numbering-note{flex-wrap:wrap;align-items:flex-start}.numbering-note>span{flex:1}.numbering-note button{margin-left:24px}.numbering-table-footer span:last-child{display:none}}.customer-editor{width:min(1180px,100vw - 40px)}.customer-editor .customer-editor-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:0;max-height:calc(100dvh - 140px);padding:0;display:grid}.customer-editor-details,.customer-editor-tax{min-width:0;padding:20px}.customer-editor-tax{border-left:1px solid var(--border);background:#e9edf433}.customer-editor .service-form-grid{gap:10px 16px}.customer-name-row{grid-column:1/-1;grid-template-columns:minmax(0,3fr) minmax(96px,1fr);gap:16px;display:grid}.customer-editor textarea{resize:none}.customer-mobile-nav{display:none}.customer-tax-nav{background:#e9edf4;border-radius:8px;gap:4px;padding:4px;display:flex}.customer-tax-nav button,.customer-mobile-nav button{color:#54607a;border-radius:6px;flex:1;padding:7px 10px}.customer-tax-nav button[aria-pressed=true],.customer-mobile-nav button[aria-pressed=true]{color:#0a7bc4;background:#fff;box-shadow:0 1px 3px #1f3a6314}.customer-rules>div>span:first-child{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.customer-editor .customer-tax-preview dl{grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width:899px){.customer-editor{width:min(620px,100vw - 24px)}.customer-mobile-nav{background:#e9edf459;gap:4px;display:flex}.customer-editor .customer-editor-layout{max-height:calc(100dvh - 205px);display:block}.customer-editor-details,.customer-editor-tax{padding:16px}.customer-editor-tax{border-left:0}.customer-editor .customer-tax-preview dl{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-editor-layout[data-panel=customer] .customer-editor-tax,.customer-editor-layout[data-panel=tax] .customer-editor-details{display:none}.customer-editor .service-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.service-catalog-editor{width:min(920px,100vw - 32px)}.service-catalog-editor .service-basic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.service-toolbar button[aria-label=กรองลูกค้า]{height:36px}@media (max-width:1500px){.ci-picker-dialog .ci-compact-footer{grid-template-columns:minmax(0,1fr) 380px;gap:24px}.ci-picker-dialog .ci-compact-summary:before{left:-12px}}@media (max-width:1100px){.ci-picker-dialog .ci-compact-footer{grid-template-columns:minmax(0,1fr) 350px}.ci-picker-dialog .ci-compact-context{flex-wrap:wrap;gap:8px}.ci-picker-dialog .ci-compact-date{margin-left:auto}}@media (max-width:700px),(max-height:550px){.ci-picker-dialog>.app-modal-body{overflow:auto}.ci-picker-dialog .ci-compact-body{flex:none;min-height:240px;padding:0 12px}.ci-picker-dialog .ci-compact-table{flex:none;max-height:360px}.ci-picker-dialog .ci-compact-toolbar{flex-wrap:wrap;gap:8px}}@media (max-width:700px){.ci-picker-dialog .ci-compact-footer{grid-template-columns:1fr;gap:12px}.ci-picker-dialog .ci-compact-summary:before{display:none}.ci-picker-dialog .ci-compact-summary{padding-right:0}}@media (max-width:1699.98px){.ci-head{flex-wrap:wrap}.ci-head>.ci-toolbar{flex-basis:100%;order:4;margin-left:0}.ci-tabs:after{display:none}.ci-head>.ci-add{margin-left:auto}}@media (max-width:1279.98px){.ci-head{flex-wrap:wrap}.ci-head-count{border:0;padding-left:0}.ci-toolbar .ci-search{flex:1;margin-left:0}}@media (max-width:767.98px){.ci-head{gap:10px;padding:14px}.ci-success{order:4;width:100%}.ci-toolbar{padding:12px}.ci-head>.ci-toolbar{flex-wrap:wrap;padding:0}.ci-head>.ci-tabs{border:0;padding-left:0}.ci-customer-filter{width:100%}.ci-toolbar .app-select-trigger{flex:1;min-width:0}.ci-toolbar .ci-search{flex:1;margin-left:0}.ci-register-table{margin:0 10px}.ci-pagination{flex-wrap:wrap;padding:12px}.ci-scope-form{grid-template-columns:1fr;padding:18px 16px}.ci-picker-body{padding:12px}.ci-context{flex-wrap:wrap;padding:12px}.ci-context-name{flex-basis:calc(100% - 40px)}.ci-context-date{border:0;padding:0}.ci-picker-toolbar{flex-wrap:wrap;gap:8px}.ci-picker-toolbar .ci-search{width:100%}.ci-picker-bottom{grid-template-columns:1fr}.ci-actions>div{width:100%}}
:root{--modal-edge:16px}html:has(dialog[data-app-modal][open]){overflow:hidden}dialog.app-dialog{--modal-top:48px;color:var(--ink);background:#fff;font-size:13px;box-shadow:0 6px 18px #14294a1a;margin:var(--modal-top) auto 0!important;width:min(var(--modal-width,640px), calc(100vw - var(--modal-edge) * 2))!important;max-width:calc(100vw - var(--modal-edge) * 2)!important;max-height:calc(100dvh - var(--modal-top) - var(--modal-edge))!important;border:1px solid var(--border)!important;border-radius:13px!important;padding:0!important;position:fixed!important;inset:0!important;overflow:hidden!important}dialog.app-dialog:not([open]){display:none!important}dialog.app-dialog[open]{flex-direction:column;display:flex!important}dialog.app-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0f1f3a59}.app-modal-header{position:relative;border-bottom:1px solid var(--border)!important;height:auto!important;min-height:56px!important;color:var(--ink)!important;background:#e6f1fa!important;border-left:0!important;flex-shrink:0!important;margin:0!important;padding:12px 20px!important}.app-modal-header[data-confirm-tone=danger]{background:#fff!important}.app-modal-header :is(h1,h2,h3){line-height:1.5;color:var(--ink)!important;font-size:15px!important;font-weight:500!important}.app-modal-header p[class*=text-white]{color:#54607a!important}.app-modal-header button[aria-label]{border-radius:8px;min-width:36px;min-height:36px}.app-modal-body{overscroll-behavior:contain;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:auto}.app-modal-body:has(>.app-modal-form){flex-direction:column;display:flex;overflow:hidden}.app-modal-form{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.app-modal-form>.app-modal-body>*{flex:none;overflow:visible}.app-modal-body>.service-editor-body{overflow:visible;max-height:none!important}.app-modal-footer{border-top:1px solid var(--border);background:#fff!important;flex-shrink:0!important;margin:0!important;padding:12px 20px!important}.app-modal-footer button{min-height:36px;font-size:12px}.app-modal-body>:only-child:is(.flex,.grid){min-height:0}dialog.app-dialog[data-modal-variant=compact]{--modal-top:16px;margin:auto!important}dialog.app-dialog[data-modal-variant=preview]{--modal-top:16px;height:calc(100dvh - 32px)}dialog.app-dialog[data-preview-fullscreen]{--modal-width:calc(100vw - 32px)}dialog.service-catalog-editor{--modal-width:920px}dialog.customer-editor{--modal-width:1180px}dialog.company-logo-dialog{--modal-width:650px}dialog.numbering-help{--modal-width:530px}dialog.ci-picker-dialog{--picker-bottom-space:80px;height:calc(100dvh - var(--modal-top) - var(--modal-edge) - var(--picker-bottom-space))}dialog.app-dialog[data-modal-variant=preview]>.app-modal-body{flex-direction:column;display:flex}@media (max-width:767.98px),(max-height:700px){dialog.app-dialog[data-modal-variant=form]{--modal-top:16px}dialog.ci-picker-dialog{--picker-bottom-space:0px}}@media (max-width:767.98px){.app-modal-header,.app-modal-footer{padding-left:16px!important;padding-right:16px!important}}
.app-choice{display:contents}.app-select-native{pointer-events:none;clip-path:inset(50%)!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}button:where(.app-select-trigger),input:where(.app-select-trigger){color:#1a2740;text-align:left;cursor:pointer;background:#fff;border:1px solid #d0d8e6;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-width:0;height:40px;padding:0 12px;font-size:13px;font-weight:400;display:inline-flex;position:relative}.app-select-trigger:focus-visible,.app-dropdown-search:focus-visible{outline-offset:1px;outline:2px solid #0a7bc4}.app-select-trigger[aria-invalid=true]{border-color:#d61a52}.app-select-trigger:disabled{opacity:.55;cursor:not-allowed}.app-choice-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.app-choice-chevron{flex-shrink:0;width:14px;height:14px}.app-choice-editable{width:100%;min-width:0;display:block;position:relative}.app-choice-editable .app-select-trigger{cursor:text;width:100%;padding-right:36px}.app-choice-arrow{right:0;color:#54607a;place-items:center;width:36px;display:grid;position:absolute;inset-block:0}.app-choice-arrow svg{width:16px;height:16px}.app-dropdown-panel{z-index:100;color:#1a2740;background:#fff;border:1px solid #d0d8e6;border-radius:8px;flex-direction:column;min-width:0;margin:0;padding:6px;font-size:13px;display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 24px #1f3a6324}.app-dropdown-panel input.app-dropdown-search{border:1px solid #d0d8e6;border-radius:6px;flex-shrink:0;width:100%;height:36px;min-height:36px;margin-bottom:6px;padding:0 10px;font-size:13px}.app-dropdown-list{overscroll-behavior:contain;min-height:0;max-height:288px;overflow-y:auto}.app-dropdown-panel button.app-dropdown-option{white-space:normal;text-align:left;color:#1a2740;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;width:100%;min-height:34px;padding:7px 10px;font-size:13px;font-weight:400;line-height:1.5;display:flex}.app-dropdown-option>span{overflow-wrap:anywhere;flex:1;min-width:0}.app-dropdown-option svg{color:#0a7bc4;flex-shrink:0;width:14px;height:14px}.app-dropdown-option:hover:not(:disabled),.app-dropdown-option[data-active=true]:not(:disabled),.app-dropdown-option:focus-visible{background:#e6f1fa;outline:none}.app-dropdown-option[aria-selected=true]{color:#1f3a63;background:#e6f1fa}.app-dropdown-option:disabled{opacity:.5;cursor:not-allowed}.app-dropdown-message,.app-dropdown-group{color:#54607a;padding:8px 10px;font-size:12px}.app-dropdown-message[role=alert]{color:#d61a52}.app-dropdown-group{font-weight:600}.app-dropdown-retry{text-align:left;color:#0a7bc4;padding:8px 10px}