:root{
  --blue:#1976d2;
  --blue-dark:#0f5fae;
  --blue-soft:#e1edfa;
  --teal:#1ca6a6;
  --teal-soft:#e8f7f7;
  --ink:#1b2537;
  --muted:#677489;
  --line:#dfe5ec;
  --line-dark:#cbd4df;
  --surface:#ffffff;
  --canvas:#f5f7fa;
  --success:#1f9d55;
  --success-soft:#e7f7ed;
  --warning:#c88511;
  --warning-soft:#fff4dc;
  --danger:#c2414b;
  --danger-soft:#fdeaea;
  --shadow:0 1px 2px rgba(20,38,63,.06);
  --radius:8px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas);font-size:13px}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.app-shell{min-height:100vh;display:flex}
.sidebar{width:202px;flex:0 0 202px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;overflow-y:auto;z-index:20;display:flex;flex-direction:column}
.brand{height:82px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:10px 19px;border-bottom:1px solid var(--line)}
.brand img{display:block;width:102px;height:auto}
.brand span{margin-top:3px;color:#667085;font-size:8.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.main-nav{padding:13px 8px 11px;border-bottom:1px solid #eef1f5;display:flex;flex-direction:column;gap:2px}
.main-nav:before{content:none}
.nav-item{border:0;background:transparent;color:#536073;border-radius:5px;width:100%;min-height:34px;display:flex;align-items:center;gap:9px;padding:7px 10px;text-align:left;transition:.15s ease;font-size:11px}
.nav-item[hidden]{display:none!important}
.nav-item:hover{background:#f3f6fa;color:var(--ink)}
.nav-item.active{background:var(--blue-soft);color:var(--blue);font-weight:700}
.nav-item>span{width:15px;text-align:center;font-size:14px;color:currentColor}
.nav-item b{margin-left:auto;min-width:20px;padding:2px 6px;border-radius:999px;background:#edf1f5;color:#566478;font-size:9px;font-weight:800;text-align:center}
.nav-item.active b{background:#fff;color:var(--blue)}
.sidebar-note{margin:auto 8px 10px;padding:10px;border:1px solid #cfe0ef;border-radius:7px;background:#f3f8fd;color:#53677a;display:flex;gap:8px;line-height:1.4}
.sidebar-note strong{color:#2d587d;font-size:9.5px}
.sidebar-note small{font-size:8.5px;color:#6d7b8d}
.status-dot{width:6px;height:6px;border-radius:50%;background:var(--success);margin-top:4px;flex:0 0 auto}
.agent-card{margin:0 8px 14px;padding:9px 8px;border:1px solid #d7e0e9;border-radius:999px;background:#f8fafc;color:#334054;display:flex;align-items:center;gap:7px}
.avatar{width:28px;height:28px;border-radius:50%;background:#10162f;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:800;flex:0 0 auto}
.agent-card strong{display:block;font-size:9.5px}
.agent-card small{display:block;margin-top:1px;color:#7a8798;font-size:8px}
.agent-card button{margin-left:auto;border:0;background:transparent;color:#637185;font-size:16px;padding:2px}
.main-content{width:calc(100% - 202px);margin-left:202px;min-width:0;min-height:100vh}
.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:15}
.eyebrow{margin:0 0 4px;color:#252f41;font-size:10px;font-weight:800;letter-spacing:.05em}
.topbar h1{margin:0;color:#525252;font-size:22px;line-height:1.15;font-weight:700}
.top-actions{display:flex;align-items:center;gap:10px}
.refresh-menu-wrap{position:relative;flex:0 0 auto}
.refresh-menu-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}
.refresh-menu{position:absolute;z-index:40;right:0;top:calc(100% + 6px);width:230px;padding:6px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 12px 30px rgba(31,42,60,.14)}
.refresh-menu[hidden]{display:none}
.refresh-menu button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:0;border-radius:6px;background:transparent;color:#334155;text-align:left;cursor:pointer}
.refresh-menu button:hover{background:#f5f9fd}
.refresh-menu button+button{margin-top:2px}
.refresh-menu strong{font-size:11.5px;font-weight:700}
.refresh-menu small{color:#7a8798;font-size:9.5px;font-weight:500;white-space:nowrap}
.global-search{width:310px;min-height:36px;border:1px solid var(--line);border-radius:5px;background:#fff;display:flex;align-items:center;gap:7px;padding:0 10px}
.global-search span{color:#718096;font-size:16px}
.global-search input{width:100%;border:0;outline:0;background:transparent;color:#334155;font-size:11px}.global-search-wrap{position:relative}.global-search-clear{flex:0 0 auto;width:24px;height:24px;border:0;border-radius:50%;background:transparent;color:#718096;font-size:18px;line-height:1;cursor:pointer}.global-search-clear:hover{background:#eef3f8;color:#2f5f91}.recent-search-menu{position:absolute;z-index:95;top:calc(100% + 5px);left:0;right:0;padding:7px;border:1px solid var(--line);border-radius:7px;background:#fff;box-shadow:0 12px 26px rgba(22,39,58,.16)}.recent-search-heading{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 7px;color:#708095;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.recent-search-clear-all{border:0;background:transparent;color:var(--blue);font-size:10px;font-weight:700;cursor:pointer}.recent-search-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px}.recent-search-pick,.recent-search-remove{border:0;background:transparent;cursor:pointer}.recent-search-pick{padding:7px 8px;border-radius:5px;color:#26394d;text-align:left;font-size:12px}.recent-search-pick:hover{background:#f2f7fc;color:var(--blue)}.recent-search-remove{width:26px;height:26px;border-radius:5px;color:#8794a3;font-size:16px}.recent-search-remove:hover{background:#f5f6f8;color:#34475a}.recent-search-empty{margin:0;padding:8px;color:#8794a3;font-size:11px}.search-result-pick{display:block;width:100%;padding:9px 10px;border:0;border-top:1px solid #edf1f5;border-radius:0;background:#fff;color:#26394d;text-align:left;cursor:pointer}.search-results-heading+.search-result-pick{border-top:0}.search-result-pick:hover,.search-result-pick:focus-visible{background:#f4f8fc;outline:0}.search-result-main{display:flex;align-items:center;gap:8px;min-width:0}.search-result-main>strong{min-width:0;font-size:12.5px;font-weight:750;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-main>.stage-badge{flex:0 0 auto;padding:3px 7px;font-size:9px}.search-result-meta{display:block;margin-top:4px;color:#718096;font-size:10.5px;font-weight:550;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-search-more{padding:8px 10px;color:#7a8798;font-size:10.5px;font-weight:650;text-align:center}
.primary-button,.secondary-button,.danger-button,.icon-button{min-height:34px;border-radius:6px;padding:7px 12px;font-size:10px;font-weight:700;box-shadow:var(--shadow)}
.primary-button{background:var(--blue);border:1px solid var(--blue);color:#fff}
.primary-button:hover{background:var(--blue-dark);border-color:var(--blue-dark)}
.danger-button{background:var(--danger);border:1px solid var(--danger);color:#fff}
.danger-button:hover{background:#aa3540;border-color:#aa3540}
.danger-button:disabled{opacity:.55;cursor:not-allowed}
.secondary-button{background:#fff;border:1px solid #7aaee5;color:var(--blue)}
.secondary-button:hover{background:#f7fbff}
.secondary-button:disabled{opacity:.45;cursor:not-allowed}
/* Open-in-Crisp is a real link so cmd-click and middle-click work. These rules
   make an anchor sit on the same line as the buttons beside it. */
a.primary-button,a.secondary-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box}
.icon-button{width:34px;padding:0;border:1px solid var(--line-dark);background:#fff;color:#334155;position:relative}
.notification-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--danger);right:6px;top:6px}
.view{display:none;padding:16px 18px 42px}
.view.active{display:block}
.welcome-row,.section-intro{min-height:56px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:11px}
.welcome-row h2,.section-intro h2{margin:0 0 4px;color:#525252;font-size:22px;line-height:1.15;font-weight:700}
.welcome-row p,.section-intro p,.panel-header p{margin:0;color:var(--muted);font-size:11px}
.date-chip{padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#667085;font-size:10px;font-weight:650;box-shadow:var(--shadow)}
.metric-grid{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;margin-bottom:12px}
.open-conversation-summary{appearance:none;align-self:flex-start;display:flex;align-items:baseline;gap:7px;min-height:48px;padding:10px 13px;border:1px solid #cbd9e7;border-left:4px solid #315f8f;border-radius:7px;background:#fff;color:#30475f;font-family:inherit;text-align:left;cursor:pointer;box-shadow:var(--shadow);transition:.15s ease}
.open-conversation-summary strong{color:#223a52;font-size:23px;line-height:1;font-weight:850}.open-conversation-summary span{font-size:10px;font-weight:800;white-space:nowrap}.open-conversation-summary:hover,.open-conversation-summary.is-active{border-color:#739bc2;background:#f6faff;box-shadow:0 3px 10px rgba(32,54,78,.08)}
.metric-card{flex:0 1 auto;inline-size:max-content;min-inline-size:145px;max-inline-size:190px;min-height:76px;padding:10px 12px;border:1px solid #cfe1f6;border-top:3px solid var(--metric-color,#5c9dde);border-radius:7px;background:var(--metric-bg,#fbfdff);box-shadow:var(--shadow);cursor:pointer;transition:.15s ease}
.metric-card:hover{border-color:var(--metric-color,#5c9dde);transform:translateY(-1px);box-shadow:0 4px 12px rgba(32,54,78,.08)}
.metric-top{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#526174;font-size:9.5px;font-weight:750}
.metric-icon{width:23px;height:23px;border-radius:5px;display:grid;place-items:center;background:#fff;color:var(--metric-color,var(--blue));font-size:11px;border:1px solid rgba(100,120,140,.16)}
.metric-icon svg{width:14px;height:14px;display:block}
.metric-value{margin:4px 0 1px;color:#1f2a3c;font-size:22px;line-height:1.15;font-weight:800}
.metric-value .metric-of-total{font-size:.52em;font-weight:750;color:#7c8a9a}
.metric-foot{color:#6d7d91;font-size:8px;line-height:1.2}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px}
.panel{background:#fff;border:1px solid #edf0f3;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.panel-header{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 14px;border-bottom:1px solid #edf0f3}
.panel-header h3{margin:0 0 3px;color:#2f3948;font-size:15px}
.panel-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.panel-actions select,.field-label select{min-height:33px;border:1px solid var(--line);border-radius:5px;background:#fff;color:#334155;padding:6px 28px 6px 9px;font-size:10px;outline:0}
.panel-actions select:focus,.field-label select:focus,.field-label input:focus,.field-label textarea:focus{border-color:#6da5dd;box-shadow:0 0 0 2px rgba(25,118,210,.08)}
.table-wrap{width:100%;overflow-x:auto}
table{width:100%;border-collapse:collapse;min-width:900px}
th{background:#e6e6e6;color:#20293a;font-size:9px;font-weight:750;text-align:left;padding:9px 10px;white-space:nowrap;text-transform:none;letter-spacing:0}
td{border-bottom:1px solid #edf0f3;color:#333d4e;padding:9px 10px;vertical-align:middle;font-size:10px;white-space:nowrap}
tbody tr{cursor:pointer}
tbody tr:hover{background:#f8fbff}
.player-cell{display:flex;align-items:center;gap:8px}
.table-avatar{width:27px;height:27px;border-radius:50%;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:8.5px;font-weight:800;border:2px solid transparent}.table-avatar.crisp-avatar-pending,.table-avatar.crisp-avatar-new_conversation,.table-avatar.crisp-avatar-new_reply{background:#e8f3ff;color:#2469aa;border-color:#a9d2f6}.table-avatar.crisp-avatar-unresolved{background:#fdebe7;color:#b54635;border-color:#efb8ad}.table-avatar.crisp-avatar-resolved{background:var(--success-soft);color:#187a40;border-color:#a8dfbd}
.player-cell strong,.cell-primary{display:block;color:#26364a;font-size:10px;font-weight:700}
.player-cell small,.cell-secondary{display:block;margin-top:2px;color:#778497;font-size:8.5px}
.stage-badge{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;font-size:8.5px;font-weight:800;white-space:nowrap}
.stage-new_reply{background:var(--blue-soft);color:var(--blue)}
.stage-follow_up_due{background:var(--warning-soft);color:#94600a}
.stage-overdue{background:var(--danger-soft);color:#a43f3f}
.stage-waiting_for_player{background:#eef1f4;color:#616d7a}
.stage-needs_help,.stage-helping_choose{background:var(--teal-soft);color:#1a7272}
.stage-ready_to_extend{background:var(--success-soft);color:#187a40}
.stage-extended_not_booked{background:#eaf5f7;color:#24727b}
.stage-booked{background:var(--success-soft);color:#187a40}
.stage-not_interested,.stage-do_not_contact,.stage-closed{background:#eef1f4;color:#616d7a}
.stage-unassigned{background:var(--warning-soft);color:#94600a}
.stage-needs_reply{background:var(--danger-soft);color:#a43f3f}
.stage-action_scheduled{background:#f0edff;color:#5b4fa4;border:1px solid #d6cff7}
.stage-ready_to_resolve{background:#e9f7ef;color:#237347;border:1px solid #b9e0c8}
.ready-resolve-note{display:block;margin-top:4px;color:#3d7657;font-size:9.5px;font-weight:650;line-height:1.35}
.stage-waiting_on_player{background:#eef1f4;color:#616d7a}
.stage-crisp_resolved{background:var(--success-soft);color:#187a40}
.connection-banner{display:flex;align-items:flex-start;gap:9px;margin-bottom:11px;padding:9px 12px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#53677a;font-size:9.5px;line-height:1.5;box-shadow:var(--shadow)}
.connection-banner strong{color:#2d587d}
.connection-banner.live{border-color:#bad6c4;background:#f2faf5;color:#38634a}
.connection-banner.live strong{color:#28583c}
.connection-banner.sample{border-color:#cfe0ef;background:#f3f8fd}
.connection-dot{width:6px;height:6px;border-radius:50%;background:var(--muted);margin-top:5px;flex:0 0 auto}
.connection-banner.live .connection-dot{background:var(--success)}
.connection-banner.sample .connection-dot{background:var(--warning)}
.due-overdue{color:var(--danger);font-weight:800}
.due-today{color:#94600a;font-weight:800}
.open-row{border:0;background:transparent;color:var(--blue);font-size:18px;padding:2px 5px}
.activity-feed{padding:2px 14px 12px}
.activity-item{display:flex;gap:9px;padding:11px 0;border-bottom:1px solid #edf0f3}
.activity-item:last-child{border-bottom:0}
.activity-icon{width:25px;height:25px;border-radius:5px;display:grid;place-items:center;flex:0 0 auto;background:var(--blue-soft);color:var(--blue);font-size:10px}
.activity-icon svg{width:14px;height:14px;display:block}
.activity-item p{margin:0;color:#536275;font-size:9.5px;line-height:1.45}
.activity-item time{display:block;margin-top:3px;color:#8490a0;font-size:8px}
.full-panel{min-height:500px}
.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.audience-card{min-height:178px;padding:14px;border:1px solid #d7e3f0;border-radius:7px;background:#fbfdff;box-shadow:var(--shadow);display:flex;flex-direction:column}
.audience-top{display:flex;justify-content:space-between;align-items:flex-start}
.audience-icon{width:30px;height:30px;border-radius:6px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:14px}
.audience-count{color:#1f2a3c;font-size:21px;font-weight:800}
.audience-card h3{margin:14px 0 5px;color:#26364a;font-size:13px}
.audience-card p{margin:0;color:var(--muted);font-size:9.5px;line-height:1.5}
.audience-actions{display:flex;gap:7px;margin-top:auto;padding-top:14px}
.audience-actions button{min-height:31px;padding:6px 10px;font-size:9px}
.boundary-card{margin-top:12px;padding:13px 15px;border:1px solid #bad6c4;border-left:3px solid var(--teal);border-radius:7px;background:#f2faf5;display:flex;gap:12px}
.boundary-icon{width:30px;height:30px;border-radius:50%;background:var(--teal-soft);color:var(--teal);display:grid;place-items:center;flex:0 0 auto;font-size:15px}
.boundary-card h3{margin:0 0 4px;color:#28583c;font-size:12px}
.boundary-card p{margin:0;color:#38634a;font-size:9.5px;line-height:1.5}
.integration-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);gap:12px}
.architecture-flow{padding:22px 16px;display:grid;grid-template-columns:1fr 64px 1fr 64px 1.1fr;align-items:center}
.system-card{min-height:185px;padding:16px;border:1px solid #dce4ec;border-radius:7px;background:#fff;text-align:center}
.system-icon{width:38px;height:38px;border-radius:7px;display:grid;place-items:center;margin:0 auto 10px;font-size:15px;font-weight:800}
.system-card h4{margin:0 0 7px;color:#2e4055;font-size:14px}
.system-card p{margin:0 0 11px;color:var(--muted);font-size:9px;line-height:1.5}
.system-card small{display:inline-block;padding:4px 7px;border-radius:999px;font-size:7.5px;font-weight:850;letter-spacing:.03em;text-transform:uppercase}
.system-card.bubble .system-icon,.system-card.bubble small{background:#eef1f5;color:#5f6f82}
.system-card.crisp .system-icon,.system-card.crisp small{background:var(--blue-soft);color:var(--blue)}
.system-card.hatch .system-icon,.system-card.hatch small{background:var(--teal-soft);color:#1a7272}
.flow-arrow{text-align:center;color:#718096;font-size:19px}
.flow-arrow small{display:block;margin-top:4px;color:#8490a0;font-size:7.5px}
.integration-checklist .check-row{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}
.check-row>span{width:22px;height:22px;border-radius:50%;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:8px;font-weight:800}
.check-row strong{color:#34475a;font-size:10px}
.check-row p{margin:3px 0 0;color:var(--muted);font-size:8.5px;line-height:1.4}
.check-row em{margin-left:auto;padding:3px 6px;border-radius:999px;background:#eef1f4;color:#687386;font-size:7.5px;font-style:normal;font-weight:800}
.schedule-intro{align-items:center}
.schedule-summary{display:flex;gap:7px}
.schedule-summary span{min-width:86px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#738094;font-size:8.5px;text-align:center;box-shadow:var(--shadow)}
.schedule-summary strong{display:block;color:#27384c;font-size:18px;line-height:1.1}
.schedule-summary em{font-style:normal}
.calendar-toolbar{display:grid;grid-template-columns:1fr minmax(340px,auto) 1fr;align-items:center;gap:18px;margin-bottom:10px}
.calendar-today-slot{display:flex;justify-content:flex-start}
.calendar-period-nav{display:grid;grid-template-columns:36px minmax(250px,auto) 36px;align-items:center;gap:10px;justify-content:center}
.calendar-nav-button,.calendar-today-button,.calendar-mode{min-height:31px;border:1px solid var(--line);background:#fff;color:#405166;font-size:9px;font-weight:750;box-shadow:var(--shadow)}
.calendar-nav-button{width:36px;border-radius:5px;font-size:19px;line-height:1}
.calendar-today-button{padding:5px 12px;border-radius:5px}
.calendar-range-label{min-width:250px;padding:5px 8px;border:0;background:transparent;color:#304257;font:inherit;font-size:12px;font-weight:800;text-align:center;white-space:nowrap;box-shadow:none}
.calendar-range-link{cursor:pointer;border-radius:5px}
.calendar-range-link:hover{background:#f4f7fa;color:var(--blue)}
.calendar-view-toggle{display:flex;justify-content:flex-end}
.calendar-mode{padding:5px 12px;border-radius:0}
.calendar-mode+ .calendar-mode{margin-left:-1px}
.calendar-mode:first-child{border-radius:5px 0 0 5px}
.calendar-mode:last-child{border-radius:0 5px 5px 0}
.calendar-mode.active{position:relative;border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}
[hidden]{display:none!important}
.day-focus{margin-bottom:12px;padding:18px 20px;border:1px solid var(--line);border-radius:7px;background:#fff;box-shadow:var(--shadow)}
.day-focus div{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.day-focus span{color:var(--teal);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.day-focus strong{color:#26364a;font-size:18px}
.day-focus small{color:#7a8798;font-size:9px}
.week-strip{display:grid;grid-template-columns:repeat(7,minmax(90px,1fr));gap:0;margin-bottom:12px;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden;box-shadow:var(--shadow)}
.week-day{min-height:84px;padding:10px 8px;border:0;border-right:1px solid var(--line);border-radius:0;background:#fff;color:#6a7688;text-align:center;box-shadow:none}
.week-day:last-child{border-right:0}
.week-day:hover{background:#f8fbff}
.week-day.active{background:#f4f8fd;color:var(--blue)}
.week-day-label{display:block;margin-bottom:5px;color:#68778a;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.week-day.active .week-day-label,.week-day.today .week-day-label{color:var(--blue)}
.week-day-number{display:flex!important;align-items:center;justify-content:center;width:34px;height:34px;margin:0 auto 5px!important;border-radius:50%;color:#26364a;font-size:18px!important;font-weight:650!important;line-height:1}
.week-day.active:not(.today) .week-day-number{background:var(--blue-soft);color:var(--blue);box-shadow:inset 0 0 0 1px #b9d7f1}
.week-day.today .week-day-number{background:var(--blue);color:#fff;box-shadow:none}
.week-day small{display:block;font-size:7.5px;color:#7a8798;white-space:nowrap}
.month-calendar{display:grid;grid-template-columns:repeat(7,minmax(90px,1fr));margin-bottom:12px;border:1px solid var(--line);border-radius:7px;background:#fff;overflow:hidden;box-shadow:var(--shadow)}
.month-weekday{padding:8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#f7f9fb;color:#738094;font-size:8px;font-weight:800;text-align:center;text-transform:uppercase}
.month-weekday:nth-child(7){border-right:0}
.month-day{position:relative;min-height:118px;padding:8px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;color:#34475a;text-align:left;vertical-align:top;overflow:hidden}
.month-day:nth-child(7n){border-right:0}
.month-day:hover{background:#f8fbff}
.month-day.outside{background:#fafbfc;color:#a4adba}
.month-day.active{z-index:1;box-shadow:inset 0 0 0 2px var(--blue);background:var(--blue-soft)}
.month-day.today:not(.active){box-shadow:inset 0 3px 0 var(--teal)}
.month-day-number{display:block;margin-bottom:5px;font-size:10px;font-weight:800}
.month-followup-names{display:flex;flex-direction:column;gap:2px;min-width:0}
.month-followup-name,.month-followup-more{display:block;min-width:0;padding:2px 4px;border-radius:3px;font-size:9px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.month-followup-name{background:#eef4f9;color:#40566d;font-weight:700}
.month-day.outside .month-followup-name{background:#f1f3f5;color:#8f9baa}
.month-followup-more{margin-top:1px;padding-left:1px;color:var(--blue);font-weight:800}
.month-day:hover .month-followup-more{text-decoration:underline}
.schedule-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px}
.agenda-panel .panel-header select{min-height:33px;border:1px solid var(--line);border-radius:5px;background:#fff;color:#334155;padding:6px 28px 6px 9px;font-size:10px}
.agenda-list{padding:0 14px 14px}
.followup-search-bar{display:flex;justify-content:flex-end;margin:0 0 12px}
.followup-search-bar input{width:min(520px,100%);min-height:38px;padding:8px 11px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#33475b;font-size:11.5px;box-shadow:var(--shadow)}
.agenda-item{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.agenda-item:last-child{border-bottom:0}
.followup-click-row{cursor:pointer;transition:background .14s ease,box-shadow .14s ease}
.followup-click-row:hover,.followup-click-row:focus-visible{background:#f4f7fa;outline:none;box-shadow:inset 0 0 0 1px #dbe5ee}
.agenda-item.is-overdue{margin:0 -14px;padding:14px;border-left:3px solid var(--danger);background:#fffafa}
.agenda-time strong{display:block;color:#2f4054;font-size:10px}
.agenda-time span{display:block;margin-top:3px;color:#8490a0;font-size:8px}
.agenda-item.is-overdue .agenda-time strong{color:var(--danger)}
.agenda-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.agenda-main>p{margin:8px 0 5px;color:#33475b;font-size:10px;font-weight:700}
.agenda-main blockquote{margin:0;padding-left:9px;border-left:2px solid #d8e3ef;color:#738094;font-size:8.5px;line-height:1.45}
.agenda-actions{display:flex;gap:6px;align-items:center}
.agenda-list.is-list-mode{padding:0 12px 12px}
.followup-list-table{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:#fff}
.followup-list-row{display:grid;grid-template-columns:105px minmax(165px,1.05fr) minmax(170px,1.05fr) 165px 100px 125px minmax(180px,1.2fr) minmax(150px,.95fr) 68px;gap:10px;align-items:center;min-width:1240px;min-height:62px;padding:9px 11px;border-bottom:1px solid var(--line);color:#405166;font-size:11px}
.followup-list-row:last-child{border-bottom:0}
.followup-list-head{min-height:34px;background:#f6f8fa;color:#718096;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}
.followup-sort-button{padding:0;border:0;background:transparent;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}
.followup-sort-button:hover{color:#2e5f88}
.followup-list-row.is-overdue{border-left:3px solid var(--danger);background:#fffafa}
.followup-list-due strong,.followup-list-player strong,.followup-list-certificate strong,.followup-list-owner strong,.followup-list-activity strong{display:block;color:#2f4054;font-size:11.5px}
.followup-list-row.is-overdue .followup-list-due strong{color:var(--danger)}
.followup-list-due small,.followup-list-player small,.followup-list-certificate small,.followup-list-activity small{display:block;margin-top:2px;color:#7c8998;font-size:9px;line-height:1.35}
.followup-list-certificate small{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.followup-list-owner{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.followup-list-assessment .booking-opportunity-badge{max-width:100%;white-space:normal;line-height:1.2}
.followup-list-activity small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.followup-list-next-action{font-weight:700;color:#405166;line-height:1.35}
.followup-list-actions{display:flex;justify-content:flex-start;gap:5px}
.followup-list-actions .secondary-button{min-height:30px;padding:5px 8px;font-size:9.5px}
.agenda-actions button{min-height:31px;padding:6px 9px;font-size:8.5px;white-space:nowrap}
.empty-agenda{padding:50px 20px;text-align:center;color:#718096}
.empty-agenda strong{display:block;color:#405166;font-size:12px}
.empty-agenda p{margin:5px 0 0;font-size:9px}
.guide-list{padding:4px 14px 14px}
.guide-list>div{display:flex;gap:9px;padding:12px 0;border-bottom:1px solid var(--line)}
.guide-list>div:last-child{border-bottom:0}
.guide-list span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:var(--blue-soft);color:var(--blue);font-size:8px;font-weight:800}
.guide-list p{margin:0;color:#68768a;font-size:8.5px;line-height:1.5}
.guide-list strong{color:#34475a}
.initiative-card{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:12px;padding:14px 16px;border:1px solid #cfe0ef;border-left:3px solid var(--blue);border-radius:7px;background:#f8fbff;box-shadow:var(--shadow)}
.initiative-card h3{margin:2px 0 4px;color:#26364a;font-size:15px}
.initiative-card>div>p:last-child{margin:0;max-width:690px;color:#64748b;font-size:9.5px;line-height:1.5}
.initiative-stats{display:flex;gap:7px;flex:0 0 auto}
.initiative-stats div{min-width:62px;padding:7px 8px;border:1px solid #d9e5f1;border-radius:6px;background:#fff;text-align:center}
.initiative-stats strong{display:block;color:#26364a;font-size:17px}
.initiative-stats span{display:block;margin-top:2px;color:#7c8999;font-size:7.5px;text-transform:uppercase;font-weight:800}
.crisp-badge{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;font-size:8.5px;font-weight:800;white-space:nowrap}
.crisp-unresolved{background:#fdebe7;color:#b54635}
.crisp-pending{background:#e8f3ff;color:#2469aa}
.crisp-resolved{background:var(--success-soft);color:#187a40}
.case-toolbar{display:flex;justify-content:flex-end;gap:7px;margin-bottom:10px}
.status-split{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.status-split>div{padding:12px;border:1px solid #dfe6ee;border-radius:8px;background:#fff;box-shadow:var(--shadow)}
.status-split label{display:block;margin-bottom:7px;color:#7c8999;font-size:8px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.status-split small{display:block;margin-top:7px;color:#7c8999;font-size:8px;line-height:1.4}
.service-controls>.field-label{margin-bottom:9px}
.cert-history{margin-top:10px}
.cert-list{display:flex;flex-direction:column;gap:6px}
.cert-loading,.cert-empty{margin:0;padding:11px;border:1px dashed var(--line-dark);border-radius:6px;color:#7c8999;font-size:9.5px;text-align:center}
.cert-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:9px 11px;border:1px solid var(--line);border-radius:6px;background:#fff}
.cert-row.is-current{border-color:#9fc4e8;background:#f6fafe}
.cert-row.is-expired{opacity:.72}
.cert-main strong{display:inline-block;color:#26364a;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.cert-main small{display:block;margin-top:4px;color:#7a8798;font-size:8.5px}
.cert-tag{display:inline-block;margin-left:5px;padding:2px 6px;border-radius:999px;background:#eef1f4;color:#616d7a;font-size:7.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;vertical-align:1px}
.cert-tag.current{background:var(--blue-soft);color:var(--blue)}
.cert-tag.booked{background:var(--success-soft);color:#187a40}
.cert-dates{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:0 0 auto;color:#7a8798;font-size:8.5px;white-space:nowrap}
.cert-dates .cert-expired{color:var(--danger);font-weight:800}
.cert-dates .cert-adt{color:#5d7086;font-weight:700}
.info-item .dim{color:#a4adba;font-weight:600}
.followup-meta{margin:0 0 12px;padding:9px 11px;border:1px solid #cfe0ef;border-left:3px solid var(--blue);border-radius:6px;background:#f6fafe}
.followup-meta span{display:block;color:#2d587d;font-size:10.5px;font-weight:800}
.followup-meta small{display:block;margin-top:3px;color:#5d7086;font-size:9px}
.followup-meta.is-overdue{border-color:#e4b5b5;border-left-color:var(--danger);background:#fdf6f6}
.followup-meta.is-overdue span{color:#a43f3f}
.followup-empty{margin:0 0 12px;padding:9px 11px;border:1px dashed var(--line-dark);border-radius:6px;color:#7c8999;font-size:9.5px}
.followup-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}
.followup-actions button{min-height:33px}
.field-label input:disabled{background:#f4f6f8;color:#8b96a4;cursor:not-allowed}
.agenda-author{display:block;margin-top:6px;color:#8b96a4;font-size:8px;font-weight:700}
.compact-conversation .conversation-header>div p{margin:3px 0 0;color:#7a8798;font-size:8px}
.compact-conversation .message-thread{max-height:235px}
.conversation-foot{padding:8px 11px;border-top:1px solid var(--line);background:#fbfcfd;color:#7c8999;font-size:8px}
.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;background:rgba(20,31,46,.40);opacity:0;pointer-events:none;transition:.2s;z-index:40}
.drawer-backdrop.open,.modal-backdrop.open{opacity:1;pointer-events:auto}
.player-drawer{position:fixed;z-index:50;top:0;right:0;width:min(620px,100%);height:100vh;background:#f6f8fb;border-left:1px solid #dce4ed;box-shadow:-14px 0 40px rgba(24,39,58,.16);transform:translateX(100%);transition:.22s;display:flex;flex-direction:column}
.player-drawer.open{transform:translateX(0)}
.drawer-header{padding:18px;border-bottom:1px solid #dfe6ee;background:#fff;display:flex;justify-content:space-between;gap:14px}
.drawer-header h2{margin:3px 0;color:#29384b;font-size:21px}
.drawer-header>div>p:last-child{margin:0;color:var(--muted);font-size:9.5px}
.drawer-activity-meta{display:flex;gap:24px;margin-top:10px!important;line-height:1.3}.drawer-activity-meta>div{display:flex;flex-direction:column;gap:2px}.drawer-activity-meta span{color:#6f7f91;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.drawer-activity-meta strong{color:var(--blue);font-size:15px;font-weight:650}
.close-button{width:30px;height:30px;border:0;border-radius:6px;background:#f1f4f7;color:#4f5d70;font-size:19px;line-height:1}
.drawer-content{overflow:auto;padding:12px 12px 34px}
.drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.info-card{padding:13px;border:1px solid #dfe6ee;border-radius:8px;background:#fff;box-shadow:var(--shadow)}
.info-card h4{margin:0 0 10px;color:#718095;font-size:8.5px;font-weight:850;letter-spacing:.055em;text-transform:uppercase}
.info-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.info-item label{display:block;margin-bottom:3px;color:#8b96a4;font-size:7.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.info-item strong{color:#34475a;font-size:9.5px}
.service-controls{margin-top:10px}
.service-controls .control-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:9px}
.field-label{display:block;color:#556172;font-size:8.5px;font-weight:750}
.field-label select,.field-label input,.field-label textarea{display:block;width:100%;margin-top:5px;min-height:34px;border:1px solid #d7dce3;border-radius:5px;background:#fff;color:#334155;padding:8px 9px;font-size:10px;outline:0}
.field-label textarea{resize:vertical;line-height:1.5}
.conversation{margin-top:10px;border:1px solid #dfe6ee;border-radius:8px;background:#fff;overflow:hidden;box-shadow:var(--shadow)}
.conversation-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);background:#fbfcfd}
.conversation-header h4{margin:0;color:#34475a;font-size:10px}
.channel-chip{padding:3px 6px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-size:7.5px;font-weight:800}
.message-thread{max-height:315px;overflow:auto;padding:14px;background:#f8fafc}
.message{display:flex;margin-bottom:10px}
.message.inbound{justify-content:flex-start}
.message.outbound{justify-content:flex-end}
.bubble-message{max-width:78%;padding:8px 10px;border-radius:8px;font-size:9.5px;line-height:1.45}
.inbound .bubble-message{background:#fff;border:1px solid #dfe4ea;border-bottom-left-radius:3px;color:#344054}
.outbound .bubble-message{background:var(--blue);color:#fff;border-bottom-right-radius:3px}
.message-time{display:block;margin-top:4px;font-size:7.5px;opacity:.7}
.message-body{display:block;white-space:pre-wrap;word-break:break-word}
.email-message-body{white-space:normal;overflow-wrap:anywhere;word-break:normal}
.email-message-body p{margin:0 0:.8em}
.email-message-body p:last-child{margin-bottom:0}
.email-message-body ul{margin:.2em 0 .8em;padding-left:1.25em}
.email-message-body li{margin:.2em 0}
.email-message-body a{color:var(--blue);font-weight:650;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.email-message-subject{margin:0 0:.85em;padding-bottom:.6em;border-bottom:1px solid #e5eaf0;font-size:1.04em;line-height:1.4}
.email-message-subject strong{font-weight:750}
.outbound .email-message-body a{color:#fff}
.outbound .email-message-subject{border-bottom-color:rgba(255,255,255,.28)}
.thread-loading,.thread-empty{margin:0;padding:14px 4px;color:#8a95a3;font-size:9px;text-align:center}
.thread-older{display:flex;justify-content:center;margin-bottom:10px}
.thread-older .secondary-button{min-height:26px;padding:5px 10px;font-size:8px}
/* An AI reply is not a colleague having handled it, and an internal note was
   never seen by the player. Both need to be obvious at a glance. */
.message-tag{display:inline-block;margin:0 0 5px;padding:2px 5px;border-radius:999px;font-size:7px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.message-tag.bot{background:#fff3d6;color:#8a5b00}
.message-tag.note{background:#ede9fe;color:#4c3d95}
.outbound .message-tag.bot{background:rgba(255,255,255,.9);color:#8a5b00}
.message.is-internal{justify-content:center}
.message.is-internal .bubble-message{max-width:92%;background:#faf8ff;border:1px dashed #c4b5fd;color:#4b4463;border-radius:8px}
.message.is-bot.outbound .bubble-message{background:#4b7fbe}
.message-file{display:block;margin-top:5px;font-size:8px;font-weight:700;color:inherit}
.message-image-link{display:block;margin-top:2px;color:inherit;text-decoration:none}
.message-image-preview{display:block;max-width:min(220px,100%);max-height:160px;width:auto;height:auto;border-radius:7px;border:1px solid rgba(15,23,42,.12);object-fit:contain;background:#fff}
.message-image-caption{display:block;margin-top:5px;font-size:8px;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.message-event{margin:0 0 10px;text-align:center;color:#94a3b8;font-size:7.5px;font-style:italic}
.message-event span{display:block;opacity:.75;font-style:normal}

/* Player Ticket History. A player may legitimately have many separate service
   episodes, so keep this compact and clearly distinct from Possible Duplicate. */
.related-card{margin-top:10px}
.related-sort-note{margin:-2px 0 8px;color:#7a8798;font-size:9px;font-weight:400}
.related-list{display:flex;flex-direction:column;gap:6px}
.ticket-history-row{display:flex;width:100%;flex-direction:column;gap:3px;padding:8px 9px;border:1px solid var(--line);border-radius:6px;background:#fff;color:inherit;text-align:left;cursor:pointer}
.ticket-history-row:hover{background:#f7fbff;border-color:#bcd8f2}
.ticket-history-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ticket-history-head strong{font-size:9px;color:#34475a}
.ticket-history-status{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;font-size:7px;font-weight:800}
.ticket-history-status.is-open{background:#fff1f0;color:#b4342f}
.ticket-history-status.is-closed{background:#eefaf1;color:#1c7a3e}
.ticket-history-subject{font-size:8.5px;line-height:1.35;color:#475569}
.ticket-history-row small{font-size:7.5px;line-height:1.35;color:#8a95a3}
.related-empty{margin:0;color:#8a95a3;font-size:9px}
.related-warning{margin:0 0 4px;padding:7px 9px;border-left:3px solid var(--warning,#eda100);border-radius:0 5px 5px 0;background:#fffaf0;color:#7a5b18;font-size:8.5px;line-height:1.45}
.related-row{border:1px solid var(--line);border-radius:6px;background:#fff;overflow:hidden}
.related-head{display:flex;align-items:stretch}
.related-toggle{flex:1;min-width:0;display:flex;align-items:center;gap:6px;padding:8px 10px;border:0;background:transparent;text-align:left;cursor:pointer}
.related-toggle:hover{background:#f7fbff}
.related-when{flex:0 0 auto;color:#475569;font-size:8.5px;font-weight:800}
.related-state{flex:0 0 auto;padding:2px 6px;border-radius:999px;font-size:7px;font-weight:800;background:#eef2f7;color:#475569}
.related-state.state-unresolved{background:#fff1f0;color:#b4342f}
.related-state.state-pending{background:#fff8e6;color:#8a5b00}
.related-state.state-resolved{background:#eefaf1;color:#1c7a3e}
.related-tag{flex:0 0 auto;padding:2px 6px;border-radius:999px;background:#fff3d6;color:#8a5b00;font-size:7px;font-weight:800}
.related-tag.unread{background:#ffe6e4;color:#b4342f}
.related-tag.profile{background:#ede9fe;color:#4c3d95}
.related-warning.is-profile{border-left-color:#7c6bd6;background:#faf8ff;color:#4c3d95}
.related-preview{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:8.5px}
.related-open{flex:0 0 auto;display:flex;align-items:center;padding:0 10px;border-left:1px solid var(--line);color:var(--blue);font-size:8px;font-weight:800;text-decoration:none}
.related-open:hover{background:#f7fbff}
.related-thread{padding:10px;border-top:1px solid var(--line);background:#f8fafc}

/* Message templates. Shared by everyone, so the list has to make it obvious
   who touched a template last. */
.template-intro-actions{display:flex;align-items:center;gap:12px}
.template-archive-toggle{display:flex;align-items:center;gap:5px;color:#64748b;font-size:9px;font-weight:700;white-space:nowrap}
.template-layout{display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr);gap:12px;align-items:start}
#templateLayout:not(.is-editing){display:block}
#templateLayout:not(.is-editing) .template-editor-panel{display:none}
#templateLayout:not(.is-editing) .template-list-panel{width:min(820px,100%)}
#templateLayout:not(.is-editing) .template-list{display:grid;grid-template-columns:1fr;gap:8px;max-height:none;overflow:visible}
#templateLayout:not(.is-editing) .template-row{margin-bottom:0;padding:12px 14px}
#templateLayout:not(.is-editing) .template-row-name{font-size:13px}
#templateLayout:not(.is-editing) .template-row-body{font-size:11.5px;line-height:1.5}
#templateLayout:not(.is-editing) .template-row-meta{font-size:10px;line-height:1.45}
#templateLayout.is-editing{display:block}
#templateLayout.is-editing .template-list-panel{display:none}
#templateLayout.is-editing .template-editor-panel{display:block;width:100%}
#templateLayout .shared-template-editor-head{display:flex;align-items:center;justify-content:flex-start;gap:12px}
#templateLayout .shared-template-editor-head>div{min-width:0}
#templateLayout .shared-template-back{flex:0 0 auto;white-space:nowrap}
.template-list{max-height:560px;overflow:auto;padding:10px}
.template-none{margin:0;padding:16px 4px;color:#8a95a3;font-size:9.5px;text-align:center}
.template-search{padding:9px 10px 0}
.template-search input{width:100%;min-height:30px;padding:0 9px;border:1px solid var(--line);border-radius:5px;background:#fff;color:#334155;font-size:9px;outline:0}
.template-search input:focus{border-color:#7aaee5}
.template-row-name em{margin-left:5px;color:#9aa6b4;font-size:7.5px;font-style:normal;font-weight:700;text-transform:uppercase}
.template-row{display:block;width:100%;margin-bottom:5px;padding:9px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;text-align:left;cursor:pointer}
.template-row:hover{background:#f7fbff;border-color:#bcd8f2}
.template-row.is-active{border-color:var(--blue);background:#f2f8ff;box-shadow:inset 2px 0 0 var(--blue)}
.template-row.is-archived{opacity:.62}
.template-row-name{display:block;color:#34475a;font-size:10px;font-weight:800}
.template-row-body{display:block;margin-top:3px;color:#748596;font-size:8.5px;line-height:1.45}
.template-row-meta{display:block;margin-top:4px;color:#9aa6b4;font-size:7.5px;font-weight:700}
.template-editor{padding:12px}
.template-empty{padding:22px 16px;color:#8a95a3;font-size:9.5px;line-height:1.6;text-align:center}
.template-empty p{margin:0}
.template-preview-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.8fr);gap:10px;align-items:end;margin-top:10px}
.template-test-control{min-height:58px;padding:8px 10px;border:1px solid #dfe6ee;border-radius:6px;background:#fafbfd;display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.template-test-control small{flex-basis:100%;color:#7a8798;font-size:8px;line-height:1.4}
.template-test-control button:disabled{cursor:not-allowed;opacity:.58}
.template-fields{margin-top:10px}
.template-fields-label{margin:0 0 5px;color:#8a95a3;font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.template-fields-label span{font-weight:700;letter-spacing:0;text-transform:none}
.template-chips{display:flex;flex-wrap:wrap;gap:5px}
.template-chip{padding:4px 8px;border:1px solid #c8dcec;border-radius:999px;background:#fff;color:#36516d;font-size:8px;font-weight:700;cursor:pointer}
.template-chip:hover{background:var(--blue-soft);border-color:#7aaee5}
.template-preview{margin-top:12px;padding:10px;border:1px dashed #cbd8e6;border-radius:6px;background:#f8fbfe}
.template-preview-text{margin:0;color:#3a4a5c;font-size:9.5px;line-height:1.6;white-space:pre-wrap;font-weight:400}
#templateBody,#shortcutBody,#messageText,.message-preview-bubble{font-weight:400}
#shortcutBody{font-family:inherit;line-height:1.55}
#shortcutPreviewText{font-weight:400}
.template-preview-toggle{display:inline-flex;align-items:center;gap:4px;margin-left:8px;color:#8a95a3;font-size:8px;font-weight:700;letter-spacing:0;text-transform:none;cursor:pointer}
.template-conflict{margin-bottom:10px;padding:9px 10px;border-left:3px solid #eda100;border-radius:0 5px 5px 0;background:#fffaf0;color:#7a5b18;font-size:8.5px;line-height:1.5}
.template-channel-switch{display:flex;border:1px solid #cdd9e4;border-radius:7px;overflow:hidden;background:#fff}.template-channel-switch button{border:0;border-right:1px solid #cdd9e4;background:#fff;color:#53687b;padding:7px 11px;font-size:9px;font-weight:800;cursor:pointer}.template-channel-switch button:last-child{border-right:0}.template-channel-switch button.is-active{background:#247eb7;color:#fff}.template-test-toggle{display:flex;align-items:flex-start;gap:8px;margin:9px 0 12px;padding:9px 10px;border:1px solid #dfe6ee;border-radius:6px;background:#fafbfd;color:#4b5f73;cursor:pointer}.template-test-toggle input{margin-top:2px}.template-test-toggle span{display:grid;gap:2px}.template-test-toggle strong{font-size:10px}.template-test-toggle small{font-size:8.5px;line-height:1.4;color:#7a8798}.service-email-template-fields{display:grid;gap:11px}.service-email-rich-shell{margin-top:5px;border:1px solid #d6e0e8;border-radius:7px;background:#fff;overflow:hidden}.service-email-rich-toolbar{display:flex!important;flex-wrap:wrap;gap:4px;padding:7px;background:#f6f8fa;border-bottom:1px solid #dfe6ed}.service-email-rich-toolbar button{min-width:34px;min-height:30px}.service-email-rich-editor{min-height:280px;max-height:620px;overflow:auto;padding:12px;font:12px/1.55 Arial,Helvetica,sans-serif;color:#2b4054;outline:0}.service-email-rich-editor:focus{box-shadow:inset 0 0 0 2px #287fba}.service-email-fallback{border:1px solid #dfe6ed;border-radius:7px;background:#fafbfd}.service-email-fallback summary{cursor:pointer;padding:9px 10px;color:#4f6174;font-size:9px;font-weight:800}.service-email-fallback summary span{font-weight:500;color:#7c8996}.service-email-fallback textarea{width:calc(100% - 20px);box-sizing:border-box;margin:0 10px 10px;min-height:150px;resize:vertical;border:1px solid #d8e0e8;border-radius:6px;padding:9px;font:10px/1.5 inherit}.service-email-preview iframe{width:100%;height:520px;border:1px solid #d7e0e8;border-radius:6px;background:#f4f6f8}.service-email-preview-meta{margin:0 0 8px;padding:7px 9px;border:1px solid #e0e7ed;border-radius:6px;background:#fff;font-size:9px}.service-email-preview-meta>span{display:grid;grid-template-columns:55px 1fr;gap:7px}.optional-label{font-weight:500;color:#83909d}.template-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.secondary-button.danger{border-color:#e6b4b1;color:#b4342f}
.secondary-button.danger:hover{background:#fff6f5}
.link-button{padding:0;border:0;background:none;color:var(--blue);font-size:8.5px;font-weight:800;text-decoration:underline;cursor:pointer}
/* Tags. A judgement about one conversation, set by a person. */
.tag-block{margin:0 0 14px}
.tag-block>label{display:block;margin:0 0 6px;color:#8a95a3;font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.tag-block>small{display:block;margin-top:6px;color:#8a95a3;font-size:8px;line-height:1.5}
.tag-row{display:flex;flex-wrap:wrap;gap:5px}
.tag-chip{padding:4px 9px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#8794a3;font-size:8.5px;font-weight:700;cursor:pointer;transition:.12s}
.tag-chip:hover{border-color:#9ab6d4;color:#41689a}
.tag-chip.is-on{border-color:#7aaee5;background:#eef6fe;color:#2f5680}
.tag-chip.is-on span{margin-left:2px;opacity:.55}
.tag-chip.is-new{border-style:dashed;color:#9aa6b4}
.tag-chip.is-danger{border-color:#e3b7b7;color:#a4564f}
.tag-chip.is-danger:hover{background:#fdf1f1;border-color:#d38b8b}
/* Set on the Crisp side, not here. Visually distinct so nobody reads a Crisp
   segment as something this app is managing. */
.tag-chip.is-crisp{border-color:#d8cdea;background:#f8f5fd;color:#6b5b8a}
.tag-chip.is-crisp em{font-style:normal;font-weight:800;opacity:.6}
.tag-chip.is-crisp.is-mapped{cursor:default;opacity:.75}
.tag-chip.is-crisp.is-mapped em{font-size:7.5px;text-transform:uppercase}

/* Tags under the stage badge in a queue row. */
.row-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}
.row-tag{padding:2px 6px;border-radius:8px;background:#eef1f5;color:#68758a;font-size:7.5px;font-weight:700;line-height:1.5}
.row-tag.is-danger{background:#fbeaea;color:#a4564f}

/* Do Not Contact. Loud on purpose: it is a rule about the player, and it holds
   across every conversation they have. */
.suppression-banner{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:0 0 14px;padding:10px 12px;border:1px solid #e3b7b7;border-left:3px solid #c0605a;border-radius:6px;background:#fdf4f4}
.suppression-banner strong{display:block;color:#8f453f;font-size:9.5px;font-weight:800}
.suppression-banner small{display:block;margin-top:2px;color:#9a6b66;font-size:8px;line-height:1.5}
.suppression-banner em{display:block;margin-top:4px;color:#7d5450;font-size:8.5px;font-style:italic}
.suppression-banner .suppression-locked{flex:0 0 auto;max-width:180px;margin-top:0;text-align:right;color:#9a6b66;font-style:italic}
/* Crisp claims an opt-out. Amber, not red: nothing is enforced yet and a person
   still has to decide. */
.suppression-banner.is-review{border-color:#e0cba0;border-left-color:#c08a2a;background:#fdf9f1;align-items:flex-start}
.suppression-banner.is-review strong{color:#8a6318}
.suppression-banner.is-review small{color:#8d7a54}
.review-actions{display:flex;flex-direction:column;gap:5px;flex:0 0 auto}
.push-pending{margin:6px 0 0;padding:5px 8px;border-radius:5px;background:#fdf9f1;color:#8a6318;font-size:8px;line-height:1.5}

/* Multiselect tag filter. A native select multiple needs ctrl-click and is
   unusable on a phone, so this is a checkbox popover instead. */
.tag-filter{position:relative;display:inline-block}
.tag-filter-button{min-height:26px;padding:0 22px 0 9px;border:1px solid var(--line);border-radius:5px;background:#fff no-repeat right 8px center;color:#5c6875;font-size:9px;font-weight:600;cursor:pointer;white-space:nowrap}
.tag-filter-button::after{content:'';position:absolute;top:50%;right:8px;width:0;height:0;margin-top:-1px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #9aa6b4}
.tag-filter-button:hover{border-color:#9ab6d4}
.tag-filter-button.is-active{border-color:#7aaee5;background:#eef6fe;color:#2f5680}
.tag-filter-menu{position:absolute;z-index:60;top:calc(100% + 4px);right:0;min-width:190px;max-width:250px;padding:7px;border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:0 6px 20px rgba(20,32,48,.13)}
.tag-filter-section-label{padding:3px 3px 5px;color:#637388;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.tag-filter-polarity,.tag-filter-mode{display:flex;gap:3px;margin-bottom:6px;padding:2px;border-radius:5px;background:#f1f4f7}
.tag-filter-polarity button,.tag-filter-mode button{flex:1;padding:5px 7px;border:0;border-radius:4px;background:transparent;color:#7d8998;font-size:8.5px;font-weight:750;cursor:pointer}
.tag-filter-polarity button.is-on,.tag-filter-mode button.is-on{background:#fff;color:#2f5680;box-shadow:0 1px 2px rgba(20,32,48,.1)}
.tag-filter-exclude-help{margin:0 2px 6px;color:#7a5c5c;font-size:9px;line-height:1.35}
.tag-filter-list{max-height:196px;overflow-y:auto}
.tag-filter-list.is-special{margin-top:5px;padding-top:5px;border-top:1px solid var(--line)}
.tag-filter-option{display:flex;gap:6px;align-items:center;padding:4px 5px;border-radius:4px;color:#5c6875;font-size:9px;cursor:pointer}
.tag-filter-option:hover{background:#f5f8fb}
.tag-filter-option input{flex:0 0 auto;margin:0}
.tag-filter-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tag-filter-empty{margin:4px 5px;color:#9aa6b4;font-size:8.5px}
.tag-filter-clear{width:100%;margin-top:6px;padding:5px;border:1px solid var(--line);border-radius:5px;background:#fff;color:#7d8998;font-size:8.5px;font-weight:700;cursor:pointer}
.tag-filter-clear:hover{border-color:#9ab6d4;color:#41689a}

/* The bulk-send safety. Deliberately prominent: it is the last thing between
   an agent in a hurry and a message to somebody who already travelled. */
.send-guard{display:flex;gap:8px;align-items:flex-start;margin:0 0 12px;padding:10px;border:1px solid #cfe0f0;border-radius:6px;background:#f7fbff;cursor:pointer}
.send-guard input{margin-top:2px;flex:0 0 auto}
.send-guard strong{display:block;color:#2f5680;font-size:9px;font-weight:800;line-height:1.4}
.send-guard small{display:block;margin-top:3px;color:#6b7f95;font-size:8px;line-height:1.45}
.send-guard small.is-warning{color:#8a5b00}
.bulk-safety{margin:0 0 12px;padding:12px;border:1px solid #d9e4ee;border-radius:7px;background:#fbfcfd}
.bulk-safety-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,240px);gap:14px;align-items:end}
.bulk-safety-head>div>strong{display:block;color:#34495e;font-size:10px}
.bulk-safety-head>div>small{display:block;margin-top:3px;color:#748394;font-size:8.5px;line-height:1.45}
.bulk-safety-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}
.bulk-safety-stat{padding:8px 9px;border:1px solid #dfe6ee;border-radius:6px;background:#fff}
.bulk-safety-stat strong{display:block;color:#26384b;font-size:15px;font-weight:800}
.bulk-safety-stat span{display:block;margin-top:2px;color:#748394;font-size:8px;line-height:1.3}
.bulk-safety-stat.is-final{border-color:#b9d6ee;background:#f3f8fd}
.bulk-safety-note{grid-column:1/-1;margin:0;padding-top:2px;color:#66788b;font-size:8.5px;line-height:1.45}
/* 2026-08-23: compact Service Desk desktop filter layout + collapsible navigation. */
@media(min-width:701px){
  .service-filter-bar{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px 10px!important;align-items:end!important}
  .service-filter-bar>.service-tag-filter{grid-column:1;grid-row:1}
  .service-filter-bar>.service-owner-filter{grid-column:2;grid-row:1}
  .service-filter-bar>.service-multi-filter{grid-column:3;grid-row:1}
  .service-filter-bar>.service-contact-permission-filter{grid-column:4;grid-row:1}
  .service-filter-bar>.service-desk-list-search{grid-column:1;grid-row:2;min-width:0!important;width:100%!important}
  .service-filter-bar>.service-last-reply-filter{grid-column:2;grid-row:2;min-width:0!important;width:100%!important}
  .service-filter-bar>.message-contains-filter{grid-column:3;grid-row:2;min-width:0!important;width:100%!important}
  .service-filter-bar>.reset-filter-wrap{grid-column:4;grid-row:2;width:100%!important;margin-left:0!important}
  .service-filter-bar>.reset-filter-wrap .reset-filter-button{width:100%!important}
  .service-filter-bar>.bulk-actions-wrap{grid-column:1/-1;grid-row:3}
  .service-filter-bar .service-tag-filter .tag-filter,.service-filter-bar .service-tag-filter .tag-filter-button,.service-filter-bar #queueOwnerFilter,.service-filter-bar .service-multi-filter,.service-filter-bar .service-multi-filter .queue-multi-filter,.service-filter-bar .service-multi-filter .queue-multi-filter-button,.service-filter-bar #queueDncFilter,.service-filter-bar .last-reply-filter,.service-filter-bar .last-reply-filter-button,.service-filter-bar .message-contains-filter input{width:100%!important;min-width:0!important}
}
.desktop-sidebar-toggle{display:none}
@media(min-width:701px){
  .desktop-sidebar-toggle{display:grid;place-items:center;position:absolute;right:8px;top:8px;width:28px;height:28px;padding:0;border:1px solid #d9e1e8;border-radius:6px;background:#fff;color:#667789;font-size:22px;line-height:1;box-shadow:none;z-index:3}
  .sidebar .brand{position:relative}
  body.sidebar-collapsed .sidebar{width:64px!important;flex-basis:64px!important}
  body.sidebar-collapsed .main-content{width:calc(100% - 64px)!important;margin-left:64px!important}
  body.sidebar-collapsed .sidebar .brand{height:64px!important;min-height:64px!important;flex-basis:64px!important;padding:8px!important;align-items:center!important;justify-content:center!important}
  body.sidebar-collapsed .sidebar .brand img{display:none!important}
  body.sidebar-collapsed .desktop-sidebar-toggle{right:-1px;top:17px;width:24px;height:30px;border-radius:6px 0 0 6px;font-size:20px}
  body.sidebar-collapsed .enterprise-context-nav{padding-left:6px!important;padding-right:6px!important}
  body.sidebar-collapsed .nav-item{justify-content:center!important;gap:0!important;padding-left:8px!important;padding-right:8px!important;font-size:0!important;overflow:hidden!important}
  body.sidebar-collapsed .nav-item>span{width:auto!important;font-size:17px!important}
  body.sidebar-collapsed .nav-item b,body.sidebar-collapsed .nav-section-label,body.sidebar-collapsed .nav-section-toggle,body.sidebar-collapsed .sidebar-note,body.sidebar-collapsed .sidebar .agent-card{display:none!important}
}

@media(max-width:700px){.bulk-safety-head{grid-template-columns:1fr}.bulk-safety-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
.composer-template-note{margin:-4px 0 12px;padding:8px 10px;border-left:3px solid var(--blue);border-radius:0 5px 5px 0;background:var(--blue-soft);color:#2f5680;font-size:8.5px;line-height:1.5}
.composer-send-row{display:grid;grid-template-columns:minmax(150px,.45fr) minmax(0,1.55fr);gap:10px;align-items:stretch;margin-bottom:12px}
.composer-send-row .field-label{margin-bottom:0}
.composer-routing-card{padding:9px 10px;border:1px solid #cfe0ef;border-radius:6px;background:#f7fbff;color:#52677e;display:flex;flex-direction:column;justify-content:center;gap:2px}
.composer-routing-card strong{color:#34495e;font-size:9px}
.composer-routing-card span{font-size:8.5px;line-height:1.4}
.composer-routing-card small{color:#7a8798;font-size:7.8px;line-height:1.4}
.composer-preview{margin:0 0 12px;padding:10px;border:1px dashed #cbd8e6;border-radius:6px;background:#f8fbfe}
.composer-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}
.composer-preview-head .template-fields-label{margin:0}
.composer-preview-head label{display:flex;align-items:center;gap:6px;color:#7a8798;font-size:8px;font-weight:700}
.composer-preview-head select{min-height:28px;max-width:190px;border:1px solid #d7dce3;border-radius:5px;background:#fff;color:#334155;padding:4px 24px 4px 7px;font-size:8px}
.message-preview-modal{width:min(720px,calc(100% - 30px));max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden}
.message-preview-modal .modal-header,.message-preview-modal .modal-footer{flex:0 0 auto}
.message-preview-modal .modal-header{position:sticky;top:0;z-index:4}
.message-preview-modal .modal-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.message-preview-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:14px}
.message-preview-meta>div{padding:10px 11px;border:1px solid #dfe6ee;border-radius:7px;background:#fafbfd}
.message-preview-meta span{display:block;margin-bottom:4px;color:#7a8798;font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.message-preview-meta strong{display:block;color:#34495e;font-size:10px;line-height:1.4}
.message-preview-device{padding:22px;border:1px solid #dfe6ee;border-radius:10px;background:#f4f7fa}
.message-preview-bubble{max-width:82%;margin-left:auto;padding:14px 16px;border-radius:16px 16px 4px 16px;background:#fff;border:1px solid #d8e2ec;color:#2f3e50;font-size:12px;line-height:1.55;white-space:pre-wrap}
.message-preview-email-frame{display:block;width:100%;min-height:560px;border:1px solid #d8e2ec;border-radius:8px;background:#fff}
.message-preview-email-frame[hidden]{display:none!important}
.message-preview-note{margin:10px 0 0;color:#7a8798;font-size:9px;line-height:1.45}
/* Amber, not red: the preview is incomplete rather than wrong, and the send
   itself will still use the correct live value. */
.message-preview-pending{margin:10px 0 0;padding:9px 11px;border-left:3px solid #c08a2a;border-radius:0 5px 5px 0;background:#fdf9f1;color:#7a6326;font-size:10px;line-height:1.5}
.template-core-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.service-email-workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:14px;align-items:start}
.service-email-editor-pane{display:grid;gap:11px;min-width:0}
.service-email-live-pane{min-width:0;border:1px solid #dbe4ed;border-radius:8px;background:#f9fbfd;padding:10px;position:sticky;top:12px}
.service-email-live-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:8px}
.service-email-live-head>div{display:grid;gap:2px}.service-email-live-head>div>strong{font-size:11px;color:#2c4155}.service-email-live-head>div>span{font-size:8.5px;color:#718396}
.service-email-live-head .field-label{min-width:135px;margin:0;font-size:8.5px}.service-email-live-head select{margin-top:3px}
.service-email-live-pane iframe{width:100%;height:610px;border:1px solid #d7e0e8;border-radius:6px;background:#f4f6f8}
.service-email-rich-toolbar{display:grid!important;gap:4px;padding:7px 8px;background:#f6f8fa;border-bottom:1px solid #dfe6ed}
.service-email-rich-toolbar-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.service-email-rich-toolbar button,.service-email-rich-toolbar select{border:1px solid transparent;border-radius:5px;background:transparent;min-height:30px;padding:5px 7px;color:#33495d;font:inherit;font-size:9px;cursor:pointer}
.service-email-rich-toolbar select{border-color:#d5dfe7;background:#fff;min-width:64px}.service-email-rich-toolbar button:hover,.service-email-rich-toolbar select:hover{border-color:#9fbcd0;background:#fff}
.service-email-rich-source{width:100%;min-height:360px;height:480px;resize:vertical;box-sizing:border-box;border:0;padding:12px;font:10px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#26394d;outline:0}
.service-email-rich-editor{min-height:360px;height:480px;max-height:none}.service-email-live-pane .service-email-preview-meta{margin-bottom:8px}
@media(max-width:1350px){.service-email-workspace{grid-template-columns:1fr}.service-email-live-pane{position:static}.service-email-live-pane iframe{height:520px}}
@media(max-width:1000px){.template-layout{grid-template-columns:1fr}.template-list{max-height:280px}.template-preview-controls,.composer-send-row{grid-template-columns:1fr}.template-core-fields{grid-template-columns:1fr}}
@media(max-width:620px){.message-preview-meta{grid-template-columns:1fr}.message-preview-device{padding:14px}.message-preview-bubble{max-width:100%}}
.quick-reply{display:flex;gap:7px;padding:9px;border-top:1px solid var(--line)}
.quick-reply input{flex:1;min-height:34px;border:1px solid #d8dde4;border-radius:5px;padding:0 9px;font-size:9.5px;outline:0}
.quick-reply input:focus{border-color:#6da5dd;box-shadow:0 0 0 2px rgba(25,118,210,.08)}
.player-context-link-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.player-context-link-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-context-link-row .secondary-button{flex:0 0 auto;min-height:30px;padding:5px 9px}.player-context-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.modal-backdrop{display:grid;place-items:center;z-index:70}
#mergeModal{z-index:620}
#addToTicketPickerModal{z-index:720}
.modal{width:min(610px,calc(100% - 30px));border:1px solid #d5dee8;border-radius:10px;background:#fff;box-shadow:0 22px 70px rgba(22,36,53,.28);overflow:hidden;transform:translateY(10px);transition:.2s}
.modal-backdrop.open .modal{transform:translateY(0)}
.new-conversation-button{white-space:nowrap}
.delete-confirm-modal.is-compact .eyebrow,.delete-confirm-modal.is-compact .delete-confirm-body{display:none}
.new-conversation-modal{width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 32px);display:flex;flex-direction:column}
.new-conversation-modal form{display:flex;flex:1 1 auto;min-height:0;flex-direction:column}
.new-conversation-modal .modal-body{overflow-y:auto}
.player-link-modal{width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 32px);display:flex;flex-direction:column}.player-link-body{overflow-y:auto}.player-link-search-row{display:flex;gap:8px}.player-link-search-row input{flex:1;min-width:0;height:40px;border:1px solid #d5dee8;border-radius:8px;padding:0 11px;font:inherit;font-size:13px}.player-link-results{display:flex;flex-direction:column;margin-top:10px}.player-link-result{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 8px;border-top:1px solid #e3e9f0;border-radius:7px;transition:background .12s ease,box-shadow .12s ease}.player-link-result:first-child{border-top:0}.player-link-result>div{display:flex;flex-direction:column;gap:2px;min-width:0}.player-link-result strong{color:#176ca8;font-size:13px}.player-link-result span,.player-link-result small{color:#65758b;font-size:11px;overflow-wrap:anywhere}.player-link-result.is-linking{background:#f1f7fc;box-shadow:inset 3px 0 #2f7fd3}.player-link-result.is-linked{background:#f2faf5;box-shadow:inset 3px 0 #3d9a62}.player-link-result [data-player-link-select].is-linking{border-color:#2f7fd3!important;background:#2f7fd3!important;color:#fff!important;opacity:1!important}.player-link-result [data-player-link-select].is-linked{border-color:#3d9a62!important;background:#3d9a62!important;color:#fff!important;opacity:1!important}
.add-to-ticket-picker-modal{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 48px);display:flex;flex-direction:column}.add-to-ticket-picker-modal .modal-body{min-height:0;overflow:hidden}.add-to-ticket-picker-modal .field-label{display:flex;flex-direction:column;gap:7px}.add-to-ticket-picker-modal #addToTicketSearch{height:44px;border:1px solid #cfd9e4;border-radius:9px;padding:0 12px;font:inherit;font-size:14px}.add-to-ticket-picker-modal #addToTicketResults{display:flex;flex-direction:column;gap:7px;max-height:360px;margin-top:12px;overflow-y:auto}.add-to-ticket-picker-modal #addToTicketResults .related-row{display:grid;grid-template-columns:150px minmax(150px,1fr) 170px 90px;gap:10px;align-items:center;width:100%;padding:11px 12px;border:1px solid #dce4ec;border-radius:9px;background:#fff;color:#334a60;text-align:left;cursor:pointer;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease}.add-to-ticket-picker-modal #addToTicketResults .related-row:hover{border-color:#99bdd9;background:#f7fbfe;box-shadow:0 2px 8px rgba(32,54,75,.05)}.add-to-ticket-picker-modal #addToTicketResults .related-row.is-closed-ticket{background:#fafbfc}.add-to-ticket-picker-modal #addToTicketResults .related-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.add-to-ticket-picker-modal #addToTicketResults .related-row span:first-child{display:flex;flex-direction:column;gap:2px;white-space:normal}.add-to-ticket-picker-modal #addToTicketResults .related-row strong{color:#20364b;font-size:13px}.add-to-ticket-picker-modal #addToTicketResults .related-row small{color:#2e78ad;font-size:9.5px;font-weight:750}.add-to-ticket-picker-modal #addToTicketResults .related-empty{padding:18px 4px;color:#768596;font-size:11px;line-height:1.45}
.new-conversation-body{display:grid;gap:13px}
.new-conversation-player-results{max-height:220px;overflow:auto;margin-top:-6px;border:1px solid #d6e0e9;border-radius:9px;background:#fff;box-shadow:0 8px 22px rgba(31,52,73,.1)}
.new-conversation-player-results>.muted{display:block;padding:11px 12px;color:#718095;font-size:11px}
.new-conversation-player-result{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:0;border-top:1px solid #e7edf2;background:#fff;color:#33495f;text-align:left;cursor:pointer}.new-conversation-player-result:first-child{border-top:0}.new-conversation-player-result:hover,.new-conversation-player-result:focus-visible{background:#f2f7fb;outline:0}.new-conversation-player-result strong{color:#176ca8;font-size:12px}.new-conversation-player-result span,.new-conversation-player-result small{color:#6c7e91;font-size:10.5px}
.new-conversation-selected-player{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-5px;padding:9px 10px;border:1px solid #c9dbe8;border-radius:8px;background:#f3f8fc}.new-conversation-selected-player>div{display:flex;min-width:0;flex-direction:column;gap:2px}.new-conversation-selected-player strong{color:#31536e;font-size:11px}.new-conversation-selected-player span{color:#708398;font-size:10px;overflow-wrap:anywhere}.new-conversation-selected-player .secondary-button{min-height:30px;padding:5px 9px;font-size:10px}
.new-conversation-choice{display:grid;gap:9px;padding:11px!important;border:1px solid #d7e2eb!important;border-radius:9px!important;background:#f7fafc!important;color:#43596e!important}.new-conversation-existing-copy{display:grid;gap:3px}.new-conversation-existing-copy strong{font-size:11px}.new-conversation-existing-copy span{font-size:10.5px;line-height:1.45}.new-conversation-existing-actions{display:flex;gap:8px;flex-wrap:wrap}.new-conversation-existing-actions button{min-height:34px}
.new-conversation-note{margin:0;padding:10px 11px;border:1px solid #dce6ef;border-radius:8px;background:#f7fafc;color:#52677c;font-size:11px;line-height:1.45}
.new-conversation-field{display:grid;gap:6px;color:#40566d;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.new-conversation-field>span{display:flex;align-items:baseline;gap:5px}
.new-conversation-field>span em{color:#8996a3;font-size:9px;font-style:normal;font-weight:650;text-transform:none;letter-spacing:0}
.new-conversation-field input,.new-conversation-field select,.new-conversation-field textarea{width:100%;border:1px solid #d6e0e9;border-radius:7px;background:#fff;color:#2f4358;font:inherit;font-size:12px;font-weight:500;text-transform:none;letter-spacing:0;outline:0}
.new-conversation-field input,.new-conversation-field select{min-height:40px;padding:0 10px}.new-conversation-field textarea{min-height:130px;padding:10px;resize:vertical;line-height:1.5}
.new-conversation-field input:focus,.new-conversation-field select:focus,.new-conversation-field textarea:focus{border-color:#7aa8cf;box-shadow:0 0 0 2px rgba(70,130,180,.08)}
.new-conversation-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.new-conversation-channel{display:flex;align-items:center;gap:8px;margin:3px 0 0;padding:0;border:0;flex-wrap:wrap}.new-conversation-channel legend{width:100%;margin:0 0 2px;color:#40566d;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.new-conversation-channel label{cursor:pointer}.new-conversation-channel input{position:absolute;opacity:0;pointer-events:none}.new-conversation-channel label span{display:inline-flex;align-items:center;justify-content:center;min-width:78px;min-height:36px;padding:7px 12px;border:1px solid #d5e0e9;border-radius:999px;background:#fff;color:#52677c;font-size:11px;font-weight:800}.new-conversation-channel input:checked+span{border-color:#98bcd9;background:#eef6fb;color:#255f8d}.new-conversation-channel input:focus-visible+span{outline:2px solid #7aa8cf;outline-offset:2px}
.new-conversation-requirement{margin:-3px 0 0;color:#718095;font-size:10px;line-height:1.4}
@media(max-width:700px){.new-conversation-contact-grid{grid-template-columns:1fr}.new-conversation-button{min-height:38px}.new-conversation-modal,.player-link-modal{width:100%;max-height:100dvh}.player-link-result{align-items:flex-start;flex-direction:column}.player-link-result .secondary-button{width:100%}}
.modal-header,.modal-footer{padding:14px 18px;display:flex;justify-content:space-between;align-items:center;background:#fff}
.modal-header{border-bottom:1px solid var(--line)}
.modal-header h2{margin:3px 0 0;color:#2b3c50;font-size:19px}
.modal-body{padding:16px 18px}
.modal.bulk-message-modal{width:min(880px,calc(100% - 30px));max-height:min(900px,calc(100dvh - 36px));display:flex;flex-direction:column}
.bulk-message-modal .modal-body{overflow-y:auto;padding:0 20px 20px}
.composer-section{padding:18px 0;border-bottom:1px solid #e8edf2}
.composer-section:last-child{border-bottom:0;padding-bottom:4px}
.composer-section-heading{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}
.composer-section-heading>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#e9f3fd;color:var(--blue);font-size:10px;font-weight:800}
.composer-section-heading strong{display:block;color:#2f4053;font-size:12px}
.composer-section-heading small{display:block;margin-top:2px;color:#7a8798;font-size:9px;line-height:1.45}
.bulk-message-footer{justify-content:space-between}
.bulk-message-footer>div{display:flex;gap:8px;align-items:center}
.composer-send-timing{display:flex;gap:8px;align-items:center;margin-bottom:10px}.composer-send-timing label{display:flex;align-items:center;gap:7px;min-height:36px;padding:7px 12px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#425468;font-size:11px;font-weight:750;cursor:pointer}.composer-send-timing input{margin:0}.composer-schedule-fields{display:grid;grid-template-columns:minmax(150px,.75fr) minmax(130px,.65fr) minmax(190px,1fr);gap:10px;align-items:end;padding:11px;border:1px solid var(--line);border-radius:8px;background:#fafbfd}.composer-schedule-note{grid-column:1/-1;margin:0;color:#68788a;font-size:10px;line-height:1.45}@media(max-width:700px){.composer-schedule-fields{grid-template-columns:1fr}.composer-send-timing{flex-wrap:wrap}}
.modal-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;background:#fafbfd}
.recipient-summary{margin-bottom:12px;padding:9px 10px;border:1px solid #cfe0ef;border-radius:6px;background:#f3f8fd;color:#53677a;font-size:9.5px}
.recipient-pills{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.recipient-pill{padding:3px 6px;border:1px solid #c8dcec;border-radius:999px;background:#fff;color:#36516d;font-size:7.5px;font-weight:700}
.recipient-note{margin:8px 0 0;padding-top:7px;border-top:1px solid #d5e4f1;color:#5d7086;font-size:8.5px;line-height:1.45}
.modal-body .field-label{margin-bottom:12px}
.tag-create-modal{width:min(480px,calc(100% - 30px))}.bulk-tag-update-modal{width:min(520px,calc(100% - 30px))}.bulk-tag-update-body{padding:20px 22px}.bulk-tag-update-count{margin:0 0 14px;color:#53677b;font-size:12px;font-weight:700}.bulk-tag-update-body .field-label{display:flex;flex-direction:column;gap:6px}.bulk-tag-update-body select{width:100%;height:40px;border:1px solid #cbd6e2;border-radius:7px;background:#fff;color:#34475a;padding:0 10px;font:inherit;font-size:12px}
.tag-create-body{padding:22px 22px 20px}
.tag-create-label{display:block;margin-bottom:7px;color:#34475a;font-size:11.5px;font-weight:800}
.tag-create-input{width:100%;height:44px;padding:0 12px;border:1px solid #cbd6e2;border-radius:7px;background:#fff;color:#24384c;font:inherit;font-size:14px;outline:0}
.tag-create-input:focus{border-color:#6da5dd;box-shadow:0 0 0 3px rgba(25,118,210,.08)}
.tag-create-help{margin:9px 0 0;color:#657589;font-size:10.5px;line-height:1.5}
.tag-create-error{margin:10px 0 0;padding:8px 10px;border-radius:6px;background:#fff3f1;color:#a83c32;font-size:10.5px;font-weight:700;line-height:1.45}
.tag-create-footer{padding:12px 18px}
.tag-create-footer button{min-width:92px}
.dnc-modal{width:min(560px,calc(100% - 30px))}
.dnc-modal-body{padding:24px}
.dnc-player-name{margin:0 0 8px;color:#24384c;font-size:18px;font-weight:800;line-height:1.35}
.dnc-scope-text{margin:0 0 22px;padding:14px 15px;border-left:4px solid var(--danger);border-radius:6px;background:#fff7f7;color:#4c5f72;font-size:14px;line-height:1.55}
.dnc-reason-label{display:block;margin-bottom:8px;color:#34475a;font-size:14px;font-weight:800}
.dnc-reason-label span{color:#78899a;font-weight:600}
.dnc-reason-input{width:100%;min-height:96px;resize:vertical;padding:11px 12px;border:1px solid #cbd6e2;border-radius:7px;background:#fff;color:#24384c;font:inherit;font-size:14px;line-height:1.45;outline:0}
.dnc-reason-input:focus{border-color:#6da5dd;box-shadow:0 0 0 3px rgba(25,118,210,.08)}
.dnc-modal-footer button{min-width:120px}
.action-dialog-modal{width:min(540px,calc(100% - 30px))}
.action-dialog-modal.has-multiline{width:min(720px,calc(100% - 30px))}
.action-dialog-body{padding:24px}
.action-dialog-message{margin:0;color:#52677b;font-size:14px;line-height:1.55;white-space:pre-line}
.action-dialog-input-wrap{display:block;margin-top:18px}
.action-dialog-input-wrap>span{display:block;margin-bottom:7px;color:#34475a;font-size:11.5px;font-weight:700}
.action-dialog-input-wrap[hidden]{display:none}
.action-dialog-textarea{display:block;width:100%;height:190px;min-height:150px;max-height:55vh;resize:vertical;padding:12px 13px;border:1px solid #cbd6e2;border-radius:8px;background:#fff;color:#24384c;font:inherit;font-size:14px;line-height:1.5;outline:0}
.action-dialog-textarea:focus{border-color:#6da5dd;box-shadow:0 0 0 3px rgba(25,118,210,.08)}
.action-dialog-textarea[hidden]{display:none}
.action-dialog-modal .modal-footer button{min-width:110px}
.delete-confirm-modal{width:min(520px,calc(100% - 30px))}
.delete-confirm-body{padding:24px}
.delete-confirm-body p{margin:0;color:#52677b;font-size:14px;line-height:1.55}
.call-player-modal{width:min(520px,calc(100% - 30px))}
.call-player-body{padding:24px}
.call-player-name{margin:0 0 5px;color:#24384c;font-size:18px;font-weight:800}
.call-player-number{margin:0;color:var(--blue);font-size:22px;font-weight:750}
.call-player-note{margin:14px 0 0;color:#68798c;font-size:11.5px;line-height:1.5}
#caseStateModal{z-index:900!important}
.case-state-modal{width:min(520px,calc(100% - 30px))}
.case-state-body{padding:24px}
.case-state-player{margin:0 0 8px;color:#24384c;font-size:18px;font-weight:800;line-height:1.35}
.case-state-message{margin:0;color:#52677b;font-size:14px;line-height:1.55}
.case-state-footer button{min-width:120px}
.bulk-confirm-modal{width:min(560px,calc(100% - 30px));max-height:min(820px,calc(100dvh - 32px));display:flex;flex-direction:column}
.bulk-confirm-modal .modal-header,.bulk-confirm-modal .modal-footer{flex:0 0 auto}
.bulk-confirm-body{padding:22px;min-height:0;overflow-y:auto}
.bulk-confirm-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.bulk-confirm-summary>div{padding:12px;border:1px solid #dbe4ed;border-radius:8px;background:#f8fafc}
.bulk-confirm-summary span{display:block;margin-bottom:4px;color:#68788b;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.bulk-confirm-summary strong{color:#24384c;font-size:14px}
.bulk-confirm-details{display:flex;flex-direction:column;gap:7px;color:#44586d;font-size:11px;line-height:1.5}
.bulk-confirm-detail{padding-left:18px;position:relative}
.bulk-confirm-detail:before{content:'✓';position:absolute;left:0;color:#238258;font-weight:900}
.bulk-confirm-note{margin:14px 0 0;padding:10px 12px;border-radius:7px;background:#eef6ff;color:#45627f;font-size:10.5px;line-height:1.45}
.message-guidance{display:flex;gap:8px;padding:9px 10px;border-left:3px solid var(--teal);background:#f3fbfb;color:#526f78;font-size:8.5px;line-height:1.45}
.message-guidance p{margin:0}
.lockout{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;background:var(--canvas)}
.lockout-card{width:100%;max-width:400px;padding:28px 26px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 2px 14px rgba(20,38,63,.06);text-align:center}
.lockout-card img{width:124px;height:auto;display:block;margin:0 auto 18px}
.lockout-card h1{margin:0 0 7px;color:#26364a;font-size:18px;font-weight:700}
.lockout-card p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.6}
.lockout-email{margin-top:10px!important;padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:#f7f9fb;color:#425468!important;font-size:10px;font-weight:700;word-break:break-all}
.lockout-actions{display:flex;gap:8px;justify-content:center;margin-top:18px}
.lockout-actions button{min-width:112px}
.lockout-foot{margin-top:16px!important;padding-top:14px;border-top:1px solid var(--line);font-size:9px!important}
.toast{position:fixed;right:22px;bottom:22px;z-index:100;display:flex;align-items:flex-start;gap:14px;max-width:min(520px,calc(100vw - 44px));padding:15px 16px 15px 18px;border:1px solid #bfd5ec;border-left:4px solid #2f7fd3;border-radius:10px;background:#fff;color:#26364a;box-shadow:0 12px 34px rgba(34,57,82,.18);font-size:12px;font-weight:600;line-height:1.5;transform:translateY(18px);opacity:0;pointer-events:none;transition:.2s}
.toast.show{transform:translateY(0);opacity:1;pointer-events:auto}
.toast.is-error{border-color:#efc7c7;border-left-color:#c94a4a;background:#fffafa}
.toast-message{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere}
.toast-close{flex:0 0 auto;width:28px;height:28px;margin:-4px -4px -4px 0;border:0;border-radius:7px;background:#f2f5f8;color:#536579;font-size:20px;line-height:1;cursor:pointer}
.toast-close:hover{background:#e8edf2;color:#26364a}
@media(max-width:1200px){.content-grid,.schedule-layout{grid-template-columns:1fr}.activity-panel,.schedule-guide{display:none}.architecture-flow{grid-template-columns:1fr 45px 1fr 45px 1fr}.global-search{width:250px}.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.week-strip{overflow-x:auto;grid-template-columns:repeat(7,minmax(100px,1fr))}}
@media(max-width:850px){.sidebar{width:70px;flex-basis:70px}.main-content{width:calc(100% - 70px);margin-left:70px}.brand{padding:12px 8px;align-items:center}.brand img{width:54px}.brand span,.main-nav:before,.nav-item>span+*{display:none}.nav-item{justify-content:center;padding:8px}.nav-item>span{font-size:16px}.nav-item b{display:none}.sidebar-note{display:none}.agent-card{justify-content:center;border:0;background:transparent;padding:4px;margin-bottom:14px}.agent-card>div:not(.avatar),.agent-card button{display:none}.topbar{padding:0 12px}.global-search{display:none}.view{padding:12px}.integration-layout{grid-template-columns:1fr}.top-actions{gap:6px}}
@media(max-width:650px){.welcome-row,.section-intro{display:block}.date-chip{display:inline-block;margin-top:10px}.audience-grid{grid-template-columns:1fr}.architecture-flow{display:flex;flex-direction:column;gap:9px}.flow-arrow{transform:rotate(90deg)}.system-card{width:100%;min-height:0}.drawer-grid,.service-controls .control-row,.status-split{grid-template-columns:1fr}.topbar h1{font-size:18px}.top-actions .icon-button{display:none}.stack-mobile{align-items:flex-start;gap:10px;flex-direction:column}.metric-card{min-inline-size:132px}.toast{right:12px;left:12px;bottom:12px;text-align:center}.schedule-summary{margin-top:10px}.agenda-item{grid-template-columns:1fr}.agenda-actions{justify-content:flex-start}.initiative-card{display:block}.initiative-stats{margin-top:12px;overflow-x:auto}.case-toolbar{justify-content:flex-start;flex-wrap:wrap}}

/* 2026-08-06 readability pass.
   Presentation only: no copy, markup, behavior, or integration changes. */
body{font-size:14px;line-height:1.45}

@media(min-width:851px){
  .sidebar{width:228px;flex-basis:228px}
  .main-content{width:calc(100% - 228px);margin-left:228px}
}

.brand{height:88px;padding:12px 20px}
.brand img{width:112px}
.brand span{font-size:10px;line-height:1.3}
.main-nav{padding:16px 10px 13px;gap:4px}
.main-nav:before{padding:0 9px 8px;font-size:10.5px}
.nav-item{min-height:42px;gap:10px;padding:9px 12px;font-size:13px;line-height:1.25}
.nav-item>span{width:18px;font-size:16px}
.nav-item b{min-width:23px;padding:3px 7px;font-size:10px}
.sidebar-note{margin:0 10px 12px;padding:12px;font-size:11px;line-height:1.5}
.sidebar-note strong{font-size:11px}
.sidebar-note small{font-size:10px}
.status-dot{width:7px;height:7px}
.agent-card{margin:0 10px 16px;padding:10px 9px;gap:9px}
.avatar{width:32px;height:32px;font-size:11px}
.agent-card strong{font-size:11px}
.agent-card small{font-size:9.5px}

.topbar{height:88px;padding:0 26px}
.eyebrow{margin-bottom:5px;font-size:11px}
.topbar h1{font-size:25px}
.top-actions{gap:11px}
.global-search{width:340px;min-height:42px;padding:0 12px}
.global-search span{font-size:18px}
.global-search input{font-size:13px}
.primary-button,.secondary-button,.danger-button,.icon-button{min-height:40px;padding:9px 14px;font-size:12.5px}
.icon-button{width:40px;padding:0}

.view{padding:22px 24px 48px}
.welcome-row,.section-intro{min-height:64px;gap:24px;margin-bottom:16px}
.welcome-row h2,.section-intro h2{margin-bottom:6px;font-size:25px}
.welcome-row p,.section-intro p,.panel-header p{font-size:12.5px;line-height:1.5}
.date-chip{padding:9px 12px;font-size:11.5px}
.metric-grid{gap:12px;margin-bottom:18px}
.metric-card{min-inline-size:165px;max-inline-size:220px;min-height:92px;padding:13px 14px}
.metric-top{gap:14px;font-size:11.5px}
.metric-icon{width:28px;height:28px;font-size:13px}
.metric-value{margin:6px 0 2px;font-size:25px}
.metric-foot{font-size:10.5px;line-height:1.35}
.content-grid,.schedule-layout{grid-template-columns:minmax(0,1fr) 300px;gap:16px}
.panel{border-color:#e3e8ee}
.panel-header{min-height:66px;gap:20px;padding:14px 16px}
.panel-header h3{margin-bottom:4px;font-size:17px}
.panel-actions{gap:9px}
.panel-actions select,.field-label select,.agenda-panel .panel-header select{min-height:40px;padding:8px 32px 8px 11px;font-size:12.5px}

.table-wrap{scrollbar-gutter:stable}
table{min-width:940px}
th{padding:11px 12px;font-size:11.5px;line-height:1.3}
td{padding:12px;font-size:12px;line-height:1.35}
.player-cell{gap:10px}
.table-avatar{width:31px;height:31px;font-size:10px}
.player-cell strong,.cell-primary{font-size:12.5px}
.player-cell small,.cell-secondary{margin-top:3px;font-size:10.5px}
.stage-badge,.crisp-badge{padding:5px 8px;font-size:10px}
.open-row{font-size:20px;padding:4px 7px}
.row-tags{gap:4px;margin-top:5px}
.row-tag{padding:3px 7px;font-size:9.5px}

.connection-banner{gap:10px;margin-bottom:16px;padding:11px 14px;font-size:11.5px;line-height:1.5}
.connection-dot{width:7px;height:7px}
.activity-feed{padding:3px 16px 14px}
.activity-item{gap:11px;padding:14px 0}
.activity-icon{width:30px;height:30px;font-size:12px}
.activity-item p{font-size:11.5px;line-height:1.5}
.activity-item time{font-size:10px}

.audience-grid{gap:14px}
.audience-card{min-height:200px;padding:17px}
.audience-icon{width:36px;height:36px;font-size:16px}
.audience-count{font-size:24px}
.audience-card h3{margin:16px 0 6px;font-size:15px}
.audience-card p{font-size:11.5px;line-height:1.55}
.audience-actions{gap:9px;padding-top:16px}
.audience-actions button{min-height:38px;padding:8px 12px;font-size:11.5px}
.boundary-card{margin-top:16px;padding:16px 18px;gap:14px}
.boundary-icon{width:35px;height:35px;font-size:17px}
.boundary-card h3{font-size:14px}
.boundary-card p{font-size:11.5px;line-height:1.55}

.integration-layout{gap:16px}
.architecture-flow{padding:26px 18px;grid-template-columns:1fr 70px 1fr 70px 1.1fr}
.system-card{min-height:205px;padding:19px}
.system-icon{width:44px;height:44px;font-size:17px}
.system-card h4{font-size:16px}
.system-card p{font-size:11px;line-height:1.55}
.system-card small{padding:5px 8px;font-size:9px}
.flow-arrow{font-size:21px}
.flow-arrow small{font-size:9px}
.integration-checklist .check-row{gap:12px;padding:15px 16px}
.check-row>span{width:26px;height:26px;font-size:10px}
.check-row strong{font-size:12px}
.check-row p{font-size:10.5px;line-height:1.5}
.check-row em{font-size:9px}

.schedule-summary{gap:9px}
.schedule-summary span{min-width:96px;padding:10px 12px;font-size:10.5px}
.schedule-summary strong{font-size:21px}
.calendar-toolbar{gap:20px;margin-bottom:14px}
.calendar-period-nav{grid-template-columns:40px minmax(270px,auto) 40px}
.calendar-nav-button,.calendar-today-button,.calendar-mode{min-height:38px;font-size:11.5px}
.calendar-nav-button{width:40px;font-size:21px}
.calendar-range-label{min-width:270px;font-size:14px}
.day-focus{margin-bottom:16px;padding:20px 22px}
.day-focus span{font-size:10px}
.day-focus strong{font-size:21px}
.day-focus small{font-size:11px}
.week-strip{gap:0;margin-bottom:16px}
.week-day{min-height:94px;padding:11px 9px}
.week-day .week-day-label{font-size:10px}
.week-day .week-day-number{width:38px;height:38px;font-size:20px!important}
.week-day small{font-size:9.5px}
.month-weekday{padding:10px;font-size:10px}
.month-day{min-height:88px;padding:10px}
.month-day>span{font-size:12px}
.month-day>strong{font-size:10.5px}
.month-day>small{font-size:9px}
.agenda-list{padding:0 16px 16px}
.agenda-item{grid-template-columns:92px minmax(0,1fr) auto;gap:14px;padding:16px 0}
.agenda-time strong{font-size:12px}
.agenda-time span{font-size:10px}
.agenda-main>p{font-size:12px}
.agenda-main blockquote{font-size:10.5px;line-height:1.5}
.agenda-actions button{min-height:37px;padding:8px 11px;font-size:10.5px}
.empty-agenda strong{font-size:14px}
.empty-agenda p{font-size:11px}
.guide-list{padding:5px 16px 16px}
.guide-list>div{gap:11px;padding:14px 0}
.guide-list span{width:26px;height:26px;font-size:10px}
.guide-list p{font-size:10.5px;line-height:1.55}

.initiative-card{gap:24px;margin-bottom:16px;padding:17px 19px}
.initiative-card h3{font-size:17px}
.initiative-card>div>p:last-child{font-size:11.5px;line-height:1.55}
.initiative-stats{gap:9px}
.initiative-stats div{min-width:72px;padding:9px 10px}
.initiative-stats strong{font-size:20px}
.initiative-stats span{font-size:9px}
.case-toolbar{gap:9px;margin-bottom:14px}
.status-split{gap:13px;margin-bottom:13px}
.status-split>div{padding:15px}
.status-split label{font-size:10px}
.status-split small{font-size:10px;line-height:1.5}

.player-drawer{width:min(680px,100%)}
.drawer-header{padding:21px}
.drawer-header h2{font-size:24px}
.drawer-header>div>p:last-child{font-size:11.5px}
.close-button{width:36px;height:36px;font-size:21px}
.drawer-content{padding:15px 15px 38px}
.drawer-grid{gap:13px}
.info-card{padding:16px}
.info-card h4{margin-bottom:12px;font-size:10.5px}
.info-list{gap:12px}
.info-item label{font-size:9.5px}
.info-item strong{font-size:11.5px}
.service-controls{margin-top:13px}
.service-controls .control-row{gap:11px;margin-bottom:11px}
.field-label{font-size:10.5px}
.field-label select,.field-label input,.field-label textarea{margin-top:6px;min-height:41px;padding:9px 11px;font-size:12.5px}
.conversation{margin-top:13px}
.conversation-header{padding:12px 14px}
.conversation-header h4{font-size:12px}
.channel-chip{padding:4px 8px;font-size:9.5px}
.message-thread{padding:16px}
.message{margin-bottom:12px}
.bubble-message{padding:10px 12px;font-size:12px;line-height:1.5}
.message-time{font-size:9.5px}
.thread-loading,.thread-empty{font-size:11px}
.thread-older .secondary-button{min-height:32px;font-size:10px}
.message-tag{font-size:9px}
.message-file{font-size:10px}
.message-event{font-size:9.5px}
.related-card{margin-top:13px}
.related-list{gap:8px}
.related-empty{font-size:11px}
.related-warning{padding:9px 11px;font-size:10.5px}
.related-toggle{gap:8px;padding:10px 12px}
.related-when{font-size:10.5px}
.related-state,.related-tag{font-size:9px}
.related-preview{font-size:10.5px}
.related-open{padding:0 12px;font-size:10px}
.related-thread{padding:12px}

.cert-list{gap:8px}
.cert-loading,.cert-empty{padding:13px;font-size:11px}
.cert-row{gap:14px;padding:11px 13px}
.cert-main strong{font-size:12.5px}
.cert-main small{font-size:10.5px}
.cert-tag{font-size:9px}
.cert-dates{font-size:10.5px}
.followup-meta,.followup-empty{padding:11px 13px}
.followup-meta span{font-size:12px}
.followup-meta small,.followup-empty{font-size:10.5px}
.agenda-author{font-size:9.5px}
.compact-conversation .conversation-header>div p{font-size:10px}
.conversation-foot{padding:10px 13px;font-size:10px}

.template-intro-actions{gap:14px}
.template-archive-toggle{font-size:11px}
.template-layout{grid-template-columns:minmax(0,350px) minmax(0,1fr);gap:16px}
.template-list{padding:12px}
.template-none{font-size:11px}
.template-search{padding:11px 12px 0}
.template-search input{min-height:38px;padding:0 11px;font-size:11.5px}
.template-row{margin-bottom:7px;padding:11px 12px}
.template-row-name{font-size:12px}
.template-row-name em{font-size:9px}
.template-row-body{font-size:10.5px;line-height:1.5}
.template-row-meta{font-size:9.5px}
.template-editor{padding:16px}
.template-empty{font-size:11.5px}
.template-fields-label{font-size:10px}
.template-chip{padding:5px 9px;font-size:10px}
.template-preview{padding:12px}
.template-preview-text{font-size:11.5px}
.template-preview-toggle{font-size:9.5px}
.template-conflict{padding:11px 12px;font-size:10.5px}
.link-button{font-size:10.5px}
.tag-block>label{font-size:10px}
.tag-block>small{font-size:10px}
.tag-row{gap:7px}
.tag-chip{padding:5px 10px;font-size:10.5px}
.tag-chip.is-crisp.is-mapped em{font-size:9px}
.suppression-banner{padding:12px 14px}
.suppression-banner strong{font-size:11.5px}
.suppression-banner small{font-size:10px}
.suppression-banner em{font-size:10.5px}
.send-guard{padding:12px}
.send-guard strong{font-size:11px}
.send-guard small{font-size:10px}
.composer-template-note{padding:10px 12px;font-size:10.5px}
.quick-reply{gap:9px;padding:11px}
.quick-reply input{min-height:40px;padding:0 11px;font-size:12px}

.modal{width:min(650px,calc(100% - 30px))}
.modal-header,.modal-footer{padding:16px 20px}
.modal-header h2{font-size:22px}
.modal-body{padding:19px 20px}
.recipient-summary{padding:11px 12px;font-size:11.5px}
.recipient-pill{padding:4px 8px;font-size:9.5px}
.recipient-note{font-size:10.5px}
.message-guidance{padding:11px 12px;font-size:10.5px}
.lockout-card h1{font-size:21px}
.lockout-card p{font-size:12px}
.lockout-email{font-size:11.5px}
.lockout-foot{font-size:10.5px!important}
.toast{padding:12px 16px;font-size:12px}

@media(min-width:851px) and (max-width:1280px){
  .sidebar{width:216px;flex-basis:216px}
  .main-content{width:calc(100% - 216px);margin-left:216px}
  .view{padding:19px 20px 44px}
  .global-search{width:260px}
  .content-grid,.schedule-layout{grid-template-columns:minmax(0,1fr) 280px}
  .metric-card{min-inline-size:155px}
}

@media(max-width:850px){
  .sidebar{width:76px;flex-basis:76px}
  .main-content{width:calc(100% - 76px);margin-left:76px}
  .brand{height:82px;padding:12px 8px}
  .brand img{width:58px}
  .nav-item{min-height:42px;padding:8px}
  .topbar{height:82px;padding:0 14px}
  .view{padding:15px}
}

@media(max-width:650px){
  .topbar h1{font-size:20px}
  .welcome-row h2,.section-intro h2{font-size:22px}
  .metric-card{min-inline-size:145px}
  .player-drawer{width:100%}
}

/* 2026-08-06 responsive application pass.
   Reorganizes the existing interface at smaller widths without changing copy,
   data, integrations, or service-center behavior. */
body{overflow-x:hidden}
.mobile-nav-toggle,.mobile-nav-backdrop{display:none}

@media(max-width:1200px){
  .content-grid,.schedule-layout,.integration-layout{grid-template-columns:minmax(0,1fr)}
  .activity-panel,.schedule-guide{display:block}
  .architecture-flow{grid-template-columns:1fr 54px 1fr 54px 1fr}
  .audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){
  body.mobile-nav-open{overflow:hidden}
  .sidebar{
    width:min(300px,86vw)!important;
    flex-basis:auto!important;
    transform:translateX(-102%);
    transition:transform .22s ease;
    box-shadow:12px 0 36px rgba(20,38,63,.18);
    z-index:60;
  }
  body.mobile-nav-open .sidebar{transform:translateX(0)}
  .mobile-nav-backdrop{
    display:block;
    position:fixed;
    inset:0;
    z-index:55;
    border:0;
    background:rgba(18,31,48,.42);
    opacity:0;
    pointer-events:none;
    transition:opacity .2s ease;
  }
  body.mobile-nav-open .mobile-nav-backdrop{opacity:1;pointer-events:auto}
  .main-content{width:100%!important;margin-left:0!important}
  .mobile-nav-toggle{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid var(--line-dark);
    border-radius:7px;
    background:#fff;
    color:#334155;
    font-size:21px;
    line-height:1;
    box-shadow:var(--shadow);
  }
  .brand{height:88px;padding:12px 20px;align-items:flex-start}
  .brand img{width:112px}
  .brand span{display:block;font-size:10px}
  .main-nav{padding:16px 10px 13px;gap:4px}
  .main-nav:before{display:block;padding:0 9px 8px;font-size:10.5px}
  .nav-item{min-height:44px;justify-content:flex-start;gap:10px;padding:9px 12px;font-size:13px}
  .nav-item>span{width:18px;font-size:16px}
  .nav-item b{display:block}
  .sidebar-note{display:flex;margin:auto 10px 12px;padding:12px}
  .agent-card{display:flex;justify-content:flex-start;border:1px solid #d7e0e9;background:#f8fafc;padding:10px 9px;margin:0 10px 16px}
  .agent-card>div:not(.avatar),.agent-card button{display:block}

  .topbar{
    height:auto;
    min-height:88px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:10px 12px;
    padding:12px 16px;
  }
  .topbar-heading{min-width:0}
  .top-actions{
    grid-column:1/-1;
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto auto;
    gap:8px;
  }
  .global-search{display:flex;width:auto;min-width:0}
  .top-actions .primary-button,.top-actions .secondary-button{white-space:nowrap}
  .view{padding:18px 16px 42px}

  .metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .metric-card{width:100%;inline-size:auto;min-inline-size:0;max-inline-size:none}
  .calendar-toolbar{grid-template-columns:auto minmax(0,1fr) auto;gap:10px}
  .calendar-period-nav{grid-template-columns:40px minmax(0,1fr) 40px;width:100%;gap:8px}
  .calendar-range-label{min-width:0;white-space:normal}
  .week-strip{overflow-x:auto;grid-template-columns:repeat(7,minmax(105px,1fr));padding-bottom:4px;scrollbar-gutter:stable}
  .month-calendar{grid-template-columns:repeat(7,minmax(92px,1fr));overflow-x:auto}
  .template-layout{grid-template-columns:1fr}
  .template-list{max-height:300px}
}

@media(max-width:700px){
  .topbar{padding:11px 12px}
  .topbar h1{font-size:21px}
  .eyebrow{font-size:9.5px}
  .top-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .global-search{grid-column:1/-1;order:-1}
  .top-actions .icon-button{display:none}
  .top-actions .primary-button,.top-actions .secondary-button{width:100%}

  .view{padding:14px 12px 34px}
  .welcome-row,.section-intro{min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px}
  .welcome-row h2,.section-intro h2{font-size:22px}
  .date-chip{align-self:flex-start;margin-top:0}
  .section-intro>.primary-button{width:100%}
  .template-intro-actions{width:100%;justify-content:space-between;flex-wrap:wrap;gap:10px}

  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}
  .metric-card{min-height:88px;padding:12px}
  .metric-top{gap:8px;font-size:10.5px}
  .metric-value{font-size:23px}
  .metric-foot{font-size:9.5px}

  .panel-header{min-height:0;flex-direction:column;align-items:stretch;gap:11px;padding:14px}
  .panel-header h3{font-size:16px}
  .panel-actions{width:100%}
  .queue-panel .panel-actions{display:grid;grid-template-columns:1fr 1fr}
  #playersView .panel-actions{display:grid;grid-template-columns:1fr}
  .panel-actions select,.panel-actions button,.agenda-panel .panel-header select{width:100%}

  .queue-panel .table-wrap,#playersView .table-wrap{overflow:visible}
  .queue-panel table,#playersView table{display:block;min-width:0}
  .queue-panel thead,#playersView thead{display:none}
  .queue-panel tbody,#playersView tbody{display:grid;gap:10px;padding:10px;background:#f6f8fb}
  .queue-panel tbody tr,#playersView tbody tr{
    display:block;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:8px;
    background:#fff;
    box-shadow:var(--shadow);
  }
  .queue-panel tbody tr:hover,#playersView tbody tr:hover{background:#fff}
  .queue-panel td,#playersView td{
    display:grid;
    grid-template-columns:112px minmax(0,1fr);
    align-items:center;
    gap:12px;
    min-height:42px;
    padding:9px 12px;
    border-bottom:1px solid #edf0f3;
    white-space:normal;
    word-break:break-word;
  }
  .queue-panel td:last-child,#playersView td:last-child{border-bottom:0}
  .queue-panel td::before,#playersView td::before{
    color:#78869a;
    font-size:9px;
    font-weight:800;
    letter-spacing:.03em;
    text-transform:uppercase;
  }
  .queue-panel td:nth-child(1)::before{content:'Select'}
  .queue-panel td:nth-child(2)::before{content:'Player'}
  .queue-panel td:nth-child(3)::before{content:'Casino / Certificate'}
  .queue-panel td:nth-child(4)::before{content:'Stage'}
  .queue-panel td:nth-child(5)::before{content:'Last activity'}
  .queue-panel td:nth-child(6)::before{content:'Next action'}
  .queue-panel td:nth-child(7)::before{content:'Open'}
  #playersView td:nth-child(1)::before{content:'Player'}
  #playersView td:nth-child(2)::before{content:'Player club #'}
  #playersView td:nth-child(3)::before{content:'Casino / Certificate'}
  #playersView td:nth-child(4)::before{content:'Stage'}
  #playersView td:nth-child(5)::before{content:'Crisp status'}
  #playersView td:nth-child(6)::before{content:'Follow-up owner'}
  #playersView td:nth-child(7)::before{content:'Next follow-up'}
  #playersView td:nth-child(8)::before{content:'Open'}
  .queue-panel td[colspan],#playersView td[colspan]{display:block!important;padding:28px 16px!important;text-align:center!important}
  .queue-panel td[colspan]::before,#playersView td[colspan]::before{content:none}
  .queue-panel .open-row,#playersView .open-row{justify-self:start}

  .activity-feed{padding:3px 14px 12px}
  .activity-item p{font-size:11px}
  .audience-grid{grid-template-columns:1fr}
  .audience-card{min-height:0}
  .boundary-card{flex-direction:column}
  .initiative-card{display:block}
  .initiative-stats{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}
  .initiative-stats div{min-width:0}

  .schedule-intro{align-items:stretch}
  .schedule-summary{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .schedule-summary span{min-width:0}
  .calendar-toolbar{grid-template-columns:1fr;gap:9px}
  .calendar-today-slot,.calendar-view-toggle{width:100%}
  .calendar-today-button{width:100%}
  .calendar-view-toggle{display:flex}
  .calendar-mode{flex:1}
  .calendar-period-nav{grid-row:1}
  .agenda-item{grid-template-columns:1fr;gap:10px}
  .agenda-heading{align-items:flex-start;flex-direction:column}
  .agenda-actions{justify-content:flex-start;flex-wrap:wrap}
  .guide-list p{font-size:10.5px}

  .architecture-flow{display:flex;flex-direction:column;gap:10px;padding:16px}
  .system-card{width:100%;min-height:0}
  .flow-arrow{transform:rotate(90deg)}
  .integration-checklist .check-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto}

  .template-layout{gap:12px}
  .template-list{max-height:240px}
  .template-editor{padding:14px}
  .template-preview-toggle{display:flex;margin:7px 0 0}

  .player-drawer{width:100%;height:100dvh}
  .drawer-header{position:sticky;top:0;z-index:2;padding:16px}
  .drawer-content{padding:12px 12px 28px}
  .drawer-grid,.service-controls .control-row,.status-split,.info-list{grid-template-columns:1fr}
  .cert-row{flex-direction:column}
  .cert-dates{align-items:flex-start;white-space:normal}
  .related-head{flex-wrap:wrap}
  .related-toggle{flex-basis:100%}
  .related-open{min-height:38px;border-top:1px solid var(--line);border-left:0}
  .bubble-message{max-width:90%}
  .quick-reply{flex-direction:column}
  .quick-reply .primary-button{width:100%}

  .modal-backdrop{align-items:end;padding:0}
  .modal{
    width:100%;
    max-height:100dvh;
    display:flex;
    flex-direction:column;
    border-radius:12px 12px 0 0;
  }
  .modal.bulk-message-modal{width:100%;max-height:100dvh}
  .bulk-message-modal .modal-body{padding:0 14px 14px}
  .bulk-message-footer{display:flex;flex-direction:column-reverse;align-items:stretch}
  .bulk-message-footer>div{display:grid;grid-template-columns:1fr 1fr}
  .modal-header,.modal-footer{padding:14px}
  .modal-body{overflow:auto;padding:14px}
  .modal-footer{display:grid;grid-template-columns:1fr 1fr}
  .modal-footer button{width:100%}
  .suppression-banner{align-items:flex-start;flex-direction:column}
}

@media(max-width:420px){
  .topbar{grid-template-columns:auto minmax(0,1fr)}
  .top-actions{grid-template-columns:1fr}
  .global-search{grid-column:1}
  .metric-grid{grid-template-columns:1fr}
  .queue-panel .panel-actions{grid-template-columns:1fr}
  .queue-panel td,#playersView td{grid-template-columns:96px minmax(0,1fr);gap:9px;padding:9px 10px}
  .schedule-summary{grid-template-columns:1fr}
  .calendar-period-nav{grid-template-columns:36px minmax(0,1fr) 36px}
  .calendar-nav-button{width:36px}
  .calendar-range-label{font-size:12px}
  .initiative-stats{grid-template-columns:1fr 1fr}
  .integration-checklist .check-row{grid-template-columns:auto minmax(0,1fr)}
  .check-row em{grid-column:2;justify-self:start;margin-left:0}
  .modal-footer{grid-template-columns:1fr}
  .lockout{padding:14px}
  .lockout-card{padding:22px 18px}
  .lockout-actions{flex-direction:column}
  .lockout-actions button{width:100%}
}

/* Recent activity stays available at every width. On desktop it can collapse
   into a slim rail so the work queue immediately reclaims the page width. */
.activity-panel-header{align-items:center}
.panel-collapse-button{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid var(--line-dark);
  border-radius:6px;
  background:#fff;
  color:#31506f;
  font-size:21px;
  line-height:1;
  box-shadow:var(--shadow);
}
.panel-collapse-button:hover{border-color:#78a9db;background:#f6faff}
.panel-collapse-button:focus-visible{outline:0;border-color:#5d9bd8;box-shadow:0 0 0 3px rgba(25,118,210,.12)}
.activity-link{
  width:100%;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
}
.activity-link:hover{background:#f7fbff}
.activity-link:focus-visible{outline:2px solid var(--blue);outline-offset:-2px;border-radius:5px}
.activity-copy{min-width:0;flex:1}
.activity-title{display:block;color:#536275;font-size:11.5px;line-height:1.5}
.activity-copy time{display:block;margin-top:3px;color:#8490a0;font-size:10px}
.activity-open{margin-left:auto;color:var(--blue);font-size:20px;line-height:1}
.activity-empty{cursor:default}

.content-grid.activity-collapsed{grid-template-columns:minmax(0,1fr) 52px}
.activity-panel.is-collapsed .activity-feed,
.activity-panel.is-collapsed .activity-panel-header>div{display:none}
.activity-panel.is-collapsed .activity-panel-header{
  height:100%;
  min-height:66px;
  padding:12px 7px;
  justify-content:center;
  align-items:flex-start;
  border-bottom:0;
}
.activity-panel.is-collapsed .panel-collapse-button{width:36px;flex-basis:36px}

@media(min-width:1181px) and (max-width:1400px){
  .content-grid{grid-template-columns:minmax(0,1fr) 280px}
  .content-grid.activity-collapsed{grid-template-columns:minmax(0,1fr) 52px}
}

@media(max-width:1180px){
  .content-grid,.content-grid.activity-collapsed{grid-template-columns:minmax(0,1fr)}
  .activity-panel.is-collapsed .activity-panel-header{
    height:auto;
    min-height:58px;
    padding:10px 14px;
    justify-content:space-between;
    align-items:center;
  }
  .activity-panel.is-collapsed .activity-panel-header>div{display:block}
}

@media(max-width:560px){
  .activity-title{font-size:11px}
  .activity-copy time{font-size:9.5px}
}

/* 2026-08-07 Service Desk consolidation. */
.welcome-summary{display:flex;align-items:stretch;gap:10px}
.conversation-total{min-width:142px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:var(--shadow);display:flex;align-items:baseline;gap:7px}
.conversation-total strong{color:#26384b;font-size:20px;line-height:1;font-weight:800}
.conversation-total span{color:#718096;font-size:10px;font-weight:650;white-space:nowrap}
.metric-card{appearance:none;text-align:left;font-family:inherit;color:inherit}
.metric-card.is-active{outline:none;border-color:var(--metric-color,#5c9dde);box-shadow:0 0 0 2px color-mix(in srgb,var(--metric-color,#5c9dde) 18%,transparent),0 3px 10px rgba(32,54,78,.08)}
.metric-card .metric-top{justify-content:flex-start}
.metric-select-check{width:18px;height:18px;margin-left:auto;border:1.5px solid #b9c6d3;border-radius:5px;display:grid;place-items:center;background:#fff;color:#fff;font-size:11px;font-weight:900;line-height:1}
.metric-card.is-active .metric-select-check{border-color:var(--metric-color,#5c9dde);background:var(--metric-color,#5c9dde)}
.metric-card .metric-icon{margin-left:2px}
.assessment-quick-filters{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;margin:-4px 0 18px}
.assessment-service-card{appearance:none;display:grid;grid-template-columns:34px minmax(0,1fr) 18px auto;align-items:center;gap:10px;min-width:300px;padding:10px 12px;border:1px solid #cdb9ec;border-left:4px solid #7552a8;border-radius:8px;background:#f8f4fd;color:#513a74;font-family:inherit;text-align:left;cursor:pointer;transition:.15s ease}
.assessment-service-card:hover{border-color:#9f82ca;background:#f3ecfb;transform:translateY(-1px)}
.assessment-service-card.is-active{border-color:#7552a8;background:#eee4f8;box-shadow:0 0 0 2px rgba(117,82,168,.12)}
.assessment-service-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#7552a8;color:#fff;font-size:18px;font-weight:900}
.assessment-service-copy{display:flex;min-width:0;flex-direction:column;gap:1px}.assessment-service-copy small{color:#80699d;font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.assessment-service-copy strong{color:#4f3771;font-size:13px}.assessment-service-copy em{color:#77658d;font-size:9.5px;font-style:normal}
.assessment-service-card>b{min-width:34px;color:#5b3d84;font-size:25px;line-height:1;text-align:right}
.duplicate-quick-card{appearance:none;align-self:stretch;display:flex;align-items:baseline;gap:7px;min-height:48px;padding:10px 13px;border:1px solid #f0c6a2;border-left:4px solid #de7a2f;border-radius:7px;background:#fff7f0;color:#8a4b1c;font-family:inherit;text-align:left;cursor:pointer;transition:.15s ease}
.duplicate-quick-card strong{color:#934c18;font-size:23px;line-height:1;font-weight:850}.duplicate-quick-card span{font-size:10px;font-weight:800;white-space:nowrap}.duplicate-quick-card:hover,.duplicate-quick-card.is-active{border-color:#de7a2f;background:#fff0e4;box-shadow:0 3px 10px rgba(138,75,28,.08)}
.assessment-service-card .metric-select-check,.duplicate-quick-card .metric-select-check{flex:0 0 18px;width:18px;height:18px;margin-left:auto}
.assessment-service-card.is-active .metric-select-check{border-color:#7552a8;background:#7552a8;color:#fff}.duplicate-quick-card.is-active .metric-select-check{border-color:#de7a2f;background:#de7a2f;color:#fff}

.queue-panel{overflow:visible}
.service-filter-bar{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap;padding:13px 14px;border-bottom:1px solid #edf0f3;background:#fbfcfd}
.service-filter,.bulk-actions-wrap{display:flex;flex-direction:column;gap:5px;position:relative}
.service-filter>span,.bulk-actions-wrap>span{color:#718096;font-size:9.5px;font-weight:800;letter-spacing:.025em;text-transform:uppercase}
.service-filter select,.service-filter input{min-height:40px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#334155;padding:8px 10px;font-size:12px;outline:0}
.service-filter select{padding-right:31px}
.service-filter select:focus,.service-filter input:focus{border-color:#6da5dd;box-shadow:0 0 0 2px rgba(25,118,210,.08)}
.service-filter-bar #queueOwnerFilter{min-width:145px}
.service-filter-bar #queueDncFilter{min-width:135px}
.service-filter-bar #queueCertificateFilter{min-width:155px}
.service-filter-bar #queueBulkSendFilter{min-width:175px}
.message-contains-filter{flex:1 1 245px;min-width:225px}
.message-contains-filter input{width:100%;min-width:225px}
.service-tag-filter .tag-filter-button{min-width:210px;min-height:40px;padding:8px 28px 8px 11px;font-size:12px;text-align:left}
.service-tag-filter .tag-filter-menu{left:0;right:auto;width:min(340px,calc(100vw - 32px));min-width:0;max-width:380px;max-height:min(420px,calc(100dvh - 24px));height:auto;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y;-webkit-overflow-scrolling:touch}
.service-tag-filter .tag-filter-menu.opens-up{top:auto;bottom:calc(100% + 4px)}
.service-tag-filter .tag-filter-mode{margin-bottom:3px}
.service-tag-filter .tag-filter-list{height:auto;min-height:0;max-height:none;overflow:visible}
.service-tag-filter .tag-filter-list.is-special{margin-top:3px;padding-top:3px}
.service-tag-filter .tag-filter-option{gap:7px;padding:3px 6px;font-size:11px;line-height:1.25}
.service-tag-filter .tag-filter-option input{width:16px;height:16px}
.service-tag-filter .tag-filter-clear{margin-top:4px;padding:5px;font-size:10px}
.reset-filter-button{min-height:40px;white-space:nowrap}
.bulk-actions-wrap{margin-left:auto}
.queue-result-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 14px;border-bottom:1px solid #edf0f3;background:#fff;color:#66778a;font-size:11px;font-weight:650}
.queue-result-count-block{display:flex;flex:1;min-width:0;flex-direction:row;align-items:center;gap:14px;flex-wrap:wrap}
.queue-result-summary span{display:inline-flex;align-items:baseline;gap:4px}
.queue-result-summary strong{color:#263b50;font-size:14px;font-weight:850}
.queue-result-actions{display:flex;align-items:center;gap:9px;margin-left:auto}
.desktop-active-filter-summary{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.desktop-filter-label{color:#7a8795;font-size:10px;font-weight:750}
.desktop-filter-chip{display:inline-flex;align-items:center;gap:5px;max-width:240px;padding:4px 8px;border:1px solid #cbd9e7;border-radius:999px;background:#f6f9fc;color:#3d5d7a;font:inherit;font-size:10px;font-weight:750;cursor:pointer}
.desktop-filter-chip span{display:block!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-filter-chip b{font-size:12px;line-height:1;color:#71879a}
.desktop-filter-chip:hover{border-color:#8fb2d1;background:#eef6fd}.desktop-filter-clear{padding:3px 5px;border:0;background:transparent;color:#63788c;font:inherit;font-size:9.5px;font-weight:750;text-decoration:underline;cursor:pointer}
.assessment-review-start{min-height:34px;padding:6px 12px;border-color:#8fb1d5;color:#205f99;background:#f7fbff;font-weight:800;white-space:nowrap}
#queueResolutionBreakdown{display:block;color:#8290a0;font-size:9.5px;font-weight:650;line-height:1.35}
#selectedConversationCount{padding-left:14px;border-left:1px solid #dfe5eb}
.selection-actions{display:flex;align-items:center;gap:7px}
#bulkMessageBtn{min-height:40px;white-space:nowrap}
.selection-clear{min-height:40px;padding:7px 4px;border:0;background:transparent;color:#6c7a8c;font-size:10.5px;font-weight:700;cursor:pointer}
.selection-clear:hover:not(:disabled){color:var(--blue);text-decoration:underline}
.selection-clear:disabled{opacity:.45;cursor:not-allowed}

.service-desk-table{min-width:1500px}
.queue-bottom-scroll{position:fixed;z-index:28;bottom:0;height:18px;overflow-x:auto;overflow-y:hidden;border-top:1px solid #dce4ec;background:#f8fafc;box-shadow:0 -2px 7px rgba(31,42,60,.08)}
.queue-bottom-scroll>div{height:1px}
.queue-bottom-scroll[hidden]{display:none!important}
@media(max-width:850px){.queue-bottom-scroll{display:none!important}}
.service-desk-table th:nth-child(1){width:96px}
.select-header{text-align:center}
.queue-sort-button{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;cursor:pointer;white-space:nowrap;text-align:left}
.queue-sort-button:hover,.queue-sort-button.is-active{color:var(--blue)}
.queue-sort-button:focus-visible{outline:2px solid #8bb9e8;outline-offset:3px;border-radius:3px}
.sort-indicator{min-width:10px;color:#8a97a6;font-size:10px;font-weight:800}
.queue-sort-button.is-active .sort-indicator{color:var(--blue)}
.player-header-sort{padding-left:41px}
#selectAll{width:18px;height:18px;cursor:pointer}
.select-cell{width:96px}
.queue-row-actions{display:flex;flex-direction:column;align-items:stretch;gap:5px}
.row-select{min-width:72px;min-height:32px;padding:6px 10px;border:1px solid #cfd8e2;border-radius:6px;background:#fff;color:#526174;font-size:10px;font-weight:750;cursor:pointer;white-space:nowrap}
.row-select:hover{border-color:#7aaee5;background:#f5faff;color:var(--blue)}
.row-select.is-selected{border-color:#7aaee5;background:var(--blue-soft);color:var(--blue)}
.queue-open-new-window{width:100%;padding:3px 2px;border:0;background:transparent;color:#54728e;font:inherit;font-size:9px;font-weight:750;line-height:1.2;text-align:center;white-space:normal;cursor:pointer}
.queue-open-new-window:hover,.queue-open-new-window:focus-visible{color:var(--blue);text-decoration:underline;outline:0}
.service-desk-table th:nth-child(2){min-width:205px}
.service-desk-table th:nth-child(3){min-width:165px}
.service-desk-table th:nth-child(4){min-width:175px}
.service-desk-table th:nth-child(5){min-width:135px}
.service-desk-table th:nth-child(6){min-width:105px}
.service-desk-table th:nth-child(7){min-width:180px}
.service-desk-table th:nth-child(8){min-width:150px}
.service-desk-table th:nth-child(9){min-width:190px}
.player-identifiers{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.player-phone{color:var(--blue);text-decoration:none;font-size:10.5px;font-weight:650}
.player-phone:hover{text-decoration:underline}
.copy-club,.copy-certificate{max-width:100%;padding:0;border:0;background:transparent;color:#68778a;font:inherit;font-size:10px;text-align:left;cursor:pointer}
.copy-club:hover,.copy-certificate:hover{color:var(--blue);text-decoration:underline}
.copy-certificate{display:block;margin-top:2px}
.drawer-copy-club,.drawer-copy-certificate{display:inline-block;margin-top:0;font-size:inherit;font-weight:700;color:inherit}
.certificate-status{display:inline-flex;width:max-content;margin-top:4px;padding:2px 6px;border:1px solid #cfdce8;border-radius:999px;background:#f6f9fc;color:#526478;font-size:8.5px;font-weight:750}
.assigned-to{display:inline-flex;width:max-content;padding:3px 7px;border-radius:999px;background:#eef4fa;color:#3e5d7d;font-size:9.5px;font-weight:750}
.activity-preview{max-width:190px;overflow:hidden;text-overflow:ellipsis}
.next-action-cell{display:block;max-width:220px;white-space:normal;line-height:1.35}

.drawer-header-actions{display:flex;align-items:flex-start;gap:7px;flex:0 0 auto}
.drawer-icon-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:#f1f4f7;color:#4f5d70;text-decoration:none;font-size:18px;line-height:1}
.drawer-icon-button:hover{border-color:#7aaee5;background:#f7fbff;color:var(--blue)}
.player-drawer{width:min(70vw,1100px)}

.tag-management-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tag-management-table{min-width:760px}
.tag-management-table td{white-space:normal}
.tag-admin-status{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:800}
.tag-admin-status.is-live{background:#edf8f1;color:#33744b}
.tag-admin-status.is-retired{background:#f1f3f5;color:#68727d}
.tag-admin-actions{display:flex;gap:7px;flex-wrap:wrap}
.tag-management-empty{text-align:center!important;padding:36px!important;color:#7d8998!important}

.full-case-loading-screen{display:none}
html.full-case-loading .full-case-loading-screen{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:24px;background:#f6f8fb;color:#425468}
html.full-case-loading .full-case-loading-screen>div{width:min(420px,calc(100% - 30px));padding:26px 28px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 8px 30px rgba(22,36,53,.10);text-align:center}
html.full-case-loading .full-case-loading-screen strong{display:block;color:#26384b;font-size:17px}
html.full-case-loading .full-case-loading-screen span{display:block;margin-top:7px;color:#718096;font-size:11px;line-height:1.5}
html.full-case-loading .app-shell,html.full-case-loading .player-drawer,html.full-case-loading .drawer-backdrop{visibility:hidden}

body.full-case-mode{overflow:hidden;background:#f6f8fb}
body.full-case-mode .app-shell,body.full-case-mode .drawer-backdrop{display:none!important}
body.full-case-mode .player-drawer{position:fixed;inset:0;width:100%;height:100dvh;transform:none!important;border:0;box-shadow:none;background:#f6f8fb}
body.full-case-mode .player-drawer.open{transform:none}
body.full-case-mode .drawer-header{position:sticky;top:0;z-index:3;padding-left:max(24px,calc((100vw - 1320px)/2));padding-right:max(24px,calc((100vw - 1320px)/2))}
body.full-case-mode .drawer-content{width:100%;max-width:1320px;margin:0 auto;padding:20px 24px 50px}
body.full-case-mode #expandDrawer{display:none}
body.full-case-mode .compact-conversation .message-thread{max-height:520px}

@media(max-width:1450px){
  .player-drawer{width:min(78vw,980px)}
  .service-filter-bar{gap:8px}
  .service-tag-filter .tag-filter-button{min-width:180px}
}

@media(max-width:1180px){
  .service-filter-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}
  .service-filter,.bulk-actions-wrap{min-width:0}
  .service-filter select,.service-tag-filter .tag-filter,.service-tag-filter .tag-filter-button,#bulkMessageBtn{width:100%;min-width:0!important}
  .bulk-actions-wrap{margin-left:0}
  .selection-actions{width:100%}
  .player-drawer{width:min(88vw,960px)}
}

@media(max-width:850px){
  .welcome-summary{width:100%;justify-content:flex-start;flex-wrap:wrap}
  .conversation-total{min-height:42px}
  .service-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}
  .queue-panel .table-wrap{overflow:visible}
  .queue-panel table{display:block;min-width:0}
  .queue-panel thead{display:none}
  .queue-panel tbody{display:grid;gap:10px;padding:10px;background:#f6f8fb}
  .queue-panel tbody tr{display:block;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow)}
  .queue-panel tbody tr[data-id]{cursor:pointer}
  .queue-panel tbody tr[data-id]::before{content:attr(data-mobile-summary) '  ▾';display:block;padding:14px 16px;color:#26364a;font-size:13px;font-weight:750;line-height:1.3;background:#fff}
  .queue-panel tbody tr[data-id].mobile-expanded::before{content:attr(data-mobile-summary) '  ▴';border-bottom:1px solid #edf0f3;background:#f8fbff}
  .queue-panel tbody tr[data-id]:not(.mobile-expanded) td{display:none}
  .queue-panel td{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;min-height:42px;padding:9px 12px;border-bottom:1px solid #edf0f3;white-space:normal;word-break:break-word}
  .queue-panel td::before{color:#78869a;font-size:9px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
  .queue-panel td:nth-child(1)::before{content:'Select'}
  .queue-panel td:nth-child(2)::before{content:'Player'}
  .queue-panel td:nth-child(3)::before{content:'Next Action'}
  .queue-panel td:nth-child(4)::before{content:'Casino / Certificate'}
  .queue-panel td:nth-child(5)::before{content:'Stage'}
  .queue-panel td:nth-child(6)::before{content:'AI Assessment'}
  .queue-panel td:nth-child(7)::before{content:'Ticket Status'}
  .queue-panel td:nth-child(8)::before{content:'Assigned To'}
  .queue-panel td:nth-child(9)::before{content:'Last Activity'}
  .queue-panel td:nth-child(10)::before{content:'Open'}
  .queue-panel td:last-child{border-bottom:0}
  .queue-panel td[colspan]{display:block!important;padding:28px 16px!important;text-align:center!important}
  .queue-panel td[colspan]::before{content:none}
  .queue-panel .open-row{justify-self:start}
  .activity-preview,.next-action-cell{max-width:none}
  .player-drawer{width:100%}
  body.full-case-mode .drawer-content{padding:14px 12px 32px}
  body.full-case-mode .drawer-header{padding-left:16px;padding-right:16px}
  .tag-management-actions{width:100%;justify-content:space-between}
}

/* Follow-up controls: quieter labels, normal-weight values, and easier pickers. */
.service-controls h4{margin-bottom:8px}
.service-controls .field-label{font-size:9.5px;font-weight:700;color:#657386}
.service-controls .field-label input,.service-controls .field-label select,.service-controls .field-label textarea{font-size:11.5px;font-weight:400;color:#334155}
.service-controls .field-label textarea{line-height:1.45}
.service-controls .control-row{gap:10px;margin-bottom:9px}
.service-controls>.field-label{margin-bottom:8px}
.field-help{display:block;margin-top:4px;color:#8995a5;font-size:9.5px;font-weight:400;line-height:1.4}
.date-picker-label{cursor:pointer}
.date-picker-label input{cursor:pointer}
.time-choice-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:5px;color:#7b8797;font-size:9.5px;font-weight:400}
.time-choice-row[hidden]{display:none}
.time-choice-row button{padding:4px 8px;border:1px solid #cbd8e5;border-radius:999px;background:#fff;color:#356a9a;font:inherit;font-weight:650;cursor:pointer}
.time-choice-row button:hover{background:#f4f9ff;border-color:#8db8df}

/* Related conversation history shows both ends of the timeline for every state. */
.related-summary-grid{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(120px,.8fr) minmax(125px,.9fr) minmax(180px,1.8fr);align-items:center;gap:12px;width:100%}
.related-date-cell,.related-status-cell,.related-preview-cell{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:2px}
.related-date-cell small,.related-status-cell>small,.related-preview-cell>small{color:#8a96a5;font-size:8px;font-weight:750;letter-spacing:.03em;text-transform:uppercase}
.related-date-cell strong{color:#35475a;font-size:10.5px;font-weight:650}
.related-date-cell em{color:#7b8797;font-size:9px;font-style:normal;font-weight:400}
.related-status-cell{flex-direction:row;align-items:center;align-content:center;flex-wrap:wrap;gap:4px}
.related-status-cell>small{flex-basis:100%}
.related-preview-cell .related-preview{display:block;width:100%;font-weight:400}

@media(max-width:850px){
  .related-summary-grid{grid-template-columns:1fr 1fr;row-gap:8px}
  .related-preview-cell{grid-column:1/-1}
}

@media(max-width:560px){
  .service-filter-bar{grid-template-columns:1fr}
  .conversation-total{width:100%}
  .welcome-summary .date-chip{width:100%}
  .queue-panel td{grid-template-columns:96px minmax(0,1fr);gap:9px;padding:9px 10px}
}

/* Compact player record / follow-up pass. The record should feel like an
   operational panel, not a full-width form. */
.player-drawer{width:min(64vw,980px)}
body.full-case-mode .drawer-content{max-width:1120px}
body.full-case-mode .drawer-header{padding-left:max(24px,calc((100vw - 1120px)/2));padding-right:max(24px,calc((100vw - 1120px)/2))}
.service-controls{padding:14px 16px}
.service-controls .followup-empty{margin:0 0 9px;font-size:9.5px}
.followup-compact-grid{display:grid;grid-template-columns:170px 210px 190px minmax(150px,1fr);gap:9px;align-items:start;margin-bottom:9px}
.followup-compact-grid .field-label{min-width:0}
.date-picker-shell{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:38px;margin-top:5px;padding:0 10px;border:1px solid #d7dce3;border-radius:5px;background:#fff;color:#334155;cursor:pointer;overflow:hidden}
.date-picker-value{font-size:11.5px;font-weight:400;white-space:nowrap}
.date-picker-icon{color:#758396;font-size:12px;line-height:1}
.date-picker-shell input[type="date"],.date-picker-shell input[type="time"]{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;pointer-events:none}
.next-action-row{display:grid;grid-template-columns:minmax(260px,420px) minmax(240px,1fr);gap:9px;align-items:start;margin-bottom:8px}
.next-action-row [hidden]{display:none!important}
.internal-note-label textarea{min-height:72px!important;font-weight:400!important}
.service-controls .followup-actions{margin-top:8px}
.send-guard[hidden]{display:none!important}

@media(max-width:1450px){.player-drawer{width:min(76vw,980px)}}
@media(max-width:1100px){
  .player-drawer{width:min(90vw,960px)}
  .followup-compact-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .player-drawer{width:100%}
  .followup-compact-grid,.next-action-row{grid-template-columns:1fr}
}

/* 2026-08-08 player workspace redesign.
   Preserve every existing data source and action while giving the record a
   clear Context / Work / History hierarchy. */
.player-drawer{width:min(84vw,1360px)}
.drawer-header{padding:20px 24px}
.drawer-header h2{font-size:27px;line-height:1.15}
.drawer-header>div>p:last-child{font-size:12px}
.drawer-content{flex:1;min-height:0;overflow:hidden;padding:16px 18px 20px;background:#f4f7fa;display:flex;flex-direction:column}

.record-topbar{display:flex;align-items:stretch;justify-content:space-between;gap:14px;flex:0 0 auto;margin-bottom:14px}
.record-status-strip{display:flex;align-items:stretch;min-width:0;flex:1;border:1px solid #dce5ee;border-radius:10px;background:#fff;box-shadow:0 2px 8px rgba(28,45,66,.05);overflow:hidden}
.record-status-item{min-width:150px;padding:12px 16px;display:flex;flex-direction:column;justify-content:center;gap:6px;border-right:1px solid #edf1f5}
.record-status-item:last-child{border-right:0}
.record-status-item.record-status-owner{min-width:190px;flex:1}
.record-kicker{color:#7d8ca0;font-size:10px;font-weight:850;letter-spacing:.055em;text-transform:uppercase}
.record-status-item strong{color:#2e4055;font-size:13px;font-weight:800}
.record-status-item small{color:#9a6d2f;font-size:9.5px;font-weight:650}
.record-status-item .stage-badge,.record-status-item .crisp-badge{width:max-content;padding:5px 10px;font-size:11.5px}
.record-next-alliance-action{background:#fff}
.record-next-action-line{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}
.record-next-action-text{min-width:0;color:#4f6172;font-size:12.5px;line-height:1.45;font-weight:560}
.record-next-action-edit,.record-next-action-reset{border:0;background:transparent;color:#2e6d9d;font:inherit;font-size:10px;font-weight:700;cursor:pointer;padding:1px 0;white-space:nowrap}
.record-next-action-edit:hover,.record-next-action-reset:hover{text-decoration:underline}
.record-next-action-source{color:#8a641f!important;font-size:9.5px!important;font-weight:600!important}
.record-next-action-inline-edit{border:0;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer;padding:0;white-space:nowrap;text-decoration:none}
.record-next-action-inline-edit:hover{text-decoration:underline}
.record-next-action-reset{width:max-content;margin-top:-2px;color:#8a641f}
.record-topbar .case-toolbar{align-items:center;justify-content:flex-end;gap:8px;margin:0;flex:0 0 auto}
.record-topbar .case-toolbar .primary-button,.record-topbar .case-toolbar .secondary-button{min-height:42px;padding:9px 14px;font-size:12px}

.record-workspace{display:grid;grid-template-columns:minmax(300px,36%) minmax(0,64%);gap:16px;flex:1;min-height:0;overflow:hidden}
.record-context,.record-work{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;display:flex;flex-direction:column;gap:12px;padding-right:8px;scrollbar-width:thin;scrollbar-color:#b9c5d1 transparent}
.record-context::-webkit-scrollbar,.record-work::-webkit-scrollbar{width:9px}
.record-context::-webkit-scrollbar-thumb,.record-work::-webkit-scrollbar-thumb{background:#c2ccd6;border-radius:999px;border:2px solid #f4f7fa}
.record-context::-webkit-scrollbar-track,.record-work::-webkit-scrollbar-track{background:transparent}
.record-work{padding-left:2px}
.record-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:2px 2px 1px}
.record-section-heading>span,.record-section-heading>div>span{display:block;color:#1f3044;font-size:18px;font-weight:850;letter-spacing:-.01em}
.record-section-heading small{display:block;margin-top:3px;color:#5f6f81;font-size:11.5px;font-weight:650}
.work-heading{padding-top:0}
.focus-alert{padding:4px 8px;border-radius:999px;background:#fff0f0;color:#b64040!important;font-size:9.5px!important;font-weight:850!important;letter-spacing:.035em!important;text-transform:uppercase}
.history-source{padding:4px 8px;border-radius:999px;background:#eaf4ff;color:#2773bd!important;font-size:9.5px!important;font-weight:800!important;letter-spacing:0!important}

.record-context .info-card,.record-work .info-card,.record-work .conversation{border-color:#dce5ee;border-radius:10px;box-shadow:0 2px 8px rgba(28,45,66,.045)}
.context-card{margin:0!important;padding:16px 17px}
.context-card h4,.focus-card h4{margin-bottom:13px;color:#33475c;font-size:12.5px;letter-spacing:.045em}
.context-card .info-list{grid-template-columns:1fr 1fr;gap:15px 18px}
.context-card .info-item label{margin-bottom:5px;color:#526174;font-size:11px;font-weight:800;letter-spacing:.025em}
.context-card .info-item strong{color:#1f3044;font-size:14.5px;line-height:1.42;font-weight:750}
.context-card .info-item .dim{color:#718096;font-weight:650}
.context-card .copy-club,.context-card .copy-certificate{font-size:14.5px}
.context-tags .tag-row{gap:7px}
.context-tags .tag-chip{padding:6px 10px;font-size:11.5px;color:#526174}
.context-tags .push-state-note{margin-top:8px;color:#5f6f81}
.record-context .cert-list{gap:8px}
.record-context .cert-row{padding:11px 12px}
.record-context .cert-main strong{font-size:13px}
.record-context .cert-main small,.record-context .cert-dates{font-size:11px;color:#5f6f81}

.record-actions,.record-history{display:flex;flex-direction:column;gap:9px}
.work-action-bar{display:flex;align-items:stretch;gap:0;border:1px solid #dce5ee;border-radius:10px;background:#fff;box-shadow:0 2px 8px rgba(28,45,66,.045);overflow:hidden}
.work-action-button{min-width:150px;display:grid;grid-template-columns:28px auto;grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:12px 15px;border:0;border-right:1px solid #e7edf3;background:#fff;color:#34475a;text-align:left;cursor:pointer}
.work-action-button:last-child{border-right:0}
.work-action-button:hover{background:#f7fbff}
.work-action-button.is-active{background:#edf6ff;color:#1f6fb7}
.work-action-icon{grid-row:1 / 3;width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#eef4fa;color:#3f6589;font-size:14px}
.work-action-button.is-active .work-action-icon{background:#dceeff;color:#1f6fb7}
.work-action-button>span:not(.work-action-icon){font-size:12.5px;font-weight:800}
.work-action-button small{margin-top:1px;color:#718096;font-size:9.5px;font-weight:600}
.work-panel[hidden]{display:none!important}
.work-panel{margin:0!important;padding:0!important;border-left:4px solid #5b9bd5!important;overflow:hidden}
.work-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid #e8edf2;background:#fbfdff}
.work-panel-head strong{display:block;color:#2b4055;font-size:13px}
.work-panel-head small{display:block;margin-top:2px;color:#718096;font-size:10px}
.work-panel-close{width:30px;height:30px;border:0;border-radius:6px;background:#eef2f6;color:#5b697a;font-size:19px;cursor:pointer}
.work-panel-close:hover{background:#e4ebf2;color:#27394c}
.work-panel>.followup-meta,.work-panel>.followup-empty,.work-panel>.followup-compact-grid,.work-panel>.next-action-row,.work-panel>.internal-note-label,.work-panel>.followup-actions{margin-left:16px;margin-right:16px}
.work-panel>.followup-meta,.work-panel>.followup-empty{margin-top:14px}
.work-panel>.followup-actions{margin-bottom:16px}
.focus-card{margin:0!important;padding:17px 18px;border-left:4px solid #5b9bd5!important}
.focus-card .followup-empty{margin-bottom:13px;padding:10px 12px;background:#fbfdff;font-size:10.5px}
.focus-card .followup-meta{margin-bottom:13px}
.focus-card .followup-meta span{font-size:12px}
.focus-card .followup-meta small{font-size:10px}
.focus-card .field-label{font-size:10.5px;color:#5c6b7d}
.focus-card .field-label select,.focus-card .field-label input,.focus-card .field-label textarea{min-height:40px;margin-top:6px;padding:9px 10px;border-radius:6px;font-size:12px}
.focus-card .date-picker-shell{height:40px;margin-top:6px;border-radius:6px}
.focus-card .date-picker-value{font-size:12px}
.focus-card .field-help{font-size:9.5px;line-height:1.4;color:#8492a4}
.focus-card .internal-note-label textarea{min-height:86px!important}
.focus-card .followup-actions{margin-top:10px}
.focus-card .followup-actions button{min-height:38px;font-size:11.5px}

.history-heading{margin-top:3px}
.history-conversation{margin:0!important;overflow:hidden}
.history-conversation .conversation-header{padding:12px 14px;background:#fff}
.history-conversation .conversation-header h4{font-size:13px;color:#31455a}
.history-conversation .conversation-header>div p{font-size:9.5px}
.history-conversation .message-thread{min-height:280px;max-height:none;overflow:visible;padding:16px;background:#f8fafc}
.history-conversation .bubble-message{max-width:84%;padding:10px 12px;border-radius:9px;font-size:13.5px;line-height:1.52}
.history-conversation .message-time{font-size:10px}
.history-conversation .conversation-foot{padding:9px 12px;font-size:9px}

body.full-case-mode .drawer-content{max-width:1480px;padding:18px 24px 24px}
body.full-case-mode .drawer-header{padding-left:max(24px,calc((100vw - 1480px)/2));padding-right:max(24px,calc((100vw - 1480px)/2))}
body.full-case-mode .record-workspace{grid-template-columns:minmax(340px,34%) minmax(0,66%)}
body.full-case-mode .record-context,body.full-case-mode .record-work{padding-bottom:6px}

@media(max-width:1450px){
  .player-drawer{width:min(90vw,1240px)}
  .record-workspace{grid-template-columns:minmax(290px,35%) minmax(0,65%)}
  .followup-compact-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:979px){
  .player-drawer{width:100%}
  .drawer-content{overflow:auto;display:block}
  .record-topbar{flex-direction:column}
  .record-topbar .case-toolbar{justify-content:flex-start}
  .record-workspace{display:flex;flex-direction:column;overflow:visible}
  .record-context,.record-work{overflow:visible;padding:0}
  .record-context{order:2}
  .record-work{order:1}
  .record-status-strip{flex-wrap:wrap}
  .record-status-item{flex:1 1 30%;border-bottom:1px solid #edf1f5}
  .record-status-item.record-status-owner{flex:1 1 36%}
  .history-conversation .message-thread{max-height:420px}
}
.work-panel.focus-card{padding:0!important}

@media(max-width:700px){
  .drawer-header{padding:15px 16px}
  .drawer-header h2{font-size:23px}
  .drawer-content{padding:12px}
  .record-status-strip{display:grid;grid-template-columns:1fr 1fr}
  .record-status-item,.record-status-item.record-status-owner{min-width:0;border-right:0;border-bottom:1px solid #edf1f5}
  .record-status-item.record-status-owner,.record-status-item.record-next-alliance-action{grid-column:1 / -1}
  .record-topbar .case-toolbar{display:grid;grid-template-columns:1fr;width:100%}
  .record-topbar .case-toolbar .primary-button,.record-topbar .case-toolbar .secondary-button{width:100%;text-align:center}
  .work-action-bar{display:grid;grid-template-columns:1fr 1fr}
  .work-action-button{min-width:0;border-right:1px solid #e7edf3}
  .work-action-button:last-child{border-right:0}
  .context-card .info-list,.followup-compact-grid,.next-action-row{grid-template-columns:1fr}
  .history-conversation .message-thread{min-height:220px;max-height:360px}
}

/* 2026-08-08 conversation-first player record. One-to-one replies stay beside
   the thread; the separate modal remains for bulk-message safety workflows. */
.record-conversation{display:flex;flex:0 0 auto;flex-direction:column;gap:10px;min-height:auto}
.conversation-heading{align-items:center;margin-bottom:1px}
.conversation-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.conversation-followup-button{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #cfdbe7;border-radius:7px;background:#fff;color:#40556b;font-size:11px;font-weight:800;cursor:pointer}
.conversation-followup-button:hover{border-color:#84b3df;background:#f7fbff;color:#1f6fb7}
.conversation-followup-button.is-active{border-color:#8bb9e4;background:#edf6ff;color:#1f6fb7}
.history-conversation{overflow:hidden}
.history-conversation .conversation-header>div p{font-size:10.5px;color:#5f6f81}
.inline-reply{padding:14px 15px 15px;border-top:1px solid #dce5ee;background:#fff}
.inline-reply.is-disabled{background:#fafbfc}
.inline-reply-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.inline-reply-head>div{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.inline-reply-head small{color:#647487;font-size:10.5px;font-weight:600}
.inline-delivery-badge{display:inline-flex;align-items:center;min-height:29px;padding:5px 10px;border-radius:999px;background:#eaf4ff;color:#176cb5;font-size:11.5px;font-weight:850}
.inline-sender-label{display:flex;align-items:center;gap:8px;color:#42566b;font-size:10.5px;font-weight:800;white-space:nowrap}
.inline-sender-label select{min-width:112px;min-height:34px;padding:6px 28px 6px 9px;border:1px solid #ced9e4;border-radius:6px;background:#fff;color:#26394d;font-size:11.5px;font-weight:700}
.inline-template-label{margin:0 0 9px;color:#34485d!important;font-size:11px!important;font-weight:800!important}
.inline-template-label select{width:100%;min-height:40px;margin-top:6px;padding:8px 34px 8px 10px;border:1px solid #ced9e4;border-radius:6px;background:#fff;color:#273a4f;font-size:12px;font-weight:700}
#inlineReplyText{width:100%;min-height:108px;resize:vertical;padding:11px 12px;border:1px solid #cfd9e4;border-radius:7px;background:#fff;color:#26394d;font:inherit;font-size:12.5px;line-height:1.5;outline:0}
#inlineReplyText:focus{border-color:#72a9dd;box-shadow:0 0 0 3px rgba(63,138,205,.10)}
#inlineReplyText:disabled{background:#f2f4f6;color:#8a95a3}
.inline-send-timing{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid #edf1f5}
.inline-send-timing>span{margin-right:2px;color:#52667b;font-size:10.5px;font-weight:800}
.inline-send-choice{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #d5dee7;border-radius:999px;background:#fff;color:#455a70;font-size:10.5px;font-weight:700;cursor:pointer}
.inline-send-choice:has(input:checked){border-color:#7faedd;background:#eef7ff;color:#236ba8}
.inline-send-choice input{margin:0}
.inline-schedule-fields{margin-top:10px;padding:0;border:0;background:transparent}
.inline-schedule-fields[hidden]{display:none!important}
.inline-schedule-sheet{padding:14px;border:1px solid #d9e4ee;border-radius:10px;background:#f9fbfd}
.inline-schedule-sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.inline-schedule-sheet-header>div{display:grid;gap:2px}.inline-schedule-sheet-header strong{color:#2f4358;font-size:14px}.inline-schedule-sheet-close{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border:1px solid #d6e0e9;border-radius:7px;background:#fff;color:#687a8d;font-size:18px;cursor:pointer}.inline-schedule-sheet-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;margin:0;padding:0;border:0}.inline-schedule-sheet-actions button{min-height:38px}
.inline-schedule-note{margin:0 0 12px;color:#52677c;font-size:10.5px;line-height:1.45}
.inline-schedule-note.is-warning{padding:8px 9px;border-left:3px solid #c49138;background:#fff8eb;color:#7b5b23}
.inline-schedule-grid{display:grid;grid-template-columns:minmax(145px,1fr) minmax(125px,.8fr) minmax(180px,1.2fr);gap:9px;align-items:end}
.inline-schedule-grid label{display:flex;flex-direction:column;gap:5px;color:#53677c;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.025em}
.inline-schedule-grid input,.inline-schedule-grid select{width:100%;min-height:38px;padding:7px 9px;border:1px solid #cfd9e4;border-radius:6px;background:#fff;color:#26394d;font-size:11.5px;text-transform:none;letter-spacing:0}
.inline-timezone-fixed{min-height:38px;padding:7px 9px;border:1px solid #cfd9e4;border-radius:6px;background:#fff;color:#26394d;text-transform:none;letter-spacing:0}
.inline-timezone-fixed strong{display:block;font-size:11.5px}
.inline-timezone-fixed small{display:block;margin-top:2px;color:#718195;font-size:9px;font-weight:600;line-height:1.3}
.scheduled-reply-stack{display:flex;flex-direction:column;gap:7px;margin-bottom:11px}
.scheduled-reply-summary{padding:8px 10px;border:1px solid #d9e5ef;border-radius:7px;background:#f8fbfd;color:#425d73}
.scheduled-reply-summary strong{display:block;font-size:11px}
.scheduled-reply-summary small{display:block;margin-top:2px;font-size:9.5px;line-height:1.4}
.scheduled-reply-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0;padding:10px 11px;border:1px solid #bfd9ef;border-left:4px solid #5a9bd5;border-radius:7px;background:#f3f9ff;color:#365874}
.scheduled-reply-banner.is-warning{border-color:#e2c993;border-left-color:#c49138;background:#fff8eb;color:#755823}
.scheduled-reply-banner.is-danger{border-color:#e5bbbb;border-left-color:#bf625c;background:#fff4f4;color:#824b47}
.scheduled-reply-banner strong{display:block;font-size:11px}
.scheduled-reply-banner small{display:block;margin-top:3px;font-size:9.5px;line-height:1.45}
.scheduled-reply-content{min-width:0;flex:1 1 auto}
.scheduled-reply-message{margin-top:8px;padding:8px 9px;border:1px solid rgba(54,88,116,.18);border-radius:6px;background:rgba(255,255,255,.72);color:#26394d;font-size:11px;font-weight:600;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.scheduled-reply-banner button{flex:0 0 auto;min-height:30px;padding:5px 8px;border:1px solid currentColor;border-radius:6px;background:transparent;color:inherit;font-size:9.5px;font-weight:800;cursor:pointer}
.inline-reply-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:10px}
.inline-reply-actions button{min-height:38px;font-size:11.5px}
.inline-draft-actions{margin-right:auto;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.inline-draft-status{display:inline-flex;align-items:center;min-height:28px;padding:4px 8px;border-radius:999px;font-size:10.5px;font-weight:800}
.inline-draft-status.is-saving{background:#f1f5f9;color:#64748b}
.inline-draft-status.is-saved{background:#eaf6ee;color:#277446}
.inline-draft-status.is-error{background:#fdeceb;color:#a23f35}
.inline-delete-draft{min-height:28px!important;padding:3px 5px!important;color:#a23f35!important;font-size:10.5px!important}
.queue-message-count{display:inline-flex;width:max-content;margin-top:5px;padding:3px 7px;border-radius:999px;background:#edf3f8;color:#52677e;font-size:9.5px;font-weight:800}

/* Make the left context read like reference information, not disabled metadata. */
.context-card h4{color:#263a4f;font-size:13px}
.context-card .info-item label{color:#405268;font-size:11.5px}
.context-card .info-item strong{color:#172b40;font-size:15px}
.context-card .copy-club,.context-card .copy-certificate{font-size:15px}

/* Full-page record: the header owns its natural height and the workspace owns
   the exact remainder of the viewport. Do not use height:0 here: in some
   browsers that collapses the scroll container even though its contents still
   paint, leaving the record visibly cut off with no usable scrollbar. */
body.full-case-mode .drawer-header{flex:0 0 auto}
body.full-case-mode .drawer-content{flex:1 1 0;height:auto;min-height:0;overflow:hidden}
body.full-case-mode .record-workspace{flex:1 1 0;height:auto;min-height:0;overflow:hidden}
body.full-case-mode .record-context,body.full-case-mode .record-work{height:auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
body.full-case-mode .history-conversation .message-thread{max-height:none!important;overflow:visible!important}

@media(max-width:979px){
  .conversation-heading{align-items:flex-start}
  .conversation-heading-actions{justify-content:flex-start}
  .inline-reply-head{align-items:flex-start;flex-direction:column}
}
@media(max-width:700px){
  .inline-sender-label{width:100%;justify-content:space-between}
  .inline-schedule-grid{grid-template-columns:1fr}
  .inline-sender-label select{flex:1;max-width:180px}
  .inline-reply-actions{display:grid;grid-template-columns:1fr 1fr}
  .inline-draft-actions{grid-column:1/-1;margin-right:0}
  .inline-draft-actions button{width:auto}
  .inline-reply-actions>button{width:100%}
}

/* 2026-08-08 bulk-send clarity + reporting. */
.recipient-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.recipient-overview>span{display:flex;align-items:baseline;gap:6px;padding:9px 10px;border:1px solid #d8e2ec;border-radius:7px;background:#fff;color:#5d6d80;font-size:10px;font-weight:700}
.recipient-overview>span strong{color:#24384c;font-size:18px;line-height:1}
.recipient-overview>span.is-ready{background:#f2fbf6;border-color:#cbe8d6}
.recipient-overview>span.is-ready strong{color:#247a4b}
.recipient-overview>span.is-excluded{background:#fff8f2;border-color:#ecdacb}
.recipient-overview>span.is-excluded strong{color:#9a5b2b}
.recipient-review{margin-top:10px;border-top:1px solid #dbe5ee;padding-top:8px}
.recipient-review summary{width:max-content;color:#286fae;font-size:10.5px;font-weight:800;cursor:pointer}
.recipient-review-list{display:flex;flex-direction:column;gap:5px;margin-top:8px}
.recipient-review-row{display:grid;grid-template-columns:minmax(160px,1fr) 82px minmax(150px,1fr);gap:10px;align-items:center;padding:8px 9px;border-radius:6px;background:#fff;border:1px solid #e1e8ef}
.recipient-review-row strong{color:#25394d;font-size:11px}
.recipient-review-row span{color:#4b657e;font-size:10px;font-weight:800}
.recipient-review-row em{font-style:normal;color:#66768a;font-size:10px;font-weight:700}
.recipient-review-row.is-eligible em{color:#247a4b}
.recipient-review-row.is-excluded{background:#fbf9f7}
.recipient-review-row.is-excluded em{color:#9a5b2b}
.composer-delivery-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.composer-delivery-card>span{color:#6a798a;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.composer-delivery-card>strong{margin-top:3px;color:#25394d;font-size:13px}
.composer-delivery-card>small{margin-top:2px;color:#6f7f91;font-size:9.5px}
.bulk-confirm-recipient-list{display:flex;flex-direction:column;gap:6px;max-height:min(430px,46dvh);margin-bottom:10px;padding-right:4px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.bulk-confirm-recipient{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 9px;border:1px solid #dde6ef;border-radius:6px;background:#fff;flex:0 0 auto}
.bulk-confirm-recipient strong{color:#263a4f;font-size:11px}
.bulk-confirm-recipient span{color:#286fae;font-size:10px;font-weight:800}
.bulk-history-stats{display:grid;grid-template-columns:repeat(5,minmax(0,180px));gap:10px;margin-bottom:14px}
.bulk-history-stats>div{padding:13px 14px;border:1px solid #dce4ec;border-radius:8px;background:#fff;box-shadow:0 1px 2px rgba(25,45,70,.03)}
.bulk-history-stats strong{display:block;color:#20354a;font-size:24px;line-height:1}
.bulk-history-stats span{display:block;margin-top:5px;color:#69798b;font-size:10px;font-weight:700}
.send-history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.send-history-kind-toggle{display:flex;gap:3px;padding:3px;border:1px solid #dbe4ed;border-radius:8px;background:#f3f6f9}
.send-history-kind-toggle button{min-height:34px;padding:7px 12px;border:0;border-radius:6px;background:transparent;color:#65768a;font-size:10.5px;font-weight:800;cursor:pointer}
.send-history-kind-toggle button.is-active{background:#fff;color:#176db7;box-shadow:0 1px 3px rgba(32,55,80,.12)}
#sendHistorySearch{width:min(390px,100%);min-height:38px;padding:8px 11px;border:1px solid #d5dee8;border-radius:7px;background:#fff;color:#33475b;font-size:11.5px;outline:0}
#sendHistorySearch:focus{border-color:#7daede;box-shadow:0 0 0 2px rgba(47,128,201,.08)}
.send-history-type{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:850}
.send-history-type.is-bulk{background:#eaf4ff;color:#176db7}
.send-history-type.is-individual{background:#eef2f6;color:#53687d}
.bulk-history-panel{overflow:hidden}
.bulk-history-table{width:100%;border-collapse:collapse}
.bulk-history-table th{padding:11px 12px;background:#f3f6f9;color:#5b6c80;font-size:9.5px;text-align:left;text-transform:uppercase;letter-spacing:.035em}
.bulk-history-table td{padding:12px;border-top:1px solid #e5ebf1;color:#31465b;font-size:10.5px;vertical-align:top}
.bulk-history-table td>strong{display:block;color:#22374c;font-size:11px}
.bulk-history-table td>small{display:block;margin-top:3px;color:#7a8796;font-size:9px}
.bulk-history-message{display:block;max-width:360px;white-space:normal;line-height:1.45;color:#405469}
.bulk-history-status{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:850}
.bulk-history-status.sent{background:#eaf7ef;color:#247a4b}
.bulk-history-status.partial{background:#fff4df;color:#8c651a}
.bulk-history-status.failed{background:#fdebea;color:#b1453b}
.bulk-history-status.progress{background:#edf3f8;color:#53677c}
.bulk-history-detail-btn{min-height:30px;padding:5px 9px;font-size:9.5px}
.bulk-history-detail-row td{padding:0 12px 14px;background:#fafbfd}
.bulk-history-detail{padding:12px;border:1px solid #dce5ee;border-radius:7px;background:#fff}
.bulk-history-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.bulk-history-detail-head strong{color:#263a4f;font-size:11px}
.bulk-history-detail-head span{color:#718095;font-size:9.5px}
.bulk-history-recipient-list{display:flex;flex-direction:column;gap:7px}
.bulk-history-recipient{display:grid;grid-template-columns:minmax(150px,1fr) 70px 80px minmax(240px,2fr);gap:10px;align-items:start;padding:9px 10px;border:1px solid #e3e9ef;border-radius:6px;background:#fbfcfd}
.bulk-history-recipient>div strong{display:block;color:#24384c;font-size:10.5px}
.bulk-history-recipient>div small{display:block;margin-top:2px;color:#758396;font-size:9px}
.bulk-history-recipient>span{font-size:9.5px;font-weight:750;color:#51677d}
.bulk-history-recipient-status{text-transform:capitalize}
.bulk-history-recipient-status.status-sent{color:#247a4b!important}
.bulk-history-recipient-status.status-failed{color:#b1453b!important}
.bulk-history-recipient p{margin:0;color:#41566b;font-size:10px;line-height:1.45;white-space:pre-wrap}
.bulk-history-empty{padding:34px!important;text-align:center!important;color:#748396!important}
@media(max-width:850px){
  .recipient-overview{grid-template-columns:1fr}
  .recipient-review-row{grid-template-columns:1fr auto}
  .recipient-review-row em{grid-column:1 / -1}
  .bulk-history-stats{grid-template-columns:repeat(3,1fr)}
  .bulk-history-table{min-width:900px}
  .bulk-history-recipient{grid-template-columns:1fr 70px 80px}
  .bulk-history-recipient p{grid-column:1 / -1}
}
@media(max-width:600px){.bulk-history-stats{grid-template-columns:1fr}.bulk-confirm-recipient{align-items:flex-start;flex-direction:column}}

/* Service Desk sends: the queue now owns the full working width; recent activity
   was redundant with Last Activity and the queue's Recent Activity sort. */
#workView .content-grid{grid-template-columns:minmax(0,1fr)!important}
.bulk-safety-head{grid-template-columns:minmax(0,1fr) minmax(360px,1.15fr)}
.service-send-exclusions{display:grid;grid-template-columns:repeat(2,minmax(170px,1fr));gap:10px}
.recipient-review-search{display:block;margin:10px 0 8px;color:#53677c;font-size:9.5px;font-weight:800}
.recipient-review-search span{display:block;margin-bottom:5px}
.recipient-review-search input{width:100%;min-height:36px;padding:7px 10px;border:1px solid #cfdbe6;border-radius:6px;background:#fff;color:#26394d;font:inherit;font-size:11px;outline:0}
.recipient-review-search input:focus{border-color:#72a9dd;box-shadow:0 0 0 3px rgba(63,138,205,.10)}
.recipient-review-more,.recipient-review-empty{margin:8px 0 0;color:#69798b;font-size:9.5px;line-height:1.4}
@media(max-width:700px){.bulk-safety-head,.service-send-exclusions{grid-template-columns:1fr}}

/* Bulk composer readability: this is an operational screen, not fine print. */
.bulk-message-modal .modal-header h2{font-size:24px}
.bulk-message-modal .modal-header .eyebrow{font-size:11px}
.bulk-message-modal .composer-section-heading{gap:12px;margin-bottom:16px}
.bulk-message-modal .composer-section-heading>span{width:30px;height:30px;font-size:13px}
.bulk-message-modal .composer-section-heading strong{font-size:16px;line-height:1.25}
.bulk-message-modal .composer-section-heading small{margin-top:4px;font-size:13px;line-height:1.45}
.bulk-message-modal .field-label{font-size:13px;font-weight:750;line-height:1.35}
.bulk-message-modal .field-label select,.bulk-message-modal .field-label input,.bulk-message-modal .field-label textarea{min-height:46px;margin-top:7px;padding:10px 12px;font-size:15px}
.bulk-message-modal .recipient-overview{gap:10px}
.bulk-message-modal .recipient-overview>span{display:flex;align-items:center;gap:9px;padding:13px 14px;font-size:14px}
.bulk-message-modal .recipient-overview>span strong{font-size:24px}
.bulk-message-modal .recipient-overview>span em{font-style:normal;font-size:14px;font-weight:750}
.bulk-message-modal .recipient-review{margin-top:14px;padding-top:11px}
.bulk-message-modal .recipient-review summary{font-size:14px}
.bulk-message-modal .recipient-review-row{padding:11px 12px;gap:12px}
.bulk-message-modal .recipient-review-row strong{font-size:14px}
.bulk-message-modal .recipient-review-row span,.bulk-message-modal .recipient-review-row em{font-size:13px}
.bulk-message-modal .recipient-review-search{font-size:13px}
.bulk-message-modal .recipient-review-search input{min-height:44px;font-size:14px}
.bulk-message-modal .recipient-review-more,.bulk-message-modal .recipient-review-empty{font-size:13px}
.bulk-message-modal .bulk-safety{padding:16px}
.bulk-message-modal .bulk-safety-head>div>strong{font-size:15px}
.bulk-message-modal .bulk-safety-head>div>small{margin-top:5px;font-size:13px;line-height:1.45}
.bulk-message-modal .bulk-safety-summary{display:block;margin-top:14px}
.bulk-exclusion-breakdown{padding:13px 14px;border:1px solid #dce5ee;border-radius:7px;background:#fff;color:#405469}
.bulk-exclusion-breakdown>strong{display:block;color:#293e53;font-size:15px;line-height:1.35}
.bulk-exclusion-breakdown ul{margin:9px 0 0;padding-left:22px}
.bulk-exclusion-breakdown li{margin:6px 0;font-size:14px;line-height:1.45}
.bulk-exclusion-breakdown p{margin:9px 0 0;padding-top:9px;border-top:1px solid #e6edf3;color:#65778a;font-size:13px;line-height:1.45}
.bulk-message-modal .bulk-safety-note{font-size:13px;line-height:1.45}
.bulk-message-modal .send-guard{gap:11px;padding:14px}
.bulk-message-modal .send-guard input{width:18px;height:18px;margin-top:1px}
.bulk-message-modal .send-guard strong{font-size:14px}
.bulk-message-modal .send-guard small{margin-top:5px;font-size:13px;line-height:1.45}
.bulk-message-modal .composer-routing-card{padding:12px 14px}
.bulk-message-modal .composer-routing-card>span{font-size:11px}
.bulk-message-modal .composer-routing-card strong{font-size:15px}
.bulk-message-modal .composer-routing-card small{font-size:13px}
.bulk-message-modal .composer-preview-head,.bulk-message-modal .composer-preview-text,.bulk-message-modal .composer-template-note{font-size:13px}
.bulk-message-modal .modal-footer button{min-height:44px;font-size:14px}
@media(max-width:700px){
  .bulk-message-modal .recipient-overview{grid-template-columns:1fr}
  .bulk-message-modal .recipient-overview>span{justify-content:space-between}
}

/* CRM foundation: admin-only structure added around the existing Service Desk. */
.nav-section-label{margin:14px 12px 6px;color:#8da0b4;font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.main-nav>.nav-section-label:first-child{margin-top:4px}
.crm-nav-group{margin-top:10px;padding-top:4px;border-top:1px solid rgba(255,255,255,.1)}
.crm-nav-group .nav-section-label{margin-top:12px}
.crm-nav-group .nav-item em{margin-left:auto;padding:2px 6px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#b9c9d9;font-size:8px;font-style:normal;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.crm-page-intro{align-items:flex-start}
.crm-page-intro .eyebrow{margin:0 0 4px}
.crm-connection-pill{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border:1px solid #d7e0e9;border-radius:999px;background:#f6f8fa;color:#566b80;font-size:12px;font-weight:750;white-space:nowrap}
.crm-connection-pill.is-ready{border-color:#b9ddc8;background:#eef8f2;color:#286243}
.crm-connection-pill.is-planned{border-color:#e4d9b6;background:#fff9e9;color:#7a6326}
.crm-data-chain{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 16px;padding:11px 14px;border:1px solid #dce6ef;border-radius:8px;background:#f8fbfd;color:#63758a;font-size:12px}
.crm-data-chain strong{padding:5px 9px;border-radius:999px;background:#fff;color:#29445f;font-size:11.5px;box-shadow:0 1px 3px rgba(31,42,60,.06)}
.crm-data-chain span{color:#8ca0b4;font-weight:800}
.crm-data-chain.is-infrastructure{margin:0 18px 18px}
.crm-contract-loading{padding:28px!important;text-align:center!important;color:#718096!important}
.crm-contract-loading.is-error{color:#9b4d4d!important}
.crm-records-card{margin:0 0 16px}
.crm-records-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.crm-records-actions input[type="search"]{min-width:230px;padding:8px 11px;border:1px solid #cdd8e2;border-radius:6px;font:inherit;font-size:12.5px;color:#2f3f50}
.crm-records-actions input[type="search"]:focus{border-color:#6da5dd;box-shadow:0 0 0 2px rgba(25,118,210,.08);outline:none}
.crm-record-filter-bar{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap;padding:11px 14px;border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3;background:#fbfcfd}
.crm-record-filter-bar .crm-record-search-filter{flex:0 1 290px;min-width:250px}
.crm-record-filter-bar .crm-record-search-filter input{width:100%;min-width:0}
.crm-record-filter-bar .crm-timezone-filter{min-width:175px}
.crm-record-filter-bar .crm-record-filter-clear-wrap{margin-left:auto}
.crm-record-filter-bar .reset-filter-button:disabled{border-color:#dfe5eb!important;background:#f7f8fa!important;color:#a1acb8!important;cursor:default!important}
@media(max-width:900px){.crm-record-filter-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.crm-record-filter-bar .crm-record-search-filter,.crm-record-filter-bar .service-multi-filter,.crm-record-filter-bar .crm-record-filter-clear-wrap{width:100%;min-width:0!important;margin-left:0}.crm-record-filter-bar .crm-record-search-filter{grid-column:1/-1}}
@media(max-width:560px){.crm-record-filter-bar{grid-template-columns:1fr}}
.crm-records-table{min-width:760px}
.crm-records-table th{font-size:10px}
.crm-records-table td{font-size:12.5px;vertical-align:top}
.crm-records-table td small{display:block;margin-top:2px;color:#7a8798;font-size:11px}
.crm-source-switch{display:inline-flex;align-items:center;padding:2px;border:1px solid var(--line);border-radius:6px;background:#f1f4f7}
.crm-source-option{min-height:30px;padding:5px 10px;border:0;border-radius:4px;background:transparent;color:#6f7d8d;font-family:inherit;font-size:11px;font-weight:800;cursor:pointer}
.crm-source-option.is-active{background:#fff;color:#2f5f8b;box-shadow:0 1px 2px rgba(20,32,48,.1)}
.crm-master-table{table-layout:fixed}
.crm-master-table th{position:relative;padding:0;font-size:11px;user-select:none;overflow:visible}
.crm-master-table th.is-dragging{opacity:.55}
.crm-master-table th.is-drop-target{box-shadow:inset 3px 0 0 #5b82aa}
.crm-master-heading{position:relative;display:flex;min-width:0;min-height:42px;align-items:stretch}
.crm-master-sort{display:flex;min-width:0;flex:1;align-items:center;gap:6px;padding:9px 8px;border:0;background:transparent;color:#20293a;font:inherit;font-weight:760;text-align:left;white-space:normal;line-height:1.2;cursor:pointer;overflow-wrap:anywhere}
.crm-master-sort:hover{background:#dcdfe3}
.crm-master-sort:focus-visible{outline:2px solid #6da5dd;outline-offset:-2px}
.crm-master-heading-label{min-width:0;white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:none}
.crm-master-grip{flex:0 0 auto;color:#8a96a5;font-size:12px;letter-spacing:-3px;cursor:grab}
.crm-master-sort-arrow{flex:0 0 auto;margin-left:2px;margin-right:auto;color:#8a96a5;font-size:12px;font-weight:850}
.crm-master-sort-arrow.is-active{color:#245d96}
.crm-master-column-actions{flex:0 0 25px;width:25px;border:0;border-left:1px solid rgba(92,108,124,.12);background:transparent;color:#718096;font-size:15px;font-weight:800;cursor:pointer}
.crm-master-column-actions:hover{background:#d6dbe0;color:#31465a}
.crm-master-resizer{position:absolute;z-index:5;top:0;right:-5px;width:12px;height:100%;cursor:col-resize;touch-action:none}
.crm-master-resizer::after{content:'';position:absolute;top:7px;bottom:7px;left:6px;width:1px;background:transparent}
.crm-master-resizer:hover::after,.is-resizing-crm-column .crm-master-resizer::after{background:#6d8faf}
.crm-master-table td{min-width:0;max-width:none;font-size:12.5px;vertical-align:top;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.crm-master-empty{color:#9aa4b1}
.crm-master-boolean{font-weight:700;color:#44566a}
.crm-master-id{display:inline;max-width:none;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;word-break:break-word;vertical-align:top;color:inherit;font-family:inherit!important;font-size:inherit;font-weight:inherit}
.crm-master-top-scroll{width:100%;height:18px;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid #e6ebf0;background:#fbfcfd;scrollbar-gutter:stable}
.crm-master-top-scroll-inner{height:1px}
.crm-master-hidden-columns{position:sticky;left:0;z-index:2;display:flex;align-items:center;gap:7px;width:max-content;min-width:100%;padding:7px 8px;border-bottom:1px solid #e1e6eb;background:#f8fafc}
.crm-master-hidden-columns[hidden]{display:none}
.crm-master-fit-all{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border:1px solid #aebdca;border-radius:5px;background:#fff;color:#40576d;font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.crm-master-fit-all:hover{border-color:#7899b7;background:#eef4f8;color:#294f70}
.crm-master-hidden-label{margin-left:4px;color:#6c7b8b;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}
.crm-master-hidden-chip{display:inline-flex;align-items:center;gap:5px;min-height:27px;padding:4px 8px;border:1px dashed #aab8c6;border-radius:5px;background:#fff;color:#53677b;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.crm-master-hidden-chip:hover{border-style:solid;border-color:#7798b6;background:#f1f6fa;color:#2f5577}
.crm-master-column-menu{position:fixed;z-index:10050;min-width:190px;padding:5px;border:1px solid #cfd8e2;border-radius:7px;background:#fff;box-shadow:0 8px 24px rgba(31,48,66,.18)}
.crm-master-column-menu button{display:block;width:100%;padding:8px 10px;border:0;border-radius:5px;background:transparent;color:#344b60;font:inherit;font-size:12px;font-weight:700;text-align:left;cursor:pointer}
.crm-master-column-menu button:hover{background:#eef3f7}
.crm-master-column-menu button:disabled{opacity:.45;cursor:not-allowed}
body.is-resizing-crm-column,body.is-resizing-crm-column *{cursor:col-resize!important;user-select:none!important}
.crm-cell-missing{color:#9b6a2f;font-size:11.5px;font-weight:650}
.crm-status-pill{display:inline-flex;padding:3px 8px;border-radius:999px;background:#f0f3f6;color:#65768a;font-size:10.5px;font-weight:750;white-space:nowrap}
.crm-status-pill.is-live{background:#eef8f2;color:#286243}
.crm-funnel{display:inline-block;color:#43596f;font-size:11.5px;line-height:1.5;white-space:nowrap}
.crm-records-actions select{padding:8px 11px;border:1px solid #cdd8e2;border-radius:6px;font:inherit;font-size:12.5px;color:#2f3f50;background:#fff}
.crm-dnc-pill{display:inline-flex;margin-left:6px;padding:2px 7px;border-radius:999px;background:#fbeeee;color:#9b3535;font-size:9.5px;font-weight:800;white-space:nowrap;vertical-align:middle}
.crm-status-pill.is-warn{background:#fdf3e4;color:#8f5a12;margin-left:4px}
.crm-expiry-note{display:block;margin-top:2px;color:#7a8798;font-size:11px}
.crm-expiry-note.is-soon{color:#8f5a12;font-weight:650}
.crm-expiry-note.is-past{color:#9b3535;font-weight:650}
.crm-chain-toggle-col{width:34px;padding-right:0!important}
.crm-chain-toggle{width:24px;height:24px;border:1px solid #cdd8e2;border-radius:6px;background:#fff;color:#4a5d72;font-size:11px;cursor:pointer;line-height:1}
.crm-chain-toggle:hover{background:#f2f6fa;border-color:#9db8d0}
.crm-chain-toggle[aria-expanded="true"]{background:#eef4fb;border-color:#6da5dd;color:#1c4f8a}
.crm-chain-rows>td{background:#f7fafc;border-bottom:1px solid #e2e9f0}
.crm-chain-loading{padding:14px;color:#718096;font-size:12.5px}
.crm-chain-loading.is-error{color:#9b4d4d}
.crm-chain-stack{display:flex;flex-direction:column;gap:8px;padding:10px 4px;position:relative}
.crm-chain-stack::before{content:'';position:absolute;left:11px;top:16px;bottom:16px;width:2px;background:#d6e0ea}
.crm-chain-item{position:relative;margin-left:26px;padding:9px 12px;border:1px solid #dde5ed;border-radius:8px;background:#fff}
.crm-chain-item::before{content:'';position:absolute;left:-19px;top:14px;width:10px;height:10px;border-radius:50%;background:#b9c9d8;border:2px solid #f7fafc}
.crm-chain-item.is-current{border-color:#6da5dd;box-shadow:0 0 0 2px rgba(25,118,210,.07)}
.crm-chain-item.is-current::before{background:#3d7bc0}
.crm-chain-item-head{display:flex;align-items:center;gap:8px;margin-bottom:5px}
.crm-chain-item-head strong{font-size:12px;color:#2f3f50}
.crm-chain-current{padding:2px 7px;border-radius:999px;background:#eef4fb;color:#1c4f8a;font-size:9.5px;font-weight:800}
.crm-chain-item-body{display:flex;flex-wrap:wrap;gap:4px 14px;color:#5a6b7d;font-size:11.5px}
.crm-records-pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:12px 4px 2px}
.crm-records-pager span{color:#65768a;font-size:12px;font-variant-numeric:tabular-nums}
@media(max-width:700px){.crm-records-actions{width:100%}.crm-records-actions input[type="search"]{flex:1;min-width:0}}
.campaign-structure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.campaign-structure-card{padding:22px}
.campaign-card-kicker{display:block;margin-bottom:7px;color:#68819a;font-size:10px;font-weight:850;letter-spacing:.09em}
.campaign-structure-card h3{margin:0 0 7px;color:#263b50;font-size:19px}
.campaign-structure-card p{margin:0;color:#607387;font-size:13px;line-height:1.5}
.campaign-structure-card ul{margin:15px 0 0;padding-left:19px;color:#445b70;font-size:13px;line-height:1.7}
.crm-phase-stop{margin-top:16px;padding:15px 17px;border:1px solid #e0e6ec;border-radius:8px;background:#fafbfd;color:#52677b;font-size:13px;line-height:1.5}
.crm-phase-stop strong{color:#2b4055}
.crm-checklist .check-row em.is-now{background:#eaf6ef;color:#2e6a47}
.crm-architecture-flow .system-card{min-width:0}
@media(max-width:700px){.campaign-structure-grid{grid-template-columns:1fr}.crm-connection-pill{margin-top:8px}.crm-page-intro{display:block}}

/* Crisp Knowledge Base — live article library/editor, no local article copy. */
.knowledge-layout{align-items:start}
.knowledge-editor-panel .template-editor textarea{min-height:300px;resize:vertical;line-height:1.55}
.knowledge-row .template-row-name{display:flex;align-items:center;gap:7px}
.knowledge-status{display:inline-flex;padding:2px 6px;border-radius:999px;background:#f1f3f6;color:#6f7f90;font-size:8.5px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.035em}
.knowledge-status.is-published{background:#eaf6ef;color:#2d7650}
.knowledge-options-row{display:flex;align-items:center;gap:18px;margin:2px 0 12px;padding:10px 12px;border:1px solid #e0e7ee;border-radius:7px;background:#fafcfd}
.knowledge-options-row .template-archive-toggle{margin:0}
.knowledge-article-info{margin:0 0 12px;color:#728196;font-size:10.5px;font-weight:700}
#knowledgeBaseConnection.success{border-color:#cde5d7;background:#f3fbf6;color:#2f6c4b}
#knowledgeBaseConnection.warning{border-color:#ead9b0;background:#fff9ec;color:#7a6027}
.schedule-time-shell{margin-top:0}
@media(max-width:700px){.knowledge-options-row{align-items:flex-start;flex-direction:column;gap:8px}.knowledge-editor-panel .template-editor textarea{min-height:240px}}

/* Internal notes stay consolidated above the record. Newest is rendered first. */
.record-notes-panel{margin:0 16px 12px;padding:12px 14px;border:1px solid #d9e4ee;border-left:4px solid #6e9dc8;border-radius:8px;background:#f9fbfd}
.record-notes-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.record-notes-head h3{margin:0;color:#263a4f;font-size:13px;font-weight:850;letter-spacing:.045em;text-transform:uppercase}
.record-notes-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.record-note{width:100%;padding:10px 11px;border:1px solid #dde6ee;border-radius:7px;background:#fff}
.record-note-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px;color:#6b7c8f;font-size:10.5px}
.record-note-meta strong{color:#314b64;font-size:11.5px}
.record-note-meta>span{white-space:nowrap}
.record-note-mentions{padding:2px 6px;border-radius:999px;background:#f3effd;color:#61509a;font-weight:750}
.record-note p{margin:6px 0 0;color:#334a60;font-size:12px;line-height:1.45;white-space:pre-wrap}
.record-notes-empty{margin:8px 0 0;color:#7a8998;font-size:11.5px}
.internal-note-composer{position:relative;margin-top:10px;padding-top:10px;border-top:1px solid #e0e7ee}
.internal-note-composer textarea{width:100%;min-height:76px;padding:9px 10px;border:1px solid #cfd9e4;border-radius:6px;background:#fff;color:#26394d;font:inherit;font-size:11.5px;line-height:1.45;resize:vertical}
.internal-note-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:7px}
.internal-note-actions small{margin-right:auto;color:#7a8796;font-size:9.5px}
.mention-menu{position:absolute;z-index:85;left:0;right:0;bottom:auto;top:92px;width:min(300px,100%);max-height:230px;overflow-y:auto;padding:5px;border:1px solid #cedbe7;border-radius:7px;background:#fff;box-shadow:0 10px 24px rgba(29,47,67,.15)}
.mention-option{display:grid;width:100%;grid-template-columns:auto 1fr;gap:3px 9px;padding:7px 8px;border:0;border-radius:5px;background:transparent;color:#42566a;text-align:left;cursor:pointer}
.mention-option:hover,.mention-option.is-active{background:#eef6fd}
.mention-option strong{color:#1e6da9;font-size:10.5px}
.mention-option span{font-size:10.5px;font-weight:700}

/* Individual replies use custom text or a named quick Shortcut. */
.inline-message-source-grid{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:10px;align-items:start}
.inline-shortcut-preview{min-height:66px;padding:9px 11px;border:1px dashed #cbd8e6;border-radius:7px;background:#f8fbfe}
.inline-shortcut-preview>span{display:block;margin-bottom:5px;color:#7e8d9e;font-size:9.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
#inlineShortcutPreviewText{max-height:104px;overflow:auto;color:#34475a;font-size:11.5px;font-weight:400;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
#inlineShortcutPreviewText a,.template-preview-text a{color:var(--blue);font-weight:500;text-decoration:underline;text-underline-offset:2px}
.inline-reply-text-wrap{position:relative}
.inline-ai-tools{position:relative;display:flex;justify-content:flex-end;margin:0 0 7px}
.inline-ai-tools-trigger{display:inline-flex;align-items:center;gap:6px;min-height:31px;padding:5px 9px;border:1px solid #ced9e4;border-radius:7px;background:#fff;color:#34485d;font-size:10.5px;font-weight:800;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.inline-ai-tools-trigger:hover{border-color:#91b9df;background:#f8fbff;color:#1f6fb7}
.inline-ai-tools-trigger:disabled{cursor:not-allowed;opacity:.5}
.inline-ai-spark{color:#6b5dd3;font-size:14px;line-height:1}.inline-ai-caret{color:#7b8998;font-size:12px}
.inline-ai-tools-menu{position:absolute;z-index:30;top:36px;right:0;width:min(330px,calc(100vw - 56px));padding:6px;border:1px solid #d8e1ea;border-radius:10px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.16)}
.inline-ai-tools-menu-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px 8px;border-bottom:1px solid #eef2f6;color:#33475b}
.inline-ai-tools-menu-head strong{font-size:11.5px}.inline-ai-tools-menu-head span{padding:3px 6px;border-radius:999px;background:#f2f4f7;color:#7a8795;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.inline-ai-tools-menu>button{width:100%;display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:start;padding:8px 9px;border:0;border-radius:7px;background:transparent;color:#34475a;text-align:left;cursor:pointer}
.inline-ai-tools-menu>button:hover{background:#f3f7fb}.inline-ai-tools-menu>button>span{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:#f2f5f8;color:#53677c;font-size:13px;font-weight:800}
.inline-ai-tools-menu>button div{min-width:0}.inline-ai-tools-menu>button strong{display:block;font-size:11.5px;line-height:1.25}.inline-ai-tools-menu>button small{display:block;margin-top:2px;color:#718094;font-size:9.5px;font-weight:500;line-height:1.35}
.schedule-date-shell{width:100%;min-height:38px;margin-top:0;background:#fff}
.schedule-date-shell .date-picker-value{font-size:11.5px;color:#26394d}

/* Pipedrive-style record hierarchy: field labels are strong; ordinary values are
   regular; direct actions are blue; related-record navigation gets its own bold treatment. */
.record-context .context-card h4{font-size:12px;line-height:1.25;font-weight:800}
.record-context .context-card .info-item label{font-size:10.5px;line-height:1.25;font-weight:800}
.record-context .context-card .info-item strong,
.record-context .context-card .info-item strong a,
.record-context .context-card .copy-club,
.record-context .context-card .copy-certificate{font-size:13.5px;line-height:1.4;font-weight:450}
.record-context .context-card .player-phone,
.record-context .context-card .record-action-link,
.record-context .context-card .copy-club,
.record-context .context-card .copy-certificate{color:var(--blue);font-size:13.5px;font-weight:550;text-decoration:none}
.call-player-link{padding:0;border:0;background:transparent;text-align:left;cursor:pointer;font:inherit}
.record-context .context-card .player-phone:hover,
.record-context .context-card .record-action-link:hover,
.record-context .context-card .copy-club:hover,
.record-context .context-card .copy-certificate:hover{text-decoration:underline}.drawer-name-line{display:flex;align-items:center;gap:8px}.drawer-name-line h2{margin-right:2px}.drawer-name-tools{display:inline-flex;align-items:center;gap:2px}.crisp-contact-list .crisp-contact-full{grid-column:1/-1}.contact-label-row{display:flex;align-items:center;gap:5px;margin-bottom:5px}.contact-label-row label{margin:0!important}.contact-tool{display:inline-grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:5px;background:transparent;color:#748397;font-size:14px;line-height:1;cursor:pointer}.contact-tool:hover{background:#edf5fd;color:var(--blue)}.crisp-email-value{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.crisp-email-copy{max-width:100%;padding:0;border:0;background:transparent;text-align:left;overflow-wrap:anywhere;word-break:break-word;cursor:pointer}.contact-edit-modal{width:min(560px,calc(100vw - 28px))}.contact-edit-note{margin:0 0 14px;color:#66788c;font-size:11.5px;line-height:1.45}.contact-edit-grid{display:grid;gap:12px}.contact-edit-grid label{display:grid;gap:5px;color:#405268;font-size:11px;font-weight:800}.contact-edit-grid input{width:100%;min-height:42px;padding:9px 10px;border:1px solid #ccd8e4;border-radius:6px;background:#fff;color:#203449;font:inherit;font-size:13px}.internal-notification-banner{display:flex;align-items:center;gap:10px;margin:0 16px 12px;padding:10px 13px;border:1px solid #d9d0ec;border-left:4px solid #7a66a2;border-radius:7px;background:#f7f4fb;color:#584b70}.internal-notification-banner strong{font-size:11.5px}.internal-notification-banner span{font-size:10.5px;line-height:1.4}
.record-context .context-card .record-related-link{color:#172b40;font-size:15px;font-weight:800;text-decoration:none}
.record-context .context-card .record-related-link:hover{text-decoration:underline}
.record-context .cert-main strong{font-size:13.5px;line-height:1.35}
.record-context .cert-main small,.record-context .cert-dates{font-size:11.5px;line-height:1.4}
.record-context .cert-tag{font-size:9.5px}
.record-context .related-sort-note,.record-context .related-empty{font-size:11px}
.record-context .related-warning{font-size:11px;line-height:1.45}
.record-context .related-date-cell small,.record-context .related-status-cell>small,.record-context .related-preview-cell>small{font-size:10px}
.record-context .related-date-cell strong{font-size:12px}
.record-context .related-date-cell em,.record-context .related-preview{font-size:10.5px}
.record-context .related-state,.record-context .related-tag{font-size:9.5px}
.record-context .related-open{font-size:10.5px}

/* Reply Focus: when an agent starts composing, prioritize the actual conversation
   instead of spending most of the viewport on record actions and secondary context. */
.inline-reply-head-actions{display:flex;align-items:center;gap:8px}
.reply-focus-exit{min-height:32px!important;padding:5px 9px!important;font-size:10.5px!important}
.player-drawer.reply-focus .drawer-header{padding:10px 18px}
.player-drawer.reply-focus .drawer-header .eyebrow{display:none}
.player-drawer.reply-focus .drawer-header h2{font-size:21px}
.player-drawer.reply-focus .drawer-activity-meta{margin-top:5px!important;gap:18px}
.player-drawer.reply-focus .drawer-activity-meta span{font-size:9px}
.player-drawer.reply-focus .drawer-activity-meta strong{font-size:12px}
.player-drawer.reply-focus .drawer-content{padding-top:9px}
.player-drawer.reply-focus .record-topbar,
.player-drawer.reply-focus .duplicate-record-banner,
.player-drawer.reply-focus .merged-record-banner,
.player-drawer.reply-focus .record-notes-panel,
.player-drawer.reply-focus .internal-notification-banner{display:none!important}
.player-drawer.reply-focus .record-workspace{grid-template-columns:minmax(250px,29%) minmax(0,71%);gap:12px}
.player-drawer.reply-focus .record-context,.player-drawer.reply-focus .record-work{gap:8px}
.player-drawer.reply-focus .context-card{padding:11px 12px}
.player-drawer.reply-focus .record-section-heading{padding-top:0}
.player-drawer.reply-focus .record-section-heading>span,.player-drawer.reply-focus .record-section-heading>div>span{font-size:15px}
.player-drawer.reply-focus .history-conversation .message-thread{max-height:165px!important;overflow-y:auto!important}
.player-drawer.reply-focus #inlineReplyText{min-height:220px}
.player-drawer.reply-focus #inlineShortcutPreviewText{max-height:78px}
body.full-case-mode .player-drawer.reply-focus .history-conversation .message-thread{max-height:165px!important;overflow-y:auto!important}

/* Alternate desktop Desk View. This is presentation-only: it uses the same Service Desk records and full Ticket workspace. */
.service-desk-title-row{display:flex;align-items:center;gap:14px;min-width:0}
.service-desk-view-toggle{display:inline-flex;align-items:center;padding:3px;border:1px solid #d5dee8;border-radius:8px;background:#eef2f6;gap:2px}
.service-desk-view-toggle[hidden]{display:none!important}
.service-desk-view-toggle button{min-height:30px;padding:5px 10px;border:0;border-radius:6px;background:transparent;color:#607085;font-size:11px;font-weight:750;cursor:pointer}
.service-desk-view-toggle button.is-active{background:#fff;color:#21364b;box-shadow:0 1px 3px rgba(24,39,58,.12)}
.desk-simple-view{height:calc(100dvh - 112px);min-height:620px;display:grid;grid-template-columns:minmax(250px,290px) minmax(0,1fr);margin:-4px -2px 0;overflow:hidden;border:1px solid #dbe3eb;border-radius:10px;background:#fff}
.desk-simple-view[hidden]{display:none!important}
body.service-desk-desk-view #workView>.welcome-row,
body.service-desk-desk-view #workView>#metricGrid,
body.service-desk-desk-view #workView>.service-desk-summary-band,
body.service-desk-desk-view #workView>#mobileGlobalSearchMount,
body.service-desk-desk-view #workView>.content-grid{display:none!important}
body.service-desk-desk-view #workView{padding-top:8px}
.desk-queue-pane{min-width:0;border-right:1px solid #dbe3eb;background:#fbfcfd;display:flex;flex-direction:column;overflow:hidden}
.desk-queue-toolbar{display:grid;grid-template-columns:118px minmax(0,1fr);gap:8px;padding:10px;border-bottom:1px solid #e5ebf1;background:#fff}
.desk-queue-toolbar select,.desk-queue-toolbar input{width:100%;min-width:0;height:36px;padding:0 9px;border:1px solid #ccd7e2;border-radius:7px;background:#fff;color:#2b3f54;font:inherit;font-size:11.5px}
.desk-queue-list{flex:1;min-height:0;overflow-y:auto;background:#fff}
.desk-queue-item{position:relative;width:100%;display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:9px;align-items:center;padding:12px 12px 12px 7px;border:0;border-bottom:1px solid #edf1f4;background:#fff;text-align:left;cursor:pointer}
.desk-queue-item:hover{background:#f7faff}.desk-queue-item.is-selected{background:#eaf3ff}
.desk-status-bar{align-self:stretch;border-radius:0 4px 4px 0;background:#ef4b3f}.desk-status-bar.is-new{background:#2687e8}.desk-status-bar.is-unresolved{background:#ef4b3f}.desk-status-bar.is-pending{background:#2687e8}.desk-status-bar.is-resolved{background:#42b66a}
.desk-queue-copy{min-width:0}.desk-queue-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1f3349;font-size:13px;font-weight:800}.desk-queue-preview{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#566a7f;font-size:11.5px}.desk-queue-meta{display:flex;gap:6px;margin-top:5px;color:#8290a0;font-size:9.5px}.desk-queue-age{align-self:start;color:#788a9e;font-size:10.5px;white-space:nowrap}
.desk-ticket-pane{position:relative;min-width:0;min-height:0;background:#f5f7fa}.desk-ticket-frame{width:100%;height:100%;border:0;background:#f5f7fa}.desk-empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7b8998;gap:5px}.desk-empty-state strong{color:#42566b;font-size:16px}.desk-empty-state span{font-size:11.5px}
body.desk-embedded .drawer-header{display:none!important}
body.desk-embedded .drawer-content{max-width:none!important;padding:10px!important}
body.desk-embedded .record-workspace{grid-template-columns:minmax(0,80%) minmax(210px,20%)!important;gap:10px!important}
body.desk-embedded .record-work{grid-column:1;grid-row:1}
body.desk-embedded .record-context{grid-column:2;grid-row:1;padding-right:0!important;border-left:1px solid #dce4ec;padding-left:10px!important}
body.desk-embedded .record-context [data-record-section="conversation-details"],
body.desk-embedded .record-context [data-record-section="internal-notes"],
body.desk-embedded .record-context [data-record-section="tags"],
body.desk-embedded .record-context [data-record-section="certificate-history"],
body.desk-embedded .record-context [data-record-section="conversation-log"],
body.desk-embedded .record-context [data-record-section="other-conversations"],
body.desk-embedded .record-context .duplicate-record-banner,
body.desk-embedded .record-context .merged-record-banner,
body.desk-embedded .record-context .internal-notification-banner{display:none!important}
body.desk-embedded .record-context .record-topbar{order:-2}
body.desk-embedded .record-context [data-record-section="player"]{order:-1}
body.desk-embedded .record-context [data-record-section="current-certificate"]{order:0}
body.desk-embedded .record-context details{border-radius:7px!important;box-shadow:none!important}
body.desk-embedded .record-context details[data-record-section="player"],body.desk-embedded .record-context details[data-record-section="current-certificate"]{display:block!important}
body.desk-embedded .record-context details[data-record-section="player"]>summary,body.desk-embedded .record-context details[data-record-section="current-certificate"]>summary{pointer-events:none}
body.desk-embedded .record-context details[data-record-section="player"]>.record-section-body,body.desk-embedded .record-context details[data-record-section="player"]>.context-body,body.desk-embedded .record-context details[data-record-section="current-certificate"]>.context-body{display:block!important}
body.desk-embedded .record-conversation{min-height:0!important}
body.desk-embedded .history-conversation .message-thread{max-height:none!important}
/* Final Ticket View proportions: narrow ticket list, wide conversation, narrow player context. Keep this after the full-case/mobile rules so they cannot override it. */
body.service-desk-desk-view .desk-simple-view{grid-template-columns:23% 77%!important}
body.full-case-mode.desk-embedded .record-workspace{grid-template-columns:minmax(0,72%) minmax(220px,28%)!important;gap:10px!important}
body.full-case-mode.desk-embedded .record-work{grid-column:1!important;grid-row:1!important}
body.full-case-mode.desk-embedded .record-context{grid-column:2!important;grid-row:1!important;min-width:0!important}
@media(max-width:979px){.service-desk-view-toggle{display:none!important}.desk-simple-view{display:none!important}}

/* Ticket View is intentionally conversation-first: narrow queue, wide thread,
   narrow player/certificate context. Keep this override after the legacy full-
   ticket workspace rules so later generic !important declarations cannot flip
   the proportions back. */
body.full-case-mode.desk-embedded .record-workspace{grid-template-columns:minmax(0,var(--desk-thread-width,76%)) minmax(190px,1fr)!important;gap:10px!important;position:relative}
body.full-case-mode.desk-embedded .record-work{grid-column:1!important;grid-row:1!important;min-width:0!important}
body.full-case-mode.desk-embedded .record-context{grid-column:2!important;grid-row:1!important;min-width:0!important}
body.desk-embedded .record-context .record-topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:7px 8px!important;margin:0!important;border:1px solid #dce5ee!important;border-radius:7px!important;background:#fff!important}
body.desk-embedded .record-context .record-ticket-identity{margin:0!important;white-space:nowrap!important}
body.desk-embedded .record-context .conversation-hard-status-row{display:block!important;min-width:0!important;margin-left:auto!important}
body.desk-embedded .record-context .conversation-hard-status-copy{display:none!important}
body.desk-embedded .record-context .conversation-factual-state-meta{display:none!important}
body.desk-embedded .record-context .case-state-control{display:block!important;min-width:0!important;margin:0!important}
body.desk-embedded .record-context .conversation-state-button{min-height:28px!important;max-width:112px!important;padding:4px 7px!important;font-size:9.5px!important;gap:4px!important;white-space:nowrap!important;border-radius:999px!important}
body.desk-embedded .record-context .conversation-state-button span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.desk-embedded .record-context .case-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px!important;gap:6px!important;width:100%!important;margin:0!important;padding:6px!important;border:1px solid #dce5ee!important;border-radius:7px!important;background:#fff!important;box-sizing:border-box!important}
body.desk-embedded .record-context .case-toolbar>button{min-width:0!important;width:100%!important;min-height:34px!important;padding:6px 7px!important;font-size:10px!important;text-align:center!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.desk-embedded .record-context .case-toolbar .case-more-menu{width:34px!important;min-width:34px!important}
body.desk-embedded .record-context .case-toolbar .case-more-trigger{width:34px!important;min-width:34px!important;height:34px!important;display:grid!important;place-items:center!important;padding:0!important}
body.desk-embedded .inline-reply{min-height:0!important;overflow:auto!important;padding-bottom:8px!important}
body.desk-embedded .inline-reply-actions,body.desk-embedded .inline-reply-footer{position:sticky!important;bottom:0!important;z-index:3!important;background:#fff!important}
.desk-column-resizer{position:absolute;top:0;bottom:0;right:-4px;width:8px;z-index:8;cursor:col-resize;touch-action:none}
.desk-column-resizer:after{content:"";position:absolute;top:0;bottom:0;left:3px;width:1px;background:#dbe3eb}
.desk-column-resizer:hover:after,.desk-column-resizer:focus-visible:after{width:2px;background:#7aa8cf}
.desk-context-resizer{display:none}
body.desk-embedded .desk-context-resizer{display:block;position:absolute;top:0;bottom:0;left:calc(var(--desk-thread-width,76%) - 4px);width:8px;z-index:12;cursor:col-resize;touch-action:none}
body.desk-embedded .desk-context-resizer:after{content:"";position:absolute;top:0;bottom:0;left:3px;width:1px;background:#dbe3eb}
body.desk-embedded .desk-context-resizer:hover:after,body.desk-embedded .desk-context-resizer:focus-visible:after{width:2px;background:#7aa8cf}
.desk-queue-pane{position:relative}
body.service-desk-desk-view .desk-simple-view{grid-template-columns:minmax(220px,var(--desk-queue-width,23%)) minmax(0,1fr)!important}
/* Ticket View polish: make both draggable boundaries obvious and keep the narrow context column disciplined. */
body.service-desk-desk-view .desk-column-resizer:before,body.desk-embedded .desk-context-resizer:before{content:"";position:absolute;top:50%;left:1px;width:6px;height:34px;transform:translateY(-50%);border-radius:999px;background:#c6d2de;box-shadow:0 0 0 2px rgba(255,255,255,.9)}
body.service-desk-desk-view .desk-column-resizer:hover:before,body.desk-embedded .desk-context-resizer:hover:before{background:#6f9fc8}
body.desk-embedded .record-context .record-topbar{display:flex!important;flex-direction:column!important;gap:8px!important;margin:0!important;padding:0!important;background:transparent!important}
body.desk-embedded .record-context .record-ticket-identity{padding:0 2px!important;margin:0!important}
body.desk-embedded .record-context .conversation-hard-status-row{padding:8px 10px!important;border:1px solid #dce5ee!important;border-radius:8px!important;background:#fff!important}
body.desk-embedded .record-context .conversation-hard-status-copy .record-kicker{font-size:9px!important;color:#6f7f91!important}
body.desk-embedded .record-context .conversation-state-button{min-height:28px!important;max-width:112px!important;padding:4px 7px!important;font-size:9.5px!important}
body.desk-embedded .record-context .case-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px!important;gap:6px!important;width:100%!important;margin:0!important;padding:8px!important;border:1px solid #dce5ee!important;border-radius:8px!important;background:#fff!important;box-sizing:border-box!important}
body.desk-embedded .record-context .case-toolbar>button{width:100%!important;min-width:0!important;min-height:32px!important;padding:5px 6px!important;font-size:10px!important}
body.desk-embedded .record-context .case-more-menu{width:34px!important;min-width:34px!important}
body.desk-embedded .record-context .case-more-trigger{width:34px!important;height:32px!important;min-height:32px!important;padding:0!important}
body.desk-embedded .record-context [data-record-section="current-certificate"] .info-item label{font-size:9px!important}
body.desk-embedded .record-context [data-record-section="current-certificate"] .info-item strong,body.desk-embedded .record-context [data-record-section="current-certificate"] .info-item strong .dim{font-size:11px!important;line-height:1.3!important;font-weight:600!important}
body.desk-embedded .record-context [data-record-section="current-certificate"] .info-list{gap:8px!important}
body.desk-embedded .inline-reply-footer{position:sticky!important;bottom:0!important;z-index:8!important;margin:6px -2px -2px!important;padding:8px 2px 2px!important;background:#fff!important}
body.desk-embedded .inline-footer-row{display:grid!important;grid-template-columns:auto minmax(110px,140px) minmax(0,1fr)!important;align-items:end!important;gap:7px!important;width:100%!important}
body.desk-embedded .inline-footer-row .inline-send-timing{grid-column:1!important}
body.desk-embedded .inline-footer-row .inline-sender-label{grid-column:2!important;min-width:0!important}
body.desk-embedded .inline-footer-row .inline-sender-label select{width:100%!important;min-width:0!important}
body.desk-embedded .inline-footer-row .inline-reply-actions{grid-column:3!important;justify-self:end!important;min-width:0!important;max-width:100%!important;margin:0!important}
body.desk-embedded .inline-footer-row .inline-draft-actions{min-width:0!important}
body.desk-embedded .inline-footer-row .inline-reply-actions button{white-space:nowrap!important}

/* Central queue for delayed individual replies and their safety-stop outcomes. */
.scheduled-message-view-actions{display:flex;align-items:center;gap:12px}
.scheduled-message-filters{display:grid;grid-template-columns:minmax(260px,1fr) 180px 180px;gap:10px;margin:0 0 14px}
.scheduled-message-filters input,.scheduled-message-filters select{width:100%;min-height:38px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#34475a;font:inherit;box-sizing:border-box}
.scheduled-message-filters input:focus,.scheduled-message-filters select:focus{outline:2px solid #b9d7f1;outline-offset:1px;border-color:#8ab9df}
.scheduled-sort-button{appearance:none;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:800;text-transform:uppercase;letter-spacing:.035em;cursor:pointer;text-align:left}
.scheduled-sort-button:hover,.scheduled-sort-button.is-active{color:var(--blue)}
.scheduled-message-stats{display:grid;grid-template-columns:repeat(3,minmax(0,180px));gap:10px;margin-bottom:14px}
.scheduled-message-stats>div{padding:12px 14px;border:1px solid #dce4ec;border-radius:8px;background:#fff}
.scheduled-message-stats strong{display:block;color:#20354a;font-size:23px;line-height:1}
.scheduled-message-stats span{display:block;margin-top:5px;color:#69798b;font-size:10px;font-weight:700}
.scheduled-message-panel{overflow:hidden}
.scheduled-message-table{width:100%;min-width:1280px;border-collapse:collapse}
.scheduled-message-table th{padding:10px 11px;background:#f3f6f9;color:#5b6c80;font-size:9px;text-align:left;text-transform:uppercase;letter-spacing:.035em}
.scheduled-message-table td{padding:11px;border-top:1px solid #e5ebf1;color:#31465b;font-size:10.5px;vertical-align:top}
.scheduled-message-click-row{cursor:pointer;transition:background .12s ease}
.scheduled-message-click-row:hover{background:#f7fbff}
.scheduled-message-click-row:focus-visible{outline:2px solid #78aee0;outline-offset:-2px;background:#f7fbff}
.scheduled-message-table td strong{display:block;color:#22374c;font-size:10.5px}
.scheduled-message-table td small{display:block;margin-top:3px;color:#7a8796;font-size:9px}
.scheduled-message-status{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:850;white-space:nowrap}
.scheduled-message-status.scheduled{background:#eaf4ff;color:#276da8}
.scheduled-message-status.paused{background:#fff4df;color:#89631c}
.scheduled-message-status.paused-danger,.scheduled-message-status.failed{background:#fdebea;color:#a7463d}
.scheduled-message-status.sent{background:#eaf7ef;color:#247a4b}
.scheduled-message-status.cancelled{background:#eef1f4;color:#68788a}
.scheduled-message-copy,.scheduled-message-reason{display:block;max-width:300px;white-space:normal;line-height:1.4}
.scheduled-message-row-actions{display:flex;gap:5px;white-space:nowrap}
.scheduled-message-row-actions button{min-height:29px;padding:5px 8px;font-size:9px}
.scheduled-message-empty{padding:28px!important;text-align:center;color:#718096!important}

@media(max-width:800px){
  .inline-message-source-grid{grid-template-columns:1fr}
  .record-notes-panel{margin:0 10px 10px}
  .record-notes-head{align-items:flex-start;flex-direction:column}
  .record-note{flex-basis:88%}
  .scheduled-message-view-actions{align-items:flex-start;flex-direction:column}
  .scheduled-message-stats{grid-template-columns:repeat(3,1fr)}
}

/* Duplicate detection and Pipedrive-style merge review. */
.duplicate-total{appearance:none;font:inherit;text-align:left;cursor:pointer;border-color:#b8d6ef;background:#f7fbff}
.duplicate-total strong{color:#1e6da9}
.duplicate-total:hover{border-color:#78aee0;box-shadow:0 0 0 2px rgba(30,109,169,.08)}
.duplicate-row-badge,.merged-row-badge,.draft-row-badge,.internal-notification-badge{display:inline-flex;width:max-content;max-width:100%;margin:2px 0;padding:2px 6px;border-radius:999px;font-size:8.5px;font-weight:800;line-height:1.35}.draft-row-badge{background:#fff3d8;color:#8a5a00}.internal-notification-badge{background:#f0edf8;color:#66528d}
.duplicate-row-badge{border:1px solid #cbd8e3;background:#f3f7fa;color:#607386;cursor:default}
.duplicate-row-badge:hover{border-color:#b9c9d6;background:#eef4f8}
.merged-row-badge{background:#eaf4ff;color:#286fa8}
.duplicate-record-banner,.merged-record-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 16px 12px;padding:12px 14px;border:1px solid #e4c878;border-left:4px solid #c7972b;border-radius:8px;background:#fffaf0}
.duplicate-record-banner strong,.merged-record-banner strong{display:block;color:#6f5318;font-size:12px;font-weight:850}
.duplicate-record-banner small,.merged-record-banner small{display:block;margin-top:3px;color:#806d43;font-size:10.5px;line-height:1.4}
.merged-record-banner{border-color:#bed7eb;border-left-color:#4d8fc6;background:#f5faff}
.merged-record-banner strong{color:#285f8c}.merged-record-banner small{color:#57758e}
.duplicate-banner-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.duplicate-banner-actions select{max-width:280px;min-height:34px;border:1px solid #d1dae3;border-radius:6px;background:#fff;color:#34495e;padding:6px 8px;font-size:10.5px}
.duplicate-banner-actions button{white-space:nowrap}

.merge-modal{width:min(1120px,calc(100% - 36px));max-height:calc(100dvh - 40px);display:flex;flex-direction:column}
.merge-modal-body{overflow:auto;background:#f7f9fb}
.merge-intro{margin:0 0 14px;color:#526478;font-size:12px;line-height:1.5}
.merge-record-comparison{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:10px;align-items:stretch}
.merge-record-comparison.is-group{grid-template-columns:repeat(3,minmax(0,1fr))}
.merge-record-card{padding:14px;border:1px solid #dce4ec;border-radius:9px;background:#fff}
.merge-record-card.is-primary{border-color:#85b99b;box-shadow:0 0 0 2px rgba(47,130,89,.08)}
.merge-record-card.will-resolve{border-color:#e3c4c0;background:#fffdfd}
.merge-decision-banner{display:flex;flex-direction:column;gap:2px;margin:-4px -4px 11px;padding:9px 10px;border-radius:7px}
.merge-decision-banner strong{font-size:10px;font-weight:900;letter-spacing:.035em}
.merge-decision-banner span{font-size:9.5px;line-height:1.35}
.merge-decision-banner.is-keep{border:1px solid #b7dcc6;background:#edf8f1;color:#226a43}
.merge-decision-banner.is-resolve{border:1px solid #ecc7c2;background:#fff1ef;color:#a14e45}
.merge-record-card.is-excluded{opacity:.62}.merge-record-card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.merge-include-choice{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #cfd9e3;border-radius:7px;background:#fff;color:#334a60;font-size:11px;font-weight:800;cursor:pointer}.merge-include-choice input{width:18px;height:18px;margin:0}.merge-include-choice-prominent{display:flex;width:100%;min-height:44px;margin:0 0 10px;padding:10px 12px;border-color:#9fc3e6;background:#f4f9ff;color:#245f96;font-size:13px;box-sizing:border-box}.merge-include-choice-prominent input{width:20px;height:20px;flex:0 0 auto}
.merge-record-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;color:#718096;font-size:9px;font-weight:850;letter-spacing:.045em}
.merge-record-card-head>strong{padding:3px 7px;border-radius:999px;background:#e9f4ff;color:#236da6;font-size:9px}
.merge-switch-primary{padding:0;border:0;background:transparent;color:var(--blue);font:inherit;font-size:10px;font-weight:750;cursor:pointer}
.merge-switch-primary:hover{text-decoration:underline}
.merge-ticket-title{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.merge-ticket-title>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.merge-ticket-title>strong{color:#334a60;font-size:13px}.merge-ticket-status{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:9px;font-weight:850;letter-spacing:.02em}.merge-ticket-status.is-open{background:#eaf5ee;color:#2d6f47;border:1px solid #b9dec6}.merge-ticket-status.is-closed{background:#f2f4f7;color:#657384;border:1px solid #d7dee6}
.merge-record-title-row{display:flex;align-items:flex-start;justify-content:flex-end;gap:10px;margin-bottom:12px}
.merge-record-card h3{margin:0;color:#20364b;font-size:20px}
.merge-opportunity-score{margin:0 0 15px}
.channel-pill{display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%;padding:5px 8px;border:1px solid #c9d9e7;border-radius:999px;background:#f4f8fb;color:#405b72;font-size:9.5px;font-weight:850;white-space:nowrap}
.channel-pill-icon{display:grid;place-items:center;width:16px;height:16px;border-radius:5px;background:rgba(255,255,255,.72);font-size:10px;line-height:1}
.channel-pill.source-sms{border-color:#acd8cf;background:#e8f7f3;color:#176b57}
.channel-pill.source-email{border-color:#c7d8ec;background:#eef5fd;color:#316899}
.channel-pill.source-chat{border-color:#d8ccec;background:#f5f0fb;color:#6b4d91}
.channel-pill.source-form{border-color:#e4d2a8;background:#fff8e9;color:#7d5f1d}
.merge-record-card dl{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px;margin:0}
.merge-record-card dl>div{min-width:0}
.merge-record-card dt{margin:0 0 2px;color:#718096;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}
.merge-record-card dd{margin:0;overflow:hidden;color:#2d4358;font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}
.merge-record-flags{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}
.merge-flag{padding:3px 7px;border-radius:999px;background:#eef3f7;color:#52677c;font-size:9px;font-weight:750}
.merge-flag.danger{background:#fdebea;color:#a7463d}
.merge-view-conversation{width:100%;margin-top:12px;min-height:34px;font-size:10.5px}
.merge-conversation-preview{margin-top:14px;border:1px solid #d7e1ea;border-radius:9px;background:#fff;overflow:hidden}
.merge-conversation-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #e7edf2;background:#f8fafc}
.merge-conversation-preview-head strong{display:block;color:#263b50;font-size:13px}
.merge-conversation-preview-head span{display:block;margin-top:2px;color:#718096;font-size:9.5px}
.merge-conversation-preview-body{max-height:360px;overflow:auto;padding:12px;background:#f7f9fb}
.merge-conversation-preview-body .message{max-width:86%}
.merge-conversation-loading{margin:0;padding:18px;color:#718096;text-align:center;font-size:11px}
.merge-arrow{display:grid;place-items:center;color:#5c87ad;font-size:24px;font-weight:800}
.merge-fields-section{margin-top:16px;padding:14px;border:1px solid #dce4ec;border-radius:9px;background:#fff}
.merge-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}
.merge-section-heading strong{color:#263b50;font-size:13px}.merge-section-heading span{color:#718096;font-size:10px}
.merge-field-choices{display:flex;flex-direction:column}
.merge-field-row{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:center;padding:10px 0;border-top:1px solid #edf1f5}
.merge-field-row:first-child{border-top:0}
.merge-field-row>div>strong{display:block;color:#33495e;font-size:11px}.merge-field-row>div>small{display:block;margin-top:2px;color:#7a8897;font-size:9.5px}
.merge-field-row.is-auto>span{grid-column:2/3;color:#263b50;font-size:12px}.merge-field-row.is-auto>em{justify-self:end;color:#2d7b50;font-size:9.5px;font-style:normal;font-weight:800}
.merge-value-choice{display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 10px;border:1px solid #d8e0e8;border-radius:7px;background:#fff;color:#31485e;font-size:11px;cursor:pointer}
.merge-value-choice.is-selected{border-color:#6ca8d8;background:#f4f9fd;box-shadow:0 0 0 2px rgba(35,116,179,.06)}
.merge-value-choice input{accent-color:#2876b6}
.merge-effects{margin-top:14px;padding:12px 14px;border:1px solid #d8e6d9;border-radius:8px;background:#f7fbf7;color:#405b47;font-size:10.5px;line-height:1.5}
.merge-status-choice{margin:-2px -2px 12px;padding:13px;border:1px solid #d9e2eb;border-radius:10px;background:#fff;color:#31485e}.merge-status-choice-copy{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.merge-status-choice-copy strong{font-size:13px;color:#20364b}.merge-status-choice-copy span{font-size:10.5px;color:#66798b}.merge-status-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.merge-status-option{display:flex;align-items:flex-start;gap:9px;padding:11px;border:1px solid #d8e0e8;border-radius:9px;background:#fbfcfd;cursor:pointer}.merge-status-option.is-selected{border-color:#6ca8d8;background:#f2f8fd;box-shadow:0 0 0 2px rgba(35,116,179,.06)}.merge-status-option input{margin-top:2px;accent-color:#2876b6}.merge-status-option span{display:flex;flex-direction:column;gap:2px}.merge-status-option strong{font-size:11.5px;color:#29445d}.merge-status-option small{font-size:9.5px;line-height:1.35;color:#6f8090}
.merge-effects>strong{display:block;margin-bottom:5px;color:#31523a;font-size:11.5px}.merge-effects ul{margin:0;padding-left:18px}.merge-effects li+li{margin-top:3px}
.merge-loading{grid-column:1/-1;padding:32px;text-align:center;color:#718096;font-size:12px}
.message-tag.merged{background:#e5f1fb;color:#2c6e9f}
.record-note-merged{padding:2px 6px;border-radius:999px;background:#e9f3fb;color:#39739e;font-weight:750}

@media(max-width:1050px){.merge-record-comparison.is-group{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .duplicate-record-banner,.merged-record-banner{margin:0 10px 10px;align-items:flex-start;flex-direction:column}
  .duplicate-banner-actions{width:100%;align-items:stretch;flex-direction:column}.duplicate-banner-actions select{max-width:none;width:100%}
  .merge-modal{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0!important}
  .merge-modal-body{flex:1!important;min-height:0!important;overflow-y:auto!important}
  .merge-record-comparison,.merge-record-comparison.is-group{grid-template-columns:1fr}.merge-arrow{transform:rotate(-90deg);min-height:26px}
  .merge-record-title-row{align-items:flex-start;flex-direction:column}.merge-status-options{grid-template-columns:1fr}
  .merge-record-card dl{grid-template-columns:1fr}
  .merge-field-row{grid-template-columns:1fr}.merge-field-row.is-auto>span{grid-column:auto}.merge-field-row.is-auto>em{justify-self:start}
  .add-to-ticket-picker-modal{width:calc(100vw - 20px)}.add-to-ticket-picker-modal #addToTicketResults .related-row{grid-template-columns:1fr 1fr}.add-to-ticket-picker-modal #addToTicketResults .related-row span:nth-child(3){grid-column:1/-1}
}

/* 2026-08-08 stable conversation workspace.
   Left side owns the record; right side owns the conversation. The layout no
   longer changes when the reply box receives focus. */
.player-drawer{width:min(92vw,1500px)}
.drawer-header{padding:12px 20px}
.drawer-header .eyebrow{margin-bottom:3px}
.drawer-header h2{font-size:24px;line-height:1.12}
.drawer-meta{margin-top:5px}
.drawer-activity-meta{margin-top:6px;gap:20px}
.drawer-content{padding:12px 14px 14px}

.record-workspace{grid-template-columns:minmax(320px,31%) minmax(0,69%);gap:14px;flex:1;min-height:0;overflow:hidden}
.record-context{height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:7px;gap:10px}
.record-work{height:100%;min-height:0;overflow:hidden;padding:0;gap:0;display:flex;flex-direction:column}
.record-left-operations{display:flex;flex-direction:column;gap:10px}

.record-context .record-topbar{display:block;margin:0}
.record-context .record-status-strip{display:grid;grid-template-columns:1fr 1fr;width:100%}
.record-context .record-status-item{min-width:0;padding:10px 11px;border-right:1px solid #edf1f5;border-bottom:1px solid #edf1f5}
.record-context .record-status-item:nth-child(2){border-right:0}
.record-context .record-status-item.record-status-owner{grid-column:1/-1;min-width:0;border-right:0;border-bottom:0}
.record-context .record-topbar .case-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
.record-context .record-topbar .case-toolbar>*{width:100%;min-width:0;min-height:38px!important;padding:7px 9px!important;font-size:11px!important;text-align:center}
.record-context .record-topbar .case-toolbar>*:last-child{grid-column:1/-1}
.record-context .suppression-banner,
.record-context .duplicate-record-banner,
.record-context .merged-record-banner,
.record-context .internal-notification-banner,
.record-context .record-notes-panel{margin:0}
.record-context .record-notes-panel{padding:11px 12px}
.record-context .record-notes-list{max-height:220px;overflow-y:auto}
.record-context .record-section-heading{margin-top:2px}

.record-conversation{display:flex;flex:1 1 auto;min-height:0;gap:8px}
.conversation-heading{flex:0 0 auto;padding:1px 2px}
#recordFollowupPanel{flex:0 0 auto;max-height:44vh;overflow-y:auto}
.history-conversation{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;overflow:hidden!important}
.history-conversation .conversation-header{flex:0 0 auto;padding:10px 13px}
.history-conversation .message-thread,
body.full-case-mode .history-conversation .message-thread{flex:1 1 auto;min-height:180px;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;padding:14px 16px;overscroll-behavior:contain;scrollbar-gutter:stable}
.history-conversation .conversation-foot{flex:0 0 auto;padding:7px 12px}
.inline-reply{flex:0 0 auto;padding:11px 13px 12px;max-height:48vh;overflow-y:auto}
.inline-reply-head{margin-bottom:8px}
.inline-message-source-grid{grid-template-columns:minmax(200px,270px) minmax(0,1fr);gap:8px}
#inlineReplyText{min-height:104px}
.inline-ai-tools{display:none!important}

/* Alliance AI Reply Assistant — human-reviewed drafting only. */
.inline-ai-assistant{margin:0 0 8px;padding:9px 10px;border:1px solid #ddd8f5;border-radius:9px;background:#faf9ff}
.inline-ai-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.inline-ai-primary,.inline-ai-secondary{min-height:36px;padding:7px 11px;border-radius:8px;font-family:inherit;font-size:12.5px;font-weight:500;cursor:pointer}
.inline-ai-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #6f61c9;background:#6f61c9;color:#fff}
.inline-ai-primary:hover{background:#5f52b5;border-color:#5f52b5}
.inline-ai-secondary{border:1px solid #cfc8ef;background:#fff;color:#51478e}
.inline-ai-secondary:hover{border-color:#8f83d5;background:#f4f1ff}
.inline-ai-primary:disabled,.inline-ai-secondary:disabled{cursor:not-allowed;opacity:.55}
.inline-ai-status{min-width:0;margin-left:auto;color:#7a8191;font-size:11.5px;font-weight:650;line-height:1.35}
.inline-ai-status:empty{display:none}.inline-ai-status.is-working{color:#6256b2}.inline-ai-status.is-ready{color:#427154}.inline-ai-status.is-warning{color:#9b6a17}.inline-ai-status.is-error{color:#b04444}
.inline-ai-suggestions{margin-top:9px;padding-top:9px;border-top:1px solid #e9e5f8}
.inline-ai-suggestions-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;color:#4f476f}
.inline-ai-suggestions-head strong{font-size:14px}
.inline-ai-suggestion-list{display:grid;gap:6px}
.inline-ai-suggestion{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:9px 10px;border:1px solid #e1ddef;border-radius:8px;background:#fff;color:#34475a;text-align:left;font-family:inherit;cursor:pointer}
.inline-ai-suggestion:hover{border-color:#aaa0df;background:#f8f6ff}
.inline-ai-suggestion span{font-size:13px;font-weight:500;line-height:1.42}.inline-ai-suggestion strong{color:#6256b2;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.03em}
.inline-ai-compose{margin-top:9px;padding:12px;border:1px solid #d8d1f4;border-radius:10px;background:#fff}
.inline-ai-compose-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.inline-ai-compose-head strong{font-size:16px;color:#40386f}
.inline-ai-compose-close{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:#77718e;font-size:24px;line-height:1;cursor:pointer}
.inline-ai-compose-close:hover{background:#f3f1fb;color:#51478e}
.inline-ai-compose-draft-wrap{margin-bottom:12px;padding-bottom:11px;border-bottom:1px solid #ece8f8}
.inline-ai-compose-draft-label,.inline-ai-compose-instruction-label{display:flex;flex-direction:column;gap:6px;margin:0;color:#50596a;font-size:13px;font-weight:800}
.inline-ai-compose textarea{width:100%;resize:vertical;border:1px solid #d5d9e3;border-radius:8px;padding:10px 11px;background:#fff;color:#2f3f50;font:inherit;font-size:14px;line-height:1.45}
.inline-ai-compose-draft-label textarea{min-height:96px;background:#fbfbfd;font-size:14px}
.inline-ai-compose-draft-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
.inline-ai-compose-prompt{display:grid;gap:8px}
.inline-ai-compose-input-shell{position:relative}
.inline-ai-compose-input-shell textarea{min-height:82px;padding-right:58px}
.inline-ai-compose-submit{position:absolute;right:9px;bottom:9px;display:grid!important;place-items:center!important;width:38px;height:38px;min-width:38px!important;min-height:38px!important;padding:0!important;border-radius:50%!important;font-size:22px!important;line-height:1!important;gap:0!important}
.inline-ai-compose-submit:disabled{opacity:.45}
.inline-ai-compose-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:0}
.inline-ai-compose-actions .inline-ai-primary,.inline-ai-compose-actions .inline-ai-secondary{min-height:36px}
.inline-ai-voice-button{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.inline-ai-compose-actions #inlineAiComposeVoice.is-listening{border-color:#6f61c9;background:#f7f5ff;color:#51478e;padding-right:8px}
.inline-ai-voice-wave{display:inline-flex;align-items:center;gap:2px;height:20px}.inline-ai-voice-wave i{display:block;width:2px;height:6px;border-radius:999px;background:currentColor;animation:inlineAiVoiceWave .8s ease-in-out infinite alternate}.inline-ai-voice-wave i:nth-child(2){animation-delay:-.55s}.inline-ai-voice-wave i:nth-child(3){animation-delay:-.3s}.inline-ai-voice-wave i:nth-child(4){animation-delay:-.65s}.inline-ai-voice-wave i:nth-child(5){animation-delay:-.4s}.inline-ai-voice-stop{margin-left:3px;padding-left:8px;border-left:1px solid #d7d0f2;font-size:11px;font-weight:850}@keyframes inlineAiVoiceWave{from{height:4px;opacity:.55}to{height:17px;opacity:1}}@media(prefers-reduced-motion:reduce){.inline-ai-voice-wave i{animation:none;height:10px}}
@media(max-width:760px){.inline-ai-status{width:100%;margin-left:0}.inline-ai-compose-actions{align-items:stretch}.inline-ai-compose-actions button{flex:1 1 auto}.inline-ai-compose-submit{flex:none!important}.inline-ai-compose-draft-actions{justify-content:stretch}.inline-ai-compose-draft-actions button{flex:1}}

/* Focus mode is retired in JavaScript; the service record now keeps this layout stable. */

body.full-case-mode .drawer-content{max-width:1540px;padding:12px 20px 18px}
body.full-case-mode .drawer-header{padding-top:11px;padding-bottom:11px;padding-left:max(20px,calc((100vw - 1540px)/2));padding-right:max(20px,calc((100vw - 1540px)/2))}
body.full-case-mode .record-workspace{grid-template-columns:minmax(340px,31%) minmax(0,69%);height:auto;min-height:0}
body.full-case-mode .record-context{overflow-y:auto}
body.full-case-mode .record-work{overflow:hidden}

@media(max-width:979px){
  .record-workspace,body.full-case-mode .record-workspace{display:flex;flex-direction:column;overflow:auto}
  .record-work{overflow:visible;order:1}
  .record-context{overflow:visible;order:2;padding-right:0}
  .history-conversation .message-thread,body.full-case-mode .history-conversation .message-thread{max-height:440px!important;min-height:260px}
  .inline-reply{max-height:none;overflow:visible}
}

/* 2026-08-08 late-night conversation workspace pass.
   The single-record screen behaves like an inbox conversation: compact identity
   strip, independently scrolling record rail, tall bottom-anchored message area,
   and a compact composer docked beneath it. */
.compact-record-header{min-height:50px!important;padding:6px 12px!important;align-items:center!important;border-bottom:1px solid #dce5ee;background:#fff}
.compact-record-identity{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.compact-record-header .drawer-name-line{gap:5px;flex:0 0 auto}
.compact-record-header .drawer-name-line h2{margin:0!important;font-size:17px!important;line-height:1.1!important;white-space:nowrap}
.compact-record-header .drawer-name-tools .contact-tool{width:22px;height:22px;font-size:12px}
.compact-record-header .drawer-meta{margin:0!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#53667a;font-size:11px!important}
.compact-record-header .drawer-activity-meta{display:none!important}
.compact-record-header .drawer-header-actions{align-items:center;gap:5px}
.compact-record-header .drawer-icon-button,.compact-record-header .close-button{width:32px;height:32px;min-width:32px;font-size:16px}

.drawer-content{padding:8px 10px 10px!important}
.record-workspace{grid-template-columns:minmax(300px,30%) minmax(0,70%)!important;gap:12px!important;height:100%;min-height:0}
.record-context{overflow-y:auto!important;overflow-x:hidden!important;gap:10px!important;padding-right:7px!important}
.record-work{height:100%;min-height:0;overflow:hidden!important;padding:0!important;display:flex!important}
.record-conversation{display:flex!important;flex:1 1 auto!important;min-height:0!important;height:100%;gap:6px!important}
.conversation-heading{flex:0 0 auto;min-height:34px;padding:0 2px!important;align-items:center!important}
.conversation-heading>div>span{font-size:15px!important}
.conversation-heading small{display:inline!important;margin:0 0 0 7px!important;font-size:10px!important}
.conversation-heading-actions{gap:6px!important}
.conversation-followup-button{min-height:29px!important;padding:5px 8px!important;font-size:10px!important}
.history-source{padding:3px 7px!important;font-size:9px!important}

.history-conversation{display:flex!important;flex:1 1 auto!important;min-height:0!important;flex-direction:column!important;overflow:hidden!important;margin:0!important}
.history-conversation .conversation-header{flex:0 0 31px;min-height:31px;padding:5px 10px!important;align-items:center!important}
.history-conversation .conversation-header h4{display:none!important}
.history-conversation .conversation-header>div p{margin:0!important;font-size:10px!important}
.history-conversation .channel-chip{font-size:9px!important;padding:3px 7px!important}
.history-conversation .message-thread,
body.full-case-mode .history-conversation .message-thread{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;padding:12px 14px!important;background:#f8fafc;overscroll-behavior:contain;scrollbar-gutter:stable}
.history-conversation .conversation-foot{display:none!important}
.history-conversation .bubble-message{font-size:13.5px!important;line-height:1.52!important}
.history-conversation .message-time{font-size:10px!important}

.inline-reply{flex:0 0 auto!important;max-height:310px;overflow-y:auto;padding:8px 10px 9px!important;border-top:1px solid #dce5ee;background:#fff}
.inline-reply-toolbar{display:flex;align-items:end;gap:8px;margin-bottom:7px;min-width:0}
.inline-reply-toolbar-left{display:flex;align-items:center;gap:6px;flex:0 0 auto;min-width:0}
.inline-delivery-badge{min-height:28px!important;padding:4px 9px!important;font-size:10.5px!important;white-space:nowrap}
.inline-reply-warning{display:inline-flex;align-items:center;min-height:26px;padding:4px 7px;border-radius:999px;background:#fdebea;color:#a5473e;font-size:9px;font-weight:850;white-space:nowrap}
.inline-reply-warning.is-info{background:#eef5fb;color:#4c6b85}
.inline-toolbar-control{display:flex!important;align-items:center!important;gap:6px!important;margin:0!important;color:#53667a!important;font-size:9.5px!important;font-weight:800!important;white-space:nowrap}
.inline-toolbar-control>span{flex:0 0 auto}
.inline-template-label.inline-toolbar-control{margin-left:auto!important}
.inline-template-label.inline-toolbar-control select{width:210px!important;min-height:32px!important;margin:0!important;padding:5px 30px 5px 8px!important;font-size:10.5px!important}
.inline-sender-label.inline-toolbar-control select{min-width:104px!important;min-height:32px!important;padding:5px 27px 5px 8px!important;font-size:10.5px!important}
.inline-shortcut-preview{min-height:0!important;margin:0 0 7px;padding:7px 9px!important}
#inlineShortcutPreviewText{max-height:72px!important;font-size:10.5px!important}
#inlineReplyText{min-height:82px!important;max-height:150px;resize:vertical!important;padding:9px 10px!important;font-size:12.5px!important}
.inline-reply-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;align-items:center;margin-top:7px;padding-top:7px;border-top:1px solid #edf1f5}
.inline-reply-footer .inline-send-timing{grid-column:1;grid-row:1;margin:0!important;padding:0!important;border:0!important;gap:6px!important}
.inline-reply-footer .inline-send-timing>span{font-size:9.5px!important}
.inline-reply-footer .inline-send-choice{padding:5px 8px!important;font-size:9.5px!important}
.inline-reply-footer .inline-reply-actions{grid-column:2;grid-row:1;margin:0!important;gap:6px!important}
.inline-reply-footer .inline-reply-actions button{min-height:32px!important;padding:6px 9px!important;font-size:10px!important}
.inline-reply-footer .inline-draft-actions{margin-right:2px!important;gap:5px!important}
.inline-reply-footer .inline-draft-status{min-height:24px!important;padding:3px 6px!important;font-size:9px!important}
.inline-reply-footer .inline-schedule-fields{grid-column:1 / -1;grid-row:2;margin-top:0!important;padding:8px 9px!important}

body.full-case-mode .drawer-content{max-width:none!important;width:100%!important;padding:8px 10px 10px!important}
body.full-case-mode .drawer-header{padding:6px 12px!important}
body.full-case-mode .record-workspace{grid-template-columns:minmax(310px,29%) minmax(0,71%)!important;height:100%!important}
body.full-case-mode .record-context{overflow-y:auto!important}
body.full-case-mode .record-work{overflow:hidden!important}

@media(max-width:1100px){
  .record-workspace,body.full-case-mode .record-workspace{grid-template-columns:minmax(280px,34%) minmax(0,66%)!important}
  .inline-template-label.inline-toolbar-control select{width:170px!important}
}
@media(max-width:979px){
  .compact-record-identity{gap:7px}
  .record-workspace,body.full-case-mode .record-workspace{display:flex!important;flex-direction:column;overflow:auto!important}
  .record-work{overflow:visible!important;order:1}
  .record-context{overflow:visible!important;order:2;padding-right:0!important}
  .history-conversation .message-thread,body.full-case-mode .history-conversation .message-thread{min-height:360px!important;max-height:520px!important}
  .inline-reply{max-height:none!important;overflow:visible!important}
  .inline-reply-toolbar{flex-wrap:wrap}
  .inline-template-label.inline-toolbar-control{margin-left:0!important}
}
@media(max-width:700px){
  .compact-record-header .drawer-meta{display:none}
}

/* 2026-08-09 AI opportunity + top Follow-up controls. Booking opportunity is a
   commercial signal, never another workflow stage. Follow-up uses the existing
   teal family so it stands out without introducing a yellow warning color. */
.booking-opportunity-badge{display:inline-grid;grid-template-columns:7px auto;align-items:center;column-gap:6px;row-gap:2px;width:max-content;max-width:100%;margin:4px 0 0 6px;padding:4px 7px;border:1px solid #d7dee7;border-radius:999px;background:#f3f5f7;color:#647386;font-size:8.5px;font-weight:850;line-height:1.2;white-space:nowrap;vertical-align:middle}
.booking-opportunity-badge .opportunity-dot{width:7px;height:7px;border-radius:50%;background:currentColor}
.booking-opportunity-badge small{grid-column:2;display:block;max-width:240px;overflow:hidden;text-overflow:ellipsis;color:inherit;font-size:8px;font-weight:650;opacity:.86;white-space:nowrap}
.booking-opportunity-badge.opportunity-high{border-color:#b8dfd3;background:#e7f7f2;color:#176b57}
.booking-opportunity-badge.opportunity-medium{border-color:#efd39b;background:#fff5df;color:#96620c}
.booking-opportunity-badge.opportunity-low{border-color:#bfd7ef;background:#edf5fd;color:#356b9e}
.booking-opportunity-badge.opportunity-none{border-color:#d8dee6;background:#f1f3f6;color:#687586}
.booking-opportunity-badge.opportunity-pending{border-color:#d7dee7;background:#f6f8fa;color:#7c8998}
.booking-opportunity-badge.opportunity-review{border-color:#efc98f;background:#fff7e8;color:#8a6216}
.booking-opportunity-badge.is-stale{border-style:dashed}
.record-opportunity-kicker{margin-top:8px!important}
.record-status-service .booking-opportunity-badge{margin-left:0;margin-top:0;border-radius:7px;white-space:normal}
.record-status-service .booking-opportunity-badge small{max-width:100%;white-space:normal;line-height:1.25}
.record-opportunity-control{display:flex;flex-direction:column;align-items:stretch;gap:4px;margin-top:2px}
.record-opportunity-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;align-items:center}
.record-opportunity-override{width:100%;min-height:30px;padding:4px 7px;border:1px solid #ccd8e4;border-radius:7px;background:#fff;color:#38516a;font-size:10px;font-weight:750}
.opportunity-retry-button{min-height:30px;padding:4px 8px;border:1px solid #d4b271;border-radius:7px;background:#fff8e9;color:#805b18;font-size:9px;font-weight:850;cursor:pointer;white-space:nowrap}
.opportunity-retry-button:hover{background:#fff2d8}
.manual-opportunity-note{color:#7b5d20!important;font-size:8.5px!important;line-height:1.25}
.manual-opportunity-note.is-ai{color:#7d8ca0!important}
.opportunity-review-note{color:#8a6216!important}
.record-channel-kicker{margin-top:7px}
.record-status-item .channel-pill{font-size:10.5px;padding:5px 8px;box-shadow:0 1px 3px rgba(31,53,73,.08)}

.record-context .record-topbar .case-toolbar .top-followup-control{min-height:40px!important;padding:8px 10px!important;border-color:#168c89!important;background:#168c89!important;color:#fff!important;font-size:11px!important;font-weight:850!important;box-shadow:0 3px 10px rgba(22,140,137,.20)!important}
.record-context .record-topbar .case-toolbar .top-followup-control:hover{border-color:#0f7774!important;background:#0f7774!important;color:#fff!important}
.record-context .record-topbar .case-toolbar .top-followup-control.has-followup{border-color:#127f7c!important;background:#e7f7f5!important;color:#126d6a!important;box-shadow:0 2px 8px rgba(18,127,124,.14)!important}
.top-followup-overdue{margin-left:4px;padding:2px 5px;border-radius:999px;background:rgba(180,55,55,.12);color:#9f3535;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}

/* 2026-08-09 composer cleanup + follow-up overlay. */
.conversation-heading{min-height:30px!important;padding:0 3px!important}
.conversation-summary-line{display:flex;align-items:center;gap:7px;min-width:0;color:#607186;font-size:10px;font-weight:650}
.conversation-summary-line strong{color:#263b50;font-size:11px;font-weight:850;white-space:nowrap}
.conversation-summary-line>span:not(.channel-chip)::before{content:'·';margin-right:7px;color:#9aa7b5}
.conversation-summary-line .channel-chip{margin-left:1px;padding:3px 7px!important;font-size:9px!important;white-space:nowrap}
.conversation-followup-button.has-followup{border-color:#8bb9e4;background:#edf6ff;color:#1f6fb7}
.conversation-followup-button.is-open{box-shadow:0 0 0 2px rgba(31,111,183,.10)}

.history-conversation .conversation-header{display:none!important}
.history-conversation .message-thread,
body.full-case-mode .history-conversation .message-thread{padding-top:14px!important}

.conversation-composer-resizer{position:relative;flex:0 0 12px;height:12px;cursor:row-resize;background:#fff;border-top:1px solid #e3e9ef;border-bottom:1px solid #e3e9ef;touch-action:none;user-select:none}
.conversation-composer-resizer span{position:absolute;left:50%;top:50%;width:54px;height:4px;transform:translate(-50%,-50%);border-radius:999px;background:#c7d2dd;transition:background .15s ease,width .15s ease}
.conversation-composer-resizer:hover span,.conversation-composer-resizer.is-dragging span{width:68px;background:#7aa9d4}
.conversation-composer-resizer:focus-visible{outline:2px solid #6ba2d4;outline-offset:-2px}

.inline-reply{min-height:135px!important;overflow-y:auto!important;padding:8px 10px 9px!important}
.inline-reply-text-wrap{margin:0!important}
#inlineReplyText{min-height:86px!important;max-height:none!important;resize:none!important}
.inline-reply-footer{display:block!important;margin-top:7px!important;padding-top:7px!important;border-top:1px solid #edf1f5}
.inline-footer-row{display:flex;align-items:center;gap:7px;min-width:0}
.inline-footer-row .inline-send-timing{display:flex!important;align-items:center!important;gap:6px!important;flex:0 0 auto;margin:0!important;padding:0!important;border:0!important}
.inline-footer-row .inline-send-timing>span{font-size:9.5px!important}
.inline-footer-row .inline-send-choice{padding:5px 8px!important;font-size:9.5px!important}
.inline-footer-row .inline-toolbar-control{flex:0 0 auto!important}
.inline-footer-row .inline-template-label.inline-toolbar-control{margin-left:4px!important}
.inline-footer-row .inline-template-label.inline-toolbar-control select{width:190px!important;min-height:32px!important;margin:0!important;padding:5px 30px 5px 8px!important;font-size:10.5px!important}
.inline-footer-row .inline-sender-label.inline-toolbar-control select{min-width:104px!important;min-height:32px!important;padding:5px 27px 5px 8px!important;font-size:10.5px!important}
.inline-footer-row .inline-reply-actions{display:flex!important;align-items:center!important;gap:6px!important;margin:0 0 0 auto!important;flex:0 0 auto}
.inline-footer-row .inline-reply-actions button{min-height:32px!important;padding:6px 9px!important;font-size:10px!important}
.inline-footer-row .inline-draft-actions{display:flex;align-items:center;gap:5px;margin:0!important}
.inline-reply-footer .inline-schedule-fields{margin-top:8px!important;padding:8px 9px!important}

.followup-modal-backdrop{position:fixed;inset:0;z-index:520;background:rgba(18,32,48,.34);backdrop-filter:blur(1.5px)}
.followup-modal-backdrop[hidden]{display:none!important}
.followup-modal{position:fixed!important;z-index:530;left:50%;top:50%;transform:translate(-50%,-50%);width:min(820px,calc(100vw - 42px));max-height:min(82vh,760px);overflow-y:auto!important;margin:0!important;border:1px solid #cad8e5!important;border-left:0!important;border-radius:12px!important;background:#fff!important;box-shadow:0 24px 70px rgba(15,31,48,.28)!important;padding:0!important}
.followup-modal[hidden]{display:none!important}
.followup-modal .work-panel-head{position:sticky;top:0;z-index:2;padding:15px 18px;background:#fff;border-bottom:1px solid #e2e8ef}
.followup-modal .work-panel-head strong{font-size:16px;color:#22384d}
.followup-modal .work-panel-head small{font-size:11px;color:#6d7d8e}
.followup-modal>.followup-meta,.followup-modal>.followup-empty,.followup-modal>.followup-conversation-target,.followup-modal>.followup-compact-grid,.followup-modal>.next-action-row,.followup-modal>.internal-note-label,.followup-modal>.followup-actions{margin-left:18px!important;margin-right:18px!important}
.followup-modal>.followup-meta,.followup-modal>.followup-empty{margin-top:16px!important}
.followup-conversation-target{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-4px;margin-bottom:14px;padding:9px 11px;border:1px solid #e1e7ee;border-radius:7px;background:#fafbfd;color:#66778a;font-size:10.5px}
.followup-conversation-target strong{margin-left:4px;color:#263e55;font-size:12px}
.followup-conversation-target .secondary-button{flex:0 0 auto}
.followup-modal>.followup-actions{margin-bottom:18px!important}

@media(max-width:1180px){
  .inline-footer-row{flex-wrap:wrap}
  .inline-footer-row .inline-reply-actions{margin-left:auto!important}
}
@media(max-width:979px){
  .conversation-composer-resizer{display:none}
  .inline-reply{max-height:none!important;overflow:visible!important}
  .inline-footer-row{align-items:flex-start;flex-wrap:wrap}
  .inline-footer-row .inline-template-label.inline-toolbar-control{margin-left:0!important}
}
@media(max-width:700px){
  .inline-footer-row{display:grid;grid-template-columns:1fr 1fr}
  .inline-footer-row .inline-send-timing,.inline-footer-row .inline-reply-actions{grid-column:1/-1}
  .inline-footer-row .inline-template-label.inline-toolbar-control select{width:100%!important}
  .inline-footer-row .inline-sender-label.inline-toolbar-control select{width:100%!important}
  .followup-modal{width:calc(100vw - 20px);max-height:90vh}
}

/* 2026-08-09 readability + interaction polish. */
.conversation-summary-line,
.conversation-summary-line strong,
.conversation-summary-line .channel-chip,
.conversation-followup-button{font-size:10px!important;font-weight:850!important;letter-spacing:.055em!important;text-transform:uppercase!important;color:#7d8ca0!important;line-height:1.2}
.conversation-summary-line strong{white-space:nowrap}
.conversation-summary-line .channel-chip{padding:3px 7px!important}

.record-context .merged-record-banner strong{font-size:13px!important;line-height:1.35!important}
.record-context .merged-record-banner small{font-size:11.5px!important;line-height:1.45!important}

.record-note-delete{margin-left:auto;padding:2px 5px;border:0;background:transparent;color:#a04747;font-size:10px;font-weight:750;cursor:pointer}
.record-note-delete:hover{text-decoration:underline;color:#862f2f}

/* 2026-08-09 late cleanup: quieter conversation chrome, true reply-box resize,
   compact bulk messaging, and useful merged-record details. */
.conversation-heading .conversation-summary-line,
.conversation-heading .conversation-summary-line strong,
.conversation-heading .conversation-summary-line>span,
.conversation-heading .conversation-summary-line .channel-chip,
.conversation-heading .conversation-followup-button{
  font-size:13px!important;
  font-weight:850!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  color:#7d8ca0!important;
  line-height:1.25!important;
}
.conversation-heading .conversation-summary-line strong{white-space:nowrap}
.conversation-heading .conversation-summary-line .channel-chip{padding:2px 6px!important;background:#eef3f7!important;border-radius:999px}
.conversation-heading .conversation-followup-button{min-height:30px!important;padding:5px 8px!important;background:#fff!important}

.inline-reply{flex:0 0 auto!important;max-height:none!important;overflow:visible!important}
#inlineReplyText{height:86px;min-height:86px!important;max-height:none!important;resize:none!important}

.record-context .merged-record-banner.merged-record-button{
  width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;
  padding:10px 12px!important;text-align:left;cursor:pointer;font:inherit;appearance:none;
}
.record-context .merged-record-banner.merged-record-button strong{font-size:12px!important;line-height:1.25!important;white-space:nowrap}
.record-context .merged-record-banner.merged-record-button small{margin:0!important;font-size:10.5px!important;line-height:1.25!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.merged-record-view{color:#2b70a8;font-size:10px;font-weight:800;white-space:nowrap}
.merged-record-button:hover{border-color:#8fbce0;background:#eef7ff}

.merged-record-details-modal{width:min(620px,calc(100% - 30px))}
.merged-record-details-body{padding:18px 20px}
.merged-record-details-intro,.merged-record-loading{margin:0;color:#607286;font-size:12px;line-height:1.5}
.merged-record-source-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.merged-record-source{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #dce5ee;border-radius:7px;background:#fafcfe}
.merged-record-source.is-primary{border-color:#b9d6ed;background:#f3f8fd}
.merged-record-source>div{min-width:0}.merged-record-source strong{display:block;color:#2e4358;font-size:12px}.merged-record-source small{display:block;margin-top:3px;color:#778698;font-size:10.5px}
.merged-record-source>span{flex:0 0 auto;padding:3px 7px;border-radius:999px;background:#edf2f6;color:#65778a;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}

/* The selected-player composer is a bulk tool, not an alternate individual reply UI. */
.bulk-message-modal .modal-header h2{font-size:20px!important;line-height:1.2!important}
.bulk-message-modal .modal-header .eyebrow{font-size:10px!important}
.bulk-message-modal .composer-section{padding:14px 0!important}
.bulk-message-modal .composer-section-heading{gap:9px!important;margin-bottom:11px!important}
.bulk-message-modal .composer-section-heading>span{width:24px!important;height:24px!important;font-size:10px!important}
.bulk-message-modal .composer-section-heading strong{font-size:12.5px!important;line-height:1.3!important;font-weight:800!important}
.bulk-message-modal .composer-section-heading small{margin-top:3px!important;font-size:10.5px!important;line-height:1.45!important}
.bulk-message-modal .field-label{font-size:10.5px!important;font-weight:750!important}
.bulk-message-modal .field-label select,.bulk-message-modal .field-label input,.bulk-message-modal .field-label textarea{min-height:38px!important;margin-top:5px!important;padding:8px 10px!important;font-size:12.5px!important}
.bulk-message-modal .recipient-overview{gap:8px!important}
.bulk-message-modal .recipient-overview>span{gap:7px!important;padding:9px 10px!important;font-size:11px!important;font-weight:700!important}
.bulk-message-modal .recipient-overview>span strong{font-size:18px!important}
.bulk-message-modal .recipient-overview>span em{font-size:11px!important;font-weight:700!important}
.bulk-message-modal .recipient-review{margin-top:10px!important;padding-top:8px!important}
.bulk-message-modal .recipient-review summary{font-size:11px!important}
.bulk-message-modal .recipient-review-row{padding:8px 9px!important;gap:9px!important}
.bulk-message-modal .recipient-review-row strong{font-size:11.5px!important}
.bulk-message-modal .recipient-review-row span,.bulk-message-modal .recipient-review-row em{font-size:10.5px!important}
.bulk-message-modal .bulk-safety{padding:12px!important}
.bulk-message-modal .bulk-safety-head>div>strong{font-size:12px!important}
.bulk-message-modal .bulk-safety-head>div>small{margin-top:3px!important;font-size:10.5px!important}
.bulk-message-modal .bulk-exclusion-breakdown{padding:10px 11px!important}
.bulk-message-modal .bulk-exclusion-breakdown>strong{font-size:12px!important}
.bulk-message-modal .bulk-exclusion-breakdown li{margin:4px 0!important;font-size:11px!important}
.bulk-message-modal .bulk-exclusion-breakdown p,.bulk-message-modal .bulk-safety-note{font-size:10.5px!important}
.bulk-message-modal .send-guard{gap:9px!important;padding:11px!important}
.bulk-message-modal .send-guard strong{font-size:11.5px!important}
.bulk-message-modal .send-guard small{margin-top:3px!important;font-size:10.5px!important}
.bulk-message-modal .modal-footer button{min-height:36px!important;font-size:11px!important}

/* Final late-night cleanup: keep secondary conversation metadata consistent,
   keep bulk delivery compact, and place Follow-up with the composer controls. */
.conversation-heading .conversation-summary-line,
.conversation-heading .conversation-summary-line strong,
.conversation-heading .conversation-summary-line>span,
.conversation-heading .conversation-summary-line .channel-chip{
  font-size:13px!important;
  font-weight:850!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  color:#7d8ca0!important;
  line-height:1.25!important;
}
.bulk-message-modal .composer-send-row{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  gap:10px!important;
  margin-bottom:8px!important;
}
.bulk-message-modal .composer-send-row>.field-label{flex:0 0 190px!important}
.bulk-message-modal .composer-delivery-card{
  flex:0 1 auto!important;
  width:auto!important;
  min-width:150px!important;
  max-width:340px!important;
  min-height:38px!important;
  padding:6px 10px!important;
  display:grid!important;
  grid-template-columns:auto auto!important;
  grid-template-areas:'label summary' 'detail detail'!important;
  column-gap:8px!important;
  row-gap:1px!important;
  align-content:center!important;
  background:#f7fbff!important;
}
.bulk-message-modal .composer-delivery-card>span{grid-area:label;font-size:10px!important;align-self:center}
.bulk-message-modal .composer-delivery-card>strong{grid-area:summary;margin:0!important;font-size:12.5px!important;align-self:center}
.bulk-message-modal .composer-delivery-card>small{grid-area:detail;margin:1px 0 0!important;font-size:10px!important;line-height:1.3!important}
.inline-footer-row .inline-followup-control{
  flex:0 0 auto!important;
  min-height:32px!important;
  padding:5px 9px!important;
  gap:6px!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:#40556b!important;
  background:#fff!important;
  white-space:nowrap;
}
.inline-footer-row .inline-followup-control .followup-clock-icon{
  display:inline-block;
  font-size:17px!important;
  line-height:1!important;
  font-weight:700!important;
  transform:translateY(-.5px);
}
.inline-footer-row .inline-followup-control.has-followup{border-color:#8bb9e4!important;background:#edf6ff!important;color:#1f6fb7!important}
@media(max-width:1000px){
  .bulk-message-modal .composer-send-row{align-items:stretch!important;flex-wrap:wrap!important}
  .bulk-message-modal .composer-send-row>.field-label{flex:1 1 190px!important}
  .bulk-message-modal .composer-delivery-card{flex:1 1 190px!important;max-width:none!important}
}

/* Service Desk queue readability: one calm type system, fewer pills, and a visible source. */
.service-filter-bar #queueSourceFilter{min-width:118px}
.service-filter-bar{gap:8px!important;padding:11px 14px!important}
.service-filter>span,.bulk-actions-wrap>span{font-size:9px!important;letter-spacing:.045em!important;color:#7d8998!important}
.service-filter select,.service-filter input,.service-tag-filter .tag-filter-button,.reset-filter-button,#bulkMessageBtn{min-height:36px!important;font-size:11.5px!important}

.metric-card{background:#fff!important;border-color:#dfe6ed!important;box-shadow:none!important}
.metric-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--metric-color,#8ca0b3);border-radius:7px 0 0 7px}
.metric-card{position:relative}
.metric-card .metric-value{color:#2d4054!important}
.metric-card .metric-foot{color:#748395!important}

.service-desk-table{min-width:1450px!important}
.service-desk-table th{padding:9px 10px!important;background:#f5f7f9!important;color:#627286!important;font-size:10px!important;font-weight:800!important;letter-spacing:.035em!important;text-transform:uppercase!important}
.service-desk-table td{padding:11px 10px!important;color:#35485c!important;font-size:11.5px!important;line-height:1.4!important;vertical-align:middle!important}
.service-desk-table tbody tr{border-bottom:1px solid #edf1f4}
.service-desk-table tbody tr:hover{background:#f9fbfd!important}
.service-desk-table .table-avatar{width:27px!important;height:27px!important;background:#f1f4f7!important;color:#627487!important;border:1px solid #dce4eb!important;font-size:9px!important}
.service-desk-table .player-cell{gap:9px!important}
.service-desk-table .player-cell strong,.service-desk-table .cell-primary{font-size:11.5px!important;font-weight:700!important;color:#2d4054!important}
.service-desk-table .player-phone{font-size:11px!important;font-weight:650!important}
.service-desk-table .copy-club,.service-desk-table .copy-certificate,.service-desk-table .cell-secondary{font-size:10px!important;line-height:1.35!important;color:#758497!important}

.service-desk-table .stage-badge,.service-desk-table .crisp-badge,.service-desk-table .assigned-to,.service-desk-table .certificate-status,.service-desk-table .queue-message-count{
  display:block!important;width:max-content!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
.service-desk-table .stage-badge,.service-desk-table .crisp-badge{font-size:10.5px!important;font-weight:750!important;color:#465a6e!important}
.service-desk-table .assigned-to{font-size:10.5px!important;font-weight:700!important;color:#4f6276!important}
.service-desk-table .certificate-status{margin-top:3px!important;font-size:9px!important;font-weight:750!important;letter-spacing:.025em!important;text-transform:uppercase!important;color:#7c8998!important}
.service-desk-table .queue-message-count{margin-top:3px!important;font-size:9.5px!important;font-weight:700!important;color:#718196!important}
.service-desk-table .row-tags{gap:3px!important;margin-top:4px!important}
.service-desk-table .row-tag{padding:2px 5px!important;background:#f1f4f6!important;color:#6c7b8c!important;font-size:8.5px!important}
.service-desk-table .merged-row-badge,.service-desk-table .draft-row-badge,.service-desk-table .internal-notification-badge{margin:1px 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:9px!important;color:#6c7e91!important}
.service-desk-table .duplicate-row-badge{font-size:9px!important}
.service-desk-table .activity-preview{max-width:215px!important;margin-top:2px!important;font-size:10px!important;color:#748396!important}
.service-desk-table .next-action-cell{font-size:11px!important;font-weight:650!important;color:#33475b!important}

/* Shared Service Desk presentation: follow-up views reuse these exact treatments instead of inventing parallel badges. */
.service-certificate-display .cell-primary{font-size:11.5px!important;font-weight:700!important;color:#2d4054!important}
.service-certificate-display .copy-certificate,.service-certificate-display .cell-secondary{display:block!important;margin-top:2px!important;font-size:10px!important;line-height:1.35!important;color:#758497!important}
.service-certificate-display .certificate-status{display:block!important;width:max-content!important;margin:3px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:9px!important;font-weight:750!important;font-style:normal!important;letter-spacing:.025em!important;text-transform:uppercase!important;color:#7c8998!important}
.service-certificate-display .certificate-status.is-current-valid{color:#20804a!important}
.service-certificate-display .certificate-status.is-current-expired{color:#c33b35!important}
.service-stage-display{display:block!important;width:max-content!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:10.5px!important;font-weight:750!important;color:#465a6e!important}
.service-assigned-source-display .assigned-to{display:block!important;width:max-content!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:10.5px!important;font-weight:700!important;color:#4f6276!important}
.conversation-source{display:inline-block;color:#69798b;font-size:10px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap}

.service-desk-table th:nth-child(1){width:78px!important}
.service-desk-table th:nth-child(2){min-width:190px!important}
.service-desk-table th:nth-child(3){min-width:150px!important}
.service-desk-table th:nth-child(4){min-width:135px!important}
.service-desk-table th:nth-child(5){min-width:115px!important}
.service-desk-table th:nth-child(6){min-width:90px!important}
.service-desk-table th:nth-child(7){min-width:88px!important}
.service-desk-table th:nth-child(8){min-width:195px!important}
.service-desk-table th:nth-child(9){min-width:140px!important}
.service-desk-table th:nth-child(10){min-width:175px!important}
.service-desk-table th:nth-child(11){width:38px!important}

@media(max-width:850px){
  .queue-panel td:nth-child(1)::before{content:'Select'!important}
  .queue-panel td:nth-child(2)::before{content:'Player'!important}
  .queue-panel td:nth-child(3)::before{content:'Next Action'!important}
  .queue-panel td:nth-child(4)::before{content:'Casino / Certificate'!important}
  .queue-panel td:nth-child(5)::before{content:'Stage'!important}
  .queue-panel td:nth-child(6)::before{content:'AI Assessment'!important}
  .queue-panel td:nth-child(7)::before{content:'Ticket Status'!important}
  .queue-panel td:nth-child(8)::before{content:'Assigned To'!important}
  .queue-panel td:nth-child(9)::before{content:'Last Activity'!important}
  .queue-panel td:nth-child(10)::before{content:'Preview'!important}
}

/* Queue triage pass: redistribute width to the information agents actually scan. */
.service-desk-table .queue-message-count{margin-top:2px!important;font-size:9.5px!important;font-weight:650!important;color:#7a8898!important}
.service-desk-table .activity-preview{max-width:180px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.service-desk-table .quick-message-preview-trigger{cursor:help;border-bottom:1px dotted #aab6c3;outline:0}
.service-desk-table .quick-message-preview-trigger:hover,.service-desk-table .quick-message-preview-trigger:focus{color:#425d79!important;border-bottom-color:#7089a3}
.queue-quick-message-preview{position:fixed;z-index:1200;pointer-events:none;padding:12px;border:1px solid #cfd9e4;border-radius:10px;background:#fff;box-shadow:0 14px 34px rgba(27,43,60,.20);color:#2f4357}
.queue-quick-message-preview[hidden]{display:none}
.quick-message-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:9px;border-bottom:1px solid #e8edf2}
.quick-message-preview-head>div{min-width:0}.quick-message-preview-head small{display:block;color:#7b8998;font-size:8.5px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.quick-message-preview-head strong{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#24394e;font-size:13px}
.quick-message-preview-list{display:flex;flex-direction:column;gap:8px;padding:10px 0 8px}
.quick-message-preview-line{padding:8px 9px;border:1px solid #e0e6ec;border-radius:8px;background:#f8fafc}
.quick-message-preview-line.is-player{margin-right:32px;background:#fff}.quick-message-preview-line.is-alliance{margin-left:32px;background:#eef5fb;border-color:#d6e4f0}
.quick-message-preview-meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:3px}.quick-message-preview-meta strong{color:#344c64;font-size:9.5px}.quick-message-preview-meta span{color:#8491a0;font-size:8.5px;white-space:nowrap}
.quick-message-preview-line p{margin:0;color:#35495d;font-size:11px;line-height:1.42;white-space:normal;overflow-wrap:anywhere}
.quick-message-preview-foot{padding-top:7px;border-top:1px solid #edf1f5;color:#8793a1;font-size:8.5px;text-align:center}.quick-message-preview-loading,.quick-message-preview-empty{padding:18px 14px;color:#718096;font-size:10.5px;text-align:center}
.service-desk-table th:nth-child(7){min-width:70px!important;width:70px!important}
.service-desk-table th:nth-child(8){min-width:180px!important}
.service-desk-table th:nth-child(9){min-width:105px!important;width:105px!important}
.service-desk-table th:nth-child(10){min-width:215px!important}
.service-desk-table{min-width:1410px!important}

/* Service Desk row preview: a deliberate, read-only inline expansion replaces the old hover popup. */
.service-desk-table .service-desk-preview-toggle-cell{width:38px!important;padding-left:4px!important;padding-right:4px!important;text-align:center!important}
.service-desk-preview-toggle{display:inline-grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #d7e0e8;border-radius:7px;background:#fff;color:#587087;cursor:pointer}
.service-desk-preview-toggle:hover,.service-desk-preview-toggle:focus-visible{border-color:#9db8cf;background:#f6f9fc;color:#315f85;outline:0}
.service-desk-preview-toggle span{display:block;font-size:18px;line-height:1;transform:translateY(-1px);transition:transform .16s ease}
.service-desk-preview-toggle[aria-expanded="true"] span{transform:rotate(180deg) translateY(1px)}
.service-desk-inline-preview-row{cursor:default!important;background:#f7f9fb!important}
.service-desk-inline-preview-row:hover{background:#f7f9fb!important}
.service-desk-inline-preview-row[hidden]{display:none!important}
.service-desk-inline-preview-row>td{padding:0!important;white-space:normal!important;text-align:left!important;border-bottom:1px solid #dce4eb!important}
.service-desk-inline-preview{position:sticky;left:0;width:min(100%,var(--service-desk-visible-width,100%));max-width:var(--service-desk-visible-width,100%);box-sizing:border-box;padding:8px 14px 10px;overflow:hidden}
.service-desk-inline-messages{display:flex;flex-direction:column;gap:5px;margin:0}
.service-desk-inline-message{display:grid;grid-template-columns:minmax(120px,170px) minmax(0,1fr);align-items:start;gap:10px;padding:6px 8px;border:1px solid #e3e8ee;border-radius:7px;background:#fafbfd}.service-desk-inline-message.is-alliance{background:#f2f7fb;border-color:#dce8f1}
.service-desk-inline-message>div{display:flex;align-items:baseline;justify-content:flex-start;gap:6px;min-width:0}.service-desk-inline-message strong{color:#40556a;font-size:10px}.service-desk-inline-message span{color:#8a96a3;font-size:9px;white-space:nowrap}.service-desk-inline-message p{margin:0;color:#43566a;font-size:11px;line-height:1.38;white-space:normal;overflow-wrap:anywhere}
.service-desk-inline-loading,.service-desk-inline-empty{display:grid;min-height:44px;place-items:center;padding:6px 10px;color:#7d8b9a;font-size:10px;text-align:center}
.assessment-review-summary{padding:10px 14px;border-bottom:1px solid #dfe7ef;background:#f8fbfe}
.assessment-review-summary-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.assessment-review-summary-head>div{display:flex;align-items:baseline;gap:8px}.assessment-review-summary-head strong{color:#243b52;font-size:12px}.assessment-review-summary-head span{color:#77899a;font-size:10px}.assessment-review-exit{padding:3px 5px;border:0;background:transparent;color:#5f7183;font-size:10px;font-weight:750;text-decoration:underline;cursor:pointer}
.assessment-review-summary-pills{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.assessment-review-summary-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid #d4dde6;border-radius:999px;background:#fff;color:#5e7082;font:inherit;font-size:10px;font-weight:750;cursor:pointer}.assessment-review-summary-pill strong{font-size:11px;color:inherit}.assessment-review-summary-pill.is-active{box-shadow:0 0 0 2px color-mix(in srgb,currentColor 22%,transparent);border-color:currentColor}.assessment-review-summary-pill:disabled{opacity:.42;cursor:default}.assessment-review-summary-pill.tone-safe{color:#27704b;background:#f0faf5;border-color:#a8d7bd}.assessment-review-summary-pill.tone-followup{color:#276699;background:#f0f7fd;border-color:#aacbe5}.assessment-review-summary-pill.tone-action{color:#9a4a29;background:#fff5ef;border-color:#e9b9a2}.assessment-review-summary-pill.tone-waiting{color:#6b607e;background:#f7f4fb;border-color:#cfc3dd}.assessment-review-summary-pill.tone-review{color:#79601d;background:#fff9e9;border-color:#e7d397}
.assessment-review-card{min-width:0;max-width:100%;box-sizing:border-box;margin:0 0 9px;padding:12px 14px;border:1px solid #d8e2ec;border-left:3px solid #8ea8c0;border-radius:8px;background:#fff;box-shadow:0 1px 2px rgba(30,55,80,.04)}.assessment-review-card.tone-safe{border-left-color:#4b9b6d;background:#fbfefc}.assessment-review-card.tone-followup{border-left-color:#458ac4;background:#fbfdff}.assessment-review-card.tone-action{border-left-color:#c86a45;background:#fffdfc}.assessment-review-card.tone-waiting{border-left-color:#8a78a2;background:#fdfcff}.assessment-review-card.tone-review{border-left-color:#c19b3d;background:#fffefa}.assessment-review-card.is-loading{border-left-color:#5d8fbb;background:#fbfdff}.assessment-review-card.is-compact{margin:8px 0 0;padding:10px 11px;border-radius:7px;box-shadow:none;overflow:hidden}.ticket-assessment-review{min-width:0;max-width:100%;overflow:hidden}
.assessment-review-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.assessment-review-card-head>div:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}.assessment-review-eyebrow{color:#74879a;font-size:9px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.assessment-review-card-head strong{color:#263f57;font-size:14px;line-height:1.25;overflow-wrap:anywhere}.assessment-review-card.is-compact .assessment-review-card-head{flex-wrap:wrap}.assessment-review-card.is-compact .assessment-review-card-head strong{font-size:12px}.assessment-review-card-meta{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;min-width:0;max-width:100%;color:#7d8b98;font-size:9px}.assessment-review-rerun{padding:3px 6px;border:1px solid #d6e0e9;border-radius:6px;background:#fff;color:#60778d;font:inherit;font-size:9px;font-weight:750;cursor:pointer}.assessment-review-rerun:hover{border-color:#98b7d2;color:#28699e;background:#f7fbff}
.assessment-review-why,.assessment-review-next{display:grid;grid-template-columns:112px minmax(0,1fr);gap:9px;margin-top:9px;align-items:start}.assessment-review-why b,.assessment-review-next b,.assessment-review-evidence>b{color:#35516c;font-size:9.5px}.assessment-review-why p,.assessment-review-next p{margin:0;color:#425970;font-size:11px;line-height:1.42}.assessment-review-card.is-compact .assessment-review-why,.assessment-review-card.is-compact .assessment-review-next{grid-template-columns:76px minmax(0,1fr);margin-top:7px}.assessment-review-card.is-compact .assessment-review-why p,.assessment-review-card.is-compact .assessment-review-next p{font-size:10px}
.assessment-review-evidence{display:grid;grid-template-columns:112px minmax(0,1fr);gap:9px;margin-top:9px;align-items:start}.assessment-review-evidence-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.assessment-review-evidence-row span{display:inline-flex!important;align-items:center;padding:4px 7px;border:1px solid #dce4eb;border-radius:6px;background:#f8fafc;color:#5d7083;font-size:9.5px;line-height:1.25}.assessment-review-card.is-compact .assessment-review-evidence{grid-template-columns:76px minmax(0,1fr);margin-top:7px}.assessment-review-card.is-compact .assessment-review-evidence-row span{font-size:9px}
.assessment-review-actions{display:flex;justify-content:flex-end;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px}.assessment-review-actions .primary-button,.assessment-review-actions .secondary-button{min-height:32px;padding:6px 10px;font-size:10px}.assessment-review-card.is-compact .assessment-review-actions{margin-top:8px}.assessment-review-card.is-compact .assessment-review-actions .primary-button,.assessment-review-card.is-compact .assessment-review-actions .secondary-button{min-height:29px;padding:5px 8px;font-size:9px}
.assessment-review-spinner{display:inline-block;width:16px;height:16px;border:2px solid #c8d8e6;border-top-color:#3d7fb7;border-radius:50%;animation:assessmentReviewSpin .8s linear infinite}@keyframes assessmentReviewSpin{to{transform:rotate(360deg)}}
.assessment-review-conversation-heading{display:flex;align-items:baseline;gap:8px;margin:10px 0 6px;padding-top:8px;border-top:1px solid #e1e8ef}.assessment-review-conversation-heading strong{color:#344e67;font-size:10px}.assessment-review-conversation-heading span{color:#8795a3;font-size:9px}
.assessment-review-row-badge{display:inline-flex;margin-top:5px;padding:3px 6px;border:1px solid #d6e1ea;border-radius:999px;background:#f7fafc;color:#5e7387;font-size:8.5px;font-weight:800;white-space:nowrap}.assessment-review-row-badge.tone-safe{color:#28704b;border-color:#b6dcc6;background:#f0faf5}.assessment-review-row-badge.tone-followup{color:#276699;border-color:#b9d4e8;background:#f1f8fd}.assessment-review-row-badge.tone-action{color:#974628;border-color:#e7b9a6;background:#fff5ef}.assessment-review-row-badge.tone-waiting{color:#6b607e;border-color:#d2c7df;background:#f7f4fb}.assessment-review-row-badge.tone-review{color:#79601d;border-color:#e5d39d;background:#fff9eb}.assessment-review-row-badge.is-loading{color:#376e9f;border-color:#b8d0e5;background:#f2f8fd}
.ticket-assessment-review{margin-top:9px;padding-top:8px;border-top:1px solid #e3e9ef}
@media(max-width:850px){
  .queue-panel tbody tr[data-id]{position:relative}
  .queue-panel tbody tr[data-id]::before{content:attr(data-mobile-summary)!important;padding-right:58px!important}
  .queue-panel tbody tr[data-id].preview-open::before{background:#f8fbff;border-bottom:1px solid #edf0f3}
  .queue-panel tbody tr[data-id]:not(.mobile-expanded) td.service-desk-preview-toggle-cell,.queue-panel td.service-desk-preview-toggle-cell{display:block!important;position:absolute;top:7px;right:9px;width:38px!important;min-height:38px;padding:5px!important;border:0!important;background:transparent!important}
  .queue-panel td.service-desk-preview-toggle-cell::before{content:none!important}
  .service-desk-preview-toggle{width:30px;height:30px}
  .queue-panel tbody tr.service-desk-inline-preview-row{display:block;margin-top:-10px;border-top:0;border-radius:0 0 8px 8px;background:#f7f9fb;box-shadow:var(--shadow)}
  .queue-panel tbody tr.service-desk-inline-preview-row[hidden]{display:none!important}
  .queue-panel .service-desk-inline-preview-row>td[colspan]{display:block!important;padding:0!important;text-align:left!important;border:0!important}
  .service-desk-inline-preview{position:static;width:100%;max-width:100%;padding:8px 10px 10px}
  .service-desk-inline-message{grid-template-columns:1fr;gap:2px;padding:7px 8px}
  .service-desk-inline-message p{font-size:11px}
}

.inline-footer-row{flex-wrap:wrap!important}
.inline-delivery-panel{margin:0 0 8px;padding:8px 9px;border:1px solid #d9e3ec;border-radius:8px;background:#f8fafc}
.inline-delivery-row{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.inline-delivery-label{color:#4f6275;font-size:10px;font-weight:850;white-space:nowrap}
.inline-delivery-choices{display:inline-flex;align-items:center;gap:3px;padding:2px;border:1px solid #d4dee8;border-radius:8px;background:#fff}
.inline-delivery-choice{position:relative;margin:0;cursor:pointer}
.inline-delivery-choice input{position:absolute;opacity:0;pointer-events:none}
.inline-delivery-choice span{display:inline-flex;align-items:center;justify-content:center;min-height:29px;padding:5px 10px;border-radius:6px;color:#53677a;font-size:10.5px;font-weight:800;white-space:nowrap}
.inline-delivery-choice input:checked+span{background:#eaf3fb;color:#176ca8;box-shadow:inset 0 0 0 1px #b9d4e8}
.inline-delivery-choice input:focus-visible+span{outline:2px solid #7eadd3;outline-offset:1px}
.inline-delivery-choice input:disabled+span{opacity:.42;cursor:not-allowed}
.inline-presence-badge{display:inline-flex;align-items:center;min-height:27px;margin-left:auto;padding:4px 8px;border-radius:999px;font-size:9.5px;font-weight:850;white-space:nowrap}
.inline-presence-badge.is-checking{background:#eef2f6;color:#667789}.inline-presence-badge.is-online{background:#e8f4ed;color:#397057}.inline-presence-badge.is-offline{background:#eef2f6;color:#667789}
.inline-delivery-status{margin-top:5px;color:#5d6e7f;font-size:10px;font-weight:600;line-height:1.35}
.inline-delivery-target-row{display:flex;align-items:center;gap:7px;min-width:0;margin-top:6px;padding-top:6px;border-top:1px solid #e3eaf0;color:#526779;font-size:11px;line-height:1.3}
.inline-delivery-target-row[hidden],.inline-delivery-target-editor[hidden]{display:none!important}
.inline-delivery-target-label{flex:0 0 auto;color:#526779;font-weight:850}
.inline-delivery-target-row strong{min-width:0;color:#263d52;font-size:12px;font-weight:500;overflow-wrap:anywhere}.inline-delivery-target-row select{min-height:30px;border:1px solid #cbd6df;border-radius:6px;background:#fff;color:#273746;padding:4px 8px;font:inherit;font-size:11px}.inline-delivery-target-row select:disabled{border-color:transparent;background:transparent;padding-left:0;color:#263d52;font-weight:500;opacity:1}.inline-delivery-target-row select{min-width:230px;max-width:100%;min-height:30px;padding:4px 7px;border:1px solid #cbd6df;border-radius:6px;background:#fff;color:#273746;font:inherit;font-size:11px}
.inline-delivery-target-change{flex:0 0 auto;padding:2px 4px;border:0;background:transparent;color:#2b6f9f;font:inherit;font-size:11px;font-weight:850;cursor:pointer}
.inline-delivery-target-change:hover{text-decoration:underline}.inline-delivery-target-change:disabled{opacity:.45;cursor:not-allowed;text-decoration:none}
.inline-delivery-validation-state{flex:0 0 auto;margin-left:auto;color:#7b8792;font-size:10px;font-weight:650;white-space:nowrap}
.inline-delivery-target-editor{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px;padding:7px;border:1px solid #d7e0e8;border-radius:7px;background:#fff}
.inline-delivery-target-editor select,.inline-delivery-target-editor input{flex:1 1 220px;min-width:180px;min-height:32px;padding:5px 8px;border:1px solid #cbd6df;border-radius:6px;background:#fff;color:#273746;font:inherit;font-size:12px}
.inline-delivery-target-editor .secondary-button{min-height:32px;padding:5px 10px}
.inline-sms-guidance{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;padding-top:6px;border-top:1px solid #e3eaf0;color:#526779;font-size:9.5px;line-height:1.35}
.inline-sms-guidance[hidden]{display:none!important}.inline-sms-guidance strong{flex:0 0 auto;color:#344c62;font-size:9.5px;white-space:nowrap}
.message-delivery{display:block;margin-top:3px;font-size:9px;font-weight:650;opacity:.82}.message-delivery.is-failed{color:#a53b3b;opacity:1}
@media(max-width:700px){.inline-presence-badge{margin-left:0}.inline-sms-guidance{align-items:flex-start;flex-direction:column;gap:3px}}

/* Service Desk writing surface: true rich text for Email while still yielding clean plain text for SMS/Chat. */
#inlineReplyText.plain-message-editor{overflow-y:auto;white-space:pre-wrap;overflow-wrap:anywhere;cursor:text}
#inlineReplyText.plain-message-editor:empty::before{content:attr(data-placeholder);color:#8b97a5;pointer-events:none}
#inlineReplyText.plain-message-editor[aria-disabled="true"]{background:#f2f4f6;color:#8a95a3;cursor:not-allowed}
#inlineReplyText.plain-message-editor p,#inlineReplyText.plain-message-editor div{margin:0 0 .55em}
#inlineReplyText.plain-message-editor ul,#inlineReplyText.plain-message-editor ol{margin:.45em 0 .65em;padding-left:1.65em;white-space:normal}
#inlineReplyText.plain-message-editor li{margin:.2em 0}
#inlineReplyText.plain-message-editor a{color:#2f6f9f;text-decoration:underline}
#inlineReplyText.plain-message-editor blockquote{margin:.6em 0;padding-left:12px;border-left:3px solid #d5dde5;color:#536477}
#inlineReplyText.plain-message-editor span[style*="font-size:12px"]{font-size:12px!important}
#inlineReplyText.plain-message-editor span[style*="font-size:13px"]{font-size:13px!important}
#inlineReplyText.plain-message-editor span[style*="font-size:14px"]{font-size:14px!important}
#inlineReplyText.plain-message-editor span[style*="font-size:16px"]{font-size:16px!important}

/* Lightweight editor: formatting stays visible; emoji sits with the same controls. */
.message-editor-chrome{display:flex;align-items:center;justify-content:flex-start;gap:3px;min-height:38px;margin-top:5px;flex-wrap:wrap}
.message-format-toolbar{display:flex;align-items:center;gap:3px;min-width:0;flex-wrap:wrap}
.message-size-wrap{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}
.message-size-toggle{width:38px!important;min-width:38px!important;height:35px!important;min-height:35px!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:#34475a!important;font-size:17px!important;font-weight:750!important}
.message-size-toggle:hover,.message-size-toggle[aria-expanded="true"]{border-color:#d8e2eb!important;background:#f2f6fa!important;color:#176fbd!important}
.message-size-menu{position:absolute;left:0;bottom:calc(100% + 7px);z-index:90;width:174px;padding:7px;border:1px solid #d7e0e8;border-radius:11px;background:#fff;box-shadow:0 10px 28px rgba(24,42,61,.18)}
.message-size-menu[hidden]{display:none!important}
.message-size-menu button{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;align-items:center!important;width:100%!important;height:38px!important;padding:5px 9px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#31465b!important;text-align:left!important;cursor:pointer!important}
.message-size-menu button:hover{background:#f2f6fa!important;color:#176fbd!important}
.message-size-menu button span{font-size:12px!important;font-weight:550!important;color:#7a8796!important}
.message-size-menu button strong{font-size:13px!important;font-weight:700!important;color:inherit!important}
.inline-attachment-list{display:flex;width:100%;flex-wrap:wrap;gap:6px;padding-top:7px;border-top:1px solid #e4ebf1}.inline-attachment-list[hidden]{display:none!important}.inline-attachment-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:5px 7px;border:1px solid #d6e0e8;border-radius:7px;background:#f7fafc;color:#455c72;font-size:10px}.inline-attachment-chip>span{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-attachment-chip small{color:#7a8997;font-size:9px;white-space:nowrap}.inline-attachment-chip button{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:#6e7d8b;font-size:15px;cursor:pointer}.inline-attachment-chip button:hover{background:#e9eff4;color:#344b60}
.message-format-toolbar[hidden]{display:flex!important}
.message-format-toolbar button,.message-editor-icon-button{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;padding:0;border:1px solid transparent;border-radius:7px;background:transparent;color:#34475a;font-family:inherit;font-size:15px;font-weight:800;line-height:1;cursor:pointer}
.message-format-toolbar button:hover,.message-editor-icon-button:hover{border-color:#d8e2eb;background:#f2f6fa;color:#176fbd}
.message-format-toolbar button:focus-visible,.message-editor-icon-button:focus-visible,.message-emoji-menu button:focus-visible{outline:2px solid #76a9d8;outline-offset:1px}
.message-format-toolbar button:disabled,.message-editor-icon-button:disabled{opacity:.4;cursor:not-allowed}
.message-link-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.message-format-divider{width:1px;height:22px;margin:0 4px;background:#e1e7ed}
.message-editor-quick-actions{position:relative;display:flex;align-items:center;gap:3px;margin-left:0}
.message-editor-quick-actions [data-format-toggle]{display:none!important}
.message-editor-icon-button{font-size:17px;font-weight:750}
.message-editor-icon-button[aria-expanded="true"]{border-color:#c9def1;background:#eef6ff;color:#176fbd}
.message-emoji-wrap{position:relative}
.message-emoji-menu{position:absolute;right:0;bottom:36px;z-index:40;display:grid;grid-template-columns:repeat(3,34px);gap:3px;padding:7px;border:1px solid #dce4ec;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.14)}
.message-emoji-menu[hidden]{display:none!important}
.message-emoji-menu button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:32px;padding:0;border:0;border-radius:5px;background:transparent;font-size:17px;cursor:pointer}
.message-emoji-menu button:hover{background:#f2f6fa}
.inline-message-editor-shell{position:relative}
.inline-message-editor-shell>#inlineReplyText{padding-right:48px!important}
.inline-message-editor-shell>.message-editor-quick-actions{position:absolute;right:4px;bottom:4px;z-index:3;margin:0}
.inline-message-editor-chrome{margin-top:0;padding:3px 2px 0;border-top:1px solid #edf1f5}
.template-message-editor-chrome{margin:-2px 0 8px;padding:0 2px}
@media(max-width:700px){.message-format-toolbar{flex-wrap:wrap}.message-editor-chrome{align-items:flex-end}.message-emoji-menu{right:-2px}}

/* Assignment is independent from service stage. Keep the owner editable without
   turning it into another large status badge. */
.record-assignee-select{width:100%;max-width:190px;min-height:32px;padding:5px 28px 5px 8px;border:1px solid #cfdbe6;border-radius:6px;background:#fff;color:#2e4055;font-size:12px;font-weight:700;outline:0}
.record-assignee-select:focus{border-color:#75a9d8;box-shadow:0 0 0 2px rgba(41,126,199,.1)}
.record-assignee-select:disabled{background:#f3f5f7;color:#8290a0;cursor:wait}

/* Destructive and secondary conversation actions live behind one quiet kebab.
   Resolve remains the only large direct action. */
.record-context .record-topbar .case-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;gap:7px!important;margin-top:8px!important;align-items:stretch!important}
.record-context .record-topbar .case-toolbar>.primary-button,
.record-context .record-topbar .case-toolbar>.secondary-button{width:100%!important;min-width:0!important;min-height:38px!important;padding:7px 9px!important;font-size:11px!important;text-align:center!important}
.case-more-menu{position:relative!important;grid-column:2!important;width:42px!important;min-width:42px!important;min-height:38px!important;padding:0!important;overflow:visible!important}
.case-more-menu>summary{list-style:none}
.case-more-menu>summary::-webkit-details-marker{display:none}
.case-more-trigger{display:grid;place-items:center;width:42px;height:38px;padding:0;border:1px solid #cdd9e5;border-radius:6px;background:#fff;color:#526579;font-size:24px;font-weight:700;line-height:1;cursor:pointer;user-select:none;box-shadow:0 1px 3px rgba(31,48,68,.06)}
.case-more-trigger:hover,.case-more-menu[open]>.case-more-trigger{border-color:#91b6d7;background:#f4f9fd;color:#2d6fa8}
.case-more-popover{position:absolute;z-index:180;right:0;top:calc(100% + 6px);width:190px;padding:6px;border:1px solid #d4dee8;border-radius:8px;background:#fff;box-shadow:0 14px 34px rgba(20,36,54,.18);text-align:left}
.case-more-popover a,.case-more-popover button{display:block;width:100%;min-height:34px;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:#34495e;font-size:11px;font-weight:700;text-align:left;text-decoration:none;cursor:pointer;box-shadow:none}
.case-more-popover a:hover,.case-more-popover button:hover{background:#f3f7fb}
.case-more-popover .case-more-danger{margin-top:5px;padding-top:9px;border-top:1px solid #edf0f3;border-radius:0 0 6px 6px;color:#b43b43}
.case-more-popover .case-more-danger:hover{background:#fff3f3;color:#9f2932}
@media(max-width:650px){.record-assignee-select{max-width:none}.case-more-popover{right:0;width:min(220px,70vw)}}

/* 2026-08-09 AI assessment taxonomy + compact record actions. */
.booking-opportunity-badge.opportunity-service{border-color:#bca5df;background:#f2eafb;color:#62428f;box-shadow:0 0 0 1px rgba(98,66,143,.05)}
.booking-opportunity-badge.opportunity-declined{border-color:#e7c3c6;background:#fff0f1;color:#9d3d45}
.record-context .record-topbar .case-toolbar{grid-template-columns:145px 145px 42px!important;justify-content:start!important}
.record-context .record-topbar .case-toolbar .top-followup-control{grid-column:1!important;width:145px!important;min-width:145px!important;max-width:145px!important;min-height:40px!important;padding:7px 9px!important;justify-content:center!important;font-size:11px!important;font-weight:850!important;box-shadow:0 2px 7px rgba(22,140,137,.16)!important}
.record-context .record-topbar .case-toolbar .resolve-conversation-button,.record-context .record-topbar .case-toolbar .reopen-conversation-button{grid-column:2!important;width:145px!important;min-width:145px!important;max-width:145px!important;min-height:40px!important;padding:7px 9px!important;font-size:11px!important;font-weight:850!important;line-height:1.05!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:6px!important;box-shadow:var(--shadow)!important;touch-action:manipulation!important}
.record-context .record-topbar .case-toolbar .resolve-conversation-button{background:var(--success)!important;border:1px solid var(--success)!important;color:#fff!important}
.record-context .record-topbar .case-toolbar .resolve-conversation-button:hover{background:#187a40!important;border-color:#187a40!important;color:#fff!important}
.record-context .record-topbar .case-toolbar .reopen-conversation-button{background:#fff!important;border:1px solid #a8dfbd!important;color:#187a40!important}
.record-context .record-topbar .case-toolbar .reopen-conversation-button:hover{background:var(--success-soft)!important;border-color:#78c797!important;color:#146b37!important}
.record-context .record-topbar .case-toolbar .case-more-menu{grid-column:3!important}
.top-followup-date{padding-left:4px;font-size:9px;font-weight:800;opacity:.86;white-space:nowrap}
.reset-filter-button{border-color:#8cb5d8!important;background:#f3f9ff!important;color:#256aa5!important;font-weight:850!important}
.reset-filter-button:hover{background:#e8f4ff!important;border-color:#6c9ec8!important}
.service-desk-table th:nth-child(1){width:78px!important}
.service-desk-table th:nth-child(2){min-width:190px!important}
.service-desk-table th:nth-child(3){min-width:150px!important}
.service-desk-table th:nth-child(4),.service-desk-table td:nth-child(4){min-width:115px!important;width:125px!important;max-width:135px!important}
.service-desk-table th:nth-child(5){min-width:155px!important}
.service-desk-table th:nth-child(6){min-width:110px!important}
.service-desk-table th:nth-child(7){min-width:90px!important}
.service-desk-table th:nth-child(8){min-width:70px!important;width:70px!important}
.service-desk-table th:nth-child(9){min-width:175px!important}
.service-desk-table th:nth-child(10){min-width:215px!important}
.service-desk-table th:nth-child(11){width:38px!important}
.service-desk-table{min-width:1385px!important}
@media(max-width:650px){.record-context .record-topbar .case-toolbar{grid-template-columns:1fr 1fr 42px!important}.record-context .record-topbar .case-toolbar .top-followup-control,.record-context .record-topbar .case-toolbar #caseStateBtn{min-width:0!important}.top-followup-date{display:none}}

/* Scheduled reply status is a second dimension, not a Service Stage. */
.metric-reply-breakdown{display:flex;align-items:center;gap:7px;margin:1px 0 4px;flex-wrap:wrap}
.metric-reply-breakdown b{display:inline-flex;padding:2px 6px;border-radius:999px;background:#f0f4f7;color:#52677b;font-size:9px;font-weight:800;line-height:1.25}
.metric-reply-breakdown b:first-child{background:#eaf6ee;color:#277446}
.queue-reply-status{display:block;width:max-content;max-width:100%;margin-top:3px;font-size:9.5px;font-weight:800;line-height:1.3;white-space:nowrap}
.queue-reply-status.is-scheduled{color:#277446}
.queue-reply-status.is-scheduled::before{content:'✓ ';font-weight:900}
.queue-reply-status.is-followup{color:#4f6380}
.queue-reply-status.is-followup::before{content:'◷ ';font-weight:900}
.queue-reply-status.is-review{color:#a15d16}
.queue-reply-status.is-review::before{content:'! ';font-weight:900}
.service-desk-table .queue-reply-status{margin-top:3px!important;font-size:9.5px!important}
@media(max-width:700px){.metric-reply-breakdown{gap:5px}.metric-reply-breakdown b{font-size:8.5px}.queue-reply-status{white-space:normal}}

/* The outer cards are quiet anchors; the four active workflow cards carry the visual weight. */
.open-conversation-summary,.metric-card.metric-anchor-card{box-sizing:border-box;flex:0 0 158px;inline-size:158px;min-inline-size:158px;max-inline-size:158px;min-height:58px;height:58px;padding:10px 13px;align-self:flex-start}
.metric-card.metric-anchor-card{appearance:none;display:flex;align-items:baseline;gap:7px;border:1px solid #d7e1e8!important;border-left:4px solid var(--metric-color,#7d8b98)!important;border-top:1px solid #d7e1e8!important;border-radius:7px;background:#fff!important;color:#526174;font-family:inherit;text-align:left;cursor:pointer;box-shadow:none!important}
.metric-card.metric-anchor-card::before{display:none!important}
.metric-card.metric-anchor-card strong{color:#34485b;font-size:23px;line-height:1;font-weight:850}
.metric-card.metric-anchor-card>span{font-size:10px;font-weight:800;white-space:nowrap}
.metric-card.metric-anchor-card:hover,.metric-card.metric-anchor-card.is-active{border-color:#9bb0c1!important;background:#f8fafc!important;transform:none;box-shadow:0 2px 7px rgba(32,54,78,.05)!important}
@media(max-width:1200px){.open-conversation-summary,.metric-card.metric-anchor-card{flex:1 1 145px;inline-size:auto;min-inline-size:145px;max-inline-size:none}}
@media(max-width:650px){.open-conversation-summary,.metric-card.metric-anchor-card{width:100%;inline-size:auto;min-inline-size:0;height:auto;min-height:58px}}
.open-conversation-summary{align-items:center}
.open-conversation-summary strong{flex:0 0 auto}
.open-conversation-summary span{min-width:0;font-size:10px;line-height:1.15;font-weight:800;white-space:normal}
.followup-review-warning{display:flex;flex-direction:column;gap:2px;margin:8px 0;padding:8px 10px;border:1px solid #e8c89b;border-radius:7px;background:#fff8ea;color:#80531d;font-size:10px;line-height:1.4}
.followup-review-warning strong{font-size:10.5px}.followup-review-warning span{color:#8a673d}

/* Current-certificate state stays visual on the queue; the exact expiration date lives in the record. */
.service-desk-table .certificate-status.is-current-valid{color:#20804a!important}
.service-desk-table .certificate-status.is-current-expired{color:#c33b35!important}

/* Follow-ups stay on the Follow-Ups page. The Service Desk only shows one attention card on the secondary status row. */
.followup-summary-card{box-sizing:border-box;appearance:none;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;align-self:stretch;flex:0 0 190px;inline-size:190px;min-inline-size:190px;max-inline-size:190px;min-height:64px;padding:9px 12px;border:1px solid #c9dceb;border-left:4px solid #4b88b5;border-radius:7px;background:#f8fbfe;color:#3d5870;font-family:inherit;text-align:left;cursor:pointer;box-shadow:none}
.followup-summary-card strong{grid-row:1 / span 2;font-size:25px;line-height:1;font-weight:850;color:#2f5675}.followup-summary-card span{align-self:end;font-size:11px;font-weight:850;line-height:1.1}.followup-summary-card small{align-self:start;color:#708295;font-size:9px;font-weight:750;line-height:1.2;white-space:nowrap}
.followup-summary-card:hover{border-color:#7eabc9;background:#f2f8fc}.followup-summary-card.has-overdue{border-color:#e1b780;border-left-color:#c27a2b;background:#fffaf3}.followup-summary-card.has-overdue strong,.followup-summary-card.has-overdue small{color:#9a5b1e}
@media(max-width:1200px){.followup-summary-card{flex:1 1 155px;inline-size:auto;min-inline-size:155px;max-inline-size:none}}@media(max-width:650px){.followup-summary-card{width:100%;inline-size:auto;min-inline-size:0}}

/* Follow-Ups now uses the full width; the old explainer sidebar was removed. */
.schedule-layout{grid-template-columns:minmax(0,1fr)!important}

/* Day + Week follow-ups borrow the useful density of the Service Desk instead of
   stretching a sparse three-column agenda row across the page. Month/List stay
   untouched so each schedule mode keeps its own purpose. */
.agenda-list.is-rich-mode{padding:0 16px 18px;background:#f8fafc}
.followup-rich-stack{display:flex;flex-direction:column;gap:10px}
.followup-day-group{padding:0 0 18px}
.followup-day-group+.followup-day-group{padding-top:4px;border-top:1px solid #e7edf2}
.followup-day-group-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:13px 2px 9px;color:#33475b}
.followup-day-group-heading>div{display:flex;align-items:baseline;gap:8px}
.followup-day-group-heading strong{font-size:14px}
.followup-day-group-heading span,.followup-day-group-heading small{color:#7a8798;font-size:10px;font-weight:650}
.followup-rich-card{display:grid;grid-template-columns:118px minmax(0,1fr);gap:0;overflow:hidden;border:1px solid #dde5ec;border-radius:9px;background:#fff;box-shadow:0 1px 3px rgba(27,45,66,.055)}
.followup-rich-card:hover,.followup-rich-card:focus-visible{background:#fff;box-shadow:0 3px 12px rgba(27,45,66,.09),inset 0 0 0 1px #d3e1ed}
.followup-rich-card.is-overdue{border-left:3px solid var(--danger);background:#fffafa}
.followup-rich-time{padding:16px 13px;border-right:1px solid #edf1f4;background:#fafbfd}
.followup-rich-time strong{display:block;color:#2f4054;font-size:12px;line-height:1.3}
.followup-rich-time span{display:block;margin-top:5px;color:#7f8c9c;font-size:10px;font-weight:650}
.followup-rich-card.is-overdue .followup-rich-time strong{color:var(--danger)}
.followup-rich-body{min-width:0;padding:14px 16px 13px}
.followup-rich-top{display:flex;align-items:center;justify-content:space-between;gap:14px}
.followup-rich-player{display:flex;align-items:center;min-width:0;gap:10px}
.followup-rich-player>div{min-width:0}
.followup-rich-player strong{display:block;color:#26384d;font-size:13px;line-height:1.25}
.followup-rich-player small{display:block;margin-top:2px;color:#758397;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.followup-rich-status-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}
.followup-rich-status-actions .agenda-done{min-height:32px;padding:6px 10px;font-size:10px;white-space:nowrap}
.followup-rich-meta{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(170px,1.1fr) minmax(150px,.95fr) minmax(130px,.8fr);gap:9px;margin-top:12px}
.followup-rich-meta>div{min-width:0;padding:9px 10px;border:1px solid #edf1f4;border-radius:7px;background:#fbfcfd}
.followup-rich-meta>div>span{display:block;margin-bottom:4px;color:#8491a0;font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.045em}
.followup-rich-meta>div>strong{display:block;color:#33475b;font-size:10.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.followup-rich-meta>div>small{display:block;margin-top:3px;color:#788697;font-size:9.5px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.followup-rich-meta .booking-opportunity-badge{margin-top:1px}
.followup-rich-meta .channel-pill{margin-top:4px}
.followup-rich-meta .certificate-status{display:inline-block;margin-left:5px;font-size:8.5px;font-style:normal;vertical-align:middle}
.followup-rich-action{display:grid;grid-template-columns:82px minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:baseline;margin-top:11px;padding:9px 11px;border-radius:7px;background:#f4f7fa}
.followup-rich-action>span,.followup-rich-message>span{color:#7c8998;font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.045em}
.followup-rich-action>strong{color:#2e4054;font-size:11.5px}
.followup-rich-action>small{grid-column:2;color:#68788b;font-size:10px;line-height:1.4}
.followup-rich-message{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;margin-top:9px;align-items:start}
.followup-rich-message>span{padding-top:2px}
.followup-rich-message p{display:-webkit-box;margin:0;color:#5f7083;font-size:10.5px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.followup-rich-day .followup-rich-message p{-webkit-line-clamp:4}
.followup-rich-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:18px;margin-top:9px}
.followup-rich-footer .row-tags{margin:0}
.followup-rich-footer>small{margin-left:auto;color:#8995a3;font-size:9px}
.followup-rich-week .followup-rich-body{padding-top:12px;padding-bottom:11px}
.followup-rich-week .followup-rich-meta{margin-top:10px}
@media(max-width:1100px){.followup-rich-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.followup-rich-card{grid-template-columns:1fr}.followup-rich-time{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-right:0;border-bottom:1px solid #edf1f4}.followup-rich-time span{margin-top:0}.followup-rich-top{align-items:flex-start}.followup-rich-status-actions{align-items:flex-end;flex-direction:column}.followup-rich-meta{grid-template-columns:1fr}.followup-rich-action,.followup-rich-message{grid-template-columns:1fr}.followup-rich-action>small{grid-column:1}.followup-rich-footer{align-items:flex-start;flex-direction:column}.followup-rich-footer>small{margin-left:0}}

/* Checkbox multi-selects use the same compact dropdown language as Tags. */
.service-multi-filter{min-width:150px}.service-multi-filter .queue-multi-filter{position:relative;width:100%}.service-multi-filter .queue-multi-filter-button{position:relative;width:100%;min-width:150px;min-height:36px!important;padding:8px 28px 8px 10px!important;border:1px solid var(--line);border-radius:6px;background:#fff;color:#334155;font-family:inherit;font-size:11.5px!important;font-weight:600;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-multi-filter .queue-multi-filter-button.is-active{border-color:#8cb5d8;background:#fff;color:#334155}.service-multi-filter .queue-multi-filter-menu{left:0;right:auto;top:calc(100% + 4px);width:max-content;min-width:100%;max-width:280px;max-height:min(360px,calc(100dvh - 24px));padding:6px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;z-index:80}.service-multi-filter .queue-multi-filter-menu.opens-up{top:auto;bottom:calc(100% + 4px)}.queue-multi-filter-option{display:flex;align-items:center;gap:8px;padding:6px 7px;border-radius:5px;color:#425468;font-size:11px;font-weight:650;white-space:nowrap;cursor:pointer}.queue-multi-filter-option:hover{background:#f3f7fa}.queue-multi-filter-option input{width:14px;height:14px;margin:0;accent-color:#4b82b2}.queue-multi-filter-clear{display:block;width:100%;margin-top:4px;padding:6px 7px;border:0;border-top:1px solid #edf1f4;background:#fff;color:#49769b;font-family:inherit;font-size:10px;font-weight:800;text-align:left;cursor:pointer}.queue-multi-filter-clear:hover{background:#f5f9fc}.service-last-reply-filter{min-width:190px}.last-reply-filter{position:relative;width:100%}.last-reply-filter-button{position:relative;width:100%;min-width:190px;min-height:36px!important;padding:8px 28px 8px 10px!important;border-radius:6px!important;font-size:11.5px!important;text-align:left;overflow:hidden;text-overflow:ellipsis}.last-reply-filter-menu{left:0!important;right:auto!important;top:calc(100% + 4px);width:260px!important;max-width:min(320px,calc(100vw - 32px))!important;padding:8px!important;z-index:82}.last-reply-segmented{display:flex;gap:3px;margin-bottom:8px;padding:2px;border-radius:5px;background:#f1f4f7}.last-reply-segmented button{flex:1;padding:6px 8px;border:0;border-radius:4px;background:transparent;color:#7d8998;font-family:inherit;font-size:10px;font-weight:750;cursor:pointer}.last-reply-segmented button.is-on{background:#fff;color:#2f5680;box-shadow:0 1px 2px rgba(20,32,48,.1)}.last-reply-period-label{display:flex;flex-direction:column;gap:5px;margin-top:3px;color:#637388;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.last-reply-period-label select{width:100%;min-height:36px;padding:7px 30px 7px 9px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#334155;font-family:inherit;font-size:11px;font-weight:600;text-transform:none;letter-spacing:0}.reset-filter-wrap{align-self:flex-end;margin-left:auto}.reset-filter-wrap .reset-filter-button{min-height:36px!important;white-space:nowrap}
@media(max-width:1180px){.service-multi-filter,.service-multi-filter .queue-multi-filter-button,.service-last-reply-filter,.last-reply-filter-button,.reset-filter-wrap{width:100%;min-width:0!important}.reset-filter-wrap{margin-left:0}}

/* Tag Rules are intentionally plain deterministic rules, not AI classifications. */
.tag-rules-panel{margin-top:12px}
.tag-rules-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px 8px}.tag-rules-intro h3{margin:0 0 3px;font-size:14px}.tag-rules-intro p{margin:0;color:var(--muted);font-size:10.5px;max-width:none;white-space:nowrap}
.tag-rule-form{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(260px,1.3fr) minmax(180px,.8fr);gap:8px;align-items:end;padding:8px 16px 14px}
.tag-rule-form label{display:flex;flex-direction:column;gap:4px;color:#667487;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.tag-rule-form input,.tag-rule-form select{min-height:34px;padding:7px 8px;border:1px solid #ccd7e2;border-radius:6px;background:#fff;color:#34475a;font:inherit;font-size:10.5px;text-transform:none;letter-spacing:0}
.tag-rule-form-actions{grid-column:1/-1;display:flex;gap:8px;align-items:center}.tag-rule-table{min-width:1060px}.tag-rule-table td{white-space:normal}.tag-rule-phrase{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;color:#4e6174}.tag-rule-scope{display:block;max-width:300px;color:#5d6f82;font-size:9.5px;line-height:1.45}.tag-rule-status{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:850}.tag-rule-status.is-active{background:#edf8f1;color:#2c7448}.tag-rule-status.is-paused{background:#f1f3f5;color:#68727d}
@media(max-width:1100px){.tag-rules-intro p{white-space:normal}.tag-rule-form{grid-template-columns:1fr 1fr}.tag-rule-form-actions{grid-column:1/-1}}@media(max-width:700px){.tag-rule-form{grid-template-columns:1fr}}

/* 2026-08-10 responsive audit: wide operational lists become labeled cards on
   tablets/phones instead of forcing a desktop-width horizontal table. */
.scheduled-message-stats{grid-template-columns:repeat(4,minmax(0,180px))}
.week-strip,.month-calendar,.followup-list-table{-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}

@media(max-width:900px){
  .scheduled-message-stats{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
  .scheduled-message-filters{grid-template-columns:1fr 1fr}
  .scheduled-message-filters input{grid-column:1/-1}
  .scheduled-message-panel{overflow:visible}
  .scheduled-message-panel .table-wrap{overflow:visible}
  .scheduled-message-table{display:block;min-width:0!important;width:100%}
  .scheduled-message-table thead{display:none}
  .scheduled-message-table tbody{display:grid;gap:10px;padding:10px;background:#f6f8fb}
  .scheduled-message-table tr{display:block;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow)}
  .scheduled-message-table td{display:grid;grid-template-columns:118px minmax(0,1fr);align-items:start;gap:10px;min-height:40px;padding:9px 11px!important;border-top:0!important;border-bottom:1px solid #edf0f3;white-space:normal;overflow-wrap:anywhere}
  .scheduled-message-table td:last-child{border-bottom:0}
  .scheduled-message-table td::before{color:#78869a;font-size:9px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
  .scheduled-message-table td:nth-child(1)::before{content:'Status'}
  .scheduled-message-table td:nth-child(2)::before{content:'Player'}
  .scheduled-message-table td:nth-child(3)::before{content:'Scheduled'}
  .scheduled-message-table td:nth-child(4)::before{content:'Send as'}
  .scheduled-message-table td:nth-child(5)::before{content:'Casino / zone'}
  .scheduled-message-table td:nth-child(6)::before{content:'Message'}
  .scheduled-message-table td:nth-child(7)::before{content:'Details'}
  .scheduled-message-table td:nth-child(8)::before{content:'Actions'}
  .scheduled-message-copy,.scheduled-message-reason{max-width:none}
  .scheduled-message-row-actions{flex-wrap:wrap;white-space:normal}
  .scheduled-message-empty{display:block!important;padding:26px 14px!important;text-align:center!important}
  .scheduled-message-empty::before{content:none!important}

  .followup-list-table{overflow:visible;border:0;background:transparent}
  .followup-list-head{display:none!important}
  .followup-list-row:not(.followup-list-head){display:block;min-width:0;min-height:0;margin-bottom:10px;padding:0;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden;box-shadow:var(--shadow)}
  .followup-list-row:not(.followup-list-head)>*{display:grid;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:9px 11px;border-bottom:1px solid #edf0f3;white-space:normal;overflow-wrap:anywhere}
  .followup-list-row:not(.followup-list-head)>*:last-child{border-bottom:0}
  .followup-list-row:not(.followup-list-head)>*::before{color:#78869a;font-size:9px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
  .followup-list-row:not(.followup-list-head)>*:nth-child(1)::before{content:'Due'}
  .followup-list-row:not(.followup-list-head)>*:nth-child(2)::before{content:'Player'}
  .followup-list-row:not(.followup-list-head)>*:nth-child(3)::before{content:'Casino / Certificate'}
  .followup-list-row:not(.followup-list-head)>*:nth-child(4)::before{content:'AI Assessment'}
  .followup-list-row:not(.followup-list-head)>*:nth-child(5)::before{content:'Assigned / Source'}
  .followup-list-row:not(.followup-list-head)>*:nth-child(6)::before{content:'Stage'}
  .followup-list-row:not(.followup-list-head)>*:nth-child(7)::before{content:'Last Activity'}
  .followup-list-row:not(.followup-list-head)>*:nth-child(8)::before{content:'Next Action'}
  .followup-list-row:not(.followup-list-head)>*:nth-child(9)::before{content:'Actions'}
  .followup-list-owner{align-items:start}
  .followup-list-actions button{justify-self:start}
}

@media(max-width:520px){
  .scheduled-message-stats{grid-template-columns:1fr}
  .scheduled-message-filters{grid-template-columns:1fr}
  .scheduled-message-filters input{grid-column:auto}
  .scheduled-message-table td,.followup-list-row:not(.followup-list-head)>*{grid-template-columns:96px minmax(0,1fr);gap:8px;padding:8px 9px!important}
  .calendar-view-toggle{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .calendar-mode{min-width:max-content;padding-left:10px;padding-right:10px}
}

/* 2026-08-10 Service Desk card alignment: secondary cards follow the same desktop
   column rhythm as the workflow row, and every workflow accent uses a real
   rounded border instead of a square pseudo-element stripe. */
.metric-card:not(.metric-anchor-card){
  border:1px solid color-mix(in srgb,var(--metric-color,#8ca0b3) 28%,#dfe6ed)!important;
  border-left:4px solid var(--metric-color,#8ca0b3)!important;
  border-radius:7px!important;
}
.metric-card:not(.metric-anchor-card)::before{display:none!important}
.metric-card:not(.metric-anchor-card).is-active{border-color:var(--metric-color,#8ca0b3)!important}

.assessment-quick-filters{gap:12px}
.assessment-service-card{box-sizing:border-box;flex:0 0 346px;width:346px;min-width:346px}
.duplicate-quick-card{box-sizing:border-box;flex:0 0 204px;width:204px;min-width:204px}
.followup-summary-card{flex:0 0 220px;inline-size:220px;min-inline-size:220px;max-inline-size:220px}

@media(max-width:1200px){
  .assessment-service-card{flex:2 1 300px;width:auto;min-width:300px}
  .duplicate-quick-card{flex:1 1 180px;width:auto;min-width:180px}
  .followup-summary-card{flex:1 1 180px;inline-size:auto;min-inline-size:180px;max-inline-size:none}
}
@media(max-width:650px){
  .assessment-quick-filters{display:grid;grid-template-columns:1fr}
  .assessment-service-card,.duplicate-quick-card,.followup-summary-card{width:100%;inline-size:auto;min-width:0;min-inline-size:0;max-inline-size:none;flex:none}
}

/* 2026-08-10 Day/Week follow-up cards: condensed service-record hierarchy.
   Identity and work context lead; secondary facts share one quiet metadata rail. */
.followup-rich-card{grid-template-columns:104px minmax(0,1fr)}
.followup-rich-time{padding:18px 14px;background:#f8fafc}
.followup-rich-time strong{font-size:13px;line-height:1.25}
.followup-rich-body{padding:14px 18px 13px}
.followup-rich-player .table-avatar{width:34px!important;height:34px!important;font-size:10px!important}
.followup-rich-player strong{font-size:14px;line-height:1.2}
.followup-rich-player small{margin-top:3px;font-size:10.5px}
.followup-rich-card-actions{display:flex;flex:0 0 auto;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.followup-rich-card-actions button{min-height:34px;padding:6px 10px;font-size:10px;white-space:nowrap}
.followup-page-editor-backdrop{z-index:620}
.followup-page-editor-modal{width:min(920px,calc(100vw - 40px));max-height:calc(100dvh - 32px);display:flex;flex-direction:column}
.followup-page-editor-header{flex:0 0 auto;padding:16px 20px}
.followup-page-editor-body{display:grid;gap:15px;min-height:0;padding:18px 20px 16px;overflow-y:auto}
.followup-page-target-section{padding:12px 14px;border:1px solid #dce5ed;border-radius:8px;background:#f8fafc}
.followup-page-target-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;color:#65758b;font-size:11px}
.followup-page-target-row strong{min-width:0;color:#26384d;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.followup-page-target-search{margin-top:11px;padding-top:11px;border-top:1px solid #e4eaf0}
.followup-page-target-search[hidden]{display:none!important}
.followup-page-target-search .player-link-results{max-height:210px;overflow-y:auto}
.followup-page-editor-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.followup-page-next-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.followup-page-editor-modal .field-label{font-size:11px;color:#53677c}
.followup-page-editor-modal .field-label input,.followup-page-editor-modal .field-label select,.followup-page-editor-modal .field-label textarea{width:100%;box-sizing:border-box;margin-top:6px;border:1px solid #d5dee8;border-radius:7px;background:#fff;color:#2f4054;font:inherit;font-size:12px}
.followup-page-editor-modal .field-label input,.followup-page-editor-modal .field-label select{min-height:40px;padding:8px 10px}
.followup-page-editor-modal .field-label textarea{min-height:132px;padding:10px 11px;line-height:1.45;resize:vertical}
.followup-page-editor-footer{flex:0 0 auto;gap:8px;padding:13px 20px;border-top:1px solid #e2e8ef}
.followup-page-editor-footer .primary-button,.followup-page-editor-footer .secondary-button{min-height:38px}
@media(max-width:720px){.followup-page-editor-modal{width:100%;max-height:100dvh}.followup-page-editor-body{overflow-y:auto}.followup-page-editor-grid,.followup-page-next-grid{grid-template-columns:1fr}.followup-page-target-row{grid-template-columns:1fr}.followup-page-target-row .secondary-button{justify-self:start}}
.followup-rich-summary{display:grid;grid-template-columns:minmax(230px,1.35fr) minmax(180px,1fr) minmax(135px,.72fr) minmax(125px,.68fr);margin-top:12px;padding:10px 0;border-top:1px solid #e8edf2;border-bottom:1px solid #e8edf2;background:#fff}
.followup-rich-summary>div{min-width:0;padding:0 14px;border-left:1px solid #edf1f4}
.followup-rich-summary>div:first-child{padding-left:0;border-left:0}
.followup-rich-summary>div:last-child{padding-right:0}
.followup-rich-summary>div>span:first-child{display:block;margin-bottom:5px;color:#8491a0;font-size:8.5px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}
.followup-rich-summary>div>strong{display:block;color:#33475b;font-size:10.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.followup-rich-summary>div>small{display:block;margin-top:3px;color:#788697;font-size:9.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.followup-rich-summary .booking-opportunity-badge{margin-top:0}
.followup-rich-summary .certificate-status{display:inline-block;margin-left:5px;font-size:8.5px;font-style:normal;vertical-align:middle}
.followup-rich-assigned .conversation-source{margin-top:2px}
.followup-rich-action{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:12px;row-gap:3px;align-items:baseline;margin-top:12px;padding:10px 12px;border:1px solid #dce8f1;border-radius:7px;background:#f5f9fc}
.followup-rich-action>span{color:#55758f;font-size:8.5px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.followup-rich-action>strong{color:#263d52;font-size:12.5px;line-height:1.35}
.followup-rich-action>small{grid-column:2;color:#66798c;font-size:10.5px;line-height:1.4}
.followup-rich-action.is-empty{border-color:#e5e9ed;background:#fafbfc}
.followup-rich-action.is-empty>strong{color:#8a96a4;font-weight:650}
.followup-rich-message{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:start;margin-top:11px;padding:0 12px}
.followup-rich-message>span{padding-top:2px;color:#718196;font-size:8.5px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.followup-rich-message p{display:-webkit-box;margin:0;color:#42596f;font-size:11.75px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.followup-rich-day .followup-rich-message p{font-size:12.25px;-webkit-line-clamp:4}
.followup-rich-message.is-empty p{color:#8a96a4;font-style:italic}
.followup-rich-footer{margin-top:11px;padding-top:9px;border-top:1px solid #edf1f4}
.followup-rich-week .followup-rich-body{padding-top:13px;padding-bottom:12px}

@media(max-width:1100px){
  .followup-rich-summary{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:10px}
  .followup-rich-summary>div{padding:0 12px}
  .followup-rich-summary>div:nth-child(odd){padding-left:0;border-left:0}
}
@media(max-width:720px){
  .followup-rich-card{grid-template-columns:1fr}
  .followup-rich-time{padding:10px 12px}
  .followup-rich-body{padding:12px}
  .followup-rich-summary{grid-template-columns:1fr;padding:8px 0}
  .followup-rich-summary>div,.followup-rich-summary>div:nth-child(odd){padding:8px 0;border-left:0;border-top:1px solid #edf1f4}
  .followup-rich-summary>div:first-child{padding-top:0;border-top:0}
  .followup-rich-summary>div:last-child{padding-bottom:0}
  .followup-rich-action,.followup-rich-message{grid-template-columns:1fr;gap:4px}
  .followup-rich-action>small{grid-column:1}
  .followup-rich-message{padding:0 2px}
  .followup-rich-top{align-items:flex-start}
}

/* Day/Week cards are records, not mini dashboards. Keep the page context in the
   page title and let each row concentrate on the person, useful metadata, and message. */
.followup-rich-summary-line{display:flex;align-items:center;gap:12px;min-width:0;margin-top:12px;padding:10px 0;border-top:1px solid #e8edf2;border-bottom:1px solid #e8edf2;color:#52667b}
.followup-rich-summary-line>div{min-width:0}
.followup-rich-certificate-compact{display:flex;align-items:center;gap:7px;flex:1 1 360px;min-width:220px}
.followup-rich-certificate-compact .cell-primary{font-size:11px!important;font-weight:750!important;color:#2d4054!important}
.followup-rich-certificate-compact .copy-certificate{font-size:9.5px!important}
.followup-rich-certificate-compact .certificate-status{font-size:8.5px!important;font-style:normal!important}
.followup-rich-assessment-compact{flex:0 1 auto}
.followup-rich-assessment-compact .booking-opportunity-badge{margin:0}
.followup-rich-assigned-compact,.followup-rich-activity-compact{display:flex;align-items:baseline;gap:6px;flex:0 0 auto;white-space:nowrap}
.followup-rich-assigned-compact strong,.followup-rich-activity-compact strong{color:#34485c;font-size:10.5px}
.followup-rich-assigned-compact small,.followup-rich-activity-compact small{color:#7b8999;font-size:9.5px}
.followup-summary-divider{width:1px;height:26px;flex:0 0 1px;background:#e7edf2}
.followup-rich-work{margin-top:13px}
.followup-rich-work.message-only{margin-top:11px}
.followup-rich-action{margin:0 0 10px;padding:11px 13px}
.followup-rich-message{grid-template-columns:104px minmax(0,1fr);gap:14px;margin:0;padding:12px 13px;border:1px solid #e7edf2;border-radius:7px;background:#fff}
.followup-rich-message>span{padding-top:3px;font-size:9px}
.followup-rich-message p{font-size:13px;line-height:1.55;color:#344d65;-webkit-line-clamp:3}
.followup-rich-day .followup-rich-message p{font-size:13.5px;-webkit-line-clamp:5}
.followup-rich-week .followup-rich-message p{-webkit-line-clamp:2}
.followup-rich-footer{margin-top:9px;padding-top:8px}

@media(max-width:1050px){
  .followup-rich-summary-line{flex-wrap:wrap;gap:8px 10px}
  .followup-summary-divider{display:none}
  .followup-rich-certificate-compact{flex:1 1 100%}
}
@media(max-width:720px){
  .followup-rich-summary-line{align-items:flex-start;flex-direction:column}
  .followup-rich-certificate-compact{min-width:0;flex:none;flex-wrap:wrap}
  .followup-rich-assigned-compact,.followup-rich-activity-compact{white-space:normal}
  .followup-rich-message{grid-template-columns:1fr;gap:5px;padding:11px 12px}
  .followup-rich-message p,.followup-rich-day .followup-rich-message p{font-size:12.75px}
}

/* Keep Follow-Ups at a deliberate working width on large monitors. The schedule
   should feel like the denser laptop/square-monitor view instead of stretching
   every record across an ultrawide canvas. */
#scheduleView .schedule-intro,
#scheduleView .calendar-toolbar,
#scheduleView .followup-search-bar,
#scheduleView .day-focus,
#scheduleView .week-strip,
#scheduleView .month-calendar,
#scheduleView .schedule-layout{width:100%;max-width:1320px;margin-left:auto;margin-right:auto}
#scheduleView .followup-search-bar{box-sizing:border-box}
#scheduled-messagesView .section-intro,
#scheduled-messagesView .scheduled-message-stats,
#scheduled-messagesView .scheduled-calendar-toolbar,
#scheduled-messagesView .scheduled-message-filters,
#scheduled-messagesView .day-focus,
#scheduled-messagesView .week-strip,
#scheduled-messagesView .month-calendar,
#scheduled-messagesView .scheduled-message-panel{width:100%;max-width:1440px;margin-left:auto;margin-right:auto;box-sizing:border-box}
.followup-rich-certificate-compact{flex:0 1 340px}
.followup-rich-summary-line{justify-content:flex-start}
.followup-rich-time strong{font-size:14px}
.followup-rich-player strong{font-size:15px}
.followup-rich-player small{font-size:11px}
.followup-rich-message p{font-size:13.5px}
.followup-rich-day .followup-rich-message p{font-size:14px}

@media(max-width:1380px){
  #scheduleView .schedule-intro,
  #scheduleView .calendar-toolbar,
  #scheduleView .followup-search-bar,
  #scheduleView .day-focus,
  #scheduleView .week-strip,
  #scheduleView .month-calendar,
  #scheduleView .schedule-layout{max-width:none}
}

/* 2026-08-12 Service Desk mobile cleanup. Keep multi-part cells together,
   make the collapsed list useful for triage, and show the latest message inline
   because hover previews are a desktop interaction. */
.queue-stage-stack,.queue-crisp-stack,.queue-activity-stack{display:flex;min-width:0;flex-direction:column;align-items:flex-start}
@media(max-width:850px){
  /* Desktop column sizing must be completely disabled once the Service Desk becomes cards. */
  .queue-panel .service-desk-table{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important}
  .queue-panel .service-desk-table tbody,.queue-panel .service-desk-table tr{width:100%!important;min-width:0!important;max-width:100%!important}
  .service-desk-table td:nth-child(4){width:auto!important;min-width:0!important;max-width:none!important}
  .queue-panel .queue-stage-stack,.queue-panel .queue-crisp-stack,.queue-panel .queue-activity-stack{width:100%;min-width:0;max-width:100%;overflow:hidden}
  .queue-panel td:nth-child(9){width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden}
  .service-desk-table .activity-preview{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box;margin-top:3px!important;white-space:normal!important;overflow:hidden!important;overflow-wrap:anywhere!important;word-break:break-word!important;text-overflow:clip!important;line-height:1.4!important;border-bottom:0!important;cursor:default!important}
  .queue-panel tbody tr[data-id]::before{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:560px){
  .queue-panel tbody tr[data-id]::before{padding:12px 13px;font-size:12px;line-height:1.35}
}

/* 2026-08-12 saved Service Desk send drafts. */
.send-draft-layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:16px;align-items:start}
.send-draft-list-panel,.send-draft-detail-panel{min-height:520px}
.send-draft-list{display:flex;flex-direction:column;gap:8px;padding:12px}
.send-draft-list-item{width:100%;padding:12px 13px;border:1px solid #dce5ee;border-radius:8px;background:#fff;color:#34475a;text-align:left;cursor:pointer}
.send-draft-list-item:hover{background:#f8fbfe;border-color:#bcd3e8}
.send-draft-list-item.is-active{background:#edf6ff;border-color:#8fc0ea;box-shadow:inset 3px 0 0 #2f80c9}
.send-draft-list-item strong,.send-draft-list-item span,.send-draft-list-item small{display:block}
.send-draft-list-item strong{font-size:13px;color:#26394d}
.send-draft-list-item span{margin-top:4px;font-size:11px;font-weight:700;color:#5d6f82}
.send-draft-list-item small{margin-top:3px;font-size:9.5px;color:#8794a4}
.send-draft-detail-panel{padding:16px}
.send-draft-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid #e5ebf1}
.send-draft-detail-header h2{margin:2px 0 4px;font-size:21px;color:#26394d}
.send-draft-detail-header p{margin:0;color:#718096;font-size:10.5px}
.send-draft-detail-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.send-draft-stats{display:flex;gap:10px;margin:14px 0}
.send-draft-stats>div{min-width:120px;padding:10px 12px;border:1px solid #dfe7ef;border-radius:8px;background:#fbfdff}
.send-draft-stats strong,.send-draft-stats span{display:block}
.send-draft-stats strong{font-size:19px;color:#2c4055}
.send-draft-stats span{margin-top:2px;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#748396}
.send-draft-stats .is-ready{background:#f3faf6;border-color:#cfe6d6}
.send-draft-stats .is-excluded{background:#fff8f6;border-color:#f0d4cc}
.send-draft-member-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:10px 0}
.send-draft-tabs{display:flex;gap:6px}
.send-draft-tab{min-height:34px;padding:7px 12px;border:1px solid #d7e1eb;border-radius:7px;background:#fff;color:#53677b;font-size:10.5px;font-weight:800;cursor:pointer}
.send-draft-tab.is-active{background:#eaf4ff;border-color:#96c3eb;color:#176db7}
.send-draft-tab span{display:inline-block;margin-left:4px;color:inherit;font-size:10px;font-weight:850}
.send-draft-visible-count{margin-top:7px;color:#718096;font-size:10.5px;font-weight:650}
.send-draft-member-search{display:flex;flex-direction:column;gap:4px;min-width:260px;color:#69798c;font-size:9.5px;font-weight:700}
.send-draft-member-search input{min-height:36px;padding:8px 10px;border:1px solid #d5dee8;border-radius:7px;font-size:11.5px}
.send-draft-member-table-wrap{max-height:560px;overflow:auto}
.send-draft-member-table{width:100%;border-collapse:collapse}
.send-draft-member-table th,.send-draft-member-table td{padding:10px 9px;border-bottom:1px solid #e9eef3;text-align:left;font-size:10.5px;vertical-align:middle}
.send-draft-member-table th{position:sticky;top:0;z-index:1;background:#f7f9fb;color:#5b6b7d;font-size:9.5px;text-transform:uppercase;letter-spacing:.035em}
.send-draft-member-table tr.is-excluded{background:#fffaf8}
.send-draft-member-status{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:800}
.send-draft-member-status.is-included{background:#e8f6ed;color:#2d7450}
.send-draft-member-status.is-excluded{background:#faeae6;color:#9a4636}
.send-draft-tag-review{margin:0 0 12px;padding:11px 12px;border:1px solid #dce5ee;border-radius:8px;background:#f8fbfe;color:#52677b;font-size:10.5px}
.send-draft-tag-review>strong{display:block;margin-bottom:7px;color:#33495f;font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.send-draft-tag-review>div{display:flex;gap:6px;flex-wrap:wrap}
.send-draft-tag-review button{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:5px 8px;border:1px solid #cfdae5;border-radius:999px;background:#fff;color:#536b82;font-size:10px;font-weight:750;cursor:pointer}
.send-draft-tag-review button:hover{border-color:#9fbfdc;background:#f4f9fd}
.send-draft-tag-review button.is-active{border-color:#83b5df;background:#eaf4ff;color:#176db7}
.send-draft-tag-review button span{font-size:9px;font-weight:850}
.send-draft-tag-review p{margin:9px 0 0;padding-top:8px;border-top:1px solid #dde7f0;color:#53677b;line-height:1.45}
.send-draft-member-filters{display:flex;align-items:flex-end;gap:8px}
.send-draft-tag-filter{display:flex;flex-direction:column;gap:4px;min-width:180px;color:#69798c;font-size:9.5px;font-weight:700}
.send-draft-tag-filter select{min-height:36px;padding:7px 30px 7px 9px;border:1px solid #d5dee8;border-radius:7px;background:#fff;color:#33475b;font-size:11.5px}
.send-draft-bulk-actions{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:9px 10px;border:1px solid #cdddeb;border-radius:8px;background:#f5f9fc}
.send-draft-bulk-actions>strong{white-space:nowrap;color:#334c64;font-size:11px}
.send-draft-bulk-actions input{flex:1;min-width:220px;min-height:34px;padding:7px 9px;border:1px solid #d1dbe5;border-radius:6px;background:#fff;color:#34475a;font-size:10.5px}
.send-draft-member-table{min-width:1080px}
.send-draft-member-table th:first-child,.send-draft-member-table td:first-child{width:34px;text-align:center}
.send-draft-member-table td:nth-child(2) strong,.send-draft-member-table td:nth-child(2) small{display:block}
.send-draft-member-table td:nth-child(2) small{margin-top:2px;color:#7b8898;font-size:9px}
.save-send-draft-modal{width:min(520px,calc(100vw - 32px))}
.save-send-draft-summary{margin:0 0 14px;color:#4f6276;font-size:12px;font-weight:700}
.resolved-bulk-warning{display:block;margin-top:9px;padding:9px 10px;border:1px solid #e7c9a8;border-radius:7px;background:#fff9f1;color:#8a5a24;font-size:11px;line-height:1.45;font-weight:650}
.save-send-draft-note{margin:10px 0 0;color:#7d8a99;font-size:10.5px;line-height:1.5}
.save-send-draft-refresh-note{display:block;margin-top:9px;padding:9px 10px;border:1px solid #cfe0ed;border-radius:7px;background:#f6fbff;color:#4d657a;font-size:10.5px;line-height:1.45;font-weight:650}
.refresh-draft-audience-modal{width:min(780px,calc(100vw - 32px));max-height:calc(100dvh - 32px);display:flex;flex-direction:column}.refresh-draft-audience-modal .modal-header,.refresh-draft-audience-modal .modal-footer{flex:0 0 auto}.refresh-draft-audience-modal .modal-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.refresh-draft-rule{margin:0 0 10px;padding:10px 11px;border:1px solid #d7e3ed;border-radius:8px;background:#f7fafc;color:#4a6075;font-size:11px;line-height:1.45}
.refresh-draft-rule strong,.refresh-draft-rule span{display:block}.refresh-draft-rule span{margin-top:4px;color:#7a8998;font-size:10px}
.refresh-draft-criteria{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0 0 13px;border:1px solid #dfe7ee;border-radius:8px;overflow:hidden;background:#dfe7ee}
.refresh-draft-criteria>div{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.35fr);gap:8px;padding:7px 9px;background:#fff;align-items:center}
.refresh-draft-criteria span{color:#718095;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.refresh-draft-criteria strong{color:#334b62;font-size:10.5px;line-height:1.35}
.refresh-draft-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:13px}
.refresh-draft-summary>div{padding:11px 12px;border:1px solid #dde6ee;border-radius:8px;background:#fff}
.refresh-draft-summary strong,.refresh-draft-summary span{display:block}.refresh-draft-summary strong{color:#294056;font-size:21px}.refresh-draft-summary span{margin-top:3px;color:#718095;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}
.refresh-draft-summary .is-added{background:#f3faf6;border-color:#cfe6d6}.refresh-draft-summary .is-removed{background:#fff8f6;border-color:#f0d4cc}
.refresh-draft-details{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.refresh-draft-details>div{padding:10px 11px;border:1px solid #e0e7ee;border-radius:8px;background:#fbfcfe}.refresh-draft-details strong{display:block;margin-bottom:7px;color:#40566d;font-size:10px;text-transform:uppercase;letter-spacing:.035em}
.refresh-draft-details p{display:flex;gap:5px;flex-wrap:wrap;margin:0}.refresh-draft-details p span,.refresh-draft-details p em{display:inline-flex;padding:4px 7px;border-radius:999px;background:#eef3f7;color:#50667b;font-size:9.5px;font-style:normal}.refresh-draft-details p em{background:#f7f9fb;color:#8793a0}
.refresh-draft-add-review{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0!important;border:0!important;background:transparent!important}
.refresh-draft-review-column{padding:10px 11px;border:1px solid #e0e7ee;border-radius:8px;background:#fbfcfe}.refresh-draft-review-column.is-approved{background:#f7fbf8;border-color:#d7e8db}.refresh-draft-review-column.is-rejected{background:#fafbfc}
.refresh-draft-candidate-list{display:grid;gap:6px}.refresh-draft-candidate-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;border:1px solid #e3e9ef;border-radius:7px;background:#fff}.refresh-draft-candidate-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#40566d;font-size:10.5px;font-weight:700}.refresh-draft-move-button{flex:0 0 auto;border:1px solid #ccd9e4;border-radius:6px;background:#fff;color:#4d657a;padding:5px 7px;font-size:9.5px;font-weight:800;cursor:pointer}.refresh-draft-move-button:hover{background:#f2f6f9}.refresh-draft-none{display:block!important;color:#8a97a5!important;font-size:10px!important}
.refresh-draft-removal-review{grid-column:1 / -1}
.refresh-draft-details .refresh-draft-empty-warning{grid-column:1 / -1;border-color:#e7c9a8;background:#fff9f1}.refresh-draft-empty-warning strong{color:#865821}.refresh-draft-empty-warning p{display:block;color:#765b3d;font-size:10.5px;line-height:1.45}
@media(max-width:1050px){.send-draft-layout{grid-template-columns:1fr}.send-draft-list-panel,.send-draft-detail-panel{min-height:0}.send-history-toolbar{align-items:stretch;flex-direction:column}.send-history-kind-toggle{width:max-content;max-width:100%}#sendHistorySearch{width:100%}}
@media(max-width:700px){.send-draft-detail-header,.send-draft-member-toolbar{flex-direction:column;align-items:stretch}.send-draft-detail-actions{justify-content:flex-start}.send-draft-stats{overflow-x:auto}.send-draft-member-filters{align-items:stretch;flex-direction:column}.send-draft-member-search,.send-draft-tag-filter{width:100%;min-width:0}.send-draft-bulk-actions{align-items:stretch;flex-direction:column}.send-draft-bulk-actions input{width:100%;min-width:0}.send-draft-member-table{min-width:980px}.send-history-kind-toggle{overflow-x:auto}.bulk-history-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.refresh-draft-criteria,.refresh-draft-summary,.refresh-draft-details,.refresh-draft-add-review{grid-template-columns:1fr}}

/* 2026-08-13 desktop Service Record readability pass. Keep the main queue and
   the Context cards below the operational section at their established scale. */
.compact-record-header .drawer-meta{display:flex;align-items:center;gap:7px;font-size:13px!important;font-weight:650;line-height:1.3;overflow:visible;text-overflow:clip}
.drawer-meta-copy{appearance:none;padding:0;border:0;background:transparent;color:#315f88;font:inherit;font-weight:750;cursor:pointer;text-decoration:none}
.drawer-meta-copy:hover{text-decoration:underline}.drawer-meta-separator{color:#a1acb7;font-weight:500}
.record-refresh-status{color:#65788b;font-size:11px;font-weight:750;white-space:nowrap}
.record-refresh-button{border:1px solid #d9e2eb;background:#f7f9fb;color:#4d6277;cursor:pointer}
.record-refresh-button:hover{background:#eef4f8;color:#2b5f8d}.record-refresh-button.is-refreshing{opacity:.7;cursor:wait}

@media(min-width:801px){
  .record-context .record-status-list{display:flex!important;flex-direction:column!important;width:100%;overflow:hidden}
  .record-context .record-status-list .record-status-item,
  .record-context .record-status-list .record-status-item.record-status-owner{display:flex!important;flex:0 0 auto!important;width:100%;min-width:0!important;padding:12px 14px!important;border-right:0!important;border-bottom:1px solid #e7edf3!important;gap:7px!important;grid-column:auto!important}
  .record-context .record-status-list .record-status-item:last-child{border-bottom:0!important}
  .record-context .record-kicker{font-size:11.5px!important;letter-spacing:.05em!important}
  .record-context .record-status-item strong{font-size:14px!important}
  .record-context .record-status-item .stage-badge,
  .record-context .record-status-item .crisp-badge{padding:6px 10px!important;font-size:13px!important;line-height:1.2!important}
  .record-context .record-status-service .booking-opportunity-badge{width:100%!important;margin:0!important;padding:7px 9px!important;border-radius:8px!important;font-size:12px!important;line-height:1.3!important;white-space:normal!important;grid-template-columns:8px minmax(0,1fr)!important}
  .record-context .record-status-service .booking-opportunity-badge small{max-width:none!important;font-size:11px!important;line-height:1.35!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  .record-context .record-opportunity-control{gap:6px!important;margin-top:1px!important}
  .record-context .record-opportunity-override{min-height:36px!important;padding:6px 30px 6px 9px!important;font-size:12px!important}
  .record-context .opportunity-retry-button{min-height:34px!important;font-size:11px!important}
  .record-context .manual-opportunity-note{font-size:11px!important;line-height:1.35!important}
  .record-context .record-status-item .channel-pill{font-size:12px!important;padding:6px 9px!important}
  .record-context .record-assignee-select{max-width:none!important;min-height:38px!important;padding:7px 30px 7px 9px!important;font-size:13px!important}
  .record-context .ready-resolve-note{font-size:11px!important;line-height:1.4!important}

  .record-notes-panel .record-note-meta{font-size:11.5px}
  .record-notes-panel .record-note-meta strong{font-size:12.5px}
  .record-notes-panel .record-note p{font-size:13px}
  .record-notes-panel .record-notes-empty{font-size:12px}

  .record-work .history-conversation .message-time{font-size:11.5px!important;line-height:1.35}
  .record-work .history-conversation .message-delivery{font-size:11px!important;margin-top:4px}
  .record-work .history-conversation .message-event{font-size:11px!important;line-height:1.4}
  .record-work .inline-delivery-status{font-size:11.5px!important}
  .record-work .inline-sms-guidance,
  .record-work .inline-sms-guidance strong{font-size:11px!important}
}

/* Compact page headers: one page title, no redundant module eyebrow. */
#viewEyebrow{display:none!important}
#viewTitle{font-size:18px!important;font-weight:700!important;line-height:1.2!important}
@media(min-width:851px){
  .topbar{height:56px!important;padding-top:0!important;padding-bottom:0!important}
  #viewTitle{font-size:17px!important}
  .view{padding-top:14px!important}
  #scheduleView .section-intro,
  #scheduled-messagesView .section-intro,
  #send-draftsView .section-intro,
  #templatesView .section-intro,
  #shortcutsView .section-intro,
  #knowledge-baseView .section-intro,
  #bulk-historyView .section-intro,
  #tag-managementView .section-intro{
    min-height:44px!important;
    margin-bottom:10px!important;
    gap:16px!important;
  }
}

/* 2026-08-13 Follow-up button cleanup: one-line label, larger clock, date below. */
.record-context .record-topbar .case-toolbar .top-followup-control{
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr)!important;
  align-items:center!important;
  justify-items:start!important;
  column-gap:9px!important;
  padding:8px 11px!important;
  text-align:left!important;
}
.record-context .record-topbar .case-toolbar .top-followup-control .followup-clock-icon{
  display:block!important;
  width:24px!important;
  font-size:19px!important;
  line-height:1!important;
  text-align:center!important;
}
.top-followup-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px}
.top-followup-label{display:block;font-size:13px!important;font-weight:900!important;line-height:1.05!important;white-space:nowrap!important}
.top-followup-meta{display:flex;align-items:center;gap:5px;min-width:0;line-height:1}
.top-followup-date{padding-left:0!important;font-size:12.5px!important;font-weight:850!important;line-height:1.05!important;opacity:.92!important;white-space:nowrap!important}
.top-followup-meta .top-followup-overdue{margin-left:0;font-size:8.5px}
@media(max-width:650px){.top-followup-meta{display:none}}

/* 2026-08-13 Scheduled Messages: bulk sends are managed as one report while
   individual replies keep the existing calendar/list workspace. */
#scheduled-messagesView .scheduled-type-tabs,#scheduled-messagesView .scheduled-bulk-search-bar,#scheduled-messagesView .scheduled-bulk-list{width:100%;max-width:1440px;margin-left:auto;margin-right:auto;box-sizing:border-box}
.scheduled-bulk-search-bar{margin-bottom:10px}.scheduled-bulk-search-bar input{width:min(420px,100%);min-height:38px;padding:8px 11px;border:1px solid #d4dfe9;border-radius:8px;background:#fff;color:#34475a;font:inherit;box-sizing:border-box}.scheduled-bulk-search-bar input:focus{outline:2px solid #b9d7f1;outline-offset:1px;border-color:#8ab9df}
.scheduled-type-tabs{display:flex;gap:7px;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid #dce5ed}
.scheduled-type-tab{min-height:38px;padding:8px 15px;border:1px solid #d4dfe9;border-radius:8px;background:#fff;color:#52677b;font-size:12px;font-weight:850;cursor:pointer}
.scheduled-type-tab:hover{background:#f5f8fb}.scheduled-type-tab.is-active{border-color:#8bb9df;background:#eaf4ff;color:#176db7}
.scheduled-bulk-list{display:grid;gap:12px}
.scheduled-bulk-empty{padding:28px;border:1px dashed #ccd8e3;border-radius:10px;background:#fbfcfe;color:#708195;text-align:center}
.scheduled-bulk-empty strong,.scheduled-bulk-empty span{display:block}.scheduled-bulk-empty strong{color:#344b62;font-size:15px}.scheduled-bulk-empty span{margin-top:5px;font-size:11.5px}
.scheduled-bulk-card{padding:16px 17px;border:1px solid #d8e2eb;border-radius:11px;background:#fff}
.scheduled-bulk-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.scheduled-bulk-card-head h3{margin:6px 0 2px;color:#23394f;font-size:17px;line-height:1.2}
.scheduled-bulk-card-head p{margin:0;color:#718195;font-size:10.5px;line-height:1.4}
.scheduled-bulk-card-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.scheduled-bulk-metrics{display:grid;grid-template-columns:repeat(6,minmax(82px,1fr));gap:8px;margin:14px 0 11px}
.scheduled-bulk-metric{appearance:none;width:100%;padding:9px 10px;border:1px solid #e0e7ee;border-radius:8px;background:#f9fbfd;color:#6c7c8d;font:inherit;font-size:9.5px;font-weight:800;text-align:left;text-transform:uppercase;letter-spacing:.025em;cursor:pointer}
.scheduled-bulk-metric:hover:not(:disabled){border-color:#a8c8e1;background:#f4f9fd}.scheduled-bulk-metric.is-active{border-color:#7fb1d9;background:#eaf4ff;color:#35637f}.scheduled-bulk-metric:disabled{cursor:default;opacity:.55}
.scheduled-bulk-metric strong{display:block;margin-bottom:2px;color:#2c4359;font-size:18px;line-height:1}.scheduled-bulk-metric span{display:block}
.scheduled-bulk-zones{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 10px;color:#54697d;font-size:10.5px}
.scheduled-bulk-zones>strong{margin-right:2px;color:#40566d;font-size:10px;text-transform:uppercase;letter-spacing:.035em}
.scheduled-bulk-zones>span{display:inline-flex;gap:5px;padding:5px 8px;border:1px solid #d9e4ec;border-radius:999px;background:#f7fafc}
.scheduled-bulk-exceptions{margin:0 0 10px;padding:8px 10px;border:1px solid #e6c7aa;border-radius:7px;background:#fff6ef;color:#875633;font-size:10.5px;font-weight:750}
.scheduled-bulk-message{display:grid;grid-template-columns:72px minmax(0,1fr);gap:9px;padding-top:10px;border-top:1px solid #e7edf2;color:#53687c;font-size:11px;line-height:1.45}
.scheduled-bulk-message strong{color:#435970;font-size:9.5px;text-transform:uppercase;letter-spacing:.035em}
.scheduled-bulk-recipient-wrap{margin-top:12px}.scheduled-bulk-recipient-summary{display:flex;align-items:center;gap:5px;margin:0 0 6px;color:#718195;font-size:10px}.scheduled-bulk-recipient-summary strong{color:#40566c}.scheduled-bulk-recipient-summary button{appearance:none;padding:0;border:0;background:transparent;color:#176db7;font:inherit;font-weight:800;cursor:pointer}
.scheduled-bulk-recipients{display:grid;gap:1px;border:1px solid #dfe7ee;border-radius:8px;overflow:hidden;background:#dfe7ee}
.scheduled-bulk-recipient-row{display:grid;grid-template-columns:minmax(150px,1.25fr) minmax(145px,.9fr) minmax(145px,.9fr) minmax(110px,.7fr) minmax(130px,.8fr) 110px;gap:10px;align-items:center;padding:8px 10px;background:#fff}
.scheduled-bulk-recipient-head{background:#f3f6f9}.scheduled-bulk-sort-header{appearance:none;padding:0;border:0;background:transparent;color:#5b6c80;font:inherit;font-size:9px;font-weight:850;text-align:left;text-transform:uppercase;letter-spacing:.035em;cursor:pointer;white-space:nowrap}.scheduled-bulk-sort-header:hover,.scheduled-bulk-sort-header.is-active{color:#176db7}
.scheduled-bulk-recipient-row>span{color:#64768a;font-size:10px}.scheduled-bulk-recipient-row em{justify-self:start;font-style:normal}.scheduled-bulk-actual-time.is-empty{color:#9aa7b5}
.scheduled-bulk-player-link,.scheduled-bulk-open-link{appearance:none;padding:0;border:0;background:transparent;color:#176db7;font:inherit;font-weight:800;text-align:left;cursor:pointer}.scheduled-bulk-player-link:hover,.scheduled-bulk-open-link:hover{text-decoration:underline}.scheduled-bulk-player-link{font-size:11px;color:#334b61}.scheduled-bulk-open-link{font-size:10px;justify-self:start}.scheduled-bulk-recipient-none{padding:14px;background:#fff;color:#718195;font-size:10.5px;text-align:center}
.bulk-past-time-modal{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 32px);display:flex;flex-direction:column}
.bulk-past-time-modal .modal-header,.bulk-past-time-modal .modal-footer{flex:0 0 auto}.bulk-past-time-body{min-height:0;overflow-y:auto;padding:22px}
.bulk-past-time-summary{padding:13px 14px;border:1px solid #d5e1eb;border-radius:9px;background:#f6f9fc;color:#53697e}
.bulk-past-time-summary strong,.bulk-past-time-summary span{display:block}.bulk-past-time-summary strong{color:#294158;font-size:15px}.bulk-past-time-summary span{margin-top:4px;font-size:11.5px;line-height:1.45}
.bulk-past-time-breakdown{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 15px}.bulk-past-time-breakdown span{padding:6px 9px;border:1px solid #dae4ec;border-radius:999px;background:#fff;color:#607489;font-size:10.5px}
.bulk-past-time-options{display:grid;gap:8px;margin:0;padding:0;border:0}.bulk-past-time-options legend{margin-bottom:8px;color:#40566c;font-size:11.5px;font-weight:800}
.bulk-past-time-options label{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid #dce5ed;border-radius:8px;background:#fff;cursor:pointer}
.bulk-past-time-options label:has(input:checked){border-color:#8ebbe0;background:#f2f8fd}.bulk-past-time-options input{margin-top:3px}.bulk-past-time-options span{display:block}.bulk-past-time-options strong,.bulk-past-time-options small{display:block}.bulk-past-time-options strong{color:#334b62;font-size:12px}.bulk-past-time-options small{margin-top:3px;color:#718195;font-size:10.5px;line-height:1.4}
.bulk-confirm-time-exception{border-color:#e5c7ad!important;background:#fff7f1!important;color:#7f5536!important}
@media(max-width:850px){.scheduled-bulk-card-head{flex-direction:column}.scheduled-bulk-card-actions{justify-content:flex-start}.scheduled-bulk-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.scheduled-bulk-recipients{overflow-x:auto}.scheduled-bulk-recipient-row{min-width:900px}.scheduled-bulk-recipient-row em{justify-self:start}}
@media(max-width:520px){.scheduled-type-tabs{overflow-x:auto}.scheduled-type-tab{white-space:nowrap}.scheduled-bulk-metrics{grid-template-columns:1fr 1fr}.scheduled-bulk-message{grid-template-columns:1fr}.scheduled-bulk-recipient-summary{align-items:flex-start;flex-wrap:wrap}.bulk-past-time-body{padding:16px}}

/* 2026-08-15 Compose with AI: one writing workspace, larger type, growing voice/text input. */
.inline-ai-toolbar .inline-ai-primary,.inline-ai-toolbar .inline-ai-secondary{min-height:36px;padding:7px 11px;font-size:12px}
.inline-ai-status{font-size:11px}
.inline-ai-suggestions-head strong{font-size:13px}.inline-ai-suggestion{padding:9px 10px}.inline-ai-suggestion span{font-size:12.5px;line-height:1.45}.inline-ai-suggestion strong{font-size:10.5px}
.inline-ai-compose{margin-top:10px;padding:14px;border-radius:10px}.inline-ai-compose-head{align-items:center;margin-bottom:11px}.inline-ai-compose-head strong{font-size:16px}.inline-ai-compose-close{font-size:24px}
.inline-ai-compose-draft-wrap{margin-bottom:12px}.inline-ai-compose-draft-label{gap:6px;margin:0}.inline-ai-compose-draft-label span{font-size:12.5px}.inline-ai-compose-draft-label textarea{min-height:112px;font-size:14px;line-height:1.5;padding:10px 11px}
.inline-ai-compose-input-shell{display:block}.inline-ai-compose-input-shell textarea{display:block;width:100%;min-height:104px;max-height:220px;resize:none;padding:11px 12px;font-size:14px;line-height:1.5;box-sizing:border-box}
.inline-ai-compose-input-shell textarea::placeholder{color:#8a93a0}
.inline-ai-compose-actions{margin-top:8px;gap:7px}.inline-ai-compose-actions .inline-ai-primary,.inline-ai-compose-actions .inline-ai-secondary{min-height:36px;padding:7px 11px;font-size:12px}
.inline-ai-compose-submit{display:inline-grid!important;place-items:center;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;border-radius:50%!important;font-size:20px!important;line-height:1!important}
.inline-ai-voice-stop{font-size:11px}.inline-ai-compose-draft-actions{gap:8px}.inline-ai-compose-draft-actions .inline-ai-primary,.inline-ai-compose-draft-actions .inline-ai-secondary{font-size:12px;min-height:36px}
@media(max-width:760px){.inline-ai-compose{padding:11px}.inline-ai-compose-input-shell textarea{min-height:112px}.inline-ai-compose-actions{align-items:center}.inline-ai-compose-actions button{flex:0 0 auto}.inline-ai-compose-submit{flex:0 0 36px!important}}

/* 2026-08-15 Service Desk simplification: one stable writing workspace and quiet white status cards. */
.inline-delivery-summary{display:flex;align-items:center;gap:12px;min-height:22px;margin-top:7px;flex-wrap:wrap}
.inline-delivery-summary #inlineSmsSegmentCount{color:#31485f;font-size:12.5px;font-weight:900;line-height:1.25;white-space:nowrap}
.inline-delivery-summary .inline-delivery-status{margin:0;color:#66788a;font-size:11.5px;font-weight:700;line-height:1.3}
.inline-shortcut-picker{min-height:36px;max-width:220px;padding:7px 30px 7px 10px;border:1px solid #cfc8ef;border-radius:7px;background:#fff;color:#51478e;font:inherit;font-size:12px;font-weight:500;cursor:pointer}
.inline-shortcut-picker:hover{border-color:#8f83d5;background:#faf9ff}
.inline-reply-text-wrap.is-ai-compose-mode,.inline-reply-text-wrap.is-ai-suggestions-mode{overflow:hidden}
.inline-reply-text-wrap.is-ai-compose-mode>.inline-message-editor-shell,.inline-reply-text-wrap.is-ai-compose-mode>#inlineMessageEditorChrome,.inline-reply-text-wrap.is-ai-suggestions-mode>.inline-message-editor-shell,.inline-reply-text-wrap.is-ai-suggestions-mode>#inlineMessageEditorChrome{display:none!important}
.inline-reply-text-wrap.is-ai-compose-mode .inline-ai-assistant,.inline-reply-text-wrap.is-ai-suggestions-mode .inline-ai-assistant{height:100%;display:flex;flex-direction:column;box-sizing:border-box}
.inline-reply-text-wrap.is-ai-compose-mode .inline-ai-compose,.inline-reply-text-wrap.is-ai-suggestions-mode .inline-ai-suggestions{flex:1;min-height:0;overflow:auto}
.inline-ai-compose{position:relative}.inline-ai-compose-close-corner{position:absolute;top:8px;right:8px;z-index:2}
.inline-ai-compose-draft-wrap{padding-right:36px}.inline-ai-compose-draft-heading{display:flex!important;align-items:center;justify-content:space-between;gap:12px}.inline-ai-compose-draft-heading small{color:#53697e;font-size:11.5px;font-weight:850;white-space:nowrap}
.inline-ai-suggestion-copy{display:flex!important;min-width:0;flex-direction:column;gap:3px}.inline-ai-suggestion-copy>span{font-size:13px!important}.inline-ai-suggestion-copy small{color:#687b8d;font-size:10.5px;font-weight:800;line-height:1.25}

/* Keep Service Desk summary cards visually consistent: white surfaces, color only as a small accent. */
.metric-card,.open-conversation-summary,.assessment-service-card,.duplicate-quick-card,.followup-summary-card{background:#fff!important;box-shadow:none!important}
.metric-card:not(.metric-anchor-card){border-top:1px solid #dbe4ec!important}
.assessment-service-card{border:1px solid #dbe2ea!important;border-left:4px solid #7552a8!important;color:#3e4f61!important}
.assessment-service-card:hover,.assessment-service-card.is-active{background:#fff!important;border-color:#b9a5d7!important;box-shadow:0 0 0 2px rgba(117,82,168,.08)!important;transform:none}
.assessment-service-icon{background:#fff!important;color:#7552a8!important;border:1px solid #d8cdec!important}
.assessment-service-copy small,.assessment-service-copy strong,.assessment-service-copy em,.assessment-service-card>b{color:#526477!important}
.assessment-service-card.is-active .metric-select-check{border-color:#7552a8;background:#7552a8;color:#fff}
.duplicate-quick-card{border:1px solid #dbe2ea!important;border-left:4px solid #de7a2f!important;color:#526477!important}
.duplicate-quick-card strong{color:#34485b!important}.duplicate-quick-card:hover,.duplicate-quick-card.is-active{background:#fff!important;border-color:#e1b58f!important;box-shadow:0 0 0 2px rgba(222,122,47,.07)!important}
.followup-summary-card{border:1px solid #dbe2ea!important;border-left:4px solid #4b88b5!important;color:#526477!important}
.followup-summary-card strong,.followup-summary-card small{color:#526477!important}.followup-summary-card:hover{background:#fff!important;border-color:#a9c5d9!important}.followup-summary-card.has-overdue{background:#fff!important;border:1px solid #dbe2ea!important;border-left:4px solid #c27a2b!important}.followup-summary-card.has-overdue strong,.followup-summary-card.has-overdue small{color:#526477!important}
@media(max-width:760px){.inline-shortcut-picker{max-width:none;flex:1 1 180px}.inline-delivery-summary{align-items:flex-start;flex-direction:column;gap:3px}.inline-ai-compose-draft-heading{align-items:flex-start;flex-direction:column;gap:2px}}

/* 2026-08-15 Service Desk reply refinements: typed AI help, calmer actions, and no duplicate shortcut preview. */
.inline-ai-manual-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:7px 0 0;padding-top:7px;border-top:1px solid #edf1f5}
.inline-ai-manual-tools[hidden]{display:none!important}.inline-ai-manual-tools .inline-ai-secondary{min-height:32px;padding:6px 9px;font-size:11.5px}
.inline-ai-compose-quick-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:8px 0}.inline-ai-compose-quick-tools .inline-ai-secondary{min-height:32px;padding:6px 9px;font-size:11.5px}
.inline-ai-compose-close-corner{top:10px!important;right:10px!important;width:34px!important;height:34px!important;border:1px solid #d9dce5!important;background:#fff!important;color:#566273!important;box-shadow:0 1px 4px rgba(31,53,73,.08)}
.inline-ai-compose-close-corner:hover{border-color:#b7c4d1!important;background:#f7f9fb!important;color:#263b50!important}
.booking-opportunity-badge.opportunity-service{background:#fff!important;border-color:#bca5df!important;color:#62428f!important;box-shadow:none!important}
.record-context .record-topbar .case-toolbar .top-followup-control,.record-context .record-topbar .case-toolbar .top-followup-control.has-followup{background:#fff!important;border-color:#9fc3df!important;color:#176db7!important;box-shadow:none!important}
.record-context .record-topbar .case-toolbar .top-followup-control:hover,.record-context .record-topbar .case-toolbar .top-followup-control.has-followup:hover{background:#f7fbff!important;border-color:#6fa6d1!important;color:#155f9d!important}
@media(max-width:760px){.inline-ai-manual-tools,.inline-ai-compose-quick-tools{gap:5px}.inline-ai-manual-tools .inline-ai-secondary,.inline-ai-compose-quick-tools .inline-ai-secondary{font-size:11px}}

/* 2026-08-15 Service Desk list controls and deliberately simplified mobile navigation. */
.queue-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-top:1px solid #e4eaf0;border-bottom:1px solid #e4eaf0;background:#fbfcfd}
.queue-primary-actions{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.queue-global-search{flex:1;min-width:220px;max-width:520px}.queue-global-search .global-search{width:100%;min-height:40px}
.queue-new-conversation{flex:0 0 auto;margin-left:auto;min-height:36px;padding:7px 10px;border:1px solid #9fb8cd;border-radius:7px;background:#fff;color:#2d668f;box-shadow:none;font-size:12px;font-weight:650}
.queue-new-conversation:hover{background:#f6f9fb;border-color:#7fa3bf;color:#245b82}
.queue-show-control{display:flex;align-items:center;gap:7px;color:#617286;font-size:11.5px;font-weight:750;white-space:nowrap}
.queue-show-control select{min-height:38px;padding:7px 28px 7px 9px;border:1px solid #d3dde7;border-radius:7px;background:#fff;color:#34495e;font-size:12px;font-weight:750}
@media(max-width:850px){
  .main-nav .nav-item:not([data-view="work"]):not([data-view="schedule"]):not([data-view="scheduled-messages"]):not([data-view="bulk-history"]){display:none!important}
  .main-nav .nav-section-label,.crm-nav-group{display:none!important}
  .sidebar-note{display:none!important}
  .service-filter-bar{display:none!important}
  .queue-list-toolbar{padding:10px;align-items:stretch;flex-direction:column}
  .queue-global-search{width:100%;min-width:0;max-width:none}.queue-global-search .global-search{display:flex!important;width:100%;min-height:44px}
  .queue-global-search .global-search input{font-size:16px}
  .queue-show-control{display:none}
  #scheduleView .calendar-toolbar,#scheduleView .week-strip,#scheduleView .month-calendar,#scheduleView .day-focus{display:none!important}
  #scheduleView .followup-search-bar{margin-top:0}
  #scheduleView .schedule-intro p{display:none}
  .queue-result-summary{padding-left:10px;padding-right:10px}
}

/* Mobile player record: full-screen, conversation-first, large touch/read sizes. */
@media(max-width:700px){
  .open-conversation-summary,.metric-card[data-filter="crisp_resolved"],#queueResolutionBreakdown{display:none!important}
  .player-drawer{inset:0!important;width:100vw!important;height:100dvh!important;border:0!important;box-shadow:none!important;background:#fff!important}
  .compact-record-header{position:sticky!important;top:0!important;z-index:8!important;min-height:58px!important;padding:9px 12px!important}
  .compact-record-header .drawer-name-line h2{font-size:21px!important;white-space:normal!important;line-height:1.15!important}
  .compact-record-header .drawer-icon-button,.compact-record-header .close-button{width:40px!important;height:40px!important;min-width:40px!important;font-size:20px!important}
  .drawer-content{height:auto!important;min-height:0!important;overflow-y:auto!important;padding:0 0 28px!important;background:#fff!important;display:block!important}
  .record-workspace,body.full-case-mode .record-workspace{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;overflow:visible!important;gap:0!important}
  .record-work{order:1!important;height:auto!important;overflow:visible!important;padding:0!important;background:#fff!important}
  .record-context{order:2!important;height:auto!important;overflow:visible!important;padding:14px 12px 24px!important;gap:10px!important;background:#f5f7fa!important}
  .record-conversation{height:auto!important;min-height:0!important;gap:0!important;background:#fff!important}
  .conversation-heading{padding:10px 14px 7px!important;min-height:0!important;border-bottom:1px solid #e4e9ef}
  .conversation-heading .conversation-summary-line,.conversation-heading .conversation-summary-line strong,.conversation-heading .conversation-summary-line>span,.conversation-heading .conversation-summary-line .channel-chip{font-size:13px!important;letter-spacing:0!important;text-transform:none!important;line-height:1.3!important}
  .conversation-heading .conversation-summary-line strong{font-size:16px!important;color:#22384d!important}
  .history-conversation{border:0!important;border-radius:0!important;box-shadow:none!important}
  .history-conversation .message-thread,body.full-case-mode .history-conversation .message-thread{min-height:220px!important;max-height:42dvh!important;padding:14px 12px!important;background:#f7f9fb!important}
  .history-conversation .bubble-message{max-width:92%!important;padding:11px 13px!important;font-size:16px!important;line-height:1.5!important}
  .history-conversation .message-time{font-size:12px!important}
  .conversation-composer-resizer{display:none!important}
  .inline-reply{display:block!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:14px 12px 16px!important;border-top:2px solid #dbe4ec!important;background:#fff!important}
  .inline-delivery-panel{margin-bottom:10px!important;padding:10px!important}
  .inline-delivery-label,.inline-delivery-status,.inline-presence-badge{font-size:12px!important}
  .inline-delivery-choice span{min-height:38px!important;padding:8px 10px!important;font-size:13px!important}
  .inline-ai-toolbar{gap:7px!important;align-items:stretch!important;flex-wrap:wrap!important;margin-bottom:8px!important}
  .inline-ai-toolbar .inline-ai-secondary,.inline-shortcut-picker{min-height:40px!important;font-size:13px!important}
  .inline-shortcut-picker{max-width:none!important;flex:1 1 100%!important}
  #inlineReplyText{height:auto!important;min-height:150px!important;padding:13px!important;border-radius:8px!important;font-size:17px!important;line-height:1.5!important}
  .message-editor-chrome{padding:7px 8px!important}
  .message-editor-icon-button{width:38px!important;height:38px!important;font-size:15px!important}
  .inline-reply-footer{margin-top:9px!important;padding-top:9px!important}
  .inline-footer-row{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important}
  .inline-footer-row .inline-send-timing{width:100%!important;display:flex!important;gap:8px!important}
  .inline-footer-row .inline-send-choice{flex:1!important;justify-content:center!important;min-height:40px!important;font-size:13px!important}
  .inline-footer-row .inline-sender-label.inline-toolbar-control{width:100%!important;font-size:12px!important}
  .inline-footer-row .inline-sender-label.inline-toolbar-control select{width:100%!important;min-height:42px!important;font-size:14px!important}
  .inline-footer-row .inline-reply-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;margin:0!important;gap:8px!important}
  .inline-footer-row .inline-draft-actions{grid-column:1/-1!important;width:100%!important;display:flex!important;gap:8px!important}
  .inline-footer-row .inline-reply-actions button{min-height:46px!important;font-size:14px!important}
  #inlineSendBtn{font-size:16px!important;font-weight:800!important}
  .inline-schedule-fields{font-size:13px!important}
  .record-left-operations{gap:10px!important}
  .record-context .record-topbar{margin:0!important}
  .record-context .case-toolbar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0 0 2px!important}
  .record-context .record-topbar .case-toolbar>*{min-height:44px!important;font-size:13px!important}
  .record-left-section,.context-card{margin:0!important;border-radius:9px!important;padding:0!important;background:#fff!important}
  .record-section-summary,.context-summary{min-height:52px!important;padding:13px 14px!important;font-size:16px!important;font-weight:800!important;color:#263b50!important}
  .record-section-summary-meta{font-size:12px!important}
  .record-section-chevron,.context-chevron{font-size:18px!important}
  .record-section-body,.context-card-body{padding:4px 14px 15px!important}
  .record-context .record-kicker,.record-context .info-item label{font-size:12px!important}
  .record-context .record-status-item strong,.record-context .context-card .info-item strong,.record-context .context-card .info-item strong a,.record-context .context-card .player-phone,.record-context .context-card .record-action-link,.record-context .context-card .copy-club,.record-context .context-card .copy-certificate{font-size:16px!important;line-height:1.45!important}
  .record-context .stage-badge,.record-context .crisp-badge,.record-context .channel-pill{font-size:13px!important;padding:6px 9px!important}
  .record-context .record-assignee-select{min-height:42px!important;font-size:15px!important}
  .record-context .cert-main strong{font-size:15px!important}.record-context .cert-main small,.record-context .cert-dates{font-size:13px!important}
  .record-notes-list,.record-context .related-list{font-size:14px!important}
}

/* 2026-08-15 Service Desk summary hierarchy: number, label, checkbox on one line. */
#metricGrid.metric-grid{display:grid!important;grid-template-columns:repeat(4,235px)!important;gap:10px!important;margin:0 0 10px!important;align-items:stretch!important}
#assessmentQuickFilters.assessment-quick-filters{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;margin:0 0 18px!important}
.service-summary-row{display:grid;grid-template-columns:repeat(4,235px);gap:10px;align-items:stretch}
.service-summary-row.service-summary-totals{grid-template-columns:repeat(3,235px)}
#metricGrid .service-summary-card,#assessmentQuickFilters .service-summary-card{box-sizing:border-box!important;display:grid!important;grid-template-columns:max-content minmax(0,1fr)!important;align-items:start!important;align-content:center!important;justify-content:stretch!important;column-gap:10px!important;width:235px!important;inline-size:235px!important;min-width:235px!important;min-inline-size:235px!important;max-width:235px!important;max-inline-size:235px!important;padding:10px 40px 10px 14px!important;border:1px solid #dbe2ea!important;border-left:4px solid var(--metric-color,#8ca0b3)!important;border-top:1px solid #dbe2ea!important;border-radius:7px!important;background:#fff!important;color:#526477!important;font-family:inherit!important;text-align:left!important;box-shadow:none!important;transform:none!important;position:relative;overflow:hidden}
#metricGrid .service-summary-card{height:78px!important;min-height:78px!important}
#assessmentQuickFilters .service-summary-operational .service-summary-card{height:56px!important;min-height:56px!important}
#assessmentQuickFilters .service-summary-totals .service-summary-card{height:44px!important;min-height:44px!important;border-color:#e1e6eb!important}
#metricGrid .service-summary-card::before,#assessmentQuickFilters .service-summary-card::before{display:none!important}
#metricGrid .service-summary-number,#assessmentQuickFilters .service-summary-number{display:block;color:#2d4054;font-weight:850;line-height:1;white-space:nowrap}
#metricGrid .service-summary-number{font-size:28px}
#assessmentQuickFilters .service-summary-operational .service-summary-number{font-size:22px}
#assessmentQuickFilters .service-summary-totals .service-summary-number{font-size:19px;color:#536477}
#metricGrid .service-summary-label,#assessmentQuickFilters .service-summary-label{min-width:0;color:#526174;font-weight:800;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#metricGrid .service-summary-label{display:block;font-size:12px}
#metricGrid .service-summary-copy{display:flex;min-width:0;width:auto;flex-direction:column;align-items:flex-start;justify-self:start;gap:3px;overflow:visible;text-align:left}
#metricGrid .service-summary-note{display:block;min-width:0;color:#7a8795;font-size:10px;font-weight:650;line-height:1.15;white-space:nowrap;overflow:visible;text-overflow:clip;text-align:left}
#assessmentQuickFilters .service-summary-operational .service-summary-label{font-size:11.5px}
#assessmentQuickFilters .service-summary-totals .service-summary-label{font-size:10.5px;color:#667587}
#metricGrid .service-summary-card .metric-select-check,#assessmentQuickFilters .service-summary-card .metric-select-check{position:absolute;top:8px;right:8px;width:18px;height:18px;margin:0!important;border:1.5px solid #b9c6d3;border-radius:5px;display:grid;place-items:center;background:#fff;color:#fff;font-size:11px;font-weight:900;line-height:1}
#assessmentQuickFilters .service-summary-totals .metric-select-check{width:16px;height:16px;font-size:10px}
#metricGrid .service-summary-card.is-active .metric-select-check,#assessmentQuickFilters .service-summary-card.is-active .metric-select-check{border-color:var(--metric-color,#5c9dde)!important;background:var(--metric-color,#5c9dde)!important;color:#fff!important}
#metricGrid .service-summary-card:hover,#assessmentQuickFilters .service-summary-card:hover,#metricGrid .service-summary-card.is-active,#assessmentQuickFilters .service-summary-card.is-active{border-color:var(--metric-color,#8ca0b3)!important;background:#fff!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--metric-color,#8ca0b3) 9%,transparent)!important;transform:none!important}
#assessmentQuickFilters .followup-summary-card.has-overdue{border:1px solid #dbe2ea!important;border-left:4px solid var(--metric-color,#4b88b5)!important;background:#fff!important;color:#526477!important}
/* The first two rows are one strict four-column work grid. The second row is
   intentionally quieter so the urgent top row keeps visual priority. */
#assessmentQuickFilters .service-summary-operational{grid-template-columns:repeat(4,235px);width:auto;max-width:none}
#assessmentQuickFilters .service-summary-operational .service-summary-card{width:235px!important;inline-size:235px!important;min-width:235px!important;min-inline-size:235px!important;max-width:235px!important;max-inline-size:235px!important;--metric-color:#6f8192!important}
#assessmentQuickFilters .service-summary-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-self:stretch;gap:1px;overflow:hidden;text-align:left}
#assessmentQuickFilters .service-summary-note{display:block;min-width:0;color:#7a8795;font-size:8.5px;font-weight:700;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
#assessmentQuickFilters .followup-summary-card .service-summary-copy{flex-direction:row;align-items:baseline;gap:6px;overflow:visible;white-space:nowrap}
#assessmentQuickFilters .followup-summary-card .service-summary-label,#assessmentQuickFilters .followup-summary-card .service-summary-note{width:auto;white-space:nowrap;overflow:visible;text-overflow:clip}
.service-summary-business-text{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:28px;width:970px;max-width:100%;padding:0 2px;color:#778596;font-size:12px;font-weight:650}
.service-business-filter{display:inline-flex;align-items:baseline;gap:4px;margin:0;padding:2px 3px;border:0;border-radius:4px;background:transparent;color:#778596;font:inherit;font-weight:650;cursor:pointer;text-align:left}
.service-business-filter strong{color:#4b5f73;font-size:14px;font-weight:850}
.service-business-separator{color:#b0bac5}
.service-business-filter:hover{color:#4678a6;text-decoration:underline}
.service-business-filter.is-active{background:#eef4f9;color:#365f84;text-decoration:none}
.service-business-filter.is-active strong{color:#2f5675}
.service-summary-secondary-text{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:28px;width:970px;max-width:100%;padding:0 2px;color:#778596;font-size:12px;font-weight:650}
.service-secondary-filter{display:inline-flex;align-items:baseline;gap:4px;margin:0;padding:2px 3px;border:0;border-radius:4px;background:transparent;color:#778596;font:inherit;font-weight:650;cursor:pointer;text-align:left}
.service-secondary-filter strong{color:#4b5f73;font-size:14px;font-weight:850}.service-secondary-filter em{color:#a34a4a;font-style:normal;font-weight:750}
.service-secondary-filter:hover{color:#4678a6;text-decoration:underline}.service-secondary-filter.is-active{background:#eef4f9;color:#365f84;text-decoration:none}.service-secondary-filter.is-active strong{color:#2f5675}
.crm-master-id,.cert-main strong,.tag-rule-phrase{font-family:inherit!important}

@media(max-width:1180px){
  #metricGrid.metric-grid,.service-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%}
  .service-summary-row.service-summary-totals{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #metricGrid .service-summary-card,#assessmentQuickFilters .service-summary-card{width:100%!important;inline-size:auto!important;min-width:0!important;min-inline-size:0!important;max-width:none!important;max-inline-size:none!important}
  #assessmentQuickFilters.assessment-quick-filters{align-items:stretch!important;width:100%}
}
@media(max-width:700px){
  #metricGrid.metric-grid,.service-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .service-summary-row.service-summary-totals{display:none!important}
  #metricGrid .service-summary-card{height:58px!important;min-height:58px!important}
  #assessmentQuickFilters .service-summary-operational .service-summary-card{height:48px!important;min-height:48px!important}
}

/* 2026-08-16: totals are context, not work cards; each number is also the clean Open / Resolved / Total filter. */
.service-summary-totals-text{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-height:28px;padding:2px 2px 0;color:#778596;font-size:12px;font-weight:650}
.service-summary-totals-text>span[aria-hidden="true"]{color:#b0bac5}
.service-summary-totals-text .service-total-filter{display:inline-flex;align-items:baseline;gap:4px;margin:0;padding:2px 3px;border:0;border-radius:4px;background:transparent;color:#778596;font-family:inherit;font-size:12px!important;font-weight:650;line-height:1.2;cursor:pointer;text-align:left}
.service-summary-totals-text .service-total-filter strong{color:#4b5f73;font-size:14px!important;font-weight:850;line-height:1.2}
.service-summary-totals-text .service-total-filter:hover{color:#4678a6;text-decoration:underline}
.service-summary-totals-text .service-total-filter.is-active{background:#eef4f9;color:#365f84;text-decoration:none}
.service-summary-totals-text .service-total-filter.is-active strong{color:#2f5675}

/* Long Service Desk identities stay inside their own column. */
.service-desk-table .player-cell{min-width:0;max-width:100%;overflow:hidden}
.service-desk-table .player-identifiers{min-width:0;max-width:100%;overflow:hidden}
.service-desk-table .queue-player-name{display:-webkit-box;max-width:100%;overflow:hidden;white-space:normal!important;overflow-wrap:anywhere;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;line-height:1.28;text-overflow:ellipsis}

/* Column controls are personal for every user; Super Admin gets additional default controls. */
.crm-master-hidden-columns{width:100%!important;min-width:100%!important;max-width:none;flex-wrap:wrap;box-sizing:border-box}
.crm-master-fit-all.is-admin,.crm-master-hidden-chip.is-admin{border-color:#8ea8bf;background:#f4f8fb;color:#365d7d}
.crm-master-column-menu .crm-master-admin-menu-item{margin-top:4px;border-top:1px solid #e2e8ee;color:#365d7d}

@media(min-width:851px){
  .service-desk-table.is-column-configurable{table-layout:fixed!important;min-width:0!important}
  .service-desk-table.is-column-configurable th,.service-desk-table.is-column-configurable td{width:auto!important;min-width:0!important;max-width:none!important}
  .service-desk-table.is-column-configurable th[data-service-desk-column]{position:relative;padding:0!important;overflow:visible!important;user-select:none}
  .service-desk-table.is-column-configurable th[data-service-desk-column].is-dragging{opacity:.55}
  .service-desk-table.is-column-configurable th[data-service-desk-column].is-drop-target{box-shadow:inset 3px 0 0 #5b82aa}
  .service-desk-table.is-column-configurable th[data-service-desk-column] .crm-master-heading{min-height:40px}
  .service-desk-table.is-column-configurable th[data-service-desk-column] .queue-sort-button{min-width:0;flex:1;padding:9px 8px;white-space:normal!important;overflow:hidden}
  .service-desk-table.is-column-configurable td[data-queue-column]{box-sizing:border-box;white-space:normal!important;overflow:hidden;overflow-wrap:anywhere}
  .service-desk-table.is-column-configurable td[data-queue-column="player"]{overflow:hidden!important}
  .service-desk-table.is-column-configurable .activity-preview{max-width:100%!important}
}

/* Service Desk search belongs at the top of the workspace and searches the whole desk. */
.service-desk-search-top{display:flex;align-items:center;justify-content:center;width:100%;margin:0 0 18px}
.service-desk-search-top .queue-global-search{flex:0 1 680px;width:min(680px,100%);min-width:320px;max-width:680px}
.service-desk-search-top .global-search{display:flex!important;width:100%!important;min-height:46px;border:1px solid #cfdbe5;border-radius:9px;background:#fff;box-shadow:0 2px 8px rgba(36,57,78,.05)}
.service-desk-search-top .global-search input{font-size:14px;font-weight:500}
.service-desk-search-top .global-search:focus-within{border-color:#86a9c7;box-shadow:0 0 0 3px rgba(70,122,164,.09)}

/* 2026-08-23: Service Desk universal search now lives with the list filters. */
.service-desk-list-search{flex:1 1 430px;min-width:320px}
.service-desk-list-search .service-desk-search-top{width:100%!important;margin:0!important;justify-content:flex-start!important}
.service-desk-list-search .queue-global-search{width:100%!important;max-width:none!important;min-width:0!important;flex:1 1 auto!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
.service-desk-list-search .global-search{width:100%!important;max-width:100%!important;min-width:0!important;min-height:36px!important;box-shadow:none!important;box-sizing:border-box!important}
.service-desk-list-search .global-search input{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;padding-left:0!important;padding-right:0!important}
.service-filter-bar>.service-desk-list-search .service-desk-search-top{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}
.service-filter-bar>.service-desk-list-search .service-desk-search-top .queue-global-search{width:100%!important;max-width:100%!important;min-width:0!important;flex:1 1 auto!important}

@media(max-width:700px){
  .service-summary-totals-text,.service-summary-business-text,.service-summary-secondary-text{display:none!important}
  .service-desk-search-top{margin:0 0 10px}
  .service-desk-search-top .queue-global-search{width:100%;min-width:0;max-width:none;flex:1 1 auto}
}

/* 2026-08-16 Service Desk next pass: calmer summary controls, top scroll rail,
   consistent work-card alignment, and admin conversation audit history. */
.service-desk-search-top{justify-content:flex-start!important;margin:0 0 12px!important}
.service-desk-search-top .queue-global-search{flex:0 1 560px!important;width:min(560px,100%)!important;min-width:300px!important;max-width:560px!important}
.service-desk-summary-band{display:flex;align-items:flex-end;justify-content:flex-start;gap:24px;margin:0 0 18px;max-width:100%}
.service-desk-summary-band #assessmentQuickFilters{flex:0 1 970px;margin:0!important}
.service-desk-summary-tools{display:flex;align-items:flex-end;gap:10px;padding:0 0 3px;white-space:nowrap}
.service-desk-summary-tools .service-desk-refresh-now{margin:0!important;min-height:36px!important;padding:7px 11px!important;font-size:11.5px!important}
.service-desk-summary-tools .queue-new-conversation{margin:0!important;min-height:36px!important}
.service-desk-summary-tools .queue-show-control{display:flex;align-items:center;gap:6px;color:#748294;font-size:10px;font-weight:750}
.service-desk-summary-tools .queue-show-control select{min-height:36px;padding:7px 30px 7px 9px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#334155;font:inherit;font-size:11.5px}
.mobile-queue-list-toolbar{display:none!important}
#assessmentQuickFilters .service-summary-operational .service-summary-copy{justify-self:start!important;width:100%!important;text-align:left!important;align-items:flex-start!important}
#assessmentQuickFilters .service-summary-operational .service-summary-label{text-align:left!important}
#assessmentQuickFilters .followup-summary-card .service-summary-copy{align-items:baseline!important;justify-content:flex-start!important}
#assessmentQuickFilters .followup-summary-card .service-summary-note.is-overdue{color:#a34a4a!important}
.queue-top-scroll{height:18px;overflow-x:auto;overflow-y:hidden;border-top:1px solid #e2e8ee;border-bottom:1px solid #dce4ec;background:#f7f9fb;scrollbar-gutter:stable}
.queue-top-scroll>div{height:1px}
.queue-top-scroll[hidden]{display:none!important}
.followup-owner-filter{display:flex;align-items:center;gap:7px;color:#748294;font-size:10px;font-weight:750;white-space:nowrap}
.followup-owner-filter select{min-height:36px;padding:7px 30px 7px 9px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#334155;font:inherit;font-size:11px}
.followup-list-row{grid-template-columns:90px minmax(145px,1.05fr) minmax(150px,1.05fr) 145px 90px 110px minmax(150px,1.15fr) minmax(125px,.9fr) 225px;min-width:1325px}
.followup-list-head>span:last-child,.followup-list-actions{min-width:0;padding-right:8px;box-sizing:border-box}
.followup-list-actions .secondary-button,.followup-list-actions .danger-button,.followup-list-actions .agenda-done{min-height:30px;padding:5px 8px;font-size:9.5px;white-space:nowrap}
.conversation-log-list{display:grid;gap:0;padding:0 0 2px}
.conversation-log-entry{position:relative;display:grid;grid-template-columns:12px minmax(0,1fr);gap:8px;padding:9px 0;border-bottom:1px solid #edf1f4}
.conversation-log-entry:last-child{border-bottom:0}
.conversation-log-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#8ea4b8;box-shadow:0 0 0 3px #eef3f7}
.conversation-log-copy{min-width:0}
.conversation-log-copy strong{display:block;color:#33485d;font-size:12px;line-height:1.35}
.conversation-log-copy p{margin:4px 0 0;color:#697789;font-size:10.5px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.conversation-log-copy small{display:block;margin-top:4px;color:#8793a0;font-size:9px;line-height:1.35}
.conversation-log-loading,.conversation-log-empty,.conversation-log-error{margin:0;padding:8px 0;color:#7d8997;font-size:11px;line-height:1.45}
.conversation-log-error{color:#9a3d3d}

@media(max-width:1320px){
  .service-desk-summary-band{flex-direction:column;align-items:flex-start;gap:8px}
  .service-desk-summary-band #assessmentQuickFilters{flex:1 1 auto;width:100%}
  .service-desk-summary-tools{padding-bottom:0}
}
@media(max-width:850px){
  .queue-top-scroll{display:none!important}
  .service-desk-summary-tools .queue-show-control{display:none!important}
  .mobile-queue-list-toolbar{display:flex!important;border-top:0!important}
  .followup-owner-filter{width:100%;justify-content:flex-start}
  .followup-owner-filter select{min-width:0;max-width:220px}
}
@media(max-width:700px){
  .service-desk-search-top .queue-global-search{width:100%!important;min-width:0!important;max-width:none!important;flex:1 1 auto!important}
  .service-desk-summary-band{margin-bottom:10px}
  .service-desk-summary-tools{width:100%}
  .service-desk-summary-tools .queue-new-conversation{width:100%}
}

/* Empty Player card: match the small spacing correction already used on mobile so
   Link Player does not sit against the divider. Keep this scoped to desktop only. */
@media(min-width:701px){
  .record-context [data-record-section="player"]>.context-card-body:has([data-link-crm-player]){padding-top:10px!important}
}

/* 2026-08-16 Conversation details refinement: keep the narrow context rail readable
   at every zoom/viewport, and let the Next Alliance Action guide without shouting. */
.record-context .record-status-list{display:flex!important;flex-direction:column!important;width:100%!important;grid-template-columns:none!important}
.record-context .record-status-list .record-status-item,
.record-context .record-status-list .record-status-item.record-status-owner,
.record-context .record-status-list .record-status-item.record-next-alliance-action{display:flex!important;flex-direction:column!important;flex:0 0 auto!important;width:100%!important;min-width:0!important;grid-column:1/-1!important;border-right:0!important;border-bottom:1px solid #e7edf3!important;box-sizing:border-box}
.record-context .record-status-list .record-status-item:last-child{border-bottom:0!important}
.record-context .record-next-alliance-action{background:#fff!important}
.record-context .record-next-action-text{color:#536477!important;font-size:14px!important;line-height:1.45!important;font-weight:550!important}
.record-context .record-next-action-source{color:#8a641f!important;font-size:11px!important;line-height:1.35!important;font-weight:600!important}
.inline-delivery-summary #inlineSmsSegmentCount{font-weight:500!important;color:#536477!important}

/* Super-admin-only SMS usage stays nearly invisible until deliberately opened. */
.sms-usage-summary{flex:0 0 auto;margin:0;padding:0 12px 4px;border:0;background:#fff;color:#536477}
.sms-usage-summary>summary{display:flex;justify-content:flex-end;align-items:center;min-height:20px;margin:0;padding:0 2px;list-style:none;cursor:pointer;color:#98a3ae;font-size:9px;font-weight:750;letter-spacing:.04em;text-transform:uppercase;user-select:none}
.sms-usage-summary>summary::-webkit-details-marker{display:none}
.sms-usage-summary>summary::marker{display:none;content:''}
.sms-usage-summary[open]>summary{color:#667789}
.sms-usage-body{padding:4px 0 6px}
.sms-usage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #e2e8ee;border-radius:7px;overflow:hidden;background:#fbfcfd}
.sms-usage-grid>div{display:flex;flex-direction:column;gap:2px;min-width:0;padding:8px 10px;border-right:1px solid #e2e8ee}
.sms-usage-grid>div:last-child{border-right:0}
.sms-usage-grid span{font-size:9.5px;color:#83909d;font-weight:700;text-transform:uppercase;letter-spacing:.035em}
.sms-usage-grid strong{font-size:13px;line-height:1.25;color:#3f566d;font-weight:850}
.sms-usage-grid .sms-usage-total,.sms-usage-grid .sms-usage-cost{background:#f6f9fb}
.sms-usage-grid .sms-usage-total strong,.sms-usage-grid .sms-usage-cost strong{color:#263f56}
.sms-usage-loading{padding:4px 2px;font-size:10.5px;color:#87939f}
@media(max-width:700px){
  .sms-usage-summary{padding:0 10px 4px}
  .sms-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sms-usage-grid>div:nth-child(2){border-right:0}
  .sms-usage-grid>div:nth-child(-n+2){border-bottom:1px solid #e2e8ee}
}

/* 2026-08-17 Service Desk stability and small control polish. */
#metricGrid .service-summary-number{align-self:center!important}
#globalSearch::-webkit-search-cancel-button,
#globalSearch::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}

/* 2026-08-17 grouped Service Desk summary. The count and label share one
   standard type scale; color repeats the same meanings used elsewhere. */
.service-desk-summary-band{display:block!important;width:100%!important;margin:0 0 14px!important}
.service-desk-summary-band #assessmentQuickFilters{display:block!important;flex:none!important;width:min(970px,100%)!important;max-width:100%!important;margin:0!important}
.service-summary-groups{width:100%;overflow:hidden;border:1px solid #dfe6ec;border-radius:9px;background:#fff;box-sizing:border-box}
.service-summary-group{display:flex;align-items:center;gap:10px;min-height:42px;padding:7px 10px;border-bottom:1px solid #e8edf1;box-sizing:border-box}
.service-summary-group:last-child{border-bottom:0}
.service-summary-group-label{flex:0 0 118px;color:#667587;font-size:12px;font-weight:700;line-height:1.2}
.service-summary-pill-row{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}
.service-summary-pill{display:inline-flex;align-items:center;gap:5px;min-height:30px;margin:0;padding:5px 9px;border:1px solid #dfe5eb;border-radius:999px;background:#f6f8fa;color:#617181;font-family:inherit;font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease,filter .15s ease}
.service-summary-pill strong{color:inherit;font-size:12px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}
.service-summary-pill>span{font-size:12px;line-height:1.2}
.service-summary-pill-detail{margin-left:1px;padding-left:7px;border-left:1px solid currentColor;font-weight:600;opacity:.82}
.service-summary-pill-detail.is-overdue{color:#9f3535;opacity:1}
.service-summary-pill:hover{border-color:currentColor;filter:saturate(1.04) brightness(.99)}
.service-summary-pill.is-static{cursor:default}
.service-summary-pill.is-static:hover{border-color:inherit;filter:none}
.service-summary-pill.is-active{border-color:currentColor!important;box-shadow:0 0 0 2px color-mix(in srgb,currentColor 30%,transparent),inset 0 0 0 1px color-mix(in srgb,currentColor 14%,transparent);font-weight:850;transform:translateY(-1px)}
.service-summary-pill:focus-visible{outline:2px solid #4f7392;outline-offset:2px}
.service-summary-pill.tone-booking{border-color:#d7dee7;background:#f3f5f7;color:#647386}
.service-summary-pill.tone-high{border-color:#b8dfd3;background:#e7f7f2;color:#176b57}
.service-summary-pill.tone-medium{border-color:#efd39b;background:#fff5df;color:#96620c}
.service-summary-pill.tone-low{border-color:#bfd7ef;background:#edf5fd;color:#356b9e}
.service-summary-pill.tone-service{border-color:#d6c7e8;background:#f6f1fb;color:#62428f}
.service-summary-pill.tone-online{border-color:#b9dec6;background:#edf8f1;color:#2f6f46}
.service-summary-pill.tone-online:disabled{opacity:.62;cursor:default;filter:none}
.online-now-dot{display:inline-block;width:7px;height:7px;margin-right:3px;border-radius:50%;background:#35a560;vertical-align:1px}
.service-summary-pill.tone-followup{border-color:#c4daf0;background:#edf6ff;color:#356b9e}
.service-summary-pill.tone-duplicate{border-color:#efc8a8;background:#fff4ea;color:#9a5c24}
.service-summary-pill.tone-open{border-color:#c6d8e6;background:#eef4f9;color:#365f84}
.service-summary-pill.tone-unread{border-color:#b9d7ec;background:#edf6fc;color:#2f6f9d}
.service-summary-pill.tone-unresolved{border-color:#efc2bc;background:#fff1ef;color:#a84436}
.service-summary-pill.tone-pending{border-color:#bfd7ef;background:#edf5fd;color:#356b9e}
.service-summary-pill.tone-resolved{border-color:#c6dfcf;background:#edf7f0;color:#32704a}
.service-summary-pill.tone-total{border-color:#dedfdd;background:#f5f5f4;color:#5e6972}

/* Parent totals and their subsets must read as one unit, not as unrelated metrics. */
.booking-opportunity-cluster,.workflow-waiting-cluster{display:inline-flex;align-items:center;gap:4px;min-width:0;padding:3px;border:1px solid #d8e1e9;border-radius:10px;background:#fafcfd;box-sizing:border-box;flex-wrap:wrap}
.booking-opportunity-cluster{border-color:#d5dde6;background:#f8fafc}
.booking-opportunity-total,.waiting-player-total{font-weight:800!important}
.assessment-separator{display:inline-block;width:1px;height:26px;margin:0 5px;background:#d6dee6;flex:0 0 1px}
.subset-breakdown-label{display:inline-flex;align-items:center;align-self:stretch;margin-left:2px;padding:0 5px 0 8px;border-left:1px solid #dce4eb;color:#7a8897;font-size:9px;font-weight:800;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap}
.workflow-waiting-cluster .subset-pill{min-height:26px;padding:4px 7px;background:#fff;font-size:11px}
.workflow-waiting-cluster .subset-pill strong,.workflow-waiting-cluster .subset-pill>span{font-size:11px}
.service-summary-ai-workflow{flex-wrap:wrap}
.workflow-logic-guide{flex:1 1 100%;margin:1px 0 0 128px;padding:0;color:#627386;font-size:10px;line-height:1.45}
.workflow-logic-guide summary{width:max-content;max-width:100%;color:#496b8a;font-size:10px;font-weight:800;cursor:pointer;user-select:none}
.workflow-logic-guide>div{max-width:1050px;margin-top:6px;padding:8px 10px;border:1px solid #dce5ed;border-radius:7px;background:#f8fafc;color:#52667a}
.workflow-logic-guide strong{color:#304960}
@media(max-width:900px) and (min-width:701px){.workflow-logic-guide{margin-left:114px}.booking-opportunity-cluster,.workflow-waiting-cluster{border-radius:8px}.assessment-separator{display:none}}
.service-desk-summary-tools{display:flex!important;width:100%!important;justify-content:flex-end!important;align-items:center!important;margin-top:10px!important;padding:0!important}
@media(max-width:900px) and (min-width:701px){
  .service-summary-group{align-items:flex-start}
  .service-summary-group-label{flex-basis:104px;padding-top:7px}
}
@media(max-width:700px){
  .service-summary-groups{display:block!important;width:100%!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
  .service-summary-assessment,.service-summary-totals{display:none!important}
  .service-summary-operational{display:block!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important}
  .service-summary-operational>.service-summary-group-label{display:none!important}
  .service-summary-operational>.service-summary-pill-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;width:100%!important}
  .service-summary-operational .service-summary-pill{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;width:100%!important;min-width:0!important;min-height:64px!important;justify-content:stretch!important;column-gap:7px!important;row-gap:2px!important;padding:10px!important;border-radius:11px!important;white-space:normal!important;font-size:12px!important;overflow:visible!important;text-align:left!important}
  .service-summary-operational .service-summary-pill>strong{display:block!important;grid-column:1!important;grid-row:1 / span 2!important;align-self:center!important;width:34px!important;min-width:34px!important;font-size:20px!important;line-height:1!important;text-align:left!important}
  .service-summary-operational .service-summary-pill>span:not(.service-summary-pill-detail){display:block!important;grid-column:2!important;grid-row:1!important;min-width:0!important;font-size:12px!important;font-weight:700!important;line-height:1.15!important;white-space:normal!important;overflow:visible!important;text-align:left!important}
  .service-summary-operational .service-summary-pill-detail{display:block!important;grid-column:2!important;grid-row:2!important;margin:0!important;padding:0!important;border-left:0!important;font-size:11px!important;font-weight:700!important;line-height:1.15!important;white-space:nowrap!important;text-align:left!important}
  .service-summary-operational #onlineNowSummaryCard{grid-column:1!important;grid-row:1!important}
  .service-summary-operational #followupSummaryCard{grid-column:2!important;grid-row:1!important}
  .service-summary-operational #duplicateQuickFilter{grid-column:1!important;grid-row:2!important}
  .service-desk-summary-tools{margin-top:0!important}
  #reevaluateServiceDeskAiBtn{display:none!important}
}

/* Mobile Service Desk: keep a manual local refresh beside search where it is
   reachable without scrolling through the workflow/summary cards. */
.mobile-service-desk-refresh{display:none!important}
@media(max-width:700px){
  .service-desk-search-top{display:flex!important;align-items:center!important;gap:8px!important}
  .service-desk-search-top .queue-global-search{flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important}
  .mobile-service-desk-refresh{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-height:40px!important;padding:7px 10px!important;white-space:nowrap!important}
  .service-desk-summary-tools .service-desk-refresh-now{display:none!important}
  .recent-search-menu{max-height:min(52dvh,420px)!important;overflow-y:auto!important;padding:8px!important;border-radius:12px!important;-webkit-overflow-scrolling:touch}
  .recent-search-heading{padding:7px 8px 9px!important;font-size:14px!important;font-weight:750!important;letter-spacing:0!important;text-transform:none!important}
  .recent-search-clear-all{min-height:36px!important;padding:5px 7px!important;font-size:14px!important;font-weight:700!important}
  .recent-search-row{min-height:50px!important}
  .recent-search-pick{padding:10px 9px!important;font-size:16px!important;font-weight:600!important;line-height:1.25!important}
  .recent-search-remove{width:38px!important;height:38px!important;font-size:22px!important}
  .recent-search-empty{padding:11px 9px!important;font-size:15px!important}
  .search-result-pick{display:flex;width:100%;min-height:64px;flex-direction:column;justify-content:center;gap:4px;padding:10px 11px;border:0;border-bottom:1px solid #edf1f5;border-radius:8px;background:#fff;color:#24384d;text-align:left;cursor:pointer;touch-action:manipulation}
  .search-result-pick:last-of-type{border-bottom:0}
  .search-result-pick:active{background:#eef5fb}
  .search-result-pick strong{font-size:16px;line-height:1.2}
  .search-result-pick .search-result-meta{color:#6d7d8e;font-size:13px;line-height:1.35;white-space:normal}
  .search-result-pick .stage-badge{font-size:11px}
  .search-results-heading span:last-child{font-size:12px!important;font-weight:650;letter-spacing:0;text-transform:none}
  .recent-search-more{padding:9px 10px;color:#7a8798;font-size:13px;font-weight:650;text-align:center}
  .inline-delete-draft{min-height:44px!important;padding:8px 12px!important;font-size:13px!important;touch-action:manipulation}

  /* Dedicated phone operations grid. The desktop summary band is not used on
     phones; this keeps Online / Follow-ups / Possible Duplicates independent
     from all legacy desktop sizing rules. */
  .service-desk-summary-band{display:none!important}
  .mobile-operational-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;max-width:none!important;margin:0 0 14px!important;box-sizing:border-box!important}
  .mobile-operational-grid .service-summary-pill{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;width:100%!important;min-width:0!important;min-height:72px!important;margin:0!important;padding:11px 12px!important;border-radius:12px!important;column-gap:9px!important;row-gap:3px!important;box-sizing:border-box!important;white-space:normal!important;overflow:hidden!important;text-align:left!important}
  .mobile-operational-grid .service-summary-pill>strong{grid-column:1!important;grid-row:1 / span 2!important;align-self:center!important;width:auto!important;min-width:0!important;font-size:25px!important;line-height:1!important;text-align:left!important}
  .mobile-operational-grid .service-summary-pill>span:not(.service-summary-pill-detail){grid-column:2!important;grid-row:1!important;display:block!important;min-width:0!important;font-size:14px!important;font-weight:750!important;line-height:1.08!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:normal!important;overflow-wrap:normal!important}
  .mobile-operational-grid .service-summary-pill-detail{grid-column:2!important;grid-row:2!important;display:block!important;margin:0!important;padding:0!important;border:0!important;font-size:12px!important;font-weight:750!important;line-height:1.1!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  #mobileOnlineNowSummaryCard{grid-column:1!important;grid-row:1!important}
  #mobileFollowupSummaryCard{grid-column:2!important;grid-row:1!important}
  #mobileDuplicateQuickFilter{grid-column:1!important;grid-row:2!important}
}

/* 2026-08-23 Service Desk utility controls belong with the reporting/date header,
   leaving the summary and filter areas visually balanced. */
#workView .service-desk-utility-row{display:flex;align-items:flex-start;justify-content:flex-end;gap:10px;flex-wrap:wrap}
#workView .service-desk-utility-row .date-chip{flex:0 0 auto;min-height:36px;display:flex;align-items:center;box-sizing:border-box}
#workView .service-desk-utility-row .service-desk-summary-tools{display:flex!important;width:auto!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important;white-space:nowrap!important}
#workView .service-desk-utility-row .service-desk-summary-tools .secondary-button{min-height:36px!important;margin:0!important}
#workView .service-desk-utility-row .queue-show-control{display:flex;align-items:center;gap:6px;color:#748294;font-size:10px;font-weight:750}
#workView .service-desk-utility-row .queue-show-control select{min-height:36px;padding:7px 30px 7px 9px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#334155;font:inherit;font-size:11.5px}
#workView .service-desk-summary-band{display:block;max-width:100%;margin-bottom:18px}
#workView .service-desk-summary-band #assessmentQuickFilters{width:100%!important;max-width:none!important}
@media(max-width:1100px) and (min-width:701px){
  #workView .welcome-row{align-items:flex-start}
  #workView .service-desk-utility-row{max-width:620px}
  #workView .service-desk-utility-row .service-desk-summary-tools{flex-wrap:wrap!important}
}
@media(max-width:700px){
  #workView .service-desk-utility-row .service-desk-summary-tools{display:none!important}
  #workView .service-desk-utility-row{justify-content:flex-start;width:100%}
}

/* 2026-08-26 Ticket View viewport contract. The outer Service Desk decides when
   Ticket View is desktop. The embedded ticket must not independently collapse to
   the mobile one-column layout just because its iframe is narrower or zoomed. */
@media(min-width:980px){
  body.service-desk-desk-view{height:100dvh;min-height:0;overflow:hidden}
  body.service-desk-desk-view .main-content{height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column}
  body.service-desk-desk-view #workView.active{display:flex!important;flex:1 1 0;min-height:0;overflow:hidden;padding-bottom:8px!important}
  body.service-desk-desk-view #workView:not(.active){display:none!important}
  body.service-desk-desk-view .desk-simple-view{flex:1 1 0;width:100%;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important}
  body.service-desk-desk-view .desk-queue-pane,
  body.service-desk-desk-view .desk-ticket-pane,
  body.service-desk-desk-view .desk-ticket-frame{height:100%!important;min-height:0!important;overflow:hidden}
}

/* The embedded ticket is always a two-column workspace inside desktop Ticket
   View: conversation on the left, player/certificate context on the right. These
   rules intentionally come last so iframe-width media queries cannot turn it into
   a stacked mobile record. */
body.full-case-mode.desk-embedded .player-drawer{height:100dvh!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
body.full-case-mode.desk-embedded .drawer-content{display:flex!important;flex:1 1 0!important;height:auto!important;min-height:0!important;overflow:hidden!important;padding:8px 10px 10px!important}
body.full-case-mode.desk-embedded .record-workspace{display:grid!important;grid-template-columns:minmax(0,var(--desk-thread-width,76%)) minmax(190px,1fr)!important;grid-template-rows:minmax(0,1fr)!important;gap:10px!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important;position:relative!important}
body.full-case-mode.desk-embedded .record-work{display:flex!important;flex-direction:column!important;grid-column:1!important;grid-row:1!important;order:initial!important;width:auto!important;height:100%!important;min-width:0!important;min-height:0!important;overflow:hidden!important;padding:0!important}
body.full-case-mode.desk-embedded .record-context{display:flex!important;flex-direction:column!important;grid-column:2!important;grid-row:1!important;order:initial!important;width:auto!important;height:100%!important;min-width:0!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 0 0 10px!important;border-left:1px solid #dce4ec!important;background:transparent!important}
body.full-case-mode.desk-embedded .record-conversation{display:flex!important;flex-direction:column!important;flex:1 1 0!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important;gap:6px!important}
body.full-case-mode.desk-embedded .history-conversation{display:flex!important;flex-direction:column!important;flex:1 1 0!important;height:auto!important;min-height:0!important;overflow:hidden!important}
body.full-case-mode.desk-embedded .history-conversation .message-thread{flex:1 1 0!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important}
body.full-case-mode.desk-embedded .conversation-composer-resizer{display:block!important;flex:0 0 12px!important}
body.full-case-mode.desk-embedded .inline-reply{position:relative!important;display:flex!important;flex-direction:column!important;flex:0 0 auto!important;height:clamp(230px,34dvh,330px)!important;min-height:190px!important;max-height:45%!important;overflow:hidden!important;background:#fff!important}
body.full-case-mode.desk-embedded .inline-reply-text-wrap{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important}
body.full-case-mode.desk-embedded .inline-reply-footer{position:relative!important;bottom:auto!important;flex:0 0 auto!important;z-index:9!important;margin-top:auto!important;background:#fff!important}
body.full-case-mode.desk-embedded .inline-reply-actions{position:static!important;bottom:auto!important}

/* Compact Ticket View controls: everything should fit the reduced workspace without shouting. */
body.full-case-mode.desk-embedded .record-context .case-toolbar .top-followup-control{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:6px 8px!important;font-size:11px!important;line-height:1!important}
body.full-case-mode.desk-embedded .record-context .case-toolbar .top-followup-label{width:auto!important;font-size:11px!important;font-weight:750!important;overflow:visible!important;text-overflow:clip!important}
body.full-case-mode.desk-embedded .record-context .case-toolbar .top-followup-control.is-overdue{border-color:#dca7a7!important;background:#fffafa!important;color:#b23f3f!important}
body.full-case-mode.desk-embedded .record-context .case-toolbar .top-followup-control.is-overdue:hover{border-color:#cb8585!important;background:#fff5f5!important;color:#9f3434!important}

body.full-case-mode.desk-embedded .inline-ai-assistant{margin:0 0 6px!important;padding:7px 8px!important;border-radius:7px!important}
body.full-case-mode.desk-embedded .inline-ai-toolbar{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:6px!important;width:100%!important;min-width:0!important;margin:0!important}
body.full-case-mode.desk-embedded .inline-ai-toolbar .inline-ai-secondary{flex:0 0 auto!important;min-height:34px!important;padding:5px 9px!important;border-radius:7px!important;font-size:10.5px!important;font-weight:750!important;white-space:nowrap!important}
body.full-case-mode.desk-embedded .inline-ai-toolbar .inline-shortcut-picker{flex:1 1 auto!important;width:auto!important;min-width:125px!important;max-width:none!important;min-height:34px!important;padding:5px 28px 5px 9px!important;border-radius:7px!important;font-size:10.5px!important;font-weight:750!important;white-space:nowrap!important}
body.full-case-mode.desk-embedded .inline-ai-toolbar .inline-ai-status{flex:0 1 auto!important;min-width:0!important;margin-left:0!important;font-size:9.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* 2026-08-26 Ticket View balance pass. Keep the embedded workspace intentionally
   simple: player context + direct work actions on the right, and one aligned send
   bar at the bottom of the conversation. */
body.full-case-mode.desk-embedded .record-context .record-ticket-identity,
body.full-case-mode.desk-embedded .record-context .conversation-hard-status-row,
body.full-case-mode.desk-embedded .record-context [data-record-section="current-certificate"]{display:none!important}
body.full-case-mode.desk-embedded .record-context .record-topbar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
body.full-case-mode.desk-embedded .record-context .record-topbar>[data-record-section="player"]{display:block!important;width:100%!important;margin:0!important;border:1px solid #dce5ee!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important}
body.full-case-mode.desk-embedded .record-context [data-record-section="player"] .context-summary{min-height:42px!important;padding:10px 12px!important;font-size:13px!important;font-weight:800!important;line-height:1.25!important;color:#2b4055!important}
body.full-case-mode.desk-embedded .record-context [data-record-section="player"] .context-card-body{padding:11px 12px!important}
body.full-case-mode.desk-embedded .record-context [data-record-section="player"] .player-context-link-row{gap:8px!important;align-items:center!important;flex-wrap:wrap!important;font-size:12px!important}
body.full-case-mode.desk-embedded .record-context [data-record-section="player"] .player-context-link-row>span{font-size:13px!important;font-weight:750!important;color:#2b4055!important}
body.full-case-mode.desk-embedded .record-context [data-record-section="player"] .info-item label{font-size:9.5px!important;font-weight:700!important;color:#748396!important}
body.full-case-mode.desk-embedded .record-context [data-record-section="player"] .info-item strong,
body.full-case-mode.desk-embedded .record-context [data-record-section="player"] .info-item button{font-size:11.5px!important;line-height:1.3!important}
body.full-case-mode.desk-embedded .record-context [data-record-section="player"] .secondary-button{min-height:36px!important;padding:7px 10px!important;border-radius:7px!important;font-size:11px!important}

body.full-case-mode.desk-embedded .record-context .case-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px!important;align-items:stretch!important;gap:7px!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
body.full-case-mode.desk-embedded .record-context .case-toolbar .top-followup-control{grid-column:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:38px!important;padding:6px 7px!important;border:1px solid #cbd7e3!important;border-radius:7px!important;background:#fff!important;color:#334b62!important;box-shadow:none!important;font-size:11.5px!important;font-weight:750!important;line-height:1.15!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important}
body.full-case-mode.desk-embedded .record-context .case-toolbar .top-followup-control:hover{border-color:#8fb5d6!important;background:#f7fbff!important;color:#176db7!important}
body.full-case-mode.desk-embedded .record-context .case-toolbar .top-followup-label{display:block!important;width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.full-case-mode.desk-embedded .record-context .case-toolbar .top-followup-meta{display:block!important;max-width:100%!important;font-size:9px!important;font-weight:650!important;line-height:1.1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.full-case-mode.desk-embedded .record-context .case-toolbar .resolve-conversation-button,
body.full-case-mode.desk-embedded .record-context .case-toolbar .reopen-conversation-button{grid-column:2!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:38px!important;padding:6px 7px!important;border-radius:7px!important;box-shadow:none!important;font-size:11.5px!important;font-weight:750!important;line-height:1.15!important;white-space:nowrap!important}
body.full-case-mode.desk-embedded .record-context .case-toolbar .resolve-conversation-button{border:1px solid #cbd7e3!important;background:#fff!important;color:#334b62!important}
body.full-case-mode.desk-embedded .record-context .case-toolbar .resolve-conversation-button:hover{border-color:#78b78d!important;background:#f5fbf7!important;color:#187a40!important}
body.full-case-mode.desk-embedded .record-context .case-toolbar .case-more-menu{grid-column:3!important;width:36px!important;min-width:36px!important;margin:0!important}
body.full-case-mode.desk-embedded .record-context .case-toolbar .case-more-trigger{width:36px!important;min-width:36px!important;height:38px!important;min-height:38px!important;padding:0!important;border-radius:7px!important}

.thread-history-source{display:none!important}

body.full-case-mode.desk-embedded .inline-reply-footer{padding:8px 0 0!important;border-top:1px solid #e4eaf0!important}
body.full-case-mode.desk-embedded .inline-footer-row{display:grid!important;grid-template-columns:minmax(100px,.75fr) minmax(145px,1.05fr) minmax(160px,1.2fr)!important;grid-template-rows:auto auto!important;align-items:center!important;gap:7px 10px!important;width:100%!important;min-width:0!important}
body.full-case-mode.desk-embedded .inline-footer-row .inline-send-timing{grid-column:1!important;grid-row:1!important;display:flex!important;align-items:center!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important}
body.full-case-mode.desk-embedded .inline-footer-row .inline-send-choice{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;min-height:38px!important;padding:7px 10px!important;border:1px solid #cbd7e3!important;border-radius:7px!important;background:#fff!important;color:#334b62!important;font-size:11.5px!important;font-weight:700!important;line-height:1.2!important;white-space:nowrap!important}
body.full-case-mode.desk-embedded .inline-footer-row .inline-send-choice:hover{border-color:#8fb5d6!important;background:#f7fbff!important;color:#176db7!important}
body.full-case-mode.desk-embedded .inline-footer-row .inline-sender-label{grid-column:2!important;grid-row:1!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;margin:0!important;color:#53667a!important;font-size:11px!important;font-weight:750!important;white-space:nowrap!important}
body.full-case-mode.desk-embedded .inline-footer-row .inline-sender-label select{width:100%!important;min-width:0!important;max-width:none!important;min-height:38px!important;padding:7px 30px 7px 9px!important;border:1px solid #cbd7e3!important;border-radius:7px!important;background:#fff!important;color:#2d4257!important;font-size:11.5px!important;font-weight:700!important}
body.full-case-mode.desk-embedded .inline-footer-row .inline-reply-actions{grid-column:3!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;width:100%!important;min-width:0!important;margin:0!important}
body.full-case-mode.desk-embedded .inline-footer-row .inline-draft-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;min-width:0!important;margin:0!important}
body.full-case-mode.desk-embedded .inline-footer-row .inline-reply-actions button{min-height:38px!important;padding:7px 12px!important;border-radius:7px!important;font-size:11.5px!important;font-weight:700!important;white-space:nowrap!important}
body.full-case-mode.desk-embedded .inline-footer-row .inline-reply-warning{grid-column:2 / 4!important;grid-row:2!important;justify-self:end!important;margin:0!important}
body.full-case-mode.desk-embedded #inlineSendBtn{min-width:66px!important}
body.full-case-mode.desk-embedded #inlineSaveDraftBtn{min-width:88px!important}

/* 2026-08-26 narrow-context cleanup: reference information reads vertically in
   both Desk View and Ticket View. Small rails should never create a second
   data column just to save height. */
.record-context .info-list{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
.record-context .info-item{min-width:0!important;width:100%!important}
.record-context .info-item label{font-size:10.5px!important;line-height:1.25!important;font-weight:800!important;color:#526174!important}
.record-context .info-item strong,
.record-context .info-item strong a,
.record-context .info-item button.player-phone,
.record-context .info-item .record-action-link,
.record-context .info-item .copy-club,
.record-context .info-item .copy-certificate{font-size:13.5px!important;line-height:1.4!important}
.record-context .player-context-link-row{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}
.record-context .player-context-link-row>span{width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.record-context .player-context-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;width:100%!important}
.record-context .player-context-actions .secondary-button{width:100%!important;min-width:0!important}
.record-context .cert-row{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}
.record-context .cert-dates{align-items:flex-start!important;width:100%!important;white-space:normal!important}
body.full-case-mode.desk-embedded .record-context [data-record-section="player"] .info-item label,
body.desk-embedded .record-context [data-record-section="current-certificate"] .info-item label{font-size:10.5px!important}
body.full-case-mode.desk-embedded .record-context [data-record-section="player"] .info-item strong,
body.full-case-mode.desk-embedded .record-context [data-record-section="player"] .info-item button,
body.desk-embedded .record-context [data-record-section="current-certificate"] .info-item strong,
body.desk-embedded .record-context [data-record-section="current-certificate"] .info-item strong .dim{font-size:13.5px!important;line-height:1.4!important}

/* 2026-08-26 linked Player record cleanup. A linked Player is the record; do not
   waste narrow context space on a redundant View Player button or stacked giant actions. */
.record-context .player-context-link-row{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
.record-context .player-context-link-row>span{width:auto!important;min-width:0!important;flex:1 1 auto!important;font-size:14px!important;font-weight:800!important;color:#253b51!important;white-space:normal!important}
.record-context .player-context-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;width:auto!important;flex:0 0 auto!important}
.player-context-text-action{appearance:none;border:0!important;background:transparent!important;padding:2px 0!important;min-height:0!important;color:#47708f!important;font:inherit;font-size:10.5px!important;font-weight:750!important;cursor:pointer;text-decoration:none}
.player-context-text-action:hover{text-decoration:underline;color:#176db7!important}.player-context-text-action.is-danger{color:#9d4d49!important}
.linked-player-record{display:flex;flex-direction:column;gap:12px;margin-top:11px}.linked-player-identity-list{gap:10px!important}
.linked-player-record .info-item strong{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important}.linked-player-record .info-item strong small{color:#778798;font-size:10.5px;font-weight:650;line-height:1.3}
.linked-player-history{display:flex;flex-direction:column;gap:0;padding-top:6px;border-top:1px solid #dfe6ed}.linked-player-history-section{display:flex;flex-direction:column;gap:0;padding:10px 0 12px}.linked-player-history-section+.linked-player-history-section{border-top:1px solid #d7e0e8}.linked-player-history-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 3px;padding:5px 7px;border-radius:6px;background:#f3f6f8;color:#32475b}.linked-player-history-heading strong{font-size:11.5px;font-weight:850}.linked-player-history-heading span{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#e6ebef;color:#647487;font-size:9.5px;font-weight:800}
.linked-player-history-row{padding:9px 2px 10px;border-top:1px solid #edf1f5}.linked-player-history-row:first-of-type{border-top:0}.linked-player-history-main{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.linked-player-history-main strong{min-width:0;color:#2f4254;font-size:13.5px;font-weight:700;overflow-wrap:anywhere}.linked-player-status{flex:0 0 auto;color:#5d6d7d;font-size:11px;font-weight:700;letter-spacing:.02em}.linked-player-status.is-active{color:#2e7d4f}.linked-player-status.is-registered{color:#2f6da8}.linked-player-status.is-redeemed{color:#6c7a89}.linked-player-status.is-expired{color:#b42318}.linked-player-history-sub{margin-top:3px;color:#2f4254;font-size:13.5px;font-weight:500;line-height:1.45}.linked-player-history-meta{display:block;margin-top:3px;color:#2f4254;font-size:13.5px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}.linked-player-history-adt{margin-top:3px;color:#2f4254;font-size:13.5px;font-weight:500;line-height:1.5}.linked-player-adt{font-weight:500;color:#2f4254}.linked-player-expiration.is-expired{color:#b42318;font-weight:500}.linked-player-history-row small{display:block;margin-top:3px;color:#778798;font-size:9.5px;font-weight:600;line-height:1.4}.linked-player-history-empty{padding:7px 2px;color:#8390a0;font-size:10.5px}
.queue-player-link-row{display:flex;align-items:center;gap:6px;min-width:0}.queue-ticket-link{min-width:0;color:inherit!important;text-decoration:none!important}.queue-ticket-link:hover{text-decoration:underline!important}.queue-open-new-tab{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:22px;height:22px;border-radius:5px;color:#6c7f92!important;text-decoration:none!important;font-size:13px;font-weight:800;line-height:1}.queue-open-new-tab:hover{background:#edf3f8;color:#246da8!important}
.player-auto-match{display:grid;gap:7px;margin-bottom:8px}.player-auto-match-note{color:#718297;font-size:10.5px;line-height:1.4}.player-auto-match .player-link-result{padding:8px;border:1px solid #d9e3eb;background:#f8fafc}.player-auto-match .player-link-result strong{color:#2a4055}.player-auto-match .player-link-result small{color:#748496}.player-auto-match-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}

.full-case-service-nav{display:none}
@media(min-width:701px){
  body.full-case-mode:not(.desk-embedded) .full-case-service-nav{display:flex;flex-direction:column;align-items:stretch;flex:0 0 auto;background:#fff;z-index:5}
  body.full-case-mode:not(.desk-embedded) .full-case-enterprise-module-bar{display:flex!important;min-height:56px;padding-left:max(24px,calc((100vw - 1480px)/2));padding-right:max(24px,calc((100vw - 1480px)/2));border-bottom:1px solid #e2e8ef}
  body.full-case-mode:not(.desk-embedded) .full-case-view-bar{display:flex;align-items:center;gap:18px;min-height:66px;padding:8px max(24px,calc((100vw - 1480px)/2));border-bottom:1px solid #dce5ee;background:#fff}
  body.full-case-mode:not(.desk-embedded) .full-case-view-bar>strong{color:#1f2f40;font-size:18px;font-weight:800}
  body.full-case-mode:not(.desk-embedded) .full-case-view-bar .service-desk-view-toggle{margin:0}

  /* Desk View and Ticket View are two presentations of the same record. Keep
     the Player/context rail on the right in both so the user's eye does not
     have to relearn the page when switching views. */
  body.full-case-mode:not(.desk-embedded) .record-workspace{grid-template-columns:minmax(0,1fr) minmax(300px,31%)!important;gap:12px!important}
  body.full-case-mode:not(.desk-embedded) .record-work{grid-column:1!important;grid-row:1!important;order:1!important}
  body.full-case-mode:not(.desk-embedded) .record-context{grid-column:2!important;grid-row:1!important;order:2!important;padding-left:7px!important;padding-right:0!important}

  /* Match the compact square-corner action geometry already used in Ticket
     View. "Send later" should not look like a different kind of control. */
  body.full-case-mode:not(.desk-embedded) .inline-footer-row .inline-send-choice{min-height:38px!important;padding:7px 12px!important;border-radius:7px!important;font-size:11.5px!important;line-height:1.2!important}
}
@media(min-width:701px) and (max-width:979px){
  body.full-case-mode:not(.desk-embedded) .record-workspace{display:flex!important;flex-direction:column!important}
  body.full-case-mode:not(.desk-embedded) .record-work{order:1!important}
  body.full-case-mode:not(.desk-embedded) .record-context{order:2!important;padding-left:0!important}
}

/* 2026-08-26 full-screen Desk View viewport contract. The page itself must not
   scroll past the composer. Message history and Player context are the scroll
   regions; the reply footer always remains inside the visible browser window. */
@media(min-width:701px){
  body.full-case-mode:not(.desk-embedded) .player-drawer{height:100dvh!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
  body.full-case-mode:not(.desk-embedded) .full-case-service-nav,
  body.full-case-mode:not(.desk-embedded) .drawer-header{flex:0 0 auto!important}
  body.full-case-mode:not(.desk-embedded) .drawer-content{display:flex!important;flex:1 1 0!important;height:auto!important;min-height:0!important;overflow:hidden!important;padding:8px 10px 10px!important}
  body.full-case-mode:not(.desk-embedded) .record-workspace{display:grid!important;grid-template-rows:minmax(0,1fr)!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important}
  body.full-case-mode:not(.desk-embedded) .record-work{display:flex!important;flex-direction:column!important;width:auto!important;height:100%!important;min-width:0!important;min-height:0!important;overflow:hidden!important}
  body.full-case-mode:not(.desk-embedded) .record-context{height:100%!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}
  body.full-case-mode:not(.desk-embedded) .record-conversation{display:flex!important;flex-direction:column!important;flex:1 1 0!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important}
  body.full-case-mode:not(.desk-embedded) .history-conversation{display:flex!important;flex-direction:column!important;flex:1 1 0!important;height:auto!important;min-height:0!important;overflow:hidden!important}
  body.full-case-mode:not(.desk-embedded) .history-conversation .message-thread{flex:1 1 0!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important}
  body.full-case-mode:not(.desk-embedded) .conversation-composer-resizer{display:block!important;flex:0 0 12px!important}
  body.full-case-mode:not(.desk-embedded) .inline-reply{position:relative!important;display:flex!important;flex-direction:column!important;flex:0 0 auto!important;height:clamp(220px,32dvh,300px)!important;min-height:180px!important;max-height:45%!important;overflow:hidden!important;background:#fff!important}
  body.full-case-mode:not(.desk-embedded) .inline-reply-text-wrap{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important}
  body.full-case-mode:not(.desk-embedded) .inline-reply-footer{position:relative!important;bottom:auto!important;flex:0 0 auto!important;z-index:9!important;margin-top:auto!important;padding-top:8px!important;background:#fff!important}
  body.full-case-mode:not(.desk-embedded) .inline-reply-actions{position:static!important;bottom:auto!important}
  body.full-case-mode:not(.desk-embedded) .inline-ai-assistant{margin:0 0 6px!important;padding:7px 8px!important;border-radius:7px!important}
  body.full-case-mode:not(.desk-embedded) .inline-ai-toolbar{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:6px!important;width:100%!important;min-width:0!important;margin:0!important}
  body.full-case-mode:not(.desk-embedded) .inline-ai-toolbar .inline-ai-secondary{flex:0 0 auto!important;min-height:34px!important;padding:5px 9px!important;border-radius:7px!important;font-size:10.5px!important;font-weight:750!important;white-space:nowrap!important}
  body.full-case-mode:not(.desk-embedded) .inline-ai-toolbar .inline-shortcut-picker{flex:1 1 auto!important;width:auto!important;min-width:125px!important;max-width:none!important;min-height:34px!important;padding:5px 28px 5px 9px!important;border-radius:7px!important;font-size:10.5px!important;font-weight:750!important;white-space:nowrap!important}
  body.full-case-mode:not(.desk-embedded) .inline-footer-row{display:grid!important;grid-template-columns:minmax(120px,.8fr) minmax(160px,1fr) minmax(190px,1.2fr)!important;align-items:center!important;gap:8px 10px!important;width:100%!important;min-width:0!important}
  body.full-case-mode:not(.desk-embedded) .inline-footer-row .inline-send-timing{grid-column:1!important;display:flex!important;width:100%!important;margin:0!important;padding:0!important;border:0!important}
  body.full-case-mode:not(.desk-embedded) .inline-footer-row .inline-send-choice{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:38px!important;border-radius:7px!important}
  body.full-case-mode:not(.desk-embedded) .inline-footer-row .inline-sender-label{grid-column:2!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;margin:0!important}
  body.full-case-mode:not(.desk-embedded) .inline-footer-row .inline-sender-label select{width:100%!important;min-width:0!important;max-width:none!important;min-height:38px!important;border-radius:7px!important}
  body.full-case-mode:not(.desk-embedded) .inline-footer-row .inline-reply-actions{grid-column:3!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;width:100%!important;min-width:0!important;margin:0!important}
  body.full-case-mode:not(.desk-embedded) .inline-footer-row .inline-reply-actions button{min-height:38px!important;border-radius:7px!important}
}

/* 2026-08-26 Service Desk chrome consolidation. Desk View and Ticket View use
   the same one-row navigation; switching views changes the workspace, not the
   page chrome. */
@media(min-width:851px){
  body.service-desk-active:not(.full-case-mode) #enterpriseModuleBar{position:relative!important;padding-right:190px!important}
  body.service-desk-active:not(.full-case-mode) .topbar{position:relative!important;height:0!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important}
  body.service-desk-active:not(.full-case-mode) .topbar-heading,
  body.service-desk-active:not(.full-case-mode) .top-actions,
  body.service-desk-active:not(.full-case-mode) .mobile-account,
  body.service-desk-active:not(.full-case-mode) .mobile-nav-toggle{display:none!important}
  body.service-desk-active:not(.full-case-mode) .topbar-account{position:absolute!important;right:22px!important;top:-39px!important;z-index:25!important;margin:0!important;min-height:34px!important;height:34px!important}
  .enterprise-service-desk-view-toggle,.full-case-inline-view-toggle{align-self:center!important;flex:0 0 auto!important;margin:6px 8px 6px 2px!important;padding:2px!important;border-radius:7px!important}
  .enterprise-service-desk-view-toggle button,.full-case-inline-view-toggle button{min-height:26px!important;padding:4px 8px!important;font-size:10.5px!important}
}

@media(min-width:701px){
  body.full-case-mode:not(.desk-embedded) .full-case-enterprise-module-bar{position:relative!important;height:44px!important;min-height:44px!important;padding-right:max(105px,calc((100vw - 1480px)/2))!important}
  body.full-case-mode:not(.desk-embedded) .compact-record-header{position:absolute!important;top:0!important;right:max(12px,calc((100vw - 1480px)/2))!important;z-index:30!important;width:auto!important;height:44px!important;min-height:44px!important;padding:0!important;border:0!important;background:transparent!important;pointer-events:none!important}
  body.full-case-mode:not(.desk-embedded) .compact-record-header .compact-record-identity{display:none!important}
  body.full-case-mode:not(.desk-embedded) .compact-record-header .drawer-header-actions{height:44px!important;align-items:center!important;pointer-events:auto!important}
  body.full-case-mode:not(.desk-embedded) .compact-record-header .drawer-icon-button,
  body.full-case-mode:not(.desk-embedded) .compact-record-header .close-button{width:30px!important;height:30px!important;min-width:30px!important;font-size:15px!important}
  body.full-case-mode:not(.desk-embedded) .compact-record-header #mobileRecordDetailsToggle{display:none!important}

  body.full-case-mode:not(.desk-embedded) .record-context{gap:9px!important}
  body.full-case-mode:not(.desk-embedded) .record-left-operations{gap:9px!important}
  body.full-case-mode:not(.desk-embedded) .record-context .record-topbar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important;margin:0!important}
  body.full-case-mode:not(.desk-embedded) .record-context .record-ticket-identity{display:none!important}
  body.full-case-mode:not(.desk-embedded) .record-context .conversation-hard-status-copy{display:none!important}
  body.full-case-mode:not(.desk-embedded) .record-context .conversation-hard-status-row{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  body.full-case-mode:not(.desk-embedded) .record-context .conversation-hard-status-row .case-state-control{width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important}
  body.full-case-mode:not(.desk-embedded) .record-context .conversation-hard-status-row #caseStateBtn{display:grid!important;grid-template-columns:7px minmax(0,1fr) 11px!important;align-items:center!important;gap:5px!important;width:auto!important;min-width:106px!important;max-width:128px!important;height:32px!important;min-height:32px!important;padding:5px 8px!important;border-radius:7px!important;font-size:11px!important;font-weight:750!important;line-height:1!important}
  body.full-case-mode:not(.desk-embedded) .record-context .conversation-state-dot{width:7px!important;height:7px!important}
  body.full-case-mode:not(.desk-embedded) .record-context .context-card,
  body.full-case-mode:not(.desk-embedded) .record-context .record-left-section{margin:0!important}

  .player-context-actions-only{justify-content:flex-end!important;margin:0 0 6px!important}
  .player-context-actions-only .player-context-actions{margin-left:auto!important}
}

/* 2026-08-30 final ticket-status cleanup: one factual status control, no duplicate resolve/menu actions. */
.ticket-controls-heading{display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:9px 10px;border:1px solid #dce5ee;border-radius:8px;background:#fff;box-sizing:border-box}
.ticket-controls-heading>strong{font-size:11px;font-weight:850;color:#33485e;line-height:1.2}
.conversation-state-segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;width:100%;min-width:0}
.conversation-state-choice{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:30px;padding:5px 7px;border:1px solid #cfd9e3;border-radius:7px;background:#fff;color:#42566c;font:inherit;font-size:10px;font-weight:750;line-height:1.1;white-space:nowrap;cursor:pointer;box-shadow:none}
.conversation-state-choice:hover{border-color:#9eb9d1;background:#f8fbfd}
.conversation-state-choice .conversation-state-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#91a0af}
.conversation-state-choice.state-unresolved .conversation-state-dot{background:#c85c50}
.conversation-state-choice.state-pending .conversation-state-dot{background:#4d92c7}
.conversation-state-choice.state-resolved .conversation-state-dot{background:#3f9460}
.conversation-state-choice.state-unresolved.is-active{border-color:#ddb4ae;background:#fff9f8;color:#93463d}
.conversation-state-choice.state-pending.is-active{border-color:#a9c9e1;background:#f6fbff;color:#2d6f9f}
.conversation-state-choice.state-resolved.is-active{border-color:#acd1b8;background:#f7fbf8;color:#2f7748}
.ticket-followup-row{display:flex;align-items:center;justify-content:flex-start;margin:0;padding:0}
.ticket-followup-row .top-followup-control{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:104px!important;max-width:170px!important;min-height:32px!important;padding:6px 10px!important;border:1px solid #cbd7e3!important;border-radius:7px!important;background:#fff!important;color:#40556b!important;box-shadow:none!important;font-size:10.5px!important;font-weight:750!important;line-height:1.1!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap!important}
.ticket-followup-row .top-followup-control:hover{border-color:#8fb5d6!important;background:#f7fbff!important;color:#176db7!important}
.ticket-followup-row .top-followup-control.has-followup{border-color:#9fc3df!important;background:#f7fbff!important;color:#176db7!important}
.ticket-followup-row .top-followup-control.is-overdue{border-color:#dca7a7!important;background:#fffafa!important;color:#a63d3d!important}
@media(max-width:650px){
  .conversation-state-segmented{grid-template-columns:1fr}
  .conversation-state-choice{justify-content:flex-start;padding-left:10px}
  .ticket-followup-row .top-followup-control{width:100%!important;max-width:none!important}
}

/* 2026-08-30 follow-up dialog: desktop should show the whole form without an inner scroll. */
@media(min-width:701px){
  #recordFollowupPanel.followup-modal{
    width:min(920px,calc(100vw - 48px))!important;
    height:auto!important;
    max-height:calc(100vh - 48px)!important;
    overflow:visible!important;
  }
  #recordFollowupPanel .work-panel-head{position:static!important;padding:13px 18px!important}
  #recordFollowupPanel .followup-compact-grid{
    grid-template-columns:minmax(180px,.9fr) minmax(220px,1fr) minmax(190px,.9fr)!important;
    gap:12px!important;
    margin-top:16px!important;
    margin-bottom:12px!important;
  }
  #recordFollowupPanel .next-action-row{margin-top:0!important;margin-bottom:12px!important}
  #recordFollowupPanel .internal-note-label{margin-top:0!important;margin-bottom:12px!important}
  #recordFollowupPanel .internal-note-label textarea{min-height:104px!important;max-height:none!important;resize:vertical!important}
  #recordFollowupPanel .followup-actions{margin-top:0!important;margin-bottom:16px!important}
}
@media(max-width:700px){
  #recordFollowupPanel.followup-modal{width:calc(100vw - 20px)!important;max-height:90vh!important;overflow-y:auto!important}
  #recordFollowupPanel .followup-compact-grid{grid-template-columns:1fr!important}
}

/* 2026-09-01: keep the universal Service Desk search aligned with the other
   desktop filter controls. Historical search rules moved this element between
   several layouts; this final scoped rule makes its current filter-row home
   deterministic without changing mobile. */
@media(min-width:701px){
  #workView .service-filter-bar>.service-desk-list-search{min-width:0!important;width:100%!important}
  #workView .service-filter-bar>.service-desk-list-search .service-desk-search-top{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important}
  #workView .service-filter-bar>.service-desk-list-search .queue-global-search{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;flex:none!important;margin:0!important;padding:0!important}
  #workView .service-filter-bar>.service-desk-list-search .global-search{width:100%!important;min-width:0!important;max-width:none!important;min-height:36px!important;margin:0!important;box-sizing:border-box!important}
}

/* 2026-09-06 Service Desk AI composer: one editable reply surface.
   AI instructions and suggestions sit above the normal composer instead of
   replacing it with a second, locked "working reply" workspace. */
.inline-reply-text-wrap.is-ai-compose-mode,
.inline-reply-text-wrap.is-ai-suggestions-mode{
  height:auto!important;
  overflow:visible!important;
}
.inline-reply-text-wrap.is-ai-compose-mode>.inline-message-editor-shell,
.inline-reply-text-wrap.is-ai-suggestions-mode>.inline-message-editor-shell{
  display:flex!important;
}
.inline-reply-text-wrap.is-ai-compose-mode>#inlineMessageEditorChrome,
.inline-reply-text-wrap.is-ai-suggestions-mode>#inlineMessageEditorChrome{
  display:flex!important;
}
.inline-reply-text-wrap.is-ai-compose-mode .inline-ai-assistant,
.inline-reply-text-wrap.is-ai-suggestions-mode .inline-ai-assistant{
  height:auto!important;
  min-height:0!important;
}
.inline-reply-text-wrap.is-ai-compose-mode .inline-ai-compose,
.inline-reply-text-wrap.is-ai-suggestions-mode .inline-ai-suggestions{
  flex:0 0 auto!important;
  min-height:0!important;
  overflow:visible!important;
}
.inline-ai-compose{
  position:relative;
  margin-top:8px;
  padding:10px 44px 10px 10px;
}
.inline-ai-compose-prompt{gap:7px}
.inline-ai-compose-copy{display:flex;flex-direction:column;gap:2px;padding-right:4px}
.inline-ai-compose-copy strong{color:#33485e;font-size:12.5px;font-weight:800;line-height:1.25}
.inline-ai-compose-copy small{color:#6b7b8b;font-size:11.5px;font-weight:600;line-height:1.35}
.inline-ai-compose-input-shell{position:relative}
.inline-ai-compose-input-shell textarea{
  display:block;
  width:100%;
  min-height:66px!important;
  max-height:180px!important;
  resize:vertical!important;
  padding:10px 52px 10px 11px!important;
  box-sizing:border-box;
}
.inline-ai-compose-input-shell .inline-ai-compose-submit{
  position:absolute!important;
  right:8px!important;
  bottom:8px!important;
}
.inline-ai-compose-actions{margin-top:0!important}
.inline-ai-manual-tools{margin-top:5px!important;padding-top:5px!important}
.inline-ai-suggestions{margin-top:8px;padding-top:8px}

@media(max-width:760px){
  .inline-ai-compose{padding:10px 42px 10px 10px}
  .inline-ai-compose-input-shell textarea{min-height:76px!important;max-height:190px!important}
  .inline-ai-compose-copy small{font-size:12px}
}