.customer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 15px}.customer-toolbar>div{display:flex;gap:8px}.customer-manage{border:0;border-radius:4px;padding:11px 15px;background:#05a95b;color:#fff;font-weight:900;cursor:pointer}.customer-manage span{margin-left:10px}.customer-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:16px}.customer-kpis section{display:grid;grid-template-columns:82px 1fr;min-height:88px;border:1px solid #d8e1e5;border-radius:5px;overflow:hidden;background:#fff}.customer-kpis section>b{display:grid;place-items:center;color:#fff;font-size:38px}.customer-kpis section>div{display:flex;flex-direction:column;justify-content:center;padding:11px 14px}.customer-kpis small{color:#53636b;font-weight:800}.customer-kpis strong{margin-top:7px;color:#33464f;font-size:25px}.customer-kpis .cyan>b{background:#14b8da}.customer-kpis .green>b{background:#06a95c}.customer-kpis .orange>b{background:#f4a20c}.customer-kpis .red>b{background:#e94b3b}.customer-list-card{border-top-color:#12cbd0}.customer-table td{vertical-align:middle}.customer-table td:nth-child(2),.customer-table td:nth-child(3){white-space:normal;min-width:160px}.customer-table td:nth-child(2) small{display:block;margin-top:5px;color:#607985}.customer-table td:nth-child(3) .status{margin-left:8px}.customer-id,.due-date{color:#169ecb}.due-date.due-isolir{color:#d92b2b}html[data-theme="dark"] .due-date.due-isolir{color:#ff5d5d}.service-chip{display:inline-flex;padding:4px 7px;border-radius:3px;background:#05aa60;color:#fff;font-size:10px;font-weight:900}.customer-actions{display:flex;gap:5px}.mini-action.orange{background:#f2a00c;color:#fff}.mini-action.green{background:#08a95e;color:#fff}.customer-form{max-width:1180px;margin:0 auto}.customer-form-tabs{display:flex;gap:3px;margin:-16px -16px 18px;padding:12px 15px 0;border-bottom:1px solid #dce4e8}.customer-form-tabs>*{padding:10px 14px;color:#258dac}.customer-form-tabs b{border:1px solid #dce4e8;border-bottom-color:#fff;border-radius:4px 4px 0 0;color:#334e5c}.customer-form fieldset{margin:0 0 18px;padding:18px;border:1px solid #dce4e8;border-radius:5px}.customer-form legend{padding:0 8px;color:#1b8baa;font-size:12px;font-weight:900;text-transform:uppercase}.customer-form .field.wide{grid-column:1/-1}.customer-form textarea{width:100%;min-height:80px;padding:10px;border:1px solid #cdd9de;border-radius:5px;resize:vertical}.switch-field{display:flex;align-items:center;gap:9px;min-height:40px;padding:9px 11px;border:1px solid #d4dfe3;border-radius:5px;background:#f7fafb;color:#405a65;font-weight:800}.switch-field input{width:17px;height:17px}.customer-form .login-error{margin-top:12px;padding:11px;border-left:3px solid #d84c43;background:#ffebe9;color:#913b34}.customer-form .form-actions{padding-top:14px;border-top:1px solid #e0e7ea}
@media(max-width:1050px){.customer-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.customer-kpis{grid-template-columns:1fr}.customer-toolbar{align-items:stretch;flex-direction:column}.customer-toolbar>div{display:grid;grid-template-columns:1fr 1fr}}

.customer-manage-wrap{position:relative;display:block!important}
.customer-manage.open{filter:brightness(.96)}
.customer-manage-menu{position:absolute;z-index:12;top:calc(100% + 2px);left:0;width:min(390px,calc(100vw - 40px));max-height:min(620px,calc(100vh - 180px));overflow-y:auto;border:1px solid #aeb9bd;background:#fff;box-shadow:0 10px 24px #173f4a2b}
.customer-manage-menu[hidden]{display:none}
.customer-manage-menu button{display:flex;align-items:center;gap:13px;width:100%;min-height:47px;padding:10px 16px;border:0;border-bottom:1px solid #d5dcdf;background:#fff;color:#30383c;text-align:left;font:inherit;font-weight:650;cursor:pointer}
.customer-manage-menu button:hover,.customer-manage-menu button:focus{background:#eff9f6;color:#087948;outline:0}
.customer-manage-menu button>span{width:20px;color:#3e4a4f;text-align:center}
.customer-manage-menu button.danger:hover,.customer-manage-menu button.danger:focus{background:#fff1ef;color:#b12d28}
.customer-menu-caption{padding:14px 15px 10px;color:#e02f27;font-weight:900}
.menu-badge{margin-left:auto;padding:4px 8px;border-radius:5px;color:#fff;font-size:10px;font-style:normal;font-weight:900}
.menu-badge.old{background:#ff851b}.menu-badge.new{background:#08a95e}
@media(max-width:520px){.customer-toolbar>.customer-manage-wrap{display:block!important}.customer-manage{width:100%}.customer-manage-menu{width:100%}}
.voucher-guidance{display:grid;gap:7px;margin:0 0 14px;padding:13px 16px;border:1px solid #d8e2e6;border-left:4px solid #12b7c7;border-radius:4px;background:#fff;color:#40545c;font-size:12px}
.voucher-list-card{margin-top:0;border-top-color:#11c9d0}
.voucher-table{min-width:1380px}
.voucher-table td{vertical-align:middle}.voucher-table .voucher-login{color:#238eba}.voucher-table td:nth-child(9){font-weight:700;white-space:nowrap}
.voucher-modal-backdrop{align-items:start;overflow-y:auto;padding:22px}
.voucher-create-modal{display:flex;flex-direction:column;width:min(720px,100%);max-height:calc(100vh - 44px);margin:auto;overflow:hidden}
.voucher-create-modal .modal-head{flex:0 0 auto;background:#fff}
.voucher-create-body{overflow-y:auto;padding:22px}
.voucher-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 3px}
.voucher-create-grid>.field,.voucher-create-grid>fieldset{margin:0;padding:0 10px;border:0}
.voucher-create-grid .field label,.voucher-type legend{margin-bottom:7px;color:#384b53;font-size:13px;font-weight:800}
.voucher-type label{display:flex;align-items:center;gap:8px;min-height:42px;font-weight:750}.voucher-type input{width:18px;height:18px}
.voucher-create-grid .field input,.voucher-create-grid .field select{min-height:48px;border-radius:0;background:#fff}
.voucher-create-grid .field small{display:block;margin-top:7px;color:#6f7477;font-size:10px;font-weight:700;line-height:1.45}
.voucher-create-grid .voucher-wide{grid-column:1/-1}
.voucher-inline-link{margin-top:8px;padding:0;border:0;background:transparent;color:#258dc0;font-weight:850;cursor:pointer}
.voucher-create-actions{flex:0 0 auto;justify-content:flex-start;background:#fff}
.voucher-result-modal{width:min(760px,100%)}
.voucher-result-modal .result{line-height:1.55}
.voucher-credentials{display:grid;gap:7px;max-height:48vh;margin-top:14px;overflow:auto}
.voucher-credentials>div{display:grid;grid-template-columns:32px minmax(150px,1fr) minmax(130px,1fr) 72px;align-items:center;gap:8px;padding:9px;border:1px solid #d8e3e7;border-radius:5px;background:#f8fbfc}
.voucher-credentials span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#1c8dab;color:#fff;font-weight:800}
.voucher-credentials code{padding:8px;border-radius:4px;background:#173f4a;color:#fff;font-size:13px;overflow-wrap:anywhere}
.voucher-credentials button{padding:8px;border:1px solid #b8ccd3;border-radius:4px;background:#fff;color:#235462;font-weight:800;cursor:pointer}
@media print{body>*:not(#modal-root){display:none!important}.modal-backdrop{position:static;padding:0;background:#fff}.voucher-result-modal{width:100%;box-shadow:none}.voucher-result-modal .modal-head button,.voucher-result-modal .modal-actions{display:none}.voucher-credentials{max-height:none;overflow:visible}.voucher-credentials code{color:#000;background:#fff;border:1px solid #bbb}}
@media(min-width:1051px){
  #page[data-page="voucher-hotspot"] .customer-toolbar,#page[data-page="voucher-ppp"] .customer-toolbar{margin:0 0 10px}
  #page[data-page="voucher-hotspot"] .customer-toolbar .button,#page[data-page="voucher-ppp"] .customer-toolbar .button,#page[data-page="voucher-hotspot"] .customer-manage,#page[data-page="voucher-ppp"] .customer-manage{padding:7px 10px;font-size:11px}
  #page[data-page="voucher-hotspot"] .customer-manage span,#page[data-page="voucher-ppp"] .customer-manage span{margin-left:6px}
  #page[data-page="voucher-hotspot"] .voucher-guidance,#page[data-page="voucher-ppp"] .voucher-guidance{gap:4px;margin-bottom:9px;padding:8px 11px;font-size:10px}
  #page[data-page="voucher-hotspot"] .voucher-list-card,#page[data-page="voucher-ppp"] .voucher-list-card{padding:10px}
  #page[data-page="voucher-hotspot"] .filters,#page[data-page="voucher-ppp"] .filters{grid-template-columns:minmax(240px,1fr) 130px 96px;gap:8px;margin-bottom:8px}
  #page[data-page="voucher-hotspot"] .filters .field label,#page[data-page="voucher-ppp"] .filters .field label{margin-bottom:4px;font-size:10px}
  #page[data-page="voucher-hotspot"] .filters .field input,#page[data-page="voucher-hotspot"] .filters .field select,#page[data-page="voucher-ppp"] .filters .field input,#page[data-page="voucher-ppp"] .filters .field select{min-height:34px;padding:7px 8px;font-size:11px}
  #page[data-page="voucher-hotspot"] .voucher-table,#page[data-page="voucher-ppp"] .voucher-table{width:100%;min-width:1050px;table-layout:fixed;font-size:10px}
  #page[data-page="voucher-hotspot"] .voucher-table th,#page[data-page="voucher-ppp"] .voucher-table th{padding:7px 5px;font-size:8px}
  #page[data-page="voucher-hotspot"] .voucher-table td,#page[data-page="voucher-ppp"] .voucher-table td{overflow:hidden;padding:7px 5px;text-overflow:ellipsis}
  #page[data-page^="voucher-"] .voucher-table th:nth-child(1){width:28px}
  #page[data-page^="voucher-"] .voucher-table th:nth-child(2){width:62px}
  #page[data-page^="voucher-"] .voucher-table th:nth-child(3){width:78px}
  #page[data-page^="voucher-"] .voucher-table th:nth-child(4){width:68px}
  #page[data-page^="voucher-"] .voucher-table th:nth-child(5){width:118px}
  #page[data-page^="voucher-"] .voucher-table th:nth-child(6){width:82px}
  #page[data-page^="voucher-"] .voucher-table th:nth-child(7){width:138px}
  #page[data-page^="voucher-"] .voucher-table th:nth-child(8){width:88px}
  #page[data-page^="voucher-"] .voucher-table th:nth-child(9){width:90px}
  #page[data-page^="voucher-"] .voucher-table th:nth-child(10){width:82px}
  #page[data-page^="voucher-"] .voucher-table th:nth-child(11){width:72px}
  #page[data-page^="voucher-"] .voucher-table th:nth-child(12){width:54px}
  #page[data-page^="voucher-"] .voucher-table .status{padding:3px 6px;font-size:8px}
  #page[data-page^="voucher-"] .voucher-table .row-action{padding:5px 7px;font-size:9px}
  #page[data-page="voucher-hotspot"] .table-foot,#page[data-page="voucher-ppp"] .table-foot{margin-top:8px;font-size:9px}
}
@media(max-width:620px){.voucher-modal-backdrop{padding:8px}.voucher-create-grid{grid-template-columns:1fr}.voucher-create-grid .voucher-wide{grid-column:auto}.voucher-credentials>div{grid-template-columns:30px 1fr}.voucher-credentials code{grid-column:2}.voucher-credentials button{grid-column:2}}
.evoucher-guidance{display:grid;gap:5px;margin-bottom:10px;padding:10px 13px;border:1px solid #efdfb7;border-left:4px solid #ed9b0b;border-radius:4px;background:#fffaf0;color:#5f543b;font-size:11px}.evoucher-card{margin-top:0;padding:12px}.evoucher-filters{display:grid;grid-template-columns:minmax(250px,1fr) 130px 140px 96px;gap:9px}.evoucher-table{width:100%;min-width:1130px;margin-top:9px;table-layout:fixed;font-size:10px}.evoucher-table th{padding:7px 5px;border-top:3px solid #11c4cc;font-size:8px}.evoucher-table td{overflow:hidden;padding:8px 5px;vertical-align:middle;text-overflow:ellipsis}.evoucher-table th:nth-child(1){width:27px}.evoucher-table th:nth-child(2){width:145px}.evoucher-table th:nth-child(3){width:78px}.evoucher-table th:nth-child(4){width:88px}.evoucher-table th:nth-child(5){width:98px}.evoucher-table th:nth-child(6){width:78px}.evoucher-table th:nth-child(7){width:72px}.evoucher-table th:nth-child(8){width:85px}.evoucher-table th:nth-child(9){width:110px}.evoucher-table th:nth-child(10){width:72px}.evoucher-table th:nth-child(11){width:100px}.evoucher-table th:nth-child(12){width:72px}.evoucher-table th:nth-child(13){width:62px}.evoucher-order{color:#1a829f}.evoucher-table .service-chip{margin-right:5px;padding:3px 5px;font-size:7px}.evoucher-table .status{padding:3px 6px;font-size:8px}.evoucher-code-link{display:block;margin-top:4px;padding:2px 5px;border:0;border-radius:3px;background:#dfe5e8;color:#40535b;font-size:8px;font-weight:800;cursor:pointer}.evoucher-payment{font-size:9px}.evoucher-purchase-modal{width:min(680px,100%)}.evoucher-purchase-body{padding:20px}.evoucher-detail-modal{width:min(700px,100%)}.evoucher-detail-body{padding:20px}.evoucher-detail-body dl{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid #d7e2e6;border-left:1px solid #d7e2e6}.evoucher-detail-body dl>div{padding:11px;border-right:1px solid #d7e2e6;border-bottom:1px solid #d7e2e6}.evoucher-detail-body dt{margin-bottom:3px;color:#71848b;font-size:9px;font-weight:850}.evoucher-detail-body dd{margin:0;overflow-wrap:anywhere;font-size:11px}.evoucher-code-box{display:grid;justify-items:center;gap:9px;padding:22px;border:1px dashed #73b9c9;border-radius:6px;background:#f1fafc;text-align:center}.evoucher-code-box small{color:#627981;font-size:9px;font-weight:850}.evoucher-code-box strong{padding:10px 16px;border-radius:4px;background:#173f4a;color:#fff;font:800 20px ui-monospace,monospace;letter-spacing:.08em}.evoucher-code-box span{color:#58717a;font-size:10px}
@media(min-width:1051px){#page[data-page="voucher-evoucher"] .customer-toolbar{margin:0 0 9px}#page[data-page="voucher-evoucher"] .customer-toolbar .button,#page[data-page="voucher-evoucher"] .customer-manage{padding:7px 10px;font-size:11px}#page[data-page="voucher-evoucher"] .evoucher-filters .field label{margin-bottom:4px;font-size:10px}#page[data-page="voucher-evoucher"] .evoucher-filters .field input,#page[data-page="voucher-evoucher"] .evoucher-filters .field select{min-height:34px;padding:7px 8px;font-size:11px}#page[data-page="voucher-evoucher"] .table-foot{margin-top:8px;font-size:9px}}
@media(max-width:900px){.evoucher-filters{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.evoucher-filters,.evoucher-detail-body dl{grid-template-columns:1fr}.evoucher-toolbar{align-items:stretch;flex-direction:column}.evoucher-toolbar>div:last-child{display:grid;grid-template-columns:1fr 1fr}}
#page[data-page="voucher-evoucher"] .evoucher-stock-table{table-layout:auto;min-width:1280px}
#page[data-page="voucher-evoucher"] .evoucher-stock-table th,#page[data-page="voucher-evoucher"] .evoucher-stock-table td{width:auto;overflow:visible;text-overflow:clip}
#page[data-page="voucher-evoucher"] .evoucher-stock-actions{white-space:nowrap}
#page[data-page="voucher-evoucher"] .evoucher-stock-actions .row-action{margin-right:6px}
#page[data-page="voucher-evoucher"] .evoucher-stock-actions .row-action.danger{border-color:#e5c4c4;background:#fff4f3;color:#b54a4a}
#page[data-page="voucher-evoucher"] .evoucher-stock-search{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto auto;gap:10px;align-items:end;margin-bottom:12px}
#page[data-page="voucher-evoucher"] .evoucher-stock-search .button{height:42px}
@media(max-width:800px){#page[data-page="voucher-evoucher"] .evoucher-stock-search{grid-template-columns:1fr}}

.customer-pay-link{display:block;margin-top:4px;color:#0b5f92;font-size:12px;line-height:1.4;word-break:break-all;text-decoration:underline}
html[data-theme="dark"] .customer-form .customer-pay-link{color:#8fd4f5}

.customer-form .field.field-invalid input,.customer-form .field.field-invalid select,.customer-form .field.field-invalid textarea{border-color:#d92b2b;box-shadow:0 0 0 1px #d92b2b}
html[data-theme="dark"] .customer-form .field.field-invalid input,html[data-theme="dark"] .customer-form .field.field-invalid select,html[data-theme="dark"] .customer-form .field.field-invalid textarea{border-color:#ff5d5d;box-shadow:0 0 0 1px #ff5d5d}
.customer-form-tabs button.tab-invalid{color:#d92b2b;box-shadow:inset 0 -2px 0 #d92b2b}
html[data-theme="dark"] .customer-form-tabs button.tab-invalid{color:#ff8d8d}

.mini-action.orange[data-action="voucher-delete"]{width:auto;min-width:58px;height:28px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:3px;background:#f2a00c;color:#fff;line-height:1}

#app-shell .workspace:has(.voucher-hotspot-scroll){min-width:0;overflow-x:hidden}
#app-shell .page:has(.voucher-hotspot-scroll){width:100%;max-width:100%;min-width:0;overflow:hidden}
.voucher-hotspot-scroll{width:100%;max-width:100%;min-width:0;overflow:hidden}
.voucher-hotspot-scroll > .table-wrap{display:block;width:100%;max-width:100%;min-width:0;overflow-x:scroll;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#7fd0ef #0b1c2c}
.voucher-hotspot-scroll > .table-wrap::-webkit-scrollbar{height:14px}
.voucher-hotspot-scroll > .table-wrap::-webkit-scrollbar-track{background:#0b1c2c}
.voucher-hotspot-scroll > .table-wrap::-webkit-scrollbar-thumb{background:#7fd0ef;border-radius:7px}
.voucher-hotspot-scroll .voucher-table{width:1680px;min-width:1680px;max-width:none}

.customer-addon-row{display:grid;gap:8px;margin-top:10px;padding:10px;border:1px solid #d9e3e6;border-radius:6px;background:#fff}
.customer-addon-row [data-action="customer-addon-device-toggle"]{margin-top:8px}
.customer-addon-device-create{align-items:end}

.customer-table tr.is-on-process,.customer-table tr.is-on-process td{background:#f3eeff}
.customer-table tr.is-on-process td:first-child{box-shadow:inset 4px 0 0 #6d4ad4}
.customer-table tr.is-on-process .customer-id,.customer-table tr.is-on-process .customer-pay-link,.customer-table tr.is-on-process .due-process{color:#5b3db8}
.customer-table tr.is-on-process .service-chip,.customer-table tr.is-on-process .status.process{background:#6d4ad4;color:#fff}
.customer-table tr.is-on-process:hover,.customer-table tr.is-on-process:hover td{background:#e7defc}
html[data-theme="dark"] .customer-table tr.is-on-process,html[data-theme="dark"] .customer-table tr.is-on-process td{background:#2c2542;color:#efe9ff}
html[data-theme="dark"] .customer-table tr.is-on-process .customer-id,html[data-theme="dark"] .customer-table tr.is-on-process .customer-pay-link,html[data-theme="dark"] .customer-table tr.is-on-process .due-process{color:#cbb6ff}
html[data-theme="dark"] .customer-table tr.is-on-process:hover,html[data-theme="dark"] .customer-table tr.is-on-process:hover td{background:#362d52}
.customer-table .customer-actions{align-items:center}.customer-table .customer-activate{border:0;border-radius:4px;padding:6px 8px;background:#6d4ad4;color:#fff;font-size:11px;font-weight:800;cursor:pointer}.customer-table .customer-wait-va{color:#8a6410;font-size:11px;font-weight:800;white-space:nowrap}
.customer-table .customer-delete{width:auto;min-width:58px;padding:0 8px}

.customer-form-tabs{flex-wrap:wrap}
.customer-history-wrap{overflow-x:auto}
.customer-history-table{width:100%;border-collapse:collapse;font-size:13px}
.customer-history-table th,.customer-history-table td{padding:9px 8px;border-bottom:1px solid #e6edf5;text-align:left;vertical-align:top}
.customer-history-table th{color:#667588;font-size:11px;letter-spacing:.04em}
.customer-history-table small{display:block;color:#667588}
.customer-history-actions{display:flex;gap:6px}
.customer-history-actions .button,.customer-history-table .invoice-link{min-height:32px;padding:0 10px;font-size:12px}
.customer-history-table .invoice-link{border:0;background:transparent;color:#0b5f92;font-weight:700;cursor:pointer}
.isolir-text{color:#d92b2b}html[data-theme="dark"] .isolir-text{color:#ff5d5d}