/* Discord leads board. Selectors carry the page scope so shared table and control rules cannot restyle the board. */
body.balanced-blue.minimal-calm{
 --dl-new:#a1a1aa;--dl-ok:#16a34a;--dl-ok-bg:#edfbf2;--dl-ok-ink:#157a3c;--dl-stop:#e5484d;--dl-stop-bg:#fff1f1;--dl-stop-ink:#be2a31;--dl-warn:#d97706;--dl-warn-bg:#fff7e8;--dl-warn-ink:#9a5406;
}
body.balanced-blue.minimal-calm.theme-dark{
 --dl-new:#7a7a84;--dl-ok:#3dd68c;--dl-ok-bg:rgb(61 214 140 / 12%);--dl-ok-ink:#7ee2aa;--dl-stop:#ff6369;--dl-stop-bg:rgb(255 99 105 / 13%);--dl-stop-ink:#ff9b98;--dl-warn:#f5a524;--dl-warn-bg:rgb(245 165 36 / 13%);--dl-warn-ink:#f7c46c;
}

/* status dots also render inside the portalled dropdown menu */
.dl-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:0 0 8px}
.dl-dot-new{box-shadow:inset 0 0 0 1.5px var(--dl-new,#a1a1aa)}
.dl-dot-contacted{background:var(--dl-ok,#16a34a)}
.dl-dot-do-not-dm{background:var(--dl-stop,#e5484d)}
.dl-dot-reply{background:var(--dl-warn,#d97706)}
.dl-dot-followup{box-shadow:inset 0 0 0 2px var(--dl-warn,#d97706)}
.hq-select-option .dl-dot,.hq-select-trigger .dl-dot{margin-right:1px}
.dl-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

body.balanced-blue.minimal-calm .dl-board{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start;min-width:0;font-size:14px;line-height:1.45}

/* channel pictures: server icon when saved, discord-style initials underneath */
body.balanced-blue.minimal-calm :is(.dl-board,.hq-drawer) .dl-pic{position:relative;display:inline-grid;place-items:center;flex-shrink:0;overflow:hidden;background:oklch(94.5% .04 var(--dl-hue,262));color:oklch(41% .13 var(--dl-hue,262));font-weight:600;line-height:1;letter-spacing:0;box-shadow:inset 0 0 0 1px rgb(0 0 0 / 5%)}
body.balanced-blue.minimal-calm.theme-dark :is(.dl-board,.hq-drawer) .dl-pic{background:oklch(33% .06 var(--dl-hue,262));color:oklch(88% .09 var(--dl-hue,262));box-shadow:inset 0 0 0 1px rgb(255 255 255 / 6%)}
body.balanced-blue.minimal-calm .dl-board .dl-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--surface)}
body.balanced-blue.minimal-calm .dl-board .dl-pic-xs{width:22px;height:22px;border-radius:7px;font-size:9px}
body.balanced-blue.minimal-calm .dl-board .dl-pic-sm{width:32px;height:32px;border-radius:10px;font-size:12px}
body.balanced-blue.minimal-calm .dl-board .dl-pic-lg{width:52px;height:52px;border-radius:16px;font-size:18px}
body.balanced-blue.minimal-calm .dl-board .dl-pic-xs.is-long{font-size:7.5px}
body.balanced-blue.minimal-calm .dl-board .dl-pic-sm.is-long{font-size:10.5px}
body.balanced-blue.minimal-calm .dl-board .dl-pic-lg.is-long{font-size:16px}
body.balanced-blue.minimal-calm .dl-board .dl-pic.dl-pic-all{background:var(--soft);color:var(--secondary);box-shadow:inset 0 0 0 1px var(--line)}
body.balanced-blue.minimal-calm .dl-board .dl-pic-all .icon{width:44%;height:44%;fill:none;stroke:currentColor;stroke-width:1.8}

/* channel list: one contained panel with a header row, the list scrolls inside it */
body.balanced-blue.minimal-calm .dl-board .dl-rail{position:sticky;top:16px;display:flex;flex-direction:column;min-width:0;max-height:calc(100vh - 32px);overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--cc-panel-shadow)}
body.balanced-blue.minimal-calm .dl-board .dl-rail-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 10px;min-height:57px;padding:12px 12px 12px 16px;padding-bottom:4px}
body.balanced-blue.minimal-calm .dl-board .dl-rail-title{font-size:14px;font-weight:600;line-height:1.2;color:var(--ink)}
body.balanced-blue.minimal-calm .dl-board .dl-rail-list{display:grid;align-content:start;gap:2px;min-height:0;padding:8px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
body.balanced-blue.minimal-calm .dl-board .dl-channel{position:relative;display:grid;grid-template-columns:10px 32px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:48px;padding:8px 10px 8px 6px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink);font:inherit;font-size:14px;text-align:left;cursor:pointer;transition:background-color .15s ease}
body.balanced-blue.minimal-calm .dl-board .dl-channel:hover{background:var(--soft)}
body.balanced-blue.minimal-calm .dl-board .dl-channel:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
body.balanced-blue.minimal-calm .dl-board .dl-channel.is-active{border-color:var(--line);background:var(--surface);box-shadow:0 1px 3px rgb(0 0 0 / 10%),0 1px 2px rgb(0 0 0 / 6%);font-weight:600}
body.balanced-blue.minimal-calm .dl-board .dl-channel-name{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;overflow-wrap:anywhere}
body.balanced-blue.minimal-calm .dl-board .dl-channel-count{display:inline-flex;align-items:center;justify-content:flex-end;min-width:28px;font-size:13px;font-weight:450;color:var(--secondary);font-variant-numeric:tabular-nums}
body.balanced-blue.minimal-calm .dl-board .dl-channel.is-active .dl-channel-count{color:var(--ink);font-weight:600}
body.balanced-blue.minimal-calm .dl-board .dl-channel-count.is-done{color:var(--dl-ok)}
body.balanced-blue.minimal-calm .dl-board .dl-channel-count .icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2}

/* selected channel */
body.balanced-blue.minimal-calm .dl-board .dl-main{min-width:0}
body.balanced-blue.minimal-calm .dl-board .dl-head{display:flex;align-items:center;gap:16px;min-height:57px;margin-bottom:24px}
body.balanced-blue.minimal-calm .dl-board .dl-head-text{flex:1;min-width:0}
body.balanced-blue.minimal-calm .dl-board .dl-head h2{margin:0;font-size:20px;font-weight:600;line-height:1.2;letter-spacing:-.02em;overflow-wrap:anywhere}
body.balanced-blue.minimal-calm .dl-board .dl-head p{margin:4px 0 0;font-size:13px;color:var(--secondary)}
body.balanced-blue.minimal-calm .dl-board .dl-head-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}

/* status tabs double as the filter and the tally */
body.balanced-blue.minimal-calm .dl-board .dl-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 16px;margin-bottom:16px}
body.balanced-blue.minimal-calm .dl-board .dl-status-tabs{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--control-tray)}
body.balanced-blue.minimal-calm .dl-board .dl-status-tab{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:7px 14px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--secondary);font:inherit;font-size:14px;cursor:pointer;transition:color .15s ease,background-color .15s ease}
body.balanced-blue.minimal-calm .dl-board .dl-status-tab:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
body.balanced-blue.minimal-calm .dl-board .dl-status-tab:hover{color:var(--ink)}
body.balanced-blue.minimal-calm .dl-board .dl-status-tab[aria-pressed=true]{border-color:var(--line);background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgb(0 0 0 / 10%),0 1px 2px rgb(0 0 0 / 6%);font-weight:600}
body.balanced-blue.minimal-calm .dl-board .dl-status-count{padding:1px 7px;border-radius:6px;background:var(--surface);font-size:12px;line-height:18px;color:var(--secondary);font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1px var(--line)}
body.balanced-blue.minimal-calm .dl-board .dl-status-tab[aria-pressed=true] .dl-status-count{background:var(--soft);color:var(--ink);font-weight:600;box-shadow:none}
body.balanced-blue.minimal-calm .dl-board .dl-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
body.balanced-blue.minimal-calm .dl-board .dl-search{width:280px;min-height:46px;border-radius:10px;box-shadow:0 1px 2px rgb(0 0 0 / 5%)}
body.balanced-blue.minimal-calm .dl-board .dl-filters .hq-select-trigger{min-height:46px;border-radius:10px;box-shadow:0 1px 2px rgb(0 0 0 / 5%)}
body.balanced-blue.minimal-calm .dl-board .dl-head-actions .btn{min-height:40px;padding-inline:14px;border-radius:10px;box-shadow:0 1px 2px rgb(0 0 0 / 5%)}

/* lead table: fixed columns so every pill lines up down the page */
body.balanced-blue.minimal-calm .dl-board .dl-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--cc-panel-shadow);scrollbar-width:thin;scrollbar-color:var(--line) transparent}
body.balanced-blue.minimal-calm .dl-board .dl-table-wrap .dl-table{width:100%;min-width:960px;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:14px}
body.balanced-blue.minimal-calm .dl-board .dl-table-wrap .dl-table.is-one-channel{min-width:880px}
body.balanced-blue.minimal-calm .dl-board .dl-table-wrap .dl-table.is-no-why{min-width:840px}
body.balanced-blue.minimal-calm .dl-board .dl-table-wrap .dl-table.is-one-channel.is-no-why{min-width:720px}
body.balanced-blue.minimal-calm .dl-board .dl-table-wrap .dl-table th{height:auto;padding:12px 14px;border:0;border-bottom:1px solid var(--line);background:var(--soft);color:var(--secondary);font-size:13px;font-weight:500;text-align:left;white-space:nowrap}
body.balanced-blue.minimal-calm .dl-board .dl-table-wrap .dl-table td{height:auto;padding:14px;border:0;border-bottom:1px solid var(--line);background:transparent;vertical-align:middle}
body.balanced-blue.minimal-calm .dl-board .dl-table-wrap .dl-table tbody tr:last-child td{border-bottom:0}
body.balanced-blue.minimal-calm .dl-board .dl-table-wrap .dl-table :is(th,td):first-child{padding-left:20px}
body.balanced-blue.minimal-calm .dl-board .dl-table-wrap .dl-table :is(th,td):last-child{padding-right:16px}
body.balanced-blue.minimal-calm .dl-board .dl-table-wrap .dl-table tbody tr:hover td{background:var(--soft)}
/* each layout's minimum width keeps the creator column wide enough for card + username + shortcuts; the note column takes what is left */
body.balanced-blue.minimal-calm .dl-board .dl-table .dl-cell-creator{width:28%}
body.balanced-blue.minimal-calm .dl-board .dl-table.is-one-channel .dl-cell-creator{width:31%}
body.balanced-blue.minimal-calm .dl-board .dl-table.is-no-why .dl-cell-creator{width:32%}
body.balanced-blue.minimal-calm .dl-board .dl-table.is-one-channel.is-no-why .dl-cell-creator{width:38%}
body.balanced-blue.minimal-calm .dl-board .dl-table .dl-cell-channel{width:136px}
body.balanced-blue.minimal-calm .dl-board .dl-table .dl-cell-status{width:150px}
body.balanced-blue.minimal-calm .dl-board .dl-table .dl-cell-why{width:170px}
body.balanced-blue.minimal-calm .dl-board .dl-table .dl-cell-icp{width:182px}
/* one column, one job: one pill per cell, never wrapped */
body.balanced-blue.minimal-calm .dl-board .dl-table :is(.dl-cell-status,.dl-cell-why,.dl-cell-icp){white-space:nowrap}

