/* TeamAct CRM — User Follow-up Center V2 visual cleanup
   Scope: User/Agent Follow-ups only. No global CRM typography/button changes. */
.crm-user-panel .member-followup-alarm{position:relative;overflow:visible}
.crm-user-panel .member-followup-alarm-badge{position:absolute;top:-5px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e11d48;color:#fff;font-size:10px;font-weight:800;line-height:18px;text-align:center;box-shadow:0 0 0 2px #fff}
.crm-user-panel .member-followup-alarm-tip{position:absolute;right:-10px;top:calc(100% + 10px);z-index:200;width:max-content;max-width:220px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#334155;font-size:12px;font-weight:600;box-shadow:0 10px 28px rgba(15,23,42,.14);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-3px);transition:.15s ease}
.crm-user-panel .member-followup-alarm:hover .member-followup-alarm-tip,.crm-user-panel .member-followup-alarm:focus-visible .member-followup-alarm-tip{opacity:1;visibility:visible;transform:none}

body.crm-user-panel .shell #view .mfc{display:flex;flex-direction:column;gap:12px;min-height:calc(100vh - 98px);padding:12px 14px 18px;color:#172033}
body.crm-user-panel .shell #view .mfc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
body.crm-user-panel .shell #view .mfc-head h2{margin:0;font-size:20px;line-height:1.2;font-weight:720;color:#111827;letter-spacing:-.3px}
body.crm-user-panel .shell #view .mfc-head p{margin:4px 0 0;color:#7b8496;font-size:12.5px;line-height:1.45}
body.crm-user-panel .shell #view .mfc-head-alarm{display:flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #e4e9f2;border-radius:9px;background:#fff;color:#6255cf;font-size:11.5px;font-weight:650;white-space:nowrap;box-shadow:0 1px 2px rgba(15,23,42,.02)}
body.crm-user-panel .shell #view .mfc-head-alarm svg{width:15px;height:15px}

/* Filter bar */
body.crm-user-panel .shell #view .mfc-filters{display:grid;grid-template-columns:minmax(250px,1fr) 145px 175px 145px 155px auto;gap:8px;align-items:end;padding:10px 10px 11px;border:1px solid #e4e9f1;border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.02)}
body.crm-user-panel .shell #view .mfc-filter-field{display:flex;flex-direction:column;gap:5px;min-width:0;margin:0}
body.crm-user-panel .shell #view .mfc-filter-label{display:block;color:#667085;font-size:10.5px;font-weight:650;line-height:1;white-space:nowrap}
body.crm-user-panel .shell #view .mfc-filter-field select{width:100%;height:36px;margin:0;padding:0 30px 0 10px;border:1px solid #d9e0ea;border-radius:8px;background:#fff;color:#263247;font-size:12.5px;font-weight:500;outline:none}
body.crm-user-panel .shell #view .mfc-filter-field select:focus{border-color:#7667df;box-shadow:0 0 0 2px rgba(99,76,220,.09)}
body.crm-user-panel .shell #view .mfc-search{display:flex;align-items:center;gap:7px;height:36px;padding:0 10px;border:1px solid #d9e0ea;border-radius:8px;background:#fff}
body.crm-user-panel .shell #view .mfc-search:focus-within{border-color:#7667df;box-shadow:0 0 0 2px rgba(99,76,220,.09)}
body.crm-user-panel .shell #view .mfc-search svg{width:15px;height:15px;color:#8da0b7;flex:0 0 auto}
body.crm-user-panel .shell #view .mfc-search input{width:100%;height:32px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#263247;font-size:12.5px!important;outline:none!important}
body.crm-user-panel .shell #view .mfc-search input::placeholder{color:#98a2b3}
body.crm-user-panel .shell #view .mfc-filter-actions{display:flex;align-items:flex-end;height:52px}
body.crm-user-panel .shell #view .mfc-reset{height:36px!important;min-height:36px!important;padding:0 13px!important;margin:0!important;border-radius:8px!important;white-space:nowrap;font-size:12px!important}

/* Multi status filter */
body.crm-user-panel .shell #view .mfc-status-field{position:relative}
body.crm-user-panel .shell #view .mfc-status-filter{position:relative;display:block;min-width:0}
body.crm-user-panel .shell #view .mfc-status-filter>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;height:36px;padding:0 10px;border:1px solid #d9e0ea;border-radius:8px;background:#fff;cursor:pointer;color:#293548;font-size:12.5px;font-weight:500;min-width:0}
body.crm-user-panel .shell #view .mfc-status-filter>summary::-webkit-details-marker{display:none}
body.crm-user-panel .shell #view .mfc-status-filter>summary span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.crm-user-panel .shell #view .mfc-status-filter>summary:after{content:'⌄';color:#7b8496;font-size:13px;flex:0 0 auto}
body.crm-user-panel .shell #view .mfc-status-filter[open]>summary{border-color:#7667df;box-shadow:0 0 0 2px rgba(99,76,220,.09)}
body.crm-user-panel .shell #view .mfc-status-menu{position:absolute;z-index:90;top:42px;left:0;min-width:190px;padding:7px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;box-shadow:0 14px 30px rgba(15,23,42,.16)}
body.crm-user-panel .shell #view .mfc-status-menu label{display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;color:#334155;font-size:12.5px;font-weight:500;cursor:pointer}
body.crm-user-panel .shell #view .mfc-status-menu label:hover{background:#f6f7fb}
body.crm-user-panel .shell #view .mfc-status-menu input{width:15px;height:15px;margin:0;accent-color:#5b4bd8}
body.crm-user-panel .shell #view .mfc-status-menu .dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:0 0 7px}
body.crm-user-panel .shell #view .mfc-status-menu .dot.pending{background:#6f5bd8}
body.crm-user-panel .shell #view .mfc-status-menu .dot.late{background:#e11d48}
body.crm-user-panel .shell #view .mfc-status-menu .dot.done{background:#059669}

/* Compact summary tiles — DIVs by design so legacy global button themes can never recolour them teal. */
body.crm-user-panel .shell #view .mfc .mfc-summary{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px}
body.crm-user-panel .shell #view .mfc .mfc-summary .mfc-summary-card{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;margin:0;padding:8px 11px;border:1px solid #e1e6ee;border-radius:9px;background:#fff;color:#536174;box-shadow:0 1px 2px rgba(15,23,42,.025);cursor:pointer;user-select:none;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}
body.crm-user-panel .shell #view .mfc .mfc-summary .mfc-summary-card:hover{background:#fafbff;border-color:#cbd4e1;box-shadow:0 2px 7px rgba(15,23,42,.045)}
body.crm-user-panel .shell #view .mfc .mfc-summary .mfc-summary-card:focus-visible{outline:2px solid #7667df;outline-offset:2px}
body.crm-user-panel .shell #view .mfc-summary-label{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:650;color:#667085}
body.crm-user-panel .shell #view .mfc-summary-label i{width:7px;height:7px;border-radius:50%;background:#98a2b3}
body.crm-user-panel .shell #view .mfc-summary-card b{font-size:17px;font-weight:720;line-height:1;color:#171f31}
body.crm-user-panel .shell #view .mfc-summary-card.late{border-left:3px solid #e11d48}
body.crm-user-panel .shell #view .mfc-summary-card.late .mfc-summary-label i{background:#e11d48}
body.crm-user-panel .shell #view .mfc-summary-card.late b{color:#d92347}
body.crm-user-panel .shell #view .mfc-summary-card.today{border-left:3px solid #d97706}
body.crm-user-panel .shell #view .mfc-summary-card.today .mfc-summary-label i{background:#d97706}
body.crm-user-panel .shell #view .mfc-summary-card.today b{color:#c26d00}
body.crm-user-panel .shell #view .mfc-summary-card.upcoming{border-left:3px solid #6f5bd8}
body.crm-user-panel .shell #view .mfc-summary-card.upcoming .mfc-summary-label i{background:#6f5bd8}
body.crm-user-panel .shell #view .mfc-summary-card.upcoming b{color:#5b4bd8}
body.crm-user-panel .shell #view .mfc-summary-card.done{border-left:3px solid #059669}
body.crm-user-panel .shell #view .mfc-summary-card.done .mfc-summary-label i{background:#059669}
body.crm-user-panel .shell #view .mfc-summary-card.done b{color:#07815d}

body.crm-user-panel .shell #view .mfc-count{display:flex;align-items:center;gap:5px;color:#637083;font-size:11.5px;font-weight:600}
body.crm-user-panel .shell #view .mfc-count span{font-weight:400;color:#9aa4b3}

/* Table */
body.crm-user-panel .shell #view .mfc-table-wrap{overflow:auto;border:1px solid #e4e9f1;border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.02)}
body.crm-user-panel .shell #view .mfc-table{width:100%;min-width:980px;border-collapse:collapse;table-layout:fixed;background:#fff}
body.crm-user-panel .shell #view .mfc-table th{height:36px;padding:0 12px;border-bottom:1px solid #e9edf3;background:#fafbfc;color:#7d8797;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;text-align:left}
body.crm-user-panel .shell #view .mfc-table td{padding:10px 12px;border-bottom:1px solid #eef1f5;color:#344054;font-size:12px;vertical-align:middle;background:transparent}
body.crm-user-panel .shell #view .mfc-table tbody tr:last-child td{border-bottom:0}
body.crm-user-panel .shell #view .mfc-table tbody tr:hover td{background:#fbfcff}
body.crm-user-panel .shell #view .mfc-table tr.is-late td{background:#fffdfd}
body.crm-user-panel .shell #view .mfc-table tr.is-today td{background:#fffefa}
body.crm-user-panel .shell #view .mfc-table tr.is-done td{background:#fbfcfc;color:#7d8795}
body.crm-user-panel .shell #view .mfc-table th:nth-child(1){width:20%}
body.crm-user-panel .shell #view .mfc-table th:nth-child(2){width:27%}
body.crm-user-panel .shell #view .mfc-table th:nth-child(3){width:11%}
body.crm-user-panel .shell #view .mfc-table th:nth-child(4){width:20%}
body.crm-user-panel .shell #view .mfc-table th:nth-child(5){width:10%}
body.crm-user-panel .shell #view .mfc-table th:nth-child(6){width:12%}

/* Lead name must look like text/link, not a teal button. */
body.crm-user-panel .shell #view .mfc button.mfc-lead-link{display:inline!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;color:#4036b3!important;font-size:12.5px!important;font-weight:650!important;line-height:1.35!important;text-align:left!important;white-space:normal!important;transform:none!important}
body.crm-user-panel .shell #view .mfc button.mfc-lead-link:hover{background:transparent!important;color:#2f2891!important;text-decoration:underline!important}
body.crm-user-panel .shell #view .mfc-table td:first-child small{display:block;margin-top:3px;color:#98a2b3;font-size:10.5px;font-weight:450}
body.crm-user-panel .shell #view .mfc-note{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#475467;font-size:12px}

/* Status chips */
body.crm-user-panel .shell #view .mfc-status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;font-size:10.5px;font-weight:700;line-height:1;white-space:nowrap}
body.crm-user-panel .shell #view .mfc-status.late{background:#ffe9ed;color:#dc2346}
body.crm-user-panel .shell #view .mfc-status.today{background:#fff3d7;color:#b56f00}
body.crm-user-panel .shell #view .mfc-status.pending{background:#eeeaff;color:#5b4bd8}
body.crm-user-panel .shell #view .mfc-status.done{background:#e8f7f0;color:#07815d}

/* Date/time remains readable and edit pencil stays visually secondary. */
body.crm-user-panel .shell #view .mfc-due{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'date edit' 'rel edit';gap:2px 6px;align-items:center;min-width:0}
body.crm-user-panel .shell #view .mfc-due b{grid-area:date;display:block;font-size:11.5px;font-weight:620;color:#344054;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.crm-user-panel .shell #view .mfc-due small{grid-area:rel;display:block;font-size:10.5px;color:#98a2b3;line-height:1.3}
body.crm-user-panel .shell #view .mfc button.mfc-edit-due{grid-area:edit;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;margin:0!important;padding:0!important;border:0!important;border-radius:6px!important;background:transparent!important;background-image:none!important;box-shadow:none!important;color:#e23c70!important;font-size:13px!important;font-weight:700!important;line-height:1!important;transform:none!important}
body.crm-user-panel .shell #view .mfc button.mfc-edit-due:hover{background:#fff0f5!important;color:#c9235a!important}

/* Priority is plain status text, not a control. */
body.crm-user-panel .shell #view .mfc-priority{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;white-space:nowrap;color:#64748b}
body.crm-user-panel .shell #view .mfc-priority>span{font-size:12px;color:#475467}
body.crm-user-panel .shell #view .mfc-priority.high{color:#e11d48}
body.crm-user-panel .shell #view .mfc-priority.medium{color:#b66d00}
body.crm-user-panel .shell #view .mfc-priority.normal{color:#64748b}

/* Action buttons: compact white icon buttons; Done is softly green. */
body.crm-user-panel .shell #view .mfc-actions{display:flex;align-items:center;gap:5px;white-space:nowrap}
body.crm-user-panel .shell #view .mfc-actions button.mfc-action-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;margin:0!important;padding:0!important;border:1px solid #d9e1ec!important;border-radius:7px!important;background:#fff!important;background-image:none!important;box-shadow:none!important;color:#56657a!important;transform:none!important}
body.crm-user-panel .shell #view .mfc-actions button.mfc-action-btn:hover:not(:disabled){background:#f7f8fc!important;border-color:#bfc9d8!important;color:#3730a3!important}
body.crm-user-panel .shell #view .mfc-actions button.mfc-action-btn svg{width:14px;height:14px}
body.crm-user-panel .shell #view .mfc-actions button.mfc-done{color:#07815d!important;border-color:#b9e7d5!important;background:#fbfffd!important}
body.crm-user-panel .shell #view .mfc-actions button.mfc-done:hover:not(:disabled){background:#eefaf4!important;border-color:#86d5b5!important;color:#056a4d!important}

/* Inline reschedule */
body.crm-user-panel .shell #view .mfc-edit-row td{padding:0!important;background:#fafbff!important}
body.crm-user-panel .shell #view .mfc-reschedule{display:grid;grid-template-columns:minmax(220px,280px) 1fr auto;gap:10px;align-items:end;padding:11px 14px;border-top:1px solid #e5e7f0}
body.crm-user-panel .shell #view .mfc-reschedule label{display:flex;flex-direction:column;gap:4px;color:#667085;font-size:10.5px;font-weight:650}
body.crm-user-panel .shell #view .mfc-reschedule input{height:36px;margin:0;padding:0 10px;border:1px solid #d8deea;border-radius:7px;background:#fff;color:#263247;font-size:12px;outline:none}
body.crm-user-panel .shell #view .mfc-reschedule input:focus{border-color:#7667df;box-shadow:0 0 0 2px rgba(99,76,220,.09)}
body.crm-user-panel .shell #view .mfc-reschedule>div{display:flex;gap:6px;justify-content:flex-end}
body.crm-user-panel .shell #view .mfc-reschedule button{height:36px!important;min-height:36px!important;margin:0!important;font-size:11.5px!important}

body.crm-user-panel .shell #view .mfc-empty{padding:44px 20px;border:1px dashed #d7deea;border-radius:10px;background:#fff;color:#8d98a8;text-align:center;font-size:13px}
body.crm-user-panel .shell #view .mfc-pager{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 0;color:#7e8998;font-size:11.5px}
body.crm-user-panel .shell #view .mfc-pager>div{display:flex;gap:6px}
body.crm-user-panel .shell #view .mfc-pager button{width:34px!important;height:32px!important;min-width:34px!important;min-height:32px!important;padding:0!important;margin:0!important}

@media(max-width:1120px){
  body.crm-user-panel .shell #view .mfc-filters{grid-template-columns:minmax(220px,1fr) 140px 160px 140px}
  body.crm-user-panel .shell #view .mfc-filter-actions{height:auto;align-items:flex-end}
  body.crm-user-panel .shell #view .mfc-reschedule{grid-template-columns:1fr 1fr}
  body.crm-user-panel .shell #view .mfc-reschedule>div{grid-column:1/-1}
}
@media(max-width:760px){
  body.crm-user-panel .shell #view .mfc{padding:10px 8px}
  body.crm-user-panel .shell #view .mfc-head{align-items:flex-start}
  body.crm-user-panel .shell #view .mfc-head-alarm{display:none}
  body.crm-user-panel .shell #view .mfc-filters{grid-template-columns:1fr 1fr}
  body.crm-user-panel .shell #view .mfc-search-field{grid-column:1/-1}
  body.crm-user-panel .shell #view .mfc-summary{grid-template-columns:1fr 1fr}
  body.crm-user-panel .shell #view .mfc-reschedule{grid-template-columns:1fr}
  body.crm-user-panel .shell #view .mfc-reschedule>div{grid-column:auto}
  .crm-user-panel .member-followup-alarm-tip{display:none}
}