/* Clients uses the shared control tokens; only board geometry is local. */
body[data-tab="clients"] .content { overflow:hidden; min-height:0; }
body[data-tab="clients"] #panel-clients,body[data-tab="clients"] #clients-root { height:100%; min-height:0; }
.cc-workspace,.cc-overlay { font-family:Geist,Arial,sans-serif; color:var(--ui-text); letter-spacing:0; }
.cc-workspace { display:flex; flex-direction:column; height:100%; min-height:0; gap:18px; background:var(--ui-canvas); }
.cc-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; flex:none; }
.cc-actions { display:flex; align-items:center; gap:8px; min-width:0; }
.cc-toolbar .workspace-add b { font:400 19px/1 Geist,Arial,sans-serif; }
.cc-search.task-board-search { display:flex; align-items:center; gap:9px; width:240px; height:var(--ui-control); min-width:0; padding:0 11px; box-sizing:border-box; }
.cc-search svg { width:15px; height:15px; flex:none; }
.cc-search input { width:100%; min-width:0; padding:0; font:400 13px/1.4 Geist,Arial,sans-serif; }
.cc-board { display:flex; gap:14px; flex:1; min-height:0; overflow-x:auto; overflow-y:hidden; padding-bottom:2px; scrollbar-width:thin; scrollbar-color:var(--ui-border) transparent; }
.cc-column { flex:1 0 270px; min-width:0; display:flex; flex-direction:column; min-height:0; background:#080808; border-radius:var(--ui-panel-radius); }
.cc-column>header { display:flex; align-items:center; flex:none; min-height:52px; padding:0 10px 0 12px; gap:4px; }
.cc-group-toggle { display:flex; align-items:center; gap:8px; flex:1; min-width:0; padding:14px 0; border:0; background:none; color:var(--ui-text); text-align:left; cursor:pointer; font:500 13px/1.3 Geist,Arial,sans-serif; }
.cc-group-toggle strong { font-weight:550; }
.cc-group-toggle>span { color:var(--ui-faint); font-size:12px; font-variant-numeric:tabular-nums; }
.cc-group-toggle>svg { width:14px; height:14px; color:var(--ui-faint); flex:none; }
.cc-status { width:5px; height:5px; border-radius:50%; background:#999; flex:none; }
.cc-status.active { background:#72b89a; }.cc-status.paused { background:#c8a66b; }.cc-status.former { background:#ac858a; }
.cc-column.is-collapsed { align-self:flex-start; }
.cc-list { min-height:0; flex:1; overflow-y:auto; overscroll-behavior-y:contain; padding:0 8px 8px; scrollbar-width:thin; scrollbar-color:var(--ui-border) transparent; }
.cc-list[hidden] { display:none; }
.cc-channel { --channel-tint:150,150,150; display:flex; align-items:center; gap:0; margin:0 0 6px; min-height:58px; border-radius:6px; background:linear-gradient(100deg,rgba(var(--channel-tint),.025),transparent 90%),#111; transition:background-color var(--ui-fast); touch-action:pan-y; }
.cc-channel.tone-blue { --channel-tint:90,145,220; }.cc-channel.tone-teal { --channel-tint:90,185,150; }.cc-channel.tone-violet { --channel-tint:155,130,200; }.cc-channel.tone-amber { --channel-tint:200,165,95; }.cc-channel.tone-rose { --channel-tint:195,125,145; }
.cc-channel:hover { background-color:#161616; }
.cc-channel-open { display:grid; grid-template-columns:32px minmax(0,1fr) auto; align-items:center; gap:9px; flex:1; min-width:0; padding:12px 12px 12px 10px; color:var(--ui-text); background:none; border:0; text-align:left; cursor:grab; font-family:inherit; }
.cc-channel-open strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; font-weight:500; line-height:1.4; }
.cc-channel-open img,.cc-avatar { width:32px; height:32px; object-fit:cover; border-radius:50%; flex:none; }
.cc-avatar { display:grid; place-items:center; background:var(--ui-hover); color:var(--ui-muted); font:500 13px/1 Geist,Arial,sans-serif; }
.cc-channel-open small { white-space:nowrap; color:var(--ui-muted); font:400 12px/1.4 Geist,Arial,sans-serif; font-variant-numeric:tabular-nums; }
.cc-icon { display:grid; place-items:center; width:30px; height:30px; flex:none; padding:0; border:0; border-radius:var(--ui-radius); background:none; color:var(--ui-faint); cursor:pointer; transition:background-color var(--ui-fast),color var(--ui-fast); }
.cc-icon svg { width:16px; height:16px; }
.cc-icon:hover { background:var(--ui-hover); color:var(--ui-text); }
.cc-empty { padding:22px 8px; text-align:center; font-size:12px; color:var(--ui-faint); }
.cc-channel.is-dragging { display:none; }
.cc-drop-slot { box-sizing:border-box; margin-bottom:6px; border:1px dashed var(--ui-focus); border-radius:6px; background:var(--ui-hover); opacity:.55; }
.cc-drag-ghost { position:fixed; left:0; top:0; z-index:2000; margin:0; pointer-events:none; box-shadow:0 12px 30px #0009; outline:1px solid var(--ui-border-hover); opacity:.98; }
body.cc-dragging,body.cc-dragging * { cursor:grabbing!important; user-select:none!important; }
.cc-overlay { z-index:1000; }
.cc-overlay .cc-dialog { width:min(420px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); padding:0; overflow-y:auto; border:1px solid var(--ui-border); border-radius:var(--ui-panel-radius); background:var(--ui-panel); box-shadow:var(--ui-menu-shadow); animation:cc-dialog-in 140ms var(--ui-ease); }
.cc-overlay .cc-search-dialog { width:min(480px,calc(100vw - 32px)); }
.cc-dialog>header { display:flex; align-items:center; gap:12px; padding:18px 20px 14px; }
.cc-dialog h2 { flex:1; min-width:0; margin:0; font:550 16px/1.4 Geist,Arial,sans-serif; color:var(--ui-text); overflow-wrap:anywhere; }
.cc-profile-header img,.cc-profile-header .cc-avatar { width:40px; height:40px; object-fit:cover; border-radius:50%; }
.cc-dialog-body { padding:4px 20px 20px; }
.cc-value-field.operation-field { display:flex; flex-direction:column; gap:10px; margin-top:8px; }
.cc-value-field>label { display:flex; justify-content:space-between; gap:8px; color:var(--ui-muted); font:400 12px/1.5 Geist,Arial,sans-serif; text-transform:none; }
.cc-value-field small { color:var(--ui-faint); font-size:11px; }
.cc-value-field input { width:100%; }
.cc-value-control{display:flex;align-items:center;gap:8px}
.cc-value-control input{min-width:0;flex:1;appearance:textfield;-moz-appearance:textfield}
.cc-value-control input::-webkit-inner-spin-button,.cc-value-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.cc-value-steps{display:flex;gap:2px;padding:3px;background:var(--ui-raised);border-radius:6px;flex:none}
.cc-value-steps button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:4px;background:transparent;color:var(--ui-muted);cursor:pointer}
.cc-value-steps button:hover:enabled{background:var(--ui-hover);color:var(--ui-text)}
.cc-value-steps button:disabled{opacity:.35;cursor:default}
.cc-value-steps svg{width:16px;height:16px}
.cc-client-status select{min-width:120px;height:34px;border:1px solid var(--ui-border);border-radius:6px;background:var(--ui-raised);color:var(--ui-text);padding:0 10px;font:12px Geist,Arial,sans-serif}
.cc-client-status>label{font-size:12px;color:var(--ui-muted)}
.cc-dialog footer { display:flex; justify-content:flex-end; gap:8px; margin-top:24px; }
.cc-error { color:var(--ui-danger); font-size:12px; line-height:1.5; margin:8px 0 0; }
.cc-add-status { display:flex; width:100%; margin-bottom:14px; }
.cc-add-status button { flex:1; }
.cc-client-status { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:22px; color:var(--ui-muted); font-size:12px; }
.cc-client-status button { display:flex; align-items:center; gap:12px; }
.cc-client-status svg { width:14px; height:14px; }
.cc-channel-search.mockups-import-input-wrap { display:flex; align-items:center; gap:10px; width:100%; min-height:42px; padding:0 12px; box-sizing:border-box; border:1px solid var(--ui-border)!important; background:var(--ui-raised)!important; }
.cc-channel-search>svg { width:17px; height:17px; flex:none; }
.cc-channel-search>input { flex:1; min-width:0; width:100%; height:40px; padding:0; font:400 14px/1.4 Geist,Arial,sans-serif; }
.cc-search-status { padding:16px 0 7px; min-height:15px; color:var(--ui-faint); font-size:11px; line-height:1.4; }
.cc-results { min-height:190px; max-height:min(360px,45dvh); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:var(--ui-border) transparent; margin:0 -8px -8px; }
.cc-results>button { display:flex; align-items:center; gap:12px; width:100%; min-height:64px; padding:10px 8px; background:none; border:0; border-radius:var(--ui-radius); color:var(--ui-text); text-align:left; cursor:pointer; font-family:inherit; }
.cc-results>button:hover,.cc-results>button:focus-visible { background:var(--ui-hover); }
.cc-results>button:disabled { opacity:.5; cursor:wait; }
.cc-results img,.cc-results .cc-avatar { width:40px; height:40px; object-fit:cover; border-radius:50%; flex:none; }
.cc-results>button>span:not(.cc-avatar) { display:flex; flex-direction:column; gap:4px; flex:1; min-width:0; }
.cc-results strong { font-size:14px; line-height:1.4; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cc-results small { font-size:12px; line-height:1.4; color:var(--ui-faint); overflow-wrap:anywhere; }
.cc-results .cc-result-action { flex:none; font-size:12px; padding:0 4px; }
.cc-workspace button:focus-visible,.cc-dialog button:focus-visible { outline:2px solid var(--ui-focus); outline-offset:2px; }
.cc-dialog input::placeholder,.cc-search input::placeholder { color:var(--ui-faint); opacity:1; }
@keyframes cc-dialog-in { from {opacity:0;transform:translateY(4px)} to {opacity:1;transform:none} }
@media(max-width:700px) {
  .cc-workspace { gap:12px; padding-bottom:calc(var(--mobile-tabbar-height,64px) + env(safe-area-inset-bottom,0px)); box-sizing:border-box; }
  .cc-toolbar { flex-wrap:wrap; gap:10px; }
  .cc-toolbar .workspace-tabs { width:auto; }
  .cc-actions { width:100%; }
  .cc-search.task-board-search { width:auto; flex:1; min-height:38px; }
  .cc-column { flex:0 0 min(86vw,350px); }
  .cc-board { gap:12px; }
  .cc-channel-open strong { font-size:14px; }
  .cc-icon { width:32px; height:34px; }
  .cc-dialog>header { padding:16px 16px 12px; }
  .cc-dialog-body { padding:4px 16px 16px; }
}
@media(prefers-reduced-motion:reduce) { .cc-channel,.cc-icon { transition:none; }.cc-overlay .cc-dialog {animation:none;} }