/* ═══════════════════════════════════════════════════
   CustoTasks — CSR Inbox (manager) + TLD panel in the task sheet (everyone)   2026-09-17
   Additive: reuses the app's glass material (.stat-card, .worklist-filters, .table-wrapper)
   and its tokens (--ink, --pill, --hair, --sys-*). Nothing in styles.css is overridden.
   ═══════════════════════════════════════════════════ */

.t-csr { background: linear-gradient(135deg,#0A7C8C,#64D2FF); --tile-glow: rgba(100,210,255,.42); }

/* ── tiles ── */
#screen-csrinbox .stat-card { cursor: pointer; }
#screen-csrinbox .stat-card.on { box-shadow: var(--shadow), 0 0 0 1.5px var(--sys-blue), inset 0 1px 1px var(--lip); }
.stat-card.teal .stat-value   { color: #7ADFFF; text-shadow: 0 0 24px rgba(100,210,255,.4); }
.stat-card.indigo .stat-value { color: #9B99FF; text-shadow: 0 0 24px rgba(94,92,230,.45); }
body.cloud .stat-card.teal .stat-value   { color: #0A7C8C; text-shadow: none; }
body.cloud .stat-card.indigo .stat-value { color: #4A48C8; text-shadow: none; }

/* ── toolbar ── */
.csr-chips { display: flex; gap: 6px; background: var(--pill); border-radius: 16px; padding: 4px; position: relative; z-index: 1; }
.csr-chip {
  border: none; background: transparent; color: var(--ink2); font: 600 12px var(--f); padding: 7px 13px;
  border-radius: 12px; cursor: pointer; transition: background .25s var(--e), color .25s var(--e); white-space: nowrap;
}
.csr-chip:hover { color: var(--ink); }
.csr-chip.on { background: linear-gradient(135deg, var(--sys-blue), var(--sys-indigo)); color: #fff; box-shadow: 0 4px 12px rgba(10,132,255,.35); }
.csr-chip .n { opacity: .7; margin-left: 5px; font-weight: 700; }
.csr-search { min-width: 170px !important; cursor: text !important; }
.csr-dates input[type="date"] {
  border: 1px solid var(--input-border); border-radius: 13px; padding: 7px 10px; font: 500 12.5px var(--f);
  color: var(--ink); background: var(--input-bg); outline: none; min-width: 0; width: 138px; color-scheme: dark;
  transition: border-color .3s var(--e), box-shadow .3s var(--e);
}
body.cloud .csr-dates input[type="date"] { color-scheme: light; }
.csr-dates input[type="date"]:focus { border-color: var(--sys-blue); box-shadow: 0 0 0 3px rgba(10,132,255,.18); }
.csr-dash { font-size: 11.5px; color: var(--ink3); font-weight: 600; }
.csr-datehint { font-size: 11.5px; color: #FFB340; font-weight: 600; white-space: nowrap; }
body.cloud .csr-datehint { color: #B26A00; }
.csr-sortable { cursor: pointer; user-select: none; }
.csr-sortable:hover { color: var(--ink) !important; }
#csr-sortmark { font-size: 9px; margin-left: 3px; color: var(--sys-blue); }
.csr-pulled { margin-left: auto; font-size: 11.5px; color: var(--ink3); font-weight: 600; white-space: nowrap; position: relative; z-index: 1; }
.csr-pull {
  position: relative; z-index: 1; border: 1px solid var(--input-border); background: var(--pill); color: var(--ink);
  font: 700 12px var(--f); padding: 8px 14px; border-radius: 13px; cursor: pointer; display: inline-flex; align-items: center; gap: 7px;
  transition: background .25s var(--e), transform .25s var(--e);
}
.csr-pull:hover { background: var(--pill-hover); transform: translateY(-1px); }
.csr-pull .spin { display: inline-block; transition: transform .6s var(--e); }
.csr-pull.busy .spin { animation: csr-spin .9s linear infinite; }
@keyframes csr-spin { to { transform: rotate(360deg); } }
.csr-spin { display: inline-block; animation: csr-spin .9s linear infinite; margin-right: 2px; }   /* "Assigning N to …" (2026-10-02) */

/* ── notices ── */
.csr-note {
  position: relative; border-radius: 16px; padding: 11px 16px; margin-bottom: 14px; font-size: 12.5px; color: var(--ink2);
  background: var(--pill); border: 1px solid var(--hair);
}
.csr-note.warn { border-color: rgba(255,159,10,.45); background: rgba(255,159,10,.10); color: var(--ink); }
.csr-note.bad  { border-color: rgba(255,69,58,.5);  background: rgba(255,69,58,.10);  color: var(--ink); }
.csr-note b { color: var(--ink); }

/* ── table ── */
#csr-table tbody tr { cursor: default; }
#csr-table td { vertical-align: top; padding-top: 13px; padding-bottom: 13px; }
#csr-table td.cb, #csr-table th.cb { width: 34px; padding-right: 0; }
#csr-table th:nth-child(4) { width: 40%; }
#csr-table .hs-btn, #csr-table .lead-id-cell { white-space: nowrap; flex-wrap: nowrap; }
#csr-table input[type="checkbox"] { width: 16px; height: 16px; accent-color: var(--sys-blue); cursor: pointer; }
#csr-table input[type="checkbox"]:disabled { opacity: .3; cursor: not-allowed; }
#csr-table tr.sel { background: rgba(10,132,255,.10); }
.csr-reason { display: inline-block; font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 10px; white-space: nowrap; }
.csr-reason.r-id    { background: rgba(100,210,255,.16); color: #7ADFFF; }
.csr-reason.r-pay   { background: rgba(255,159,10,.16);  color: #FFB340; }
.csr-reason.r-tax   { background: rgba(94,92,230,.22);   color: #A9A8FF; }
.csr-reason.r-other { background: var(--pill);           color: var(--ink2); }
body.cloud .csr-reason.r-id  { color: #0A7C8C; }
body.cloud .csr-reason.r-pay { color: #B26A00; }
body.cloud .csr-reason.r-tax { color: #4A48C8; }
.csr-when { color: var(--ink); font-weight: 600; font-size: 12.5px; white-space: nowrap; }
.csr-sub  { color: var(--ink3); font-size: 11.5px; margin-top: 3px; white-space: nowrap; }
.csr-text { color: var(--ink); font-size: 13px; line-height: 1.45; white-space: pre-wrap; overflow-wrap: anywhere;
            display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; cursor: pointer; }
.csr-text.open { display: block; }
.csr-text.none { color: var(--ink3); font-style: italic; cursor: default; }
.csr-tags { margin-top: 7px; display: flex; flex-wrap: wrap; gap: 5px; }
.csr-tag  { font-size: 10.5px; font-weight: 600; padding: 3px 8px; border-radius: 8px; background: var(--pill); color: var(--ink2); white-space: nowrap; }
.csr-tag.hint { background: rgba(255,159,10,.14); color: #FFB340; }
.csr-tag.back { background: rgba(191,90,242,.18); color: #D9A3FF; }
body.cloud .csr-tag.back { color: #7B2FB5; }
.icon-csr { background: linear-gradient(135deg,#0A7C8C,#64D2FF); }
.t-tag { background: linear-gradient(135deg,#7A3AA6,#BF5AF2); --tile-glow: rgba(191,90,242,.42); }

/* ── Tag Pull ── */
.tp-bar { align-items: flex-start; }
.tp-group { display: flex; flex-direction: column; gap: 6px; position: relative; z-index: 1; min-width: 220px; }
.tp-group > label { font-size: 11px; font-weight: 700; color: var(--ink3); text-transform: uppercase; letter-spacing: .4px; }
.tp-chips { display: flex; flex-wrap: wrap; gap: 6px; min-height: 26px; align-items: center; }
.tp-dates { flex-direction: row; align-items: center; flex-wrap: wrap; gap: 8px; }
.tp-dates > label { margin-right: 2px; }
.tp-dates input[type="date"] { border: 1px solid var(--input-border); border-radius: 13px; padding: 7px 10px; font: 500 12.5px var(--f); color: var(--ink); background: var(--input-bg); outline: none; width: 138px; color-scheme: dark; }
body.cloud .tp-dates input[type="date"] { color-scheme: light; }
.tp-opt { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; color: var(--ink2); }
.tp-opt select { min-width: 0 !important; }
.tp-opt input[type="checkbox"] { accent-color: var(--sys-blue); }
#tp-table td { vertical-align: top; padding-top: 12px; padding-bottom: 12px; }
#tp-table td.cb, #tp-table th.cb { width: 34px; padding-right: 0; }
#tp-table input[type="checkbox"] { width: 16px; height: 16px; accent-color: var(--sys-blue); cursor: pointer; }
#tp-table input[type="checkbox"]:disabled { opacity: .3; cursor: not-allowed; }
#tp-table tr.sel { background: rgba(10,132,255,.10); }
#tp-table tbody tr { cursor: default; }

/* ── "Release Task" confirm inside the task sheet ── */
.rel-confirm { margin-top: 12px; padding: 12px 14px; border-radius: 16px; border: 1px solid rgba(255,69,58,.35); background: rgba(255,69,58,.07); }
.rel-text { font-size: 12.5px; color: var(--ink); font-weight: 600; margin-bottom: 9px; }
.rel-row { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.rel-row .csr-why { max-width: none; }
body.cloud .csr-tag.hint { color: #B26A00; }
.csr-due { display: inline-block; font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 10px; white-space: nowrap; background: var(--pill); color: var(--ink2); }
.csr-due.late  { background: rgba(255,69,58,.16);  color: #FF6961; }
.csr-due.today { background: rgba(255,159,10,.16); color: #FFB340; }
body.cloud .csr-due.late  { color: #C9271D; }
body.cloud .csr-due.today { color: #B26A00; }
.csr-empty { text-align: center; padding: 44px 20px !important; color: var(--ink3); font-size: 13px; }
.csr-empty b { display: block; color: var(--ink); font-size: 15px; margin-bottom: 6px; }

/* ── bulk bar ── */
#csr-bulkhost { position: sticky; bottom: 14px; z-index: 5; }   /* the host is the sticky box: its parent is the whole screen */
.csr-bulk {
  margin-top: 14px; border-radius: 20px; padding: 12px 16px;
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  background: var(--glass-strong); border: 1px solid var(--hair); box-shadow: var(--shadow), inset 0 1px 1px var(--lip);
  backdrop-filter: blur(28px) saturate(170%); -webkit-backdrop-filter: blur(28px) saturate(170%);
}
.csr-bulk .count { font-size: 13px; font-weight: 700; color: var(--ink); }
.csr-bulk .count small { color: var(--ink3); font-weight: 600; margin-left: 6px; }
.csr-bulk .grow { flex: 1; }
.csr-bulk select { border: 1px solid var(--input-border); border-radius: 13px; padding: 9px 12px; font: 600 12.5px var(--f); color: var(--ink); background: var(--input-bg); outline: none; min-width: 170px; cursor: pointer; }
.csr-bulk select option { background: #14161f; color: #F5F7FA; }
/* an Other request's queue pick (2026-10-02), under its request pill */
.csr-place { display: block; margin-top: 7px; border: 1px solid var(--input-border); border-radius: 10px; padding: 5px 8px; font: 600 11.5px var(--f); color: var(--ink); background: var(--input-bg); outline: none; cursor: pointer; max-width: 150px; }
.csr-place:focus { border-color: var(--sys-blue); box-shadow: 0 0 0 3px rgba(10,132,255,.18); }
.csr-place.unset { border-color: rgba(255,159,10,.6); color: #FFB340; }
body.cloud .csr-place.unset { color: #B26A00; }
.csr-place option { background: #14161f; color: #F5F7FA; }
body.cloud .csr-place option { background: #fff; color: #0C1018; }
/* Pool tab, managers: assign the ticked tasks to someone (2026-09-25) - sits before Claim Selected */
.pool-area[style*="block"] { display: flex !important; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }   /* the app shows the area with an inline display:block */
.pool-area[style*="block"] + .filter-count { margin-left: 0; }   /* both carry margin-left:auto; let the controls sit beside the count, not mid-row */
.pool-assign { display: inline-flex; align-items: center; gap: 8px; }
.pool-assign select { border: 1px solid var(--input-border); border-radius: 13px; padding: 9px 12px; font: 600 12.5px var(--f); color: var(--ink); background: var(--input-bg); outline: none; min-width: 170px; cursor: pointer; }
.pool-assign select option { background: #14161f; color: #F5F7FA; }
body.cloud .pool-assign select option { background: #fff; color: #0C1018; }
.pool-assign .pool-go[disabled] { opacity: .6; cursor: default; transform: none; }
body.cloud .csr-bulk select option { background: #fff; color: #0C1018; }
.csr-btn { border: 1px solid var(--input-border); background: var(--pill); color: var(--ink); font: 700 12.5px var(--f); padding: 9px 15px; border-radius: 13px; cursor: pointer; transition: transform .25s var(--e), background .25s var(--e), box-shadow .25s var(--e); }
.csr-btn:hover { background: var(--pill-hover); transform: translateY(-1px); }
.csr-btn.primary { border: none; color: #fff; background: linear-gradient(135deg, var(--sys-blue), var(--sys-indigo)); box-shadow: 0 5px 14px rgba(10,132,255,.3), inset 0 1px 1px rgba(255,255,255,.3); }
.csr-btn.primary:hover { box-shadow: 0 8px 20px rgba(10,132,255,.45), inset 0 1px 1px rgba(255,255,255,.3); }
.csr-btn[disabled] { opacity: .45; cursor: not-allowed; transform: none; }
.csr-btn.danger { border-color: rgba(255,69,58,.55); background: rgba(255,69,58,.14); color: #FF8A82; }
.csr-btn.danger:hover { background: rgba(255,69,58,.24); }
body.cloud .csr-btn.danger { color: #C9271D; }
.csr-why { flex: 1; min-width: 220px; max-width: 420px; border: 1px solid var(--input-border); border-radius: 13px; padding: 9px 12px; font: 500 12.5px var(--f); color: var(--ink); background: var(--input-bg); outline: none; }
.csr-why:focus { border-color: var(--sys-blue); box-shadow: 0 0 0 3px rgba(10,132,255,.18); }
.csr-split { width: 100%; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding-top: 10px; border-top: 1px solid var(--hair); }
.csr-split label { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; color: var(--ink2); background: var(--pill); padding: 6px 11px; border-radius: 11px; cursor: pointer; }
.csr-split label.on { color: var(--ink); background: rgba(10,132,255,.18); }
.csr-split input { accent-color: var(--sys-blue); }
.csr-split .plan { font-size: 12px; color: var(--ink3); margin-left: 4px; }

/* ── TLD panel inside the task sheet ── */
.tld-panel { border: 1px solid var(--hair); background: var(--pill); border-radius: 18px; padding: 14px 16px; margin: 0 0 18px; }
.tld-head { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.tld-title { font-size: 9.5px; font-weight: 700; color: var(--ink3); text-transform: uppercase; letter-spacing: .6px; }
.tld-head .grow { flex: 1; }
.tld-mini { border: none; background: transparent; color: var(--ink3); cursor: pointer; font-size: 13px; padding: 2px 6px; border-radius: 8px; }
.tld-mini:hover { color: var(--ink); background: var(--pill-hover); }
.tld-quiet { font-size: 12.5px; color: var(--ink3); }
.tld-chips { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.tld-chip { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; padding: 5px 6px 5px 10px; border-radius: 10px; background: rgba(10,132,255,.14); color: var(--ink); }
.tld-chip.pol { background: rgba(94,92,230,.18); }
.tld-chip .where { font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; color: var(--ink3); }
.tld-chip button { border: none; background: transparent; color: var(--ink3); cursor: pointer; font-size: 12px; line-height: 1; padding: 2px 4px; border-radius: 6px; }
.tld-chip button:hover { color: #fff; background: var(--sys-red); }
.tld-chip.busy { opacity: .5; pointer-events: none; }
.tld-add { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.tld-add input, .tld-add select { flex: 1; min-width: 180px; border: 1px solid var(--input-border); border-radius: 12px; padding: 8px 11px; font: 500 12.5px var(--f); color: var(--ink); background: var(--input-bg); outline: none; }
.tld-add input:focus, .tld-add select:focus { border-color: var(--sys-blue); box-shadow: 0 0 0 3px rgba(10,132,255,.18); }
.tld-add select option { background: #14161f; color: #F5F7FA; }
body.cloud .tld-add select option { background: #fff; color: #0C1018; }
.tld-msg { font-size: 12px; margin-top: 8px; color: var(--ink3); }
.tld-msg.bad { color: #FF6961; } .tld-msg.good { color: #4ADE80; }
body.cloud .tld-msg.bad { color: #C9271D; } body.cloud .tld-msg.good { color: #1FA84A; }
.tld-sep { border: none; border-top: 1px solid var(--hair); margin: 14px 0 12px; }
.tld-csr { padding: 10px 0; border-bottom: 1px solid var(--hair); }
.tld-csr:last-child { border-bottom: none; padding-bottom: 2px; }
.tld-csr.this { background: rgba(10,132,255,.08); margin: 0 -8px; padding: 10px 8px; border-radius: 12px; border-bottom-color: transparent; }
.tld-csr .top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 11.5px; color: var(--ink3); }
.tld-csr .st { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; padding: 3px 8px; border-radius: 8px; background: rgba(255,159,10,.16); color: #FFB340; }
.tld-csr .st.done { background: rgba(48,209,88,.16); color: #4ADE80; }
body.cloud .tld-csr .st { color: #B26A00; } body.cloud .tld-csr .st.done { color: #1FA84A; }
.tld-csr .txt { margin-top: 6px; font-size: 13px; line-height: 1.45; color: var(--ink); white-space: pre-wrap; overflow-wrap: anywhere; }


/* ── Manager Stats (managers) — 2026-09-18 · v2 charts ── */
.di-tile.t-stats { background: linear-gradient(135deg, var(--sys-green), var(--sys-teal)); }
.ms-bar { align-items: flex-start; }
.ms-bar .ms-narrow { min-width: 150px; }
.ms-dates { display: flex; align-items: center; gap: 6px; margin-top: 6px; }
.ms-views { display: flex; align-items: center; gap: 6px; }
.ms-views select { min-width: 150px; }
.ms-grow { flex: 1; }
.ms-tiles { margin: 14px 0; }
.stat-card.ms-rate .stat-value { color: #C9A3FF; text-shadow: 0 0 24px rgba(191,90,242,.35); }
.ms-grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 14px; }
@media (max-width: 1180px) { .ms-grid3 { grid-template-columns: 1fr; } }
.ms-tile { padding: 14px 16px 12px; margin-bottom: 14px; }
.ms-grid3 .ms-tile { margin-bottom: 0; }
.ms-th { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; min-height: 26px; flex-wrap: wrap; }
.ms-sub { font-size: 11px; color: var(--ink3); }
.ms-canvas { position: relative; height: 190px; }
.ms-canvas.tall { height: 280px; }
.ms-canvas .ms-empty { display: none; position: absolute; inset: 0; align-items: center; justify-content: center; font-size: 12.5px; color: var(--ink3); }
.ms-canvas.empty canvas { display: none; }
.ms-canvas.empty .ms-empty { display: flex; }
.ms-legend-list { display: flex; flex-direction: column; gap: 2px; margin-top: 10px; }
.ms-lg { display: grid; grid-template-columns: 12px 1fr auto auto; gap: 8px; align-items: center; padding: 4px 8px; border-radius: 9px; background: none; border: 0; color: var(--ink2); font: inherit; font-size: 12px; text-align: left; cursor: pointer; transition: background .2s var(--e); }
.ms-lg:hover, .ms-lg.on { background: var(--pill); color: var(--ink); }
.ms-lg i { width: 10px; height: 10px; border-radius: 3px; display: inline-block; }
.ms-lg .l { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ms-lg b { color: var(--ink); font-variant-numeric: tabular-nums; }
.ms-lg em { font-style: normal; color: var(--ink3); min-width: 34px; text-align: right; font-variant-numeric: tabular-nums; }
.ms-legend { font-size: 11px; color: var(--ink3); display: flex; align-items: center; }
.ms-legend i { width: 10px; height: 10px; border-radius: 3px; display: inline-block; margin: 0 5px 0 12px; }
.ms-legend i.a { background: var(--sys-blue); }
.ms-legend i.c { background: var(--sys-green); }
.ms-compare .csr-chips { margin-left: auto; }
.ms-cmp-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 10px; }
.ms-cmp-chips .csr-chip { padding: 5px 11px; }
.ms-cmp-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 10px; margin-bottom: 12px; }
.ms-card { border-radius: 14px; padding: 10px 12px; background: var(--pill); border-left: 3px solid var(--c); }
.ms-card .nm { font-weight: 700; font-size: 12.5px; color: var(--ink); margin-bottom: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ms-card .nums { display: flex; gap: 12px; flex-wrap: wrap; }
.ms-card .nums span { font-size: 10.5px; color: var(--ink3); display: flex; flex-direction: column; }
.ms-card .nums b { font-size: 16px; color: var(--ink); font-variant-numeric: tabular-nums; line-height: 1.15; }
.ms-tablehead { margin-top: 4px; }
table.ms-table th.num, table.ms-table td.num { text-align: right; font-variant-numeric: tabular-nums; }
table.ms-table tbody tr[data-key] { cursor: pointer; }
table.ms-table tbody tr.on td { background: var(--pill); }
table.ms-table tr.total td { font-weight: 700; color: var(--ink); }
.ms-pct { color: var(--ink3); }
.ms-drill { margin-top: 16px; }

/* lead ids open the TLD record (2026-09-18) */
a.lead-id.tld-link { color: inherit; text-decoration: none; border-bottom: 1px dotted var(--ink3); cursor: pointer; transition: color .2s var(--e), border-color .2s var(--e); }
a.lead-id.tld-link:hover { color: var(--sys-blue); border-bottom-color: var(--sys-blue); }

/* ── v3: My Stats (everyone), dashboard cards, parked queues — 2026-09-18 ── */
.ms-grid2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 14px; }
@media (max-width: 900px) { .ms-grid2 { grid-template-columns: 1fr; } }
.ms-grid2 .ms-tile { margin-bottom: 0; }
.di-tile.t-mystats { background: linear-gradient(135deg, var(--sys-purple), var(--sys-pink)); }
.worklist-icon.icon-mystats { background: rgba(191,90,242,.16); }
.worklist-icon.icon-stats   { background: rgba(48,209,88,.16); }
.worklist-icon.icon-tag     { background: rgba(255,159,10,.16); }
/* Message queue parked (Patrick, 2026-09-18); the Callback queue came back 2026-09-19 as "Callbacks", fed by Missed Calls */
.nav-item[data-screen="texts"], #screen-dashboard .worklist-card[onclick*="'texts'"] { display: none !important; }

/* ── Missed Calls (everyone) — 2026-09-19 ── */
.di-tile.t-missed { background: linear-gradient(135deg, var(--sys-red), var(--sys-orange)); }
.worklist-icon.icon-missed { background: rgba(255,69,58,.16); }
.mc-bar { align-items: center; gap: 12px; }
.mc-toggle { font-size: 12px; color: var(--ink2); display: flex; align-items: center; gap: 6px; }
table.mc-table tr.done td { opacity: .55; }
.mc-phone { font-variant-numeric: tabular-nums; letter-spacing: .2px; }
.csr-btn.mc-one { padding: 4px 10px; font-size: 11.5px; }
.mc-dates { display: none; align-items: center; gap: 6px; }
.mc-again { font-weight: 600; color: #FFB340; }            /* a repeat caller (2026-10-02): the same amber as the timeout tag */
body.cloud .mc-again { color: #B26A00; }
.mc-table .csr-sub.mc-wrap { white-space: normal; max-width: 15em; }   /* the earlier-calls and handled lines wrap instead of widening the table */
.csr-sub.mc-hint { white-space: normal; max-width: 80em; }              /* the hint above the list wraps (one long line pushed the screen past the window) */
.ms-legend i.p { background: var(--sys-purple); }

/* ── Add a request (CSR) from the TLD panel — 2026-09-19 ── */
.tld-new summary { cursor: pointer; font-size: 12px; font-weight: 600; color: var(--ink2); margin: 8px 0 4px; list-style: none; }
.tld-new summary::-webkit-details-marker { display: none; }
.tld-newform { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 4px 0 10px; }
.tld-newform textarea, .tld-newform button, .tld-newform #tld-csr-policy { grid-column: 1 / -1; }
.tld-newform select, .tld-newform input, .tld-newform textarea { font: inherit; font-size: 12px; padding: 6px 8px; border-radius: 8px; border: 1px solid transparent; background: var(--pill); color: var(--ink); }
.tld-newform textarea { resize: vertical; min-height: 44px; }

/* ── the lead's notes in the TLD panel — 2026-09-19 ── */
.tld-subhead { font-size: 11px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; color: var(--ink3); margin-bottom: 6px; display: flex; align-items: center; gap: 6px; }
.tld-subhead .n { font-size: 10px; font-weight: 700; padding: 1px 7px; border-radius: 8px; background: var(--pill); color: var(--ink2); letter-spacing: 0; }
.tld-note { padding: 8px 0; border-bottom: 1px solid var(--hair); }
.tld-note:last-child { border-bottom: none; }
.tld-note .meta { font-size: 11px; color: var(--ink3); }
.tld-note .txt { margin-top: 4px; font-size: 13px; line-height: 1.45; color: var(--ink); white-space: pre-wrap; overflow-wrap: anywhere; }
.tld-notes:not(.all) .tld-note.extra { display: none; }
.tld-morenotes { margin-top: 6px; }

/* ── Manager Stats / My Stats · Print — 2026-09-28 ──
   Print → Save as PDF is a clean report: white paper and dark ink in either finish; no dock, top bar, filter bar or
   buttons; a header naming the view; the four tiles in one row; the donuts three across with their legends; every
   table column on the page. manager-stats.js sets body.ms-printing on beforeprint, and only while a stats screen is
   the one showing, so printing any other screen is exactly as before. */
.ms-printhead, .ms-printonly { display: none; }
.ms-printhead .ph-title { font: 800 17px var(--f); letter-spacing: -.02em; color: var(--ink); }
.ms-printhead .ph-view { font-size: 11px; font-weight: 600; color: var(--ink2); margin-top: 3px; }
.ms-printhead .ph-meta { font-size: 9.5px; color: var(--ink3); margin-top: 2px; }
@media print {
  @page { margin: 0.45in; }
  body.ms-printing {
    --bg: #fff; --ink: #0C1018; --ink2: rgba(12,16,24,.74); --ink3: rgba(12,16,24,.56);
    --glass: #fff; --glass-strong: #fff; --pill: rgba(12,16,24,.05); --pill-hover: rgba(12,16,24,.05);
    --row: transparent; --row-hover: transparent; --hair: rgba(12,16,24,.14); --lip: transparent; --shadow: none;
    --input-bg: #fff; --input-border: rgba(12,16,24,.2);
    background: #fff !important; color: var(--ink);
    -webkit-print-color-adjust: exact; print-color-adjust: exact;
  }
  body.ms-printing .orbfield, body.ms-printing .dock, body.ms-printing .topbar, body.ms-printing .toast,
  body.ms-printing .ms-bar, body.ms-printing .ms-hint, body.ms-printing .ms-cmp-chips, body.ms-printing .ms-compare .csr-chips,
  body.ms-printing .csr-btn, body.ms-printing .csr-pull, body.ms-printing .copy-btn { display: none !important; }
  body.ms-printing .main { margin: 0 !important; padding: 0 !important; min-height: 0; }
  body.ms-printing .content { padding: 0 !important; }
  /* animations are left alone: switching them off for paper restarts the screen's pop-in when printing ends, and a
     chart measured mid-pop comes back ~3% narrow (measured 2026-09-28) */
  body.ms-printing .ms-printhead { display: block; margin: 0 0 12px; padding-bottom: 8px; border-bottom: 1.5px solid var(--ink); }
  body.ms-printing .ms-printonly { display: inline; }
  /* glass → paper */
  body.ms-printing .stat-card, body.ms-printing .glass-tile, body.ms-printing .table-wrapper {
    background: #fff !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
    border: 1px solid rgba(12,16,24,.16); border-radius: 12px;
  }
  body.ms-printing .stat-card::before, body.ms-printing .stat-card::after, body.ms-printing .glass-tile::before, body.ms-printing .glass-tile::after,
  body.ms-printing .table-wrapper::before, body.ms-printing .table-wrapper::after { display: none !important; }
  body.ms-printing .stats-grid { grid-template-columns: repeat(4, 1fr) !important; gap: 8px; margin: 0 0 10px; }
  body.ms-printing .stat-card { padding: 9px 12px; }
  body.ms-printing .stat-value { font-size: 24px; text-shadow: none !important; }
  body.ms-printing .stat-card.blue .stat-value { color: #0A6DE0; }
  body.ms-printing .stat-card.green .stat-value { color: #1FA84A; }
  body.ms-printing .stat-card.orange .stat-value { color: #E08A00; }
  body.ms-printing .stat-card.ms-rate .stat-value { color: #8E3FD0; }
  body.ms-printing .ms-grid3 { grid-template-columns: repeat(3, 1fr) !important; gap: 8px; margin-bottom: 10px; }
  body.ms-printing .ms-grid2 { grid-template-columns: repeat(2, 1fr) !important; gap: 8px; margin-bottom: 10px; }
  body.ms-printing .ms-tile { padding: 10px 12px 8px; margin-bottom: 10px; }
  body.ms-printing .ms-grid3 .ms-tile, body.ms-printing .ms-grid2 .ms-tile { margin-bottom: 0; }
  body.ms-printing .ms-tile, body.ms-printing .stat-card, body.ms-printing .ms-card { break-inside: avoid; }
  body.ms-printing .ms-canvas { height: auto !important; }
  body.ms-printing .ms-canvas canvas { max-width: 100% !important; height: auto !important; margin: 0 auto; }
  body.ms-printing .ms-lg { padding: 2px 4px; font-size: 10.5px; }
  body.ms-printing .ms-lg.on { background: none; }
  body.ms-printing .ms-card { background: rgba(12,16,24,.04); }
  /* tables: every column on the page, the header repeated on each page */
  body.ms-printing .table-wrapper { overflow: visible !important; border-radius: 10px; }
  body.ms-printing table { font-size: 10px; }
  body.ms-printing thead { position: static; display: table-header-group; }
  body.ms-printing thead tr { backdrop-filter: none; }
  body.ms-printing thead th { background: #fff !important; padding: 6px 8px; white-space: normal; }
  body.ms-printing tbody td { padding: 5px 8px; color: var(--ink); }
  body.ms-printing tbody tr { break-inside: avoid; }
  body.ms-printing tbody tr.on td { background: none; }
  body.ms-printing a { color: inherit; text-decoration: none; border: 0 !important; }
  body.ms-printing .ms-drill { margin-top: 10px; }
  body.ms-printing .section-header { margin-bottom: 6px; gap: 8px; }
  body.ms-printing .section-header, body.ms-printing .ms-th { break-after: avoid; page-break-after: avoid; }   /* a title never ends a page without its table */
}