/* profile screenshot sits beside the name; replace appears on the thumbnail */
body.balanced-blue.minimal-calm .dl-board .dl-person{display:flex;align-items:center;gap:14px;min-width:0}
body.balanced-blue.minimal-calm .dl-board .sx-screenshot-cell{position:relative;flex:0 0 auto;display:block;min-width:0;min-height:0;border-radius:8px}
body.balanced-blue.minimal-calm .dl-board .sx-screenshot-thumb{border-color:var(--line);border-radius:9px;background:var(--soft);cursor:zoom-in;box-shadow:0 1px 2px rgb(0 0 0 / 6%);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
body.balanced-blue.minimal-calm .dl-board .sx-screenshot-thumb:hover{border-color:var(--secondary);transform:translateY(-1px);box-shadow:0 6px 14px -6px rgb(0 0 0 / 22%)}
body.balanced-blue.minimal-calm .dl-board .sx-screenshot-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
body.balanced-blue.minimal-calm .dl-board .sx-screenshot-thumb img{width:54px;height:72px;object-fit:cover;object-position:top center;transition:opacity .18s ease}
/* a picture stays invisible over its empty box until its size shows it is a profile card, so full screen captures never flash */
body.balanced-blue.minimal-calm .dl-board .sx-screenshot-thumb img.is-checking{opacity:0}
body.balanced-blue.minimal-calm .hq-drawer .sx-screenshot-full img.is-checking{opacity:0}
body.balanced-blue.minimal-calm .dl-board .sx-screenshot-cell .sx-screenshot-replace{position:absolute;right:-4px;bottom:-4px;left:-4px;min-height:0;padding:2px 0;border:1px solid var(--control-border);border-radius:6px;background:var(--surface);color:var(--ink);font-size:10px;font-weight:500;line-height:1.3;text-align:center;box-shadow:var(--control-shadow);opacity:0;transition:opacity .15s ease}
body.balanced-blue.minimal-calm .dl-board :is(.dl-row:hover,.sx-screenshot-cell:focus-within,.sx-screenshot-cell.is-dragging) .sx-screenshot-replace{opacity:1}
@media(hover:none){body.balanced-blue.minimal-calm .dl-board .sx-screenshot-cell .sx-screenshot-replace{opacity:1}}
body.balanced-blue.minimal-calm .dl-board .sx-screenshot-upload{display:grid;place-items:center;width:54px;height:72px;padding:0;border:1px dashed var(--control-border);border-radius:8px;color:var(--secondary);font-size:0}
body.balanced-blue.minimal-calm .dl-board .sx-screenshot-upload::before{content:'+';font-size:18px;line-height:1}
body.balanced-blue.minimal-calm .dl-board .sx-screenshot-upload:hover{border-color:var(--secondary);color:var(--ink)}
/* the saved picture was a full screen capture: same drop target, a softer fill so it reads as "still missing" */
body.balanced-blue.minimal-calm .dl-board .sx-screenshot-upload.sx-screenshot-missing{background:var(--soft)}
body.balanced-blue.minimal-calm .dl-board .sx-screenshot-upload.sx-screenshot-missing::before{content:'no card yet';padding:0 6px;font-size:10.5px;font-weight:500;line-height:1.15;text-align:center}
body.balanced-blue.minimal-calm .dl-board .sx-screenshot-upload.sx-screenshot-missing:hover{background:var(--surface)}
body.balanced-blue.minimal-calm .dl-board .sx-screenshot-cell.is-dragging{outline-color:var(--accent);background:var(--brand-wash)}

/* creator: name, username, then the discord shortcuts, each on its own line beside the card */
body.balanced-blue.minimal-calm .dl-board .dl-creator{display:grid;justify-items:start;gap:4px;min-width:0;line-height:1.35}
body.balanced-blue.minimal-calm .dl-board .dl-name-line{display:flex;align-items:center;gap:8px;max-width:100%;min-width:0}
body.balanced-blue.minimal-calm .dl-board .dl-name-line .dl-name{flex:0 0 auto;max-width:100%;min-width:0}
body.balanced-blue.minimal-calm .dl-board .dl-creator strong{overflow:hidden;max-width:100%;font-weight:550;white-space:nowrap;text-overflow:ellipsis}
body.balanced-blue.minimal-calm .dl-board .dl-handle{display:flex;align-items:center;gap:2px;min-width:0;max-width:100%;color:var(--secondary);font-size:13px}
body.balanced-blue.minimal-calm .dl-board .dl-handle-text{flex:0 1 auto;overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}
body.balanced-blue.minimal-calm .dl-board .dl-handle .dl-copy{width:24px;height:24px;margin:-3px 0;border-radius:7px}
body.balanced-blue.minimal-calm .dl-board .dl-handle .dl-action{margin-left:6px}
body.balanced-blue.minimal-calm .dl-board .dl-name{display:block;max-width:100%;padding:0;border:0;background:none;color:var(--ink);font:inherit;font-weight:550;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}
body.balanced-blue.minimal-calm .dl-board .dl-name:hover{text-decoration:underline;text-decoration-color:var(--control-border);text-underline-offset:3px}
body.balanced-blue.minimal-calm .dl-board :is(.dl-copy,.dl-edit){display:inline-grid;place-items:center;flex-shrink:0;width:28px;height:28px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease}
body.balanced-blue.minimal-calm .dl-board :is(.dl-copy,.dl-edit):hover{background:var(--nav-active);color:var(--ink)}
body.balanced-blue.minimal-calm .dl-board .dl-copy .icon{width:13px;height:13px}
body.balanced-blue.minimal-calm .dl-board .dl-edit .icon{width:15px;height:15px}
body.balanced-blue.minimal-calm .dl-board :is(.dl-copy,.dl-edit) .icon{fill:none;stroke:currentColor;stroke-width:1.8}

/* channel */
body.balanced-blue.minimal-calm .dl-board .dl-channel-tag{display:flex;align-items:center;gap:9px;min-width:0}
body.balanced-blue.minimal-calm .dl-board .dl-channel-text{min-width:0;overflow:hidden;line-height:1.3;white-space:nowrap;text-overflow:ellipsis}

/* status pill: same dropdown as the rest of team hq, tinted by state */
body.balanced-blue.minimal-calm .dl-board .dl-status .hq-select-trigger{min-height:30px;padding:4px 8px 4px 9px;gap:6px;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:var(--ink);font-size:13px;font-weight:500;box-shadow:none}
body.balanced-blue.minimal-calm .dl-board .dl-status .hq-select-trigger:is(:hover,[aria-expanded=true]){border-color:var(--control-border);background:var(--surface)}
body.balanced-blue.minimal-calm .dl-board .dl-status.is-contacted .hq-select-trigger{border-color:color-mix(in srgb,var(--dl-ok) 28%,transparent);background:var(--dl-ok-bg);color:var(--dl-ok-ink)}
body.balanced-blue.minimal-calm .dl-board .dl-status.is-do-not-dm .hq-select-trigger{border-color:color-mix(in srgb,var(--dl-stop) 28%,transparent);background:var(--dl-stop-bg);color:var(--dl-stop-ink)}
body.balanced-blue.minimal-calm .dl-board .dl-status:is(.is-contacted,.is-do-not-dm) .hq-select-trigger:is(:hover,[aria-expanded=true]){filter:saturate(1.15) brightness(.98)}
body.balanced-blue.minimal-calm .dl-board .dl-status select:not(.hq-select-native){min-height:30px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:inherit;font:inherit;font-size:13px}
/* our creators, team, capture account and blocked roles: the pill stays readable but can't be opened */
body.balanced-blue.minimal-calm .dl-board .dl-status:has(select[title]:disabled) .hq-select-trigger{opacity:1;cursor:not-allowed}
body.balanced-blue.minimal-calm .dl-board .dl-status:has(select[title]:disabled) .hq-select-chevron{opacity:0}

/* icp tag + conversation: same pill as status, tinted by meaning */
body.balanced-blue.minimal-calm .dl-board :is(.dl-status,.dl-pill,.dl-rail-head) :is(.hq-select-inline,.hq-select-trigger){width:max-content;max-width:none}
body.balanced-blue.minimal-calm .dl-board :is(.dl-status,.dl-pill,.dl-rail-head) .hq-select-trigger>span{flex:none;overflow:visible;text-overflow:clip}
body.balanced-blue.minimal-calm .dl-board .dl-pill .hq-select-trigger{min-height:30px;padding:4px 8px 4px 10px;gap:6px;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:var(--ink);font-size:13px;font-weight:500;box-shadow:none}
body.balanced-blue.minimal-calm .dl-board .dl-pill .hq-select-trigger:is(:hover,[aria-expanded=true]){border-color:var(--control-border);background:var(--surface)}
body.balanced-blue.minimal-calm .dl-board .dl-pill:is(.is-none) .hq-select-trigger{border-style:dashed;border-color:var(--control-border);background:transparent;color:var(--secondary);font-weight:450}
body.balanced-blue.minimal-calm .dl-board .dl-pill:is(.is-icp,.is-booked) .hq-select-trigger{border-color:color-mix(in srgb,var(--dl-ok) 28%,transparent);background:var(--dl-ok-bg);color:var(--dl-ok-ink)}
body.balanced-blue.minimal-calm .dl-board .dl-pill:is(.is-unsure,.is-replied) .hq-select-trigger{border-color:color-mix(in srgb,var(--dl-warn) 30%,transparent);background:var(--dl-warn-bg);color:var(--dl-warn-ink)}
body.balanced-blue.minimal-calm .dl-board .dl-pill:is(.is-not-icp,.is-late) .hq-select-trigger{border-color:color-mix(in srgb,var(--dl-stop) 28%,transparent);background:var(--dl-stop-bg);color:var(--dl-stop-ink)}
body.balanced-blue.minimal-calm .dl-board .dl-pill:is(.is-icp,.is-booked,.is-unsure,.is-replied,.is-not-icp,.is-late) .hq-select-trigger:is(:hover,[aria-expanded=true]){filter:saturate(1.15) brightness(.98)}
body.balanced-blue.minimal-calm .dl-board .dl-pill select:not(.hq-select-native){min-height:30px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:inherit;font:inherit;font-size:13px}

/* conversation note */
body.balanced-blue.minimal-calm .dl-board .dl-note{display:block;width:100%;min-width:0;min-height:calc(2lh + 16px);max-height:calc(4lh + 16px);margin:0;padding:8px 11px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;line-height:1.45;resize:none;field-sizing:content}
body.balanced-blue.minimal-calm .dl-board .dl-note::placeholder{color:var(--secondary)}
body.balanced-blue.minimal-calm .dl-board .dl-note:hover{border-color:var(--line);background:var(--surface)}
body.balanced-blue.minimal-calm .dl-board .dl-note:focus{border-color:var(--control-border);background:var(--surface)}

/* roles */
/* a chip shows whole or not at all: anything that does not fit wraps onto a hidden second line */
body.balanced-blue.minimal-calm .dl-board .dl-roles{display:flex;flex:0 1 auto;flex-wrap:wrap;gap:0 4px;height:19px;min-width:0;overflow:hidden}
body.balanced-blue.minimal-calm .dl-board .dl-roles::before{content:'';width:0;height:19px;margin-right:-4px}
body.balanced-blue.minimal-calm .dl-board .dl-role{display:inline-block;flex:0 0 auto;min-width:0;max-width:150px;height:19px;padding:0 7px;overflow:hidden;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--secondary);font-size:11.5px;line-height:17px;white-space:nowrap;text-overflow:ellipsis}
body.balanced-blue.minimal-calm .dl-board .dl-role-more{color:var(--secondary)}
body.balanced-blue.minimal-calm .dl-board .dl-dash{display:inline-block;padding-left:10px;color:var(--control-border)}

