.clientza-page{width:min(100%,1540px);margin:0 auto;min-width:0;display:grid;gap:16px}.clientza-topbar{display:grid;grid-template-columns:minmax(360px,1fr) auto;gap:18px;align-items:end;padding:16px}.clientza-search .field{min-width:0}.clientza-search .field>span{margin-bottom:2px;color:var(--text-soft);font-weight:750}.clientza-search input{width:100%;height:44px;padding-inline:14px;border-radius:10px;background:var(--surface);font-size:var(--text-md)}.clientza-metrics{display:flex;gap:8px;align-items:stretch}.clientza-summary-card{min-width:112px;height:58px;padding:8px 11px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);display:flex;align-items:center;gap:9px}.clientza-summary-icon{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--primary-soft);color:var(--primary);font-size:var(--text-xs);font-weight:850;letter-spacing:.03em}.clientza-summary-card>div{display:grid;gap:1px}.clientza-summary-card strong{font-size:18px;line-height:1}.clientza-summary-card>div>span{color:var(--muted);font-size:var(--text-xs);font-weight:700}.clientza-summary-card[data-tone="handler"] .clientza-summary-icon{background:var(--success-soft);color:var(--success)}.clientza-summary-card[data-tone="expedition"] .clientza-summary-icon{background:var(--warning-soft);color:var(--warning)}.clientza-summary-card[data-tone="routing"] .clientza-summary-icon{background:var(--surface-3);color:var(--text-soft)}
.clientza-tabbar{position:relative;z-index:8;min-width:0}.clientza-tabbar>div{display:flex;width:max-content;max-width:100%;padding:4px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.clientza-tabbar button{min-height:40px;border:0;background:transparent;padding:7px 15px;display:flex;align-items:center;gap:9px;color:var(--muted);border-radius:8px;font-size:var(--text-sm);font-weight:720}.clientza-tabbar button+button{margin-left:2px}.clientza-tabbar button small{min-width:22px;padding:2px 6px;border-radius:999px;background:var(--surface-3);font-size:var(--text-xs);text-align:center}.clientza-tabbar button:hover:not(:disabled){background:var(--surface-2)}.clientza-tabbar button.active{background:var(--primary-soft);color:var(--primary)}.clientza-tabbar button.active small{background:var(--primary);color:#fff}
.clientza-workspace{overflow:hidden}.clientza-toolbar{min-height:86px;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border)}.clientza-toolbar h2{margin:3px 0 2px;font-size:21px;letter-spacing:-.2px}.clientza-toolbar p{margin:0;max-width:720px;color:var(--muted);font-size:var(--text-sm);line-height:1.45}.clientza-toolbar-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.clientza-toolbar-actions select{min-width:145px;height:40px}.clientza-toolbar-actions .btn-primary{height:40px;padding-inline:15px}.clientza-table{max-height:calc(100dvh - 390px);overflow:auto}.clientza-table table{min-width:760px}.clientza-table th{height:41px;padding:9px 15px;background:var(--table-head);font-size:var(--text-xs)}.clientza-table td{height:56px;padding:9px 15px}.clientza-table tbody tr{transition:background .12s ease}.clientza-table td:last-child,.clientza-table th:last-child{width:172px;text-align:right}.clientza-row-leading{display:flex;align-items:center;gap:10px;min-width:0}.clientza-row-leading>span{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--muted);font-size:var(--text-xs);font-weight:850;letter-spacing:.04em}.clientza-row-leading>div{display:grid;gap:2px;min-width:0}.clientza-row-leading strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:var(--text-sm);font-weight:760}.clientza-row-leading small{color:var(--muted);font-size:var(--text-xs)}.clientza-note{max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prefix-chip{display:inline-flex;min-width:48px;justify-content:center;padding:4px 7px;border-radius:6px;background:var(--primary-soft);color:var(--primary);font-size:var(--text-xs);font-weight:800}.wa-link{display:inline-flex;width:max-content;align-items:center;gap:4px;color:var(--success);font-size:var(--text-sm);font-weight:750;text-decoration:none}.wa-link:hover{text-decoration:underline}.clientza-actions{display:flex;justify-content:flex-end;gap:7px;align-items:center}.clientza-actions button{height:34px;min-height:34px;padding:0 11px;border-radius:8px;font-size:var(--text-xs)}.clientza-edit{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.clientza-actions .btn-danger{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 30%,var(--border));color:var(--danger)}.clientza-actions .btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger-soft) 72%,var(--danger))}.clientza-table-footer{min-height:58px;display:grid;grid-template-columns:minmax(150px,1fr) auto auto;align-items:center;gap:14px;padding:10px 14px;border-top:1px solid var(--border);background:var(--surface-2)}.clientza-result-summary{display:flex;align-items:baseline;gap:5px;color:var(--muted);font-size:var(--text-xs)}.clientza-result-summary strong{color:var(--text);font-size:var(--text-sm)}.clientza-pagination{display:flex;align-items:center;justify-content:center;gap:4px}.clientza-pagination button{min-width:32px;height:32px;min-height:32px;padding:0 8px;border-radius:8px;background:var(--surface)}.clientza-pagination button.active{border-color:var(--primary);background:var(--primary);color:#fff}.clientza-page-gap{padding-inline:3px;color:var(--muted)}.clientza-page-size{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:var(--text-xs);font-weight:700}.clientza-page-size select{height:34px;min-height:34px;min-width:68px;padding-block:4px}.clientza-operator-note{padding:10px 12px;border:1px solid color-mix(in srgb,var(--warning) 25%,var(--border));border-radius:var(--radius-md);background:var(--warning-soft);color:var(--warning);font-size:var(--text-xs)}
.drawer-backdrop{position:fixed;inset:0;z-index:60;background:rgba(3,7,18,.5);backdrop-filter:blur(2px)}.clientza-drawer{position:fixed;z-index:61;top:0;right:0;width:min(460px,92vw);height:100dvh;display:grid;grid-template-rows:auto 1fr auto;background:var(--surface);border-left:1px solid var(--border);box-shadow:-18px 0 50px rgba(15,23,42,.18)}.clientza-drawer header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 19px 15px;border-bottom:1px solid var(--border)}.clientza-drawer h2{margin:3px 0 0;font-size:21px}.drawer-close{width:36px;height:36px;min-height:36px;padding:0;border-radius:9px;font-size:23px;line-height:1}.drawer-body{padding:19px;overflow:auto;display:grid;align-content:start;gap:15px}.drawer-body .field-wide{grid-column:1/-1}.drawer-body input,.drawer-body select{height:41px}.clientza-drawer footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 19px;border-top:1px solid var(--border);background:var(--surface-2)}.pending-note{padding:10px;border-radius:var(--radius-sm);background:var(--warning-soft);color:var(--warning);font-size:var(--text-xs)}
.admin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.admin-card{overflow:hidden}.admin-create-row{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(110px,.65fr) auto;gap:7px;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--surface-2)}.admin-card:nth-child(2) .admin-create-row{grid-template-columns:minmax(0,1fr) minmax(100px,.5fr) auto}.compact-admin-table{max-height:340px}.compact-admin-table table{min-width:650px}.work-unit-list{display:grid;max-height:340px;overflow:auto}.work-unit-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border)}.work-unit-row>div:first-child{display:grid;gap:2px}.work-unit-row span{font-size:var(--text-xs);color:var(--muted)}.work-unit-row.is-active{background:var(--success-soft)}.scope-note{padding:9px 12px;color:var(--muted);font-size:var(--text-xs);background:var(--surface-2)}.about-card{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:15px 17px}.about-card h2{margin:2px 0 6px}.about-card p{margin:0;max-width:820px;color:var(--muted);font-size:var(--text-sm);line-height:1.55}.about-signature{display:grid;gap:3px;text-align:right;white-space:nowrap}.about-signature strong{font-family:var(--font-mono)}.about-signature span{color:var(--muted);font-size:var(--text-xs)}
@media(max-width:1180px){.clientza-topbar{grid-template-columns:1fr}.clientza-metrics{justify-content:flex-start;flex-wrap:wrap}.clientza-table{max-height:none}.admin-grid{grid-template-columns:1fr}}
@media(max-width:760px){.clientza-page{gap:11px}.clientza-topbar{padding:12px}.clientza-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.clientza-summary-card{min-width:0}.clientza-tabbar{overflow-x:auto}.clientza-tabbar>div{width:max-content}.clientza-toolbar{align-items:flex-start;flex-direction:column;padding:13px}.clientza-toolbar-actions{width:100%}.clientza-toolbar-actions select,.clientza-toolbar-actions button{flex:1}.clientza-table-footer{grid-template-columns:1fr;justify-items:start}.clientza-pagination{justify-content:flex-start;flex-wrap:wrap}.about-card{align-items:flex-start;flex-direction:column}.about-signature{text-align:left}.admin-create-row,.admin-card:nth-child(2) .admin-create-row{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.clientza-metrics{grid-template-columns:1fr 1fr}.clientza-toolbar-actions{display:grid;grid-template-columns:1fr}.clientza-drawer{width:100vw}.admin-create-row,.admin-card:nth-child(2) .admin-create-row{grid-template-columns:1fr}.about-card{padding:12px}}