.workspace-tabs { scrollbar-width: none; gap: 8px; }.workspace-tabs::-webkit-scrollbar { display: none; }.workspace-tabs > button { flex: 0 0 auto; min-width: 98px; padding-inline: 17px; }
.followup-form input, .followup-form select, .followup-form textarea, .followup-form button { scroll-margin-top: 76px; }
.followup-focus { display: grid; grid-template-columns: minmax(180px, 1fr) repeat(3, minmax(0, 1fr)); gap: 14px; align-items: stretch; padding: 20px; margin: 24px 0; background: linear-gradient(115deg, #263b30, #1c2a29); border: 1px solid #4c6956; border-radius: 14px; }
.followup-focus > div { align-self: center; }.followup-focus h2 { font-size: 19px; }.followup-focus p { color: #b4c9ba; font-size: 12px; line-height: 1.8; margin: 9px 0 0; }
.followup-focus button { text-align: left; padding: 16px 18px; background: #26382f; border-color: #506b57; border-radius: 10px; min-width: 0; }.followup-focus button span, .followup-focus button small { display: block; font-size: 12px; line-height: 1.7; }.followup-focus button strong { display: block; font-size: 29px; margin: 7px 0; color: #d0eed5; font-variant-numeric: tabular-nums; }.followup-focus button small { color: #a8c2af; font-size: 11px; }.followup-focus button.overdue strong { color: #f1c08b; }
.followup-filter { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px; }.followup-filter button { min-height: 44px; padding: 10px 14px; font-size: 12px; background: transparent; }.followup-filter button[aria-pressed="true"] { background: #35523e; border-color: #8abb96; color: #d9f1df; }
.followup-draft-notice { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 13px 17px; margin-top: 15px; border: 1px solid #716a48; border-radius: 9px; background: #333224; color: #edd7a8; font-size: 12px; line-height: 1.8; }.followup-draft-notice button { flex: 0 0 auto; font-size: 12px; }
.lead-followup { min-width: 0; margin-top: 20px; border-top: 1px solid #43594a; }.followup-summary { padding: 17px 0 12px; }.followup-state-row { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; }.followup-stage { border: 1px solid #53725c; background: #2b4433; border-radius: 5px; padding: 4px 9px; color: #cce6d2; font-size: 11px; }.followup-date { font-size: 12px; color: #adc4b6; line-height: 1.8; }.followup-date.overdue { color: #efba86; }.followup-date.due { color: #c3ebce; }
.record-card p.followup-last-note { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 10px 0 6px; font-size: 12px; color: #c1d3c7; }.followup-summary small { color: #92ab9b; font-size: 10px; line-height: 1.8; }
.followup-details > summary { display: flex; align-items: center; gap: 10px; min-height: 44px; cursor: pointer; color: #d3e9d8; font-size: 12px; }.followup-details > summary span { margin-left: auto; font-size: 10px; color: #a9c6b1; }.followup-details[open] > summary { margin-bottom: 10px; }
.followup-form { padding: 16px; border: 1px solid #4b6452; background: #24372b; border-radius: 9px; }.followup-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }.followup-form label { min-width: 0; font-size: 12px; color: #c0d5c5; line-height: 1.8; }.followup-form .followup-wide { grid-column: 1 / -1; }.followup-form input, .followup-form select, .followup-form textarea { display: block; width: 100%; min-width: 0; min-height: 46px; margin-top: 7px; border: 1px solid #5c7662; border-radius: 7px; padding: 11px; background: #17271d; color: #eaf3e9; font-size: 14px; }.followup-form textarea { resize: vertical; line-height: 1.8; }.followup-form input:disabled, .followup-form select:disabled, .followup-form textarea:disabled { opacity: .65; }.followup-form textarea::placeholder { color: #a1b5a5; }
.record-card p.followup-hint { margin: 12px 0 0; color: #afc4b3; font-size: 11px; line-height: 1.9; }.followup-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 15px; }.followup-actions button { min-height: 44px; font-size: 12px; }.followup-actions button[type="submit"] { color: #172d20; background: #a2d9b2; border-color: #a2d9b2; font-weight: 650; }.record-card p.followup-feedback { color: #f0d19c; font-size: 12px; line-height: 1.9; margin-top: 12px; }.followup-feedback:empty { display: none; }
.followup-history-area { min-height: 44px; }.followup-history { list-style: none; margin: 18px 0 0; padding: 0 0 0 13px; border-left: 1px solid #49644f; display: grid; gap: 18px; }.followup-history li { min-width: 0; }.followup-history li > div { display: flex; flex-wrap: wrap; gap: 7px 15px; justify-content: space-between; }.followup-history strong { font-size: 11px; font-weight: 500; color: #cce2d0; }.followup-history time, .followup-history small { font-size: 10px; line-height: 1.8; color: #a4bdab; }.record-card .followup-history p { margin: 6px 0; color: #c7d8c9; font-size: 12px; line-height: 1.9; white-space: pre-wrap; }.record-card p.followup-empty { font-size: 12px; color: #a9bcae; padding: 10px 0; }
@media (max-width: 850px) { .followup-focus { grid-template-columns: repeat(3, minmax(0, 1fr)); }.followup-focus > div { grid-column: 1 / -1; }.followup-focus > div p { margin-top: 5px; } }
@media (max-width: 700px) { #dashboard > .followup-focus { order: 2; margin-top: 18px; margin-bottom: 0; }.followup-focus { padding: 17px 13px; gap: 9px; }.followup-focus button { padding: 12px 10px; }.followup-focus button span { font-size: 11px; }.followup-focus button strong { font-size: 25px; }.followup-focus button small { display: none; }.followup-form { padding: 14px 11px; }.followup-form-grid { grid-template-columns: 1fr; }.followup-form .followup-wide { grid-column: auto; }.followup-form input, .followup-form select, .followup-form textarea { font-size: 16px; }.followup-actions { flex-direction: column; }.followup-actions button { width: 100%; }.followup-draft-notice { flex-wrap: wrap; }#dashboard > .followup-draft-notice { order: 6; }.followup-filter { gap: 7px; }.followup-filter button { flex: 1 1 auto; padding-inline: 11px; } }