/* why a lead is do not dm: a quiet tag the same height as the pills beside it */
body.balanced-blue.minimal-calm .dl-board .dl-tag{display:inline-flex;align-items:center;max-width:100%;height:30px;padding:0 11px;overflow:hidden;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:var(--ink);font-size:13px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;cursor:default}
body.balanced-blue.minimal-calm .dl-board .dl-tag:is(.is-creator,.is-team,.is-account,.is-role,.is-manual,.is-icp){border-color:color-mix(in srgb,var(--dl-stop) 22%,var(--line));background:var(--surface);color:var(--dl-stop-ink)}

/* how each status stays current, pinned to the top of the table card */
body.balanced-blue.minimal-calm .dl-board .dl-fresh{display:flex;align-items:center;gap:12px;min-height:46px;padding:12px 20px;background:var(--surface);font-size:13px;line-height:1.4;color:var(--ink)}
body.balanced-blue.minimal-calm .dl-board .dl-fresh>.icon{flex:0 0 16px;width:16px;height:16px;fill:none;stroke:var(--secondary);stroke-width:1.9}
body.balanced-blue.minimal-calm .dl-board .dl-fresh ul{display:flex;flex-wrap:wrap;gap:6px 26px;margin:0;padding:0;list-style:none}
body.balanced-blue.minimal-calm .dl-board .dl-fresh li{display:flex;gap:8px;min-width:0}
body.balanced-blue.minimal-calm .dl-board .dl-fresh strong{font-weight:550;white-space:nowrap}
body.balanced-blue.minimal-calm .dl-board .dl-fresh li+li{position:relative}
body.balanced-blue.minimal-calm .dl-board>.dl-main>.dl-fresh{margin-bottom:16px;border:1px solid var(--line);border-radius:14px}

