#view-clients{padding-bottom:40px}.clients-page-head{align-items:flex-end}.clients-page-head .page-title{max-width:720px}.clients-page-head .actions{flex-wrap:nowrap}.clients-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--layout-gap);margin-top:var(--layout-gap)}.clients-kpi{min-height:100px;display:grid;align-content:center;gap:6px;padding:var(--card-padding)}.clients-kpi>span{color:var(--cc-text-secondary);font-size:9px;font-weight:700}.clients-kpi strong{font-size:22px;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.clients-kpi small{color:var(--cc-text-secondary);font-size:8px}.clients-kpi small.is-positive{color:var(--cc-color-success)}
.clients-workspace{margin-top:var(--layout-gap);padding:14px!important}.clients-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.clients-workspace-head h2{margin:3px 0 0;font-size:16px}.clients-workspace-head p{margin:4px 0 0;color:var(--cc-text-secondary);font-size:9px}.clients-filter-grid{display:grid;grid-template-columns:minmax(230px,1fr) 118px 145px 145px 140px 98px;align-items:end;gap:8px;margin-top:13px;padding:10px;border:1px solid var(--cc-border-subtle);border-radius:var(--cc-radius-lg);background:var(--cc-bg-surface-subtle)}.clients-filter-grid .cc-input,.clients-filter-grid .cc-select{min-height:var(--cc-control-height-sm)}.clients-search-control{position:relative;display:block}.clients-search-control>.ico{position:absolute;z-index:1;left:10px;top:50%;width:16px;height:16px;transform:translateY(-50%);color:var(--cc-text-tertiary)}.clients-search-control .cc-input{width:100%;padding-left:32px}.clients-reset{min-height:var(--cc-control-height-sm);padding-inline:10px}
.clients-table-wrap{margin-top:12px;overflow:hidden;border:1px solid var(--cc-border-subtle);border-radius:var(--cc-radius-lg);background:var(--cc-bg-surface)}.clients-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:9px}.clients-table th:nth-child(1){width:20%}.clients-table th:nth-child(2){width:10%}.clients-table th:nth-child(3){width:12%}.clients-table th:nth-child(4){width:12%}.clients-table th:nth-child(5){width:10%}.clients-table th:nth-child(6){width:13%}.clients-table th:nth-child(7){width:8%}.clients-table th:nth-child(8){width:8%}.clients-table th:nth-child(9){width:7%}.clients-table th{padding:10px 8px;background:var(--cc-bg-surface-subtle);color:var(--cc-text-tertiary);font-size:7px;font-weight:800;letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}.clients-table td{min-width:0;padding:11px 8px;border-top:1px solid var(--cc-border-subtle);color:var(--cc-text-secondary);vertical-align:middle;overflow:hidden}.clients-table tbody tr{cursor:pointer}.clients-table tbody tr:hover{background:var(--cc-color-brand-50)}.clients-table td:last-child{text-align:right}.clients-table td:last-child .cc-button{padding-inline:8px}.client-cell{min-width:0;display:flex;align-items:center;gap:8px}.client-cell>i{flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--cc-color-brand-600);color:#fff;font-size:8px;font-style:normal;font-weight:800}.client-cell>span{min-width:0;display:grid;gap:2px}.client-cell b{overflow:hidden;color:var(--cc-text-primary);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.client-cell small{overflow:hidden;color:var(--cc-text-tertiary);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.client-vehicle-cell,.client-activity-cell{min-width:0;display:grid;gap:2px}.client-vehicle-cell b,.client-activity-cell b{overflow:hidden;color:var(--cc-text-primary);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.client-vehicle-cell small,.client-activity-cell small{overflow:hidden;color:var(--cc-text-tertiary);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.client-money{color:var(--cc-text-primary);font-size:9px;font-weight:800;white-space:nowrap}.client-money.is-open{color:var(--cc-color-warning)}.clients-empty{display:grid;gap:5px;padding:44px;text-align:center}.clients-empty b{font-size:11px}.clients-empty span{color:var(--cc-text-secondary);font-size:8px}.clients-scope-note{display:flex;align-items:flex-start;gap:8px;margin:10px 2px 0;color:var(--cc-text-secondary);font-size:7px;line-height:1.5}.clients-scope-note .ico{flex:0 0 auto;width:15px;height:15px;color:var(--cc-color-brand-600)}
.client-drawer{width:min(100%,790px);padding:18px;display:flex;flex-direction:column;gap:12px}.client-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.client-drawer-head h2{margin:3px 0 0;font-size:20px}.client-drawer-head p{margin:3px 0 0;color:var(--cc-text-secondary);font-size:9px}.client-identity{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--cc-color-brand-100);border-radius:var(--cc-radius-lg);background:var(--cc-color-brand-50)}.client-identity-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--cc-color-brand-600);color:#fff;font-size:10px;font-weight:800}.client-identity>div{display:grid;gap:3px}.client-identity b{font-size:9px}.client-identity small{color:var(--cc-text-secondary);font-size:8px}.client-quick-actions{display:flex;align-items:center;gap:6px}.client-quick-actions .cc-button{min-height:var(--cc-control-height-sm);padding-inline:9px;font-size:8px;white-space:nowrap}.client-quick-actions .ico{width:14px;height:14px}.client-drawer-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0}.client-drawer-kpis div{padding:10px;border:1px solid var(--cc-border-subtle);border-radius:var(--cc-radius-md);background:var(--cc-bg-surface-subtle)}.client-drawer-kpis dt{color:var(--cc-text-secondary);font-size:7px}.client-drawer-kpis dd{margin:4px 0 0;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.client-detail-tabs{min-height:42px;gap:2px}.client-detail-tabs .cc-tab{min-height:41px;padding:0 8px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--cc-text-secondary);font-size:8px;font-weight:700;white-space:nowrap;cursor:pointer}.client-detail-tabs .cc-tab[aria-selected="true"]{border-bottom-color:var(--cc-color-brand-500);color:var(--cc-color-brand-600)}.client-detail-body{min-height:280px}.client-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.client-section-head h3{margin:0;font-size:12px}.client-section-head p{margin:2px 0 0;color:var(--cc-text-secondary);font-size:7px}.client-overview-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:9px}.client-detail-card{padding:11px;border:1px solid var(--cc-border-subtle);border-radius:var(--cc-radius-lg);background:var(--cc-bg-surface)}.client-detail-card h3{margin:0 0 9px;font-size:10px}.client-detail-list{display:grid;gap:7px}.client-detail-list>div{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:7px;border-bottom:1px solid var(--cc-border-subtle);font-size:8px}.client-detail-list>div:last-child{padding-bottom:0;border-bottom:0}.client-detail-list span{color:var(--cc-text-secondary)}.client-detail-list b{text-align:right}.client-revenue-bars{display:grid;gap:8px}.client-revenue-bar{display:grid;grid-template-columns:95px minmax(0,1fr) 78px;align-items:center;gap:7px;font-size:8px}.client-revenue-bar>span{color:var(--cc-text-secondary)}.client-revenue-bar>i{height:7px;overflow:hidden;border-radius:99px;background:var(--cc-color-neutral-200)}.client-revenue-bar>i b{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--cc-color-brand-600),#75a0ff)}.client-revenue-bar>strong{text-align:right;font-size:8px}.client-detail-table-wrap{overflow:hidden;border:1px solid var(--cc-border-subtle);border-radius:var(--cc-radius-lg);background:#fff}.client-detail-table{width:100%;border-collapse:collapse;font-size:8px}.client-detail-table th{padding:8px;background:var(--cc-bg-surface-subtle);color:var(--cc-text-tertiary);font-size:6px;text-align:left;text-transform:uppercase;white-space:nowrap}.client-detail-table td{padding:9px 8px;border-top:1px solid var(--cc-border-subtle);color:var(--cc-text-secondary);vertical-align:top}.client-detail-table td b{color:var(--cc-text-primary)}.client-detail-table td small{display:block;margin-top:2px;color:var(--cc-text-tertiary);font-size:6px}.client-detail-table td:last-child{text-align:right}.client-inline-empty{display:grid;gap:4px;padding:35px;text-align:center}.client-inline-empty b{font-size:10px}.client-inline-empty span{color:var(--cc-text-secondary);font-size:7px}.client-timeline{display:grid;gap:0;padding-left:5px}.client-timeline-item{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:7px;padding:0 0 14px;font-size:8px}.client-timeline-item::before{content:"";position:absolute;left:6px;top:12px;bottom:0;width:1px;background:var(--cc-border-subtle)}.client-timeline-item:last-child::before{display:none}.client-timeline-item>i{z-index:1;width:13px;height:13px;margin-top:1px;border:3px solid var(--cc-color-brand-100);border-radius:50%;background:var(--cc-color-brand-600)}.client-timeline-item>span{display:grid;gap:2px}.client-timeline-item small,.client-timeline-item time{color:var(--cc-text-tertiary);font-size:7px}.client-modal{width:min(100%,640px);display:grid;gap:14px}.client-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.client-modal-head h2{margin:3px 0 0;font-size:19px}.client-modal-head p{margin:3px 0 0;color:var(--cc-text-secondary);font-size:8px}.client-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.client-form-full{grid-column:1/-1}.client-modal-note{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid var(--cc-color-warning-border);border-radius:var(--cc-radius-md);background:var(--cc-color-warning-bg)}.client-modal-note .ico{flex:0 0 auto;width:17px;height:17px;color:var(--cc-color-warning)}.client-modal-note>span{display:grid;gap:2px}.client-modal-note b{font-size:8px}.client-modal-note small{color:var(--cc-text-secondary);font-size:7px}.client-modal-actions{display:flex;justify-content:flex-end;gap:8px}