.clients-live .cl-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.cl-heading h1{margin-bottom:6px}.cl-refresh{display:inline-flex;align-items:center;gap:8px;min-height:44px}.cl-directory,.cl-detail{border:1px solid var(--workspace-line);background:var(--workspace-surface);border-radius:24px 8px;overflow:hidden;color:var(--workspace-ink)}.cl-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:24px}.cl-search{position:relative;display:flex;align-items:center;flex:1;min-width:210px;max-width:450px}.cl-search>svg{position:absolute;left:14px;width:19px;height:19px;color:var(--workspace-muted)}.cl-search input{font:inherit;font-size:16px;color:var(--workspace-ink);width:100%;height:48px;padding:12px 16px 12px 44px;background:var(--workspace-surface);border:1px solid var(--workspace-line);border-radius:10px;min-width:0}.cl-search input::placeholder{color:var(--workspace-muted);opacity:1}.cl-toolbar .segmented button{min-height:44px;padding:10px 16px}.cl-results{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:13px 24px;background:var(--workspace-subtle);font-size:12px;border-block:1px solid var(--workspace-line);color:var(--workspace-muted)}.cl-results p{margin:0;color:var(--workspace-ink);font-weight:650}.cl-table-heading,.cl-row{display:grid;grid-template-columns:minmax(200px,1.5fr) minmax(120px,1fr) minmax(130px,1fr) minmax(145px,1fr) 18px;gap:16px;align-items:center}.cl-table-heading{padding:16px 24px;font-size:11px;color:var(--workspace-muted);border-bottom:1px solid var(--workspace-line)}.cl-row{font:inherit;text-align:left;width:100%;padding:22px 24px;min-height:96px;border:0;border-bottom:1px solid var(--workspace-line);background:var(--workspace-surface);color:var(--workspace-ink);cursor:pointer;transition:background 160ms}.cl-row:last-child{border-bottom:0}.cl-row:hover,.cl-history-row:hover{background:var(--workspace-subtle)}.cl-person{display:flex;align-items:center;gap:14px;min-width:0}.cl-person>span:last-child{display:grid;gap:5px;min-width:0}.cl-person strong{font-size:15px;line-height:1.5;overflow-wrap:anywhere}.cl-person small{font-size:12px;color:var(--workspace-muted)}.cl-avatar{position:relative;display:inline-grid;place-items:center;width:48px;height:48px;min-width:48px;border-radius:50%;background:var(--workspace-accent-soft);color:var(--workspace-accent-text);font-size:16px;font-weight:700;overflow:hidden;flex:none}.cl-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cl-avatar--large{width:80px;height:80px;font-size:26px;min-width:80px}.cl-phone,.cl-last,.cl-next{font-size:12px;line-height:1.65;overflow-wrap:anywhere}.cl-last,.cl-phone{color:var(--workspace-muted)}.cl-mobile-phone,.cl-last>small,.cl-next>small{display:none}.cl-row>svg,.cl-history-row>svg{color:var(--workspace-muted);width:18px;height:18px}.cl-pagination{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:18px 24px;border-top:1px solid var(--workspace-line);font-size:12px;color:var(--workspace-muted)}.cl-pagination .btn{min-height:44px}.clients-live [hidden]{display:none!important}.clients-live button:focus-visible,.clients-live input:focus-visible,.client-sharing-card input:focus-visible{outline:2px solid var(--workspace-accent);outline-offset:3px}.cl-empty{min-height:360px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;text-align:center}.cl-empty>svg{width:36px;height:36px;color:var(--workspace-accent-text);margin-bottom:8px}.cl-empty h2,.cl-empty h3{font-size:20px;margin:0;line-height:1.4}.cl-empty p{font-size:14px;color:var(--workspace-muted);max-width:42ch;line-height:1.7}.cl-empty .btn{min-height:48px;margin-top:8px}.cl-photo-note{font-size:12px;color:var(--workspace-muted);max-width:74ch;line-height:1.7;margin-top:16px}
.cl-detail{padding:24px}.cl-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--workspace-accent-text);margin-bottom:24px}.cl-detail-person{display:flex;align-items:center;gap:20px;margin-bottom:28px}.cl-detail-person>div{min-width:0}.cl-detail-person h2{font-size:27px;line-height:1.3;letter-spacing:-.025em;overflow-wrap:anywhere;margin:0 0 10px}.cl-detail-person a{display:inline-flex;align-items:center;gap:8px;color:var(--workspace-accent-text);font-size:14px;text-underline-offset:4px;overflow-wrap:anywhere;min-height:32px}.cl-detail-person a>svg{width:16px;height:16px;flex:none}.cl-client-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:24px 0;border-block:1px solid var(--workspace-line)}.cl-client-facts dt{font-size:12px;color:var(--workspace-muted);margin-bottom:10px}.cl-client-facts dd{margin:0;font-size:16px;line-height:1.6;font-weight:600}.cl-client-facts dd small{display:block;font-size:12px;color:var(--workspace-muted);font-weight:400}.cl-open-next{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;margin-top:20px}.cl-history-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:36px;padding-bottom:20px;border-bottom:1px solid var(--workspace-line)}.cl-history-head h3{font-size:19px;margin:0 0 8px}.cl-history-head p{font-size:12px}.cl-history-count{color:var(--workspace-muted)}.cl-history-row{font:inherit;display:grid;grid-template-columns:minmax(150px,1fr) minmax(120px,1.2fr) auto 18px;gap:16px;align-items:center;width:100%;text-align:left;padding:22px 0;border:0;border-bottom:1px solid var(--workspace-line);background:var(--workspace-surface);color:var(--workspace-ink);cursor:pointer}.cl-history-date,.cl-history-service{display:grid;gap:6px;min-width:0}.cl-history-date strong,.cl-history-service strong{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.cl-history-date>span{font-size:13px;color:var(--workspace-muted);font-variant-numeric:tabular-nums}.cl-history-service small{font-size:12px;color:var(--workspace-muted)}.cl-status{font-size:11px;line-height:1.4;font-weight:650;padding:6px 10px;border-radius:30px;background:var(--workspace-accent-soft);color:var(--workspace-accent-text);width:fit-content}.cl-status--requested{color:var(--workspace-pending-ink);background:var(--workspace-pending-bg)}.cl-status--cancelled{background:var(--workspace-subtle);color:var(--workspace-muted)}.cl-detail .cl-pagination{padding-inline:0}.cl-history>.cl-skeleton{padding-inline:0}.cl-skeleton{padding:0 24px;min-height:440px}.cl-skeleton>div{height:88px;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--workspace-line)}.cl-skeleton i,.cl-skeleton b,.cl-skeleton em{display:block;background:var(--workspace-subtle);border-radius:6px;animation:cl-breathe 1.4s ease-in-out infinite alternate}.cl-skeleton i{width:48px;height:48px;border-radius:50%;flex:none}.cl-skeleton span{display:grid;gap:12px;flex:1}.cl-skeleton b{height:12px;width:45%}.cl-skeleton b:last-child{width:28%;height:10px}.cl-skeleton em{height:14px;width:20%}@keyframes cl-breathe{to{opacity:.4}}
.client-sharing-card{margin-top:24px;max-width:650px}.client-sharing-card h2{margin-bottom:12px}.client-sharing-card>p{font-size:14px;line-height:1.7;color:var(--workspace-muted)}.client-sharing-card .account-avatar-preview{display:block;width:80px;height:80px;border-radius:50%;object-fit:cover;margin-top:16px}.client-sharing-card .account-avatar-preview[hidden]{display:none}.client-sharing-card>label{display:grid;gap:8px;margin-top:20px}.client-sharing-option{display:flex!important;align-items:flex-start;gap:12px!important;padding-top:20px;border-top:1px solid var(--workspace-line)}.client-sharing-option input{width:20px;height:20px;flex:none;margin:2px 0 0;accent-color:var(--workspace-accent)}.client-sharing-option span{font-size:14px;line-height:1.6}.client-sharing-card small{font-size:12px;line-height:1.6}.client-sharing-state{min-height:24px;margin-top:14px;font-size:13px!important}
@media(max-width:1100px){.cl-table-heading,.cl-row{grid-template-columns:minmax(200px,1.5fr) minmax(120px,1fr) minmax(145px,1fr) 18px}.cl-table-heading>span:nth-child(3),.cl-row>.cl-last{display:none}}
@media(max-width:700px){.clients-live .cl-heading{gap:12px;align-items:flex-start}.cl-heading h1{font-size:30px}.cl-heading .muted{font-size:14px;max-width:24ch}.cl-refresh{font-size:13px;padding:10px 12px;min-width:44px}.cl-refresh>svg{width:16px;height:16px}.cl-toolbar{padding:20px 16px;gap:16px}.cl-search{min-width:0;flex-basis:100%;max-width:none}.cl-toolbar .segmented{width:100%;display:flex}.cl-toolbar .segmented button{flex:1;white-space:normal;font-size:13px}.cl-results{padding:12px 16px;gap:8px}.cl-table-heading,.cl-row>.cl-phone{display:none}.cl-row{grid-template-columns:minmax(0,1fr) 18px;gap:14px;padding:20px 16px}.cl-person{grid-column:1;grid-row:1;gap:12px;align-items:flex-start}.cl-person strong{font-size:15px}.cl-mobile-phone{display:block;font-size:13px;color:var(--workspace-muted)}.cl-row>.cl-next{grid-column:1;grid-row:2;margin-left:60px;font-size:12px}.cl-next small{display:block;font-size:11px;margin-bottom:3px;color:var(--workspace-muted)}.cl-row>svg{grid-column:2;grid-row:1;margin-top:15px}.cl-pagination{padding:16px;gap:12px;justify-content:space-between}.cl-pagination .btn{font-size:13px;padding:10px 12px}.cl-pagination>span{font-size:11px}.cl-photo-note{margin-top:14px}.cl-detail{padding:20px 16px}.cl-detail-person{gap:16px;align-items:flex-start}.cl-detail-person h2{font-size:23px}.cl-detail-person a{font-size:13px}.cl-avatar--large{width:64px;height:64px;min-width:64px;font-size:22px}.cl-client-facts{grid-template-columns:1fr;gap:20px;padding:22px 0}.cl-client-facts>div{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,1.25fr);gap:16px;align-items:start}.cl-client-facts dt{margin:0;font-size:12px;line-height:1.7}.cl-client-facts dd{font-size:14px}.cl-open-next{width:100%;font-size:14px}.cl-history-head{margin-top:28px}.cl-history-row{grid-template-columns:minmax(0,1fr) 18px;gap:12px;padding:20px 0}.cl-history-date{grid-column:1;grid-row:1}.cl-history-service{grid-column:1;grid-row:2}.cl-history-row>.cl-status{grid-column:1;grid-row:3}.cl-history-row>svg{grid-column:2;grid-row:1}.cl-history-date strong{font-size:14px}.cl-history-service{display:flex;gap:10px;flex-wrap:wrap;align-items:baseline}.cl-history-service strong{font-size:13px}.cl-skeleton{padding-inline:16px}.cl-skeleton em{display:none}.cl-skeleton b{width:70%}.cl-skeleton b:last-child{width:50%}}
@media(prefers-reduced-motion:reduce){.cl-skeleton i,.cl-skeleton b,.cl-skeleton em{animation:none}.cl-row{transition:none}}