/* Sprint 18: Follow-Ups daily action center, using the same premium UI system. */
.followups-action-center{max-width:1540px;margin:0 auto}.followups-header{align-items:flex-end;margin-bottom:16px}.followups-header .eyebrow{color:#2872b8}.followups-header-actions{display:flex;gap:10px}.followups-header .primary{min-width:164px}.followup-kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:8px}.followup-kpi{min-height:88px;border:1px solid #dfeaf3;border-radius:12px;background:linear-gradient(145deg,#fff,#f9fcff);padding:12px 14px;color:#173750;text-align:left;box-shadow:0 5px 16px #183e6008;transition:.16s transform,.16s box-shadow,.16s border-color}.followup-kpi:hover,.followup-kpi.active{transform:translateY(-2px);border-color:#8dbce4;box-shadow:0 11px 23px #174b781a}.followup-kpi.overdue{background:linear-gradient(145deg,#fff,#fff5f5)}.followup-kpi span{display:block;color:#5c7489;font-size:11px;font-weight:700}.followup-kpi strong{display:block;margin:3px 0;color:#092b4a;font:800 27px/1 Manrope,sans-serif}.followup-kpi small{display:block;color:#72879a;font-size:10px}.followup-history-kpis{display:flex;align-items:center;gap:8px;margin:0 0 13px;color:#61798e;font-size:11px}.followup-history-kpis button{border:1px solid #dce7f0;border-radius:7px;background:#fff;padding:6px 8px;color:#506b83;font:700 11px "DM Sans",sans-serif}.followup-history-kpis button.active{border-color:#8bbce5;background:#edf6fd;color:#075b9e}.followup-history-kpis b{color:#173b59}.followup-attention{display:flex;align-items:center;gap:6px;width:100%;margin:0 0 13px;border:1px solid #f0d6bb;border-left:3px solid #e8731b;border-radius:9px;background:#fffaf5;padding:9px 12px;color:#785120;font:600 12px "DM Sans",sans-serif;text-align:left}.followup-attention b{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#fff0df;color:#a95709}.followup-attention span{margin-left:auto;color:#075ca5;font-size:11px}.followup-table-card{overflow:hidden;border:1px solid #dce8f1;box-shadow:0 12px 30px #173f600d}.followup-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;border-bottom:1px solid #e6eef5;background:#fcfdff}.followup-filters{display:flex;min-width:0;gap:5px;overflow:auto}.followup-filters button{flex:0 0 auto;border:1px solid transparent;border-radius:8px;background:#eef4f8;padding:7px 9px;color:#47637c;font:700 11px "DM Sans",sans-serif}.followup-filters button.active{background:#073d70;color:#fff;box-shadow:0 4px 10px #073d7022}.followup-toolbar-actions{display:flex;align-items:center;gap:7px}.followup-search{position:relative;display:block}.followup-search:before{content:"⌕";position:absolute;z-index:1;top:7px;left:9px;color:#63809a;font-size:17px;line-height:1}.followup-search input{width:210px;height:35px;border:1px solid #d5e2ed;border-radius:8px;background:#fff;padding:0 9px 0 28px;color:#173750;font:500 12px "DM Sans",sans-serif}.followup-search input:focus{outline:0;border-color:#3987ca;box-shadow:0 0 0 3px #3987ca1f}.followup-toolbar-actions .secondary{min-height:35px;padding:0 9px;white-space:nowrap}.followup-filter-chips{display:flex;gap:6px;flex-wrap:wrap;padding:8px 14px;border-bottom:1px solid #e8eef4;background:#f9fbfd}.followup-filter-chips button{border:1px solid #d7e5ef;border-radius:99px;background:#fff;padding:4px 8px;color:#38617e;font:700 10px "DM Sans",sans-serif}.followup-results{padding:13px 14px 8px}.followup-results h3{margin:0;color:#173750;font:700 15px Manrope,sans-serif}.followup-results h3 span{margin-left:5px;color:#71879a;font:600 11px "DM Sans",sans-serif}.followup-desktop-table table{width:100%;min-width:0;table-layout:fixed;border-collapse:separate;border-spacing:0}.followup-desktop-table th{position:sticky;top:0;z-index:2;padding:10px 8px;background:#f6f9fc;color:#587088;font-size:10px;letter-spacing:.025em;text-transform:uppercase}.followup-desktop-table td{padding:11px 8px;vertical-align:middle;color:#203c56;font-size:11px;line-height:1.35}.followup-desktop-table th:nth-child(1){width:11%}.followup-desktop-table th:nth-child(2){width:15%}.followup-desktop-table th:nth-child(3){width:10%}.followup-desktop-table th:nth-child(4){width:12%}.followup-desktop-table th:nth-child(5){width:7%}.followup-desktop-table th:nth-child(6){width:10%}.followup-desktop-table th:nth-child(7){width:10%}.followup-desktop-table th:nth-child(8){width:10%}.followup-desktop-table th:nth-child(9){width:10%}.followup-desktop-table th:nth-child(10){width:8%}.followup-action-row.is-overdue td:first-child{box-shadow:inset 3px 0 #e56a43}.followup-due{display:inline-flex;min-height:24px;align-items:center;border-radius:6px;padding:3px 6px;background:#edf6ff;color:#0e619f;font-size:10px;font-weight:800;white-space:normal}.followup-due.overdue{background:#fff0f0;color:#c13838}.followup-due.today{background:#fff7df;color:#956300}.followup-due.tomorrow{background:#edf4ff;color:#3569a1}.followup-due.upcoming{background:#eff3f6;color:#667d91}.followup-customer{display:grid;gap:3px;width:100%;border:0;background:transparent;padding:0;color:#103c66;text-align:left}.followup-customer b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.followup-customer span,.followup-contact span,.followup-desktop-table td:nth-child(4) span,.followup-date{display:block;overflow:hidden;color:#71879a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.followup-customer:hover b{text-decoration:underline}.followup-customer:focus-visible,.followup-actions button:focus-visible,.followup-kpi:focus-visible,.followup-filters button:focus-visible{outline:3px solid #6bb2ea;outline-offset:2px}.followup-contact a{display:block;overflow:hidden;color:#1267a8;font-weight:700;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.followup-contact a:hover{text-decoration:underline}.followup-remark{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#5c7388}.followup-actions{display:flex;align-items:center;gap:5px}.followup-actions .primary,.followup-actions .secondary{min-height:30px;padding:0 8px;font-size:10px;white-space:nowrap}.followup-actions .icon-btn{min-width:30px;height:30px;padding:0 6px}.followup-mobile-list{display:none}.followup-empty{padding:43px 18px;text-align:center;color:#6c8295}.followup-empty b{display:block;color:#28445e;font-size:14px}.followup-empty p{margin:6px auto 15px;font-size:12px}.followup-filter-form{display:grid;gap:13px}.followup-filter-form label{display:grid;gap:5px;color:#536b82;font-size:12px;font-weight:700}.followup-filter-form select,.followup-filter-form input{height:39px;border:1px solid #d4e1eb;border-radius:8px;padding:0 9px;background:#fff;color:#193650}
@media (max-width:1210px){.followup-desktop-table th:nth-child(6),.followup-desktop-table td:nth-child(6),.followup-desktop-table th:nth-child(7),.followup-desktop-table td:nth-child(7),.followup-desktop-table th:nth-child(9),.followup-desktop-table td:nth-child(9){display:none}.followup-desktop-table th:nth-child(1){width:13%}.followup-desktop-table th:nth-child(2){width:21%}.followup-desktop-table th:nth-child(3){width:14%}.followup-desktop-table th:nth-child(4){width:17%}.followup-desktop-table th:nth-child(5){width:10%}.followup-desktop-table th:nth-child(8){width:15%}.followup-desktop-table th:nth-child(10){width:10%}}
@media (max-width:820px){.followups-header{align-items:flex-start}.followup-toolbar{align-items:stretch;flex-direction:column}.followup-toolbar-actions{justify-content:space-between}.followup-search{flex:1}.followup-search input{width:100%}.followup-kpi-strip{gap:8px}.followup-kpi{padding:11px}.followup-history-kpis{flex-wrap:wrap}}
@media (max-width:680px){.followups-header{gap:12px;flex-direction:column}.followups-header .primary{width:100%}.followup-kpi-strip{display:flex;overflow:auto;margin-right:-4px;padding:1px 4px 5px 1px}.followup-kpi{flex:0 0 142px;min-height:83px}.followup-filters{margin-right:-14px;padding-right:14px}.followup-filters button:nth-child(n+6){display:none}.followup-toolbar-actions{align-items:stretch;flex-direction:column}.followup-toolbar-actions .secondary{width:100%}.followup-desktop-table{display:none}.followup-mobile-list{display:grid;gap:9px;padding:0 12px 14px}.followup-mobile-card{position:relative;display:grid;gap:8px;border:1px solid #e0eaf2;border-radius:11px;background:#fff;padding:13px;box-shadow:0 4px 12px #173f6008}.followup-mobile-card>.followup-due{position:absolute;top:11px;right:11px;max-width:125px}.followup-mobile-card .followup-customer{max-width:calc(100% - 130px)}.followup-mobile-card>a{color:#1267a8;font-size:12px;font-weight:700;text-decoration:none}.followup-mobile-card p,.followup-mobile-card q{margin:0;color:#6b8195;font-size:11px}.followup-mobile-card q{font-style:normal}.followup-mobile-card .followup-actions{padding-top:4px}.followup-mobile-card .followup-actions .primary{min-height:37px}.followup-empty{padding:35px 16px}.followup-table-card{border-radius:12px}}
.followup-sla{display:flex;gap:0;overflow:auto;border-top:1px solid #e6eef5;background:#fbfdff}.followup-sla span{display:grid;flex:1 0 105px;gap:3px;padding:11px 12px;border-right:1px solid #e6eef5;color:#70859a;font-size:10px;font-weight:700}.followup-sla b{color:#193d5b;font:800 15px Manrope,sans-serif}