/* discord shortcuts under the handle */
body.balanced-blue.minimal-calm .dl-board .dl-action{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px 0 6px;white-space:nowrap;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--secondary);font:inherit;font-size:12px;font-weight:500;line-height:1;text-decoration:none;cursor:pointer;transition:color .15s ease,border-color .15s ease,background-color .15s ease}
body.balanced-blue.minimal-calm .dl-board .dl-action:hover{border-color:var(--control-border);color:var(--ink)}
body.balanced-blue.minimal-calm .dl-board .dl-action:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
body.balanced-blue.minimal-calm .dl-board .dl-action .icon{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2}

/* stats above the tabs reuse the shared metric cards */
body.balanced-blue.minimal-calm .dl-board .dl-stats{gap:14px;margin:0 0 28px}
body.balanced-blue.minimal-calm .dl-board .dl-stats>.sx-stat.is-alert{border-color:color-mix(in srgb,var(--dl-stop) 30%,var(--line));background:var(--dl-stop-bg)}
body.balanced-blue.minimal-calm .dl-board .dl-stats>.sx-stat.is-alert>:is(span,strong){color:var(--dl-stop-ink)}
body.balanced-blue.minimal-calm .dl-board .dl-stat-button{display:block;width:100%;font:inherit;text-align:left;cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}
body.balanced-blue.minimal-calm .dl-board .dl-stat-button:hover{transform:translateY(-1px);box-shadow:0 6px 14px -8px color-mix(in srgb,var(--dl-stop) 60%,transparent)}
body.balanced-blue.minimal-calm .dl-board .dl-stat-button[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--dl-stop)}
body.balanced-blue.minimal-calm .dl-board .dl-stat-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* channel ranking: a real sort control in the rail head, drag to reorder in "your order" */
body.balanced-blue.minimal-calm .dl-board .dl-rail-head .hq-select-trigger{min-width:0;min-height:32px;padding:5px 8px 5px 10px;gap:6px;border:1px solid var(--control-border);border-radius:9px;background:var(--surface);color:var(--ink);font-size:13px;font-weight:500;box-shadow:var(--control-shadow)}
body.balanced-blue.minimal-calm .dl-board .dl-rail-head .hq-select-trigger:is(:hover,[aria-expanded=true]){background:var(--soft)}
body.balanced-blue.minimal-calm .dl-board .dl-rail-sort:not(.hq-select-native){min-height:32px;padding:5px 8px;border:1px solid var(--control-border);border-radius:9px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px}
body.balanced-blue.minimal-calm .dl-board .dl-channel[draggable=true]{cursor:grab}
body.balanced-blue.minimal-calm .dl-board .dl-channel[draggable=true]:active{cursor:grabbing}
body.balanced-blue.minimal-calm .dl-board .dl-channel.is-dragging{opacity:.45}
body.balanced-blue.minimal-calm .dl-board .dl-channel.is-drop-before{box-shadow:inset 0 2px 0 var(--accent)}
body.balanced-blue.minimal-calm .dl-board .dl-channel.is-drop-after{box-shadow:inset 0 -2px 0 var(--accent)}

