.closer-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}
.closer-metrics>.panel{padding:16px;display:flex;flex-direction:column;gap:8px}
.closer-metrics span{color:var(--ink-muted);font-size:12px}
.closer-metrics strong{font-size:30px;line-height:1;font-weight:650;color:var(--ink)}
.closer-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:14px}
.closer-toolbar-left,.closer-toolbar-right{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
.closer-toolbar-left{flex-direction:column;align-items:flex-start}
.closer-search-label{display:flex;flex-direction:column;gap:5px;min-width:220px;font-size:12px;color:var(--ink-muted)}
.closer-result-count{font-size:12px;color:var(--ink-muted);margin:-4px 0 11px}
.closer-board-holder{min-width:0}
.closer-queue,.closer-returned{background:var(--s1);border:1px solid var(--line);border-radius:10px;padding:9px;margin-bottom:10px}
.closer-queue{display:flex;align-items:center;gap:12px}
.closer-queue-head{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.closer-queue-head h3{font-size:14px;margin:0}
.closer-queue-head span,.closer-returned summary span{font-size:11px;color:var(--ink-muted);background:var(--s2);border:1px solid var(--line);padding:2px 8px;border-radius:99px}
.closer-queue-grid{display:flex;flex:1;min-width:0;gap:8px;overflow-x:auto;scrollbar-width:none}
.closer-queue-grid::-webkit-scrollbar{display:none}
.closer-queue-card{flex:0 0 250px;max-width:100%;display:flex;flex-direction:column;gap:2px;background:var(--s2);border:1px solid var(--line);border-radius:7px;padding:7px 9px;color:var(--ink);text-align:left;cursor:pointer}
.closer-queue-card:hover{border-color:var(--line-3)}
.closer-queue-card:focus-visible{outline:2px solid var(--primary-hover);outline-offset:2px}
.closer-queue-card strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.closer-queue-card span,.closer-queue-card small{font-size:10.5px;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.closer-returned summary{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:13px;font-weight:600;list-style:none}
.closer-returned summary::-webkit-details-marker{display:none}
.closer-returned[open] summary{margin-bottom:10px}
.closer-board-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:4px 0 10px}
.closer-board-head>div:first-child{display:flex;flex-direction:column;gap:3px}
.closer-board-head strong{font-size:14px}
.closer-board-head span{font-size:11px;color:var(--ink-muted)}
.closer-board-nav{display:flex;gap:5px}
.closer-board-nav button{min-width:34px}
.closer-board{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;height:clamp(390px,calc(100vh - 330px),660px);padding-bottom:2px}
.closer-board::-webkit-scrollbar{display:none}
.closer-column{flex:0 0 268px;scroll-snap-align:start;display:flex;flex-direction:column;min-width:0;background:var(--s1);border:1px solid var(--line);border-radius:10px;transition:border-color .15s,background .15s}
.closer-column.drag-over{border-color:var(--primary-focus);background:color-mix(in srgb,var(--primary) 10%,transparent)}
.closer-column-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 13px 11px;border-bottom:1px solid var(--line)}
.closer-column-head h3{font-size:12px;line-height:1.3;margin:0;color:var(--ink)}
.closer-column-head span{font-size:11px;color:var(--ink-muted);background:var(--s2);border:1px solid var(--line);padding:2px 7px;border-radius:99px}
.closer-column-body{overflow-y:auto;min-height:0;padding:9px;scrollbar-width:thin}
.closer-column-empty{margin:15px 3px;text-align:center;color:var(--ink-tertiary);font-size:12px}
.closer-kcard{background:var(--s2);border:1px solid var(--line);border-radius:8px;padding:11px;margin-bottom:8px;display:flex;flex-direction:column;gap:8px;cursor:grab}
.closer-kcard:hover{border-color:var(--line-3);background:var(--s3)}
.closer-kcard.dragging{opacity:.5}
.closer-kcard[draggable=false]{cursor:default}
.closer-kcard-title{border:0;padding:0;background:none;color:var(--ink);font-size:13px;font-weight:650;line-height:1.3;text-align:left;cursor:pointer;overflow-wrap:anywhere}
.closer-kcard-title:hover{text-decoration:underline}
.closer-kcard-title:focus-visible,.closer-kcard-stage:focus-visible,.closer-board-nav button:focus-visible,.closer-returned summary:focus-visible{outline:2px solid var(--primary-hover);outline-offset:2px}
.closer-kcard-person{display:flex;flex-wrap:wrap;gap:4px;font-size:11px;color:var(--ink-subtle)}
.closer-kcard-person strong{color:var(--ink-muted);font-weight:600}
.closer-kcard-phone,.closer-kcard-path{font-size:11px;color:var(--primary-hover);overflow-wrap:anywhere}
.closer-kcard-due{font-size:11px;color:var(--ink-subtle);border-top:1px solid var(--line);padding-top:8px}
.closer-kcard-due.over,.closer-kcard-due.missing{color:var(--red)}
.closer-kcard-due.today{color:var(--amber)}
.closer-kcard-foot{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:auto}
.closer-kcard-foot>span{min-width:0;font-size:10.5px;color:var(--ink-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.closer-kcard-stage{max-width:133px;min-width:105px;border:1px solid var(--line-2);border-radius:6px;background:var(--s1);color:var(--ink-muted);font-size:11px;padding:5px;cursor:pointer}
.closer-kcard-locked{font-size:10px;color:var(--ink-tertiary)}
.closer-bcard .closer-bcard-open{display:block;width:100%;border:0;padding:0;background:none;color:inherit;font:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;overflow-wrap:anywhere}
.closer-bcard .closer-bcard-open:hover{text-decoration:underline}
.closer-bcard .closer-bcard-contact a{color:inherit;text-decoration:none}
.closer-bcard .closer-bcard-contact a:hover{text-decoration:underline}
.closer-bcard .bc-owner{min-width:0}
.closer-bcard-stage{max-width:122px;min-width:0;margin-left:auto;border:1px solid var(--line-2);border-radius:6px;background:var(--s1);color:var(--ink-muted);font-size:11px;padding:5px;cursor:pointer}
.closer-bcard-stage:focus-visible{outline:2px solid var(--primary-hover);outline-offset:2px}
.closer-bcard-locked{margin-left:auto;font-size:10px;color:var(--ink-tertiary)}
.closer-check{display:flex;align-items:center;gap:8px;margin-top:9px;color:var(--ink);font-size:12px;cursor:pointer}
.closer-check input{accent-color:var(--primary);width:15px;height:15px;margin:0}
.closer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:12px}
.closer-card{background:var(--s1);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.closer-card-top,.closer-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}
.closer-card h3{font-size:16px;line-height:1.3;margin:0;color:var(--ink)}
.closer-company-meta{font-size:12px;color:var(--ink-subtle)}
.closer-person{display:flex;flex-direction:column;gap:3px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;color:var(--ink-muted)}
.closer-person strong{color:var(--ink);font-size:13px}
.closer-card-foot{margin-top:auto;color:var(--ink-subtle);font-size:11.5px}
.closer-state{font-size:11px;font-weight:650;padding:4px 8px;border:1px solid var(--line-2);border-radius:99px;color:var(--ink-muted)}
.closer-state.pending{color:var(--amber);border-color:var(--amber)}
.closer-state.returned{color:var(--red);border-color:var(--red)}
.closer-list{margin-bottom:14px;padding:16px}
.closer-list h3{margin:0 0 12px;font-size:15px}
.closer-list-row{width:100%;border:0;border-top:1px solid var(--line);padding:12px 0;background:transparent;color:var(--ink);text-align:left;display:flex;justify-content:space-between;gap:10px;cursor:pointer}
.closer-list-row span{color:var(--ink-muted);font-size:12px}
.closer-handoff{display:flex;flex-direction:column;gap:6px;padding:12px;margin:14px 0;background:var(--s2);border:1px solid var(--line);border-radius:9px;font-size:12px;color:var(--ink-muted)}
.closer-handoff strong{font-size:14px;color:var(--ink)}
.closer-handoff p,.closer-handoff small{margin:0;white-space:pre-wrap}
.closer-form{margin-top:12px}
#clReturnField[hidden]{display:none}
.closer-activity{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.closer-activity h4,.closer-events h4{margin:0 0 10px;font-size:13px}
.closer-activity .btn{margin-top:10px}
.closer-events{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:var(--ink-muted)}
.closer-events ol{padding-left:20px;max-height:180px;overflow:auto}
.closer-events li{margin:0 0 8px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.closer-comment-compose{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.closer-comment-compose label{font-size:12px;font-weight:600;color:var(--ink)}
.closer-comment-compose textarea{width:100%;min-height:72px;resize:vertical}
.closer-loading,.closer-error{padding:22px}
.closer-analytics-filters{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.closer-owner-label{display:flex;flex-direction:column;gap:5px;min-width:220px;font-size:12px;color:var(--ink-muted)}
.closer-period-note{margin:0 0 15px}
.closer-analytics-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px;margin-bottom:14px}
.closer-analytics-section{padding:18px;min-width:0}
.closer-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:15px}
.closer-section-head h3{margin:0;font-size:16px;color:var(--ink)}
.closer-section-head span{font-size:12px;color:var(--ink-muted)}
.closer-stage-list{display:flex;flex-direction:column;gap:3px}
.closer-stage-row{width:100%;display:grid;grid-template-columns:minmax(110px,1.3fr) minmax(48px,1fr) 32px 38px;align-items:center;gap:9px;border:1px solid transparent;border-radius:7px;padding:8px;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.closer-stage-row:hover,.closer-stage-row:focus-visible,.closer-stage-row.on{background:var(--s2);border-color:var(--line)}
.closer-stage-row>span:first-child{font-size:12px}
.closer-stage-row strong{text-align:right;font-size:14px}
.closer-stage-row small{text-align:right;color:var(--ink-muted);font-size:11px}
.closer-stage-track{height:6px;border-radius:99px;background:var(--s2);overflow:hidden}
.closer-stage-track i{display:block;height:100%;border-radius:inherit;background:var(--primary)}
.closer-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.closer-result-grid>div{min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;gap:8px}
.closer-result-grid span,.closer-analytics-rows span{font-size:12px;color:var(--ink-muted)}
.closer-result-grid strong{font-size:20px;overflow-wrap:anywhere;color:var(--ink)}
.closer-analytics-rows>div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line)}
.closer-analytics-rows strong{font-size:13px;color:var(--ink)}
.closer-analytics-detail{margin-bottom:14px}
@media(max-width:800px){.closer-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.closer-search-label{width:100%}.closer-card-foot{align-items:flex-start;flex-direction:column}.closer-list-row{flex-direction:column}}
@media(max-width:800px){.closer-analytics-layout{grid-template-columns:1fr}}
@media(max-width:600px){.closer-metrics{display:grid;grid-auto-flow:column;grid-auto-columns:145px;grid-template-columns:none;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.closer-metrics::-webkit-scrollbar{display:none}.closer-metrics>.panel{min-height:80px;padding:12px}.closer-toolbar-left,.closer-toolbar-right{width:100%}.closer-toolbar-left>.filter-chips:last-child{width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.closer-toolbar-left>.filter-chips:last-child::-webkit-scrollbar{display:none}.closer-toolbar-left>.filter-chips:last-child .chip{flex:0 0 auto}.closer-toolbar-right{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.closer-toolbar-right .closer-search-label{min-width:0;width:100%}.closer-toolbar-right .closer-search-label:only-child{grid-column:1/-1}.closer-toolbar-right .input{width:100%;min-width:0}.closer-queue{display:block}.closer-queue-head{margin-bottom:7px}.closer-board{height:clamp(380px,calc(100vh - 355px),600px)}.closer-column{flex-basis:min(86vw,300px)}.closer-board-head span{max-width:245px}}
@media(max-width:480px){.closer-grid{grid-template-columns:1fr}.closer-metrics strong{font-size:24px}.closer-stage-row{grid-template-columns:minmax(95px,1.3fr) minmax(28px,1fr) 24px 30px;gap:5px;padding:8px 4px}.closer-owner-label{width:100%}}
@media(max-width:600px){.closer-metrics{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}}

.closer-chart{margin-bottom:14px}
.closer-chart-heading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.closer-chart-heading h3{font-size:15px;margin:0;color:var(--ink)}
.closer-chart-sub{margin:6px 0 0;color:var(--ink-muted);font-size:12px}
.closer-chart-period{font-size:12px;color:var(--ink-muted)}
.closer-chart-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.closer-chart-filter{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;cursor:pointer;color:var(--ink-muted);font-size:12px}
.closer-chart-filter:has(input:checked){color:var(--ink);background:rgba(128,168,184,.08)}
.closer-chart-filter:focus-within{outline:2px solid var(--primary-hover);outline-offset:2px}
.closer-chart-filter input{accent-color:var(--primary-hover);margin:0}
.closer-chart-filter strong{font-size:13px;color:var(--ink);font-variant-numeric:tabular-nums}
.closer-chart-swatch{width:12px;height:3px;border-radius:2px;background:var(--series-color)}
.closer-chart-plot{position:relative;height:250px;margin-top:20px}
.closer-chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--ink-muted);pointer-events:none}
.closer-chart-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-top:14px;color:var(--ink-muted);font-size:12px}
.closer-chart-footer>span{max-width:75ch;line-height:1.5}
.closer-chart-footer .od-data{margin:0}
@media(max-width:600px){.closer-chart-plot{height:210px}.closer-chart-filter{flex:1 1 auto;justify-content:flex-start;min-height:40px}.closer-chart-filter strong{margin-left:auto}}