.followup-dashboard{max-width:1440px;margin:auto}.followup-scope{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 24px}.followup-scope nav{display:flex;flex-wrap:wrap;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:5px;gap:4px}.followup-scope-link{padding:11px 18px;border-radius:8px;font-weight:700;color:var(--muted)}.followup-scope-link.active{background:var(--brand);color:#fff}.followup-scope>span{color:var(--muted);font-size:14px}.followup-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.followup-type{border:1px solid var(--line);border-top:3px solid var(--followup-color);border-radius:16px;background:var(--surface);padding:22px;min-width:0}.followup-type.blue,.followup-kind-icon.blue{--followup-color:#396e9c;--followup-bg:#eaf1f9}.followup-type.green,.followup-kind-icon.green{--followup-color:#35765f;--followup-bg:#e8f3ed}.followup-type.purple,.followup-kind-icon.purple{--followup-color:#7a599a;--followup-bg:#f0eaf7}.followup-type.selected{outline:2px solid var(--followup-color);outline-offset:2px}.followup-type-top{display:flex;align-items:center;gap:12px}.followup-type-top>a{font-size:18px;font-weight:750;flex:1;color:var(--heading-ink)}.followup-type-top>strong{font-size:34px;font-weight:750;color:var(--heading-ink)}.followup-kind-icon{display:inline-flex;align-items:center;justify-content:center;background:var(--followup-bg);color:var(--followup-color);border-radius:12px;width:42px;height:42px;flex:none}.followup-type-track{height:5px;background:var(--line);border-radius:4px;margin:21px 0 16px;overflow:hidden}.followup-type-track>span{height:100%;display:block;background:var(--followup-color)}.followup-type-counts{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:13px}.followup-type-counts a{color:var(--muted)}.followup-type-counts b{color:var(--heading-ink);font-size:17px;margin-inline-end:4px}.followup-type>p{font-size:13px;line-height:1.8;margin:15px 0 0;color:var(--muted)}.followup-brief{margin:22px 0;display:flex;justify-content:space-between;gap:18px;border:1px solid var(--line);border-radius:12px;padding:16px 20px;background:var(--surface)}.followup-brief>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}.followup-brief .icon{color:var(--brand)}.followup-brief strong{font-size:19px}.followup-records .panel-head{align-items:center;gap:16px}.followup-records .panel-head p{color:var(--muted);margin:6px 0 0;font-size:14px}.followup-total{white-space:nowrap;color:var(--muted);font-size:14px}.followup-filters{display:flex;gap:14px;align-items:end;padding:18px 22px;background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap}.followup-filters>.field{flex:1;min-width:150px;margin:0}.followup-filters>.followup-search{flex:1.6}.followup-record{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr) minmax(0,1fr);gap:22px;padding:22px;border-bottom:1px solid var(--line);align-items:start}.followup-record:last-child{border-bottom:0}.followup-record-main{display:flex;gap:12px;min-width:0}.followup-record-main>div{min-width:0}.followup-record-meta{display:flex;flex-wrap:wrap;gap:6px 12px;color:var(--muted);font-size:12px;margin-bottom:8px}.followup-record-meta bdi{font-family:inherit}.followup-record-meta span{background:var(--bg);border-radius:5px;padding:1px 7px}.followup-record-title{font-size:16px;font-weight:750;line-height:1.6;color:var(--heading-ink)}.followup-record-main p{color:var(--muted);font-size:13px;margin:8px 0 0;line-height:1.7}.followup-record-status,.followup-record-next{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.followup-record small{font-size:13px;color:var(--muted);line-height:1.7}.followup-record-next strong{font-size:14px;line-height:1.7;font-weight:650}.followup-record-next .text-link{font-size:14px}.followup-record .badge{white-space:normal}.followup-source{margin-top:18px;line-height:1.8}.followup-create{position:relative}.followup-create summary{list-style:none;cursor:pointer}.followup-create summary::-webkit-details-marker{display:none}.followup-create>div{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:20;min-width:240px;padding:8px;border:1px solid var(--line);background:var(--surface);border-radius:12px;box-shadow:0 12px 36px #0002}.followup-create>div>a{display:flex;gap:10px;padding:12px;border-radius:7px;color:var(--heading-ink)}.followup-create>div>a:hover{background:var(--bg)}
[data-theme=dark] .followup-kind-icon.blue{--followup-color:#a1c8f2;--followup-bg:#263b51}[data-theme=dark] .followup-kind-icon.green{--followup-color:#9fddbe;--followup-bg:#234037}[data-theme=dark] .followup-kind-icon.purple{--followup-color:#d4b7f3;--followup-bg:#3e304c}[data-theme=dark] .followup-scope-link.active{color:#fff;background:#396e59}
@media(max-width:1050px){.followup-type{padding:16px}.followup-type-top{gap:8px}.followup-type-top>a{font-size:16px}.followup-type-top>strong{font-size:27px}.followup-record{gap:14px;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr) minmax(0,1fr)}.followup-record-main>.followup-kind-icon{display:none}.followup-scope{align-items:flex-start}}
@media(max-width:720px){.followup-types{grid-template-columns:1fr;gap:12px}.followup-type{padding:16px}.followup-type>p{margin-top:8px}.followup-type-track{margin:12px 0}.followup-scope{flex-direction:column}.followup-scope nav{width:100%}.followup-scope-link{flex:1;text-align:center;padding:10px 8px;font-size:13px}.followup-scope>span{display:none}.followup-brief{flex-direction:column;padding:16px;gap:12px}.followup-record{grid-template-columns:minmax(0,1fr);gap:12px;padding:18px}.followup-record-main>.followup-kind-icon{display:inline-flex;width:34px;height:34px}.followup-record-status{flex-direction:row;flex-wrap:wrap;align-items:center}.followup-record-next{border-top:1px dashed var(--line);padding-top:12px}.followup-record-next .text-link{align-self:flex-end}.followup-filters{padding:16px;gap:12px}.followup-filters>.field{min-width:0;flex-basis:calc(50% - 12px)}.followup-filters>.followup-search{flex-basis:100%}.followup-record-meta{overflow-wrap:anywhere}.followup-create>div{max-width:calc(100vw - 40px)}.followup-records .panel-head{align-items:flex-start}.followup-records .panel-head p{font-size:13px}.followup-total{font-size:12px}}
.followup-pagination{padding:16px 22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:14px}.followup-pagination nav{display:flex;gap:8px}.followup-pagination .btn{min-height:38px}