/* footer + empty */
body.balanced-blue.minimal-calm .dl-board .dl-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;min-height:38px;margin-top:16px;font-size:13px;color:var(--secondary)}
body.balanced-blue.minimal-calm .dl-board .dl-foot>span:last-child:not(:first-child){margin-left:auto}
body.balanced-blue.minimal-calm .dl-board .dl-empty{display:grid;justify-items:center;gap:8px;padding:72px 24px;border:1px dashed var(--control-border);border-radius:14px;color:var(--secondary);text-align:center}
body.balanced-blue.minimal-calm .dl-board .dl-empty strong{color:var(--ink);font-size:15px;font-weight:550}
body.balanced-blue.minimal-calm .dl-board .dl-empty.is-done strong{color:var(--dl-ok-ink)}

/* bulk screenshot upload: review, progress and result share one drawer */
body.balanced-blue.minimal-calm .hq-drawer .dl-bulk{display:grid;gap:14px;font-size:14px;line-height:1.5;color:var(--ink)}
body.balanced-blue.minimal-calm .hq-drawer .dl-bulk-lead{margin:0;font-size:16px;line-height:1.35;overflow-wrap:anywhere}
body.balanced-blue.minimal-calm .hq-drawer .dl-bulk-lead strong{font-size:24px;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
body.balanced-blue.minimal-calm .hq-drawer .dl-bulk-lead.is-done strong{color:var(--dl-ok-ink)}
body.balanced-blue.minimal-calm .hq-drawer .dl-bulk-hint{margin:0;font-size:13px;color:var(--secondary);overflow-wrap:anywhere}
body.balanced-blue.minimal-calm .hq-drawer .dl-bulk-note{display:grid;gap:8px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--soft);font-size:13px}
body.balanced-blue.minimal-calm .hq-drawer .dl-bulk-note.is-warn{border-color:color-mix(in oklab,var(--dl-stop) 28%,var(--line));background:var(--dl-stop-bg)}
body.balanced-blue.minimal-calm .hq-drawer .dl-bulk-note strong{font-weight:600;color:var(--ink)}
body.balanced-blue.minimal-calm .hq-drawer .dl-bulk-note span{color:var(--secondary)}
body.balanced-blue.minimal-calm .hq-drawer .dl-bulk-files{display:flex;flex-wrap:wrap;gap:4px 6px;max-height:132px;margin:0;padding:0;overflow:auto;list-style:none;font-size:12.5px;color:var(--secondary);scrollbar-width:thin}
body.balanced-blue.minimal-calm .hq-drawer .dl-bulk-files li{max-width:100%;padding:1px 7px;border-radius:6px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);overflow-wrap:anywhere}
body.balanced-blue.minimal-calm .hq-drawer .dl-bulk-files li.is-more{background:transparent;box-shadow:none}
body.balanced-blue.minimal-calm .hq-drawer .dl-bulk-progress{display:block;width:100%;height:8px;border:0;border-radius:999px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;appearance:none;accent-color:var(--accent)}
body.balanced-blue.minimal-calm .hq-drawer .dl-bulk-progress::-webkit-progress-bar{background:transparent}
body.balanced-blue.minimal-calm .hq-drawer .dl-bulk-progress::-webkit-progress-value{border-radius:999px;background:var(--accent);transition:width .3s ease}
body.balanced-blue.minimal-calm .hq-drawer .dl-bulk-progress::-moz-progress-bar{border-radius:999px;background:var(--accent)}
body.balanced-blue.minimal-calm .hq-drawer .dl-bulk-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:2px}
@media(prefers-reduced-motion:reduce){body.balanced-blue.minimal-calm .hq-drawer .dl-bulk-progress::-webkit-progress-value{transition:none}}

@media(max-width:1180px){body.balanced-blue.minimal-calm .dl-board{grid-template-columns:224px minmax(0,1fr);gap:22px}}
/* narrow screens: the same channels panel, its list turns into a sideways strip of chips */
@media(max-width:1100px){
 body.balanced-blue.minimal-calm .dl-board{grid-template-columns:minmax(0,1fr);gap:22px}
 body.balanced-blue.minimal-calm .dl-board .dl-rail{position:static;max-height:none}
 body.balanced-blue.minimal-calm .dl-board .dl-rail-head{min-height:0;padding:10px 12px 10px 16px}
 body.balanced-blue.minimal-calm .dl-board .dl-rail-list{display:flex;gap:6px;min-width:0;padding:12px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:12px;scrollbar-width:none}
 body.balanced-blue.minimal-calm .dl-board .dl-channel{flex:0 0 auto;width:auto;grid-template-columns:24px auto auto;gap:8px;min-height:40px;padding:5px 12px 5px 6px;border:1px solid var(--line);border-radius:999px;white-space:nowrap;scroll-snap-align:start}
 body.balanced-blue.minimal-calm .dl-board .dl-grip{display:none}
 body.balanced-blue.minimal-calm .dl-board .dl-channel.is-active{border-color:var(--control-border)}
 body.balanced-blue.minimal-calm .dl-board .dl-channel .dl-pic{width:24px;height:24px;border-radius:8px;font-size:10px}
 body.balanced-blue.minimal-calm .dl-board .dl-channel .dl-pic.is-long{font-size:8px}
 body.balanced-blue.minimal-calm .dl-board .dl-channel-name{display:block;-webkit-line-clamp:unset}
}
@media(max-width:700px){
 body.balanced-blue.minimal-calm .dl-board .dl-fresh{align-items:flex-start;padding:12px 16px}
 body.balanced-blue.minimal-calm .dl-board .dl-fresh>.icon{margin-top:2px}
 body.balanced-blue.minimal-calm .dl-board .dl-fresh ul{flex-direction:column;gap:6px}
 body.balanced-blue.minimal-calm .dl-board .dl-fresh li{display:block}
 body.balanced-blue.minimal-calm .dl-board .dl-fresh li strong{margin-right:8px}
 body.balanced-blue.minimal-calm .dl-board .dl-head{flex-wrap:wrap;margin-bottom:20px}
 body.balanced-blue.minimal-calm .dl-board .dl-head-actions{justify-content:flex-start;width:100%}
 body.balanced-blue.minimal-calm .dl-board .dl-stats{margin-bottom:24px}
 body.balanced-blue.minimal-calm .dl-board .dl-status-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 body.balanced-blue.minimal-calm .dl-board .dl-status-tab{justify-content:center;gap:6px;padding-inline:8px;white-space:nowrap}
 body.balanced-blue.minimal-calm .dl-board :is(.dl-filters,.dl-search){width:100%}
 body.balanced-blue.minimal-calm .dl-board .dl-filters>*{flex:1 1 140px;min-width:0}
 body.balanced-blue.minimal-calm .dl-board .dl-filters>.dl-search{flex-basis:100%}
 body.balanced-blue.minimal-calm .dl-board .dl-filters .hq-select-trigger{width:100%;justify-content:space-between}
 body.balanced-blue.minimal-calm .dl-board .dl-table-wrap .dl-table :is(th,td):first-child{padding-left:16px}
}
@media(prefers-reduced-motion:reduce){body.balanced-blue.minimal-calm .dl-board *{transition:none!important}}

/* icp fit: a short no / maybe / yes scale, tinted like a spectrum; the chosen step fills in */
body.balanced-blue.minimal-calm .dl-board .dl-icp-scale{display:inline-grid;grid-template-columns:repeat(3,minmax(0,1fr));width:168px;padding:3px;gap:3px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 1px 2px rgb(0 0 0 / 5%)}
body.balanced-blue.minimal-calm .dl-board .dl-icp-step{min-height:28px;padding:0 6px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--secondary);font:inherit;font-size:12.5px;font-weight:500;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
body.balanced-blue.minimal-calm .dl-board .dl-icp-step.is-not-icp:hover{background:var(--dl-stop-bg);color:var(--dl-stop-ink)}
body.balanced-blue.minimal-calm .dl-board .dl-icp-step.is-unsure:hover{background:var(--dl-warn-bg);color:var(--dl-warn-ink)}
body.balanced-blue.minimal-calm .dl-board .dl-icp-step.is-icp:hover{background:var(--dl-ok-bg);color:var(--dl-ok-ink)}
body.balanced-blue.minimal-calm .dl-board .dl-icp-step.is-not-icp[aria-checked=true]{border-color:color-mix(in srgb,var(--dl-stop) 30%,transparent);background:var(--dl-stop-bg);color:var(--dl-stop-ink);font-weight:600}
body.balanced-blue.minimal-calm .dl-board .dl-icp-step.is-unsure[aria-checked=true]{border-color:color-mix(in srgb,var(--dl-warn) 32%,transparent);background:var(--dl-warn-bg);color:var(--dl-warn-ink);font-weight:600}
body.balanced-blue.minimal-calm .dl-board .dl-icp-step.is-icp[aria-checked=true]{border-color:color-mix(in srgb,var(--dl-ok) 30%,transparent);background:var(--dl-ok-bg);color:var(--dl-ok-ink);font-weight:600}
body.balanced-blue.minimal-calm .dl-board .dl-icp-step:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
body.balanced-blue.minimal-calm .dl-board .dl-icp-step:disabled{cursor:progress;opacity:.6}

/* undo bar for the last status / icp / conversation change, floating at the bottom of the screen */
body.balanced-blue.minimal-calm .dl-board .dl-undo{position:fixed;left:50%;bottom:24px;z-index:40;display:flex;align-items:center;gap:14px;max-width:min(560px,calc(100vw - 32px));padding:10px 10px 10px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-size:14px;box-shadow:0 10px 30px -10px rgb(0 0 0 / 30%),0 1px 3px rgb(0 0 0 / 8%);transform:translateX(-50%)}
body.balanced-blue.minimal-calm .dl-board .dl-undo>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.balanced-blue.minimal-calm .dl-board .dl-undo-button{flex:0 0 auto;min-height:34px;padding:0 14px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font:inherit;font-weight:600;box-shadow:0 1px 2px rgb(0 0 0 / 5%);cursor:pointer}
body.balanced-blue.minimal-calm .dl-board .dl-undo-button:hover{background:var(--soft)}
body.balanced-blue.minimal-calm .dl-board .dl-undo-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* drag handle: six dots at the left of each channel, visible on hover while ranking */
body.balanced-blue.minimal-calm .dl-board .dl-grip{display:grid;place-items:center;width:10px;height:16px;color:var(--secondary);opacity:0;transition:opacity .15s ease}
body.balanced-blue.minimal-calm .dl-board .dl-grip svg{display:block;fill:currentColor}
body.balanced-blue.minimal-calm .dl-board .dl-channel[draggable=true]:is(:hover,:focus-visible,.is-dragging) .dl-grip{opacity:.7}
@media(hover:none){body.balanced-blue.minimal-calm .dl-board .dl-channel[draggable=true] .dl-grip{opacity:.5}}

/* open chat: the one action a setter needs on needs reply and follow up, so it reads a little stronger */
body.balanced-blue.minimal-calm .dl-board .dl-action.is-chat{border-color:var(--control-border);color:var(--ink)}