/* Alliance Travel CRM visual system — 2026-08-15
   Calm neutral surfaces; color is reserved for meaning, not decoration. */
:root{
  --ui-ink:#202833;
  --ui-text:#344250;
  --ui-muted:#6f7b87;
  --ui-line:#dfe4e9;
  --ui-line-strong:#cdd5dd;
  --ui-canvas:#f5f6f8;
  --ui-surface:#ffffff;
  --ui-soft:#f8f9fb;
  --ui-accent:#2f6f9f;
  --ui-accent-dark:#245b83;
  --ui-accent-soft:#eef4f8;
  --ui-success:#3f7d56;
  --ui-danger:#b84a4a;
  --ui-warning:#ae761f;
  --ui-neutral:#74808c;
  --ui-shadow:0 1px 2px rgba(31,42,55,.05);
  --ui-popover-shadow:0 12px 30px rgba(31,42,55,.15);
  --enterprise-table-header-bg:#f5f7f9;
  --enterprise-table-header-text:#627286;
  --enterprise-table-header-size:11px;
  --enterprise-table-body-size:11.5px;
  --enterprise-table-secondary-size:10px;
  --enterprise-table-row-pad-y:11px;
  --enterprise-table-row-pad-x:10px;
}

body{background:var(--ui-canvas)!important;color:var(--ui-ink)!important}
.sidebar,.topbar,.panel,.record-status-strip,.inline-reply,.inline-delivery-panel{background:var(--ui-surface)!important}
.sidebar,.topbar,.panel,.record-status-strip{border-color:var(--ui-line)!important;box-shadow:none!important}

/* Navigation: Pipedrive-like restraint. */
.nav-section-label{color:#8a949e!important;font-size:10.5px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important}
.nav-item{color:#4c5966!important;font-size:13px!important;font-weight:550!important;border-radius:6px!important}
.nav-item:hover{background:#f3f5f7!important;color:var(--ui-ink)!important}
.nav-item.active{background:#edf2f6!important;color:#244d70!important;font-weight:700!important}
.nav-item b{background:#eef1f4!important;color:#64717e!important;font-weight:700!important}
.nav-item.active b{background:#fff!important;color:#244d70!important}
.crm-nav-group .nav-item em{background:#f3f5f7!important;border-color:#dfe4e9!important;color:#77828d!important;letter-spacing:0!important;text-transform:none!important}
.sidebar-note{background:#f8f9fa!important;border-color:var(--ui-line)!important;color:var(--ui-muted)!important;box-shadow:none!important}

/* Typography: sentence/proper case unless the acronym itself is uppercase. */
.eyebrow,.record-kicker,.service-filter>span,.bulk-actions-wrap>span,.field-label,.inline-schedule-grid label,
.followup-list-head,.scheduled-message-table th,.bulk-history-table th,.service-desk-table th,
.info-card h4,.info-item label,.status-split label,.tag-block>label,.tag-filter-section-label,
.last-reply-period-label,.tag-rule-form label,.followup-rich-meta>div>span,.followup-rich-action>span,
.followup-rich-message>span,.refresh-draft-criteria span,.send-draft-member-table th,.send-draft-stats span,
.message-preview-meta span,.new-conversation-field,.new-conversation-channel legend,.drawer-activity-meta span,
.template-fields-label,.recent-search-heading,.conversation-source,.certificate-status{
  text-transform:none!important;
  letter-spacing:0!important;
}
.eyebrow{color:#77828e!important;font-size:11.5px!important;font-weight:650!important}
.topbar h1,.welcome-row h2,.section-intro h2{color:var(--ui-ink)!important}
.panel-header h3{color:#2a3541!important}
.panel-header p,.welcome-row p,.section-intro p{color:var(--ui-muted)!important}
.service-desk-table th,.scheduled-message-table th,.bulk-history-table th,.followup-list-head{font-size:11px!important;font-weight:700!important;color:#687582!important;background:#f6f7f9!important}
/* Enterprise table standard: Service Desk is the reference implementation. */
.service-desk-table th,.crm-player-table th,.crm-player-history-table th,.crm-player-overview-table th,.booking-report-table th,.crm-master-table th{
  background:var(--enterprise-table-header-bg)!important;
  color:var(--enterprise-table-header-text)!important;
  font-size:var(--enterprise-table-header-size)!important;
  font-weight:800!important;
  letter-spacing:.035em!important;
}
.service-desk-table td,.crm-player-table td,.crm-player-history-table td,.crm-player-overview-table td,.booking-report-table td,.crm-master-table td{
  font-size:var(--enterprise-table-body-size)!important;
  line-height:1.4!important;
}
.crm-player-table th,.crm-player-table td,.crm-player-history-table th,.crm-player-history-table td,.crm-player-overview-table th,.crm-player-overview-table td,.booking-report-table th,.booking-report-table td,.crm-master-table th,.crm-master-table td{
  padding:var(--enterprise-table-row-pad-y) var(--enterprise-table-row-pad-x)!important;
}
.crm-player-table td small,.crm-player-history-table td small,.crm-player-overview-table td small,.booking-report-table td small,.booking-report-sub,.booking-player-club{
  font-size:var(--enterprise-table-secondary-size)!important;
}
.crm-player-overview-table tbody td strong{font-size:var(--enterprise-table-body-size)!important}
/* Player names are the consistent navigation cue; other table links stay neutral until hover. */
.crm-player-table td[data-player-field="name"]{color:#236fb9!important;font-weight:700!important}
.crm-player-table .workflow-record-link,.crm-player-table .crm-player-count-link{color:#2d4054!important;text-decoration:none!important}
.crm-player-table .workflow-record-link:hover,.crm-player-table .crm-player-count-link:hover{text-decoration:underline!important;text-underline-offset:2px}
.crm-player-status,.booking-status,.crm-status-pill{font-size:10.5px!important}
/* Configurable headers keep their internal padding/resize mechanics while sharing the same typography. */
.crm-player-table.is-column-configurable th[data-player-column],.booking-report-table.booking-configurable-table th[data-booking-column],.crm-master-table th[data-crm-master-column]{padding:0!important}
.crm-player-table.is-column-configurable .crm-master-sort,.booking-report-table .booking-sort-button,.booking-report-table .booking-static-column-label,.crm-master-table .crm-master-sort{
  font-size:var(--enterprise-table-header-size)!important;
  font-weight:800!important;
  color:var(--enterprise-table-header-text)!important;
}
.service-filter>span,.bulk-actions-wrap>span,.record-kicker{font-size:11.5px!important;font-weight:700!important;color:#74808c!important}
.record-notes-head h3{font-size:14px!important;font-weight:750!important;letter-spacing:0!important;text-transform:none!important}

/* Shared controls. */
.primary-button,.secondary-button,.danger-button,.icon-button,
.inline-ai-primary,.inline-ai-secondary,.conversation-followup-button,.top-followup-control{
  border-radius:6px!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.primary-button,.inline-ai-primary{background:var(--ui-accent)!important;border-color:var(--ui-accent)!important;color:#fff!important}
.primary-button:hover,.inline-ai-primary:hover{background:var(--ui-accent-dark)!important;border-color:var(--ui-accent-dark)!important}
.secondary-button,.inline-ai-secondary{background:#fff!important;border-color:var(--ui-line-strong)!important;color:#3e5061!important}
.secondary-button:hover,.inline-ai-secondary:hover{background:#f6f8fa!important;border-color:#aebbc7!important;color:#263a4d!important}
.icon-button,.case-more-trigger{background:#fff!important;border-color:var(--ui-line-strong)!important;color:#536271!important;box-shadow:none!important}
.icon-button:hover,.case-more-trigger:hover,.case-more-menu[open]>.case-more-trigger{background:#f6f8fa!important;border-color:#aebbc7!important;color:#2e465c!important}

/* Stage cards: one design, semantic color only in the icon/selection cue. */
.metric-grid{gap:9px!important}
.metric-card,.open-conversation-summary,.followup-summary-card,.duplicate-quick-card,.assessment-service-card{
  background:#fff!important;
  border:1px solid var(--ui-line)!important;
  border-top:1px solid var(--ui-line)!important;
  border-left:1px solid var(--ui-line)!important;
  box-shadow:none!important;
  color:var(--ui-text)!important;
}
.metric-card::before{display:none!important}
.metric-card:hover,.open-conversation-summary:hover,.followup-summary-card:hover,.duplicate-quick-card:hover,.assessment-service-card:hover{
  background:#fafbfc!important;
  border-color:#c6d0d9!important;
  transform:none!important;
  box-shadow:var(--ui-shadow)!important;
}
.metric-card.is-active,.open-conversation-summary.is-active{
  background:#f7fafc!important;
  border-color:#9fb8cc!important;
  box-shadow:0 0 0 1px #c9d8e4!important;
}
.metric-card .metric-top,.open-conversation-summary span,.followup-summary-card span{color:#5e6c79!important;font-weight:700!important}
.metric-card .metric-value,.open-conversation-summary strong,.followup-summary-card strong{color:#273746!important}
.metric-card .metric-foot,.followup-summary-card small{color:#788490!important}
.metric-card .metric-icon{color:var(--metric-color,#6f7c89)!important}
.metric-card .metric-select-check{border-color:#c7d0d8!important;background:#fff!important;color:#fff!important}
.metric-card.is-active .metric-select-check{border-color:var(--ui-accent)!important;background:var(--ui-accent)!important}
.followup-summary-card.has-overdue{background:#fff!important;border-color:var(--ui-line)!important;border-left:1px solid var(--ui-line)!important}
.followup-summary-card.has-overdue strong{color:#273746!important}
.followup-summary-card.has-overdue small{color:var(--ui-warning)!important}
.duplicate-quick-card{border-left:1px solid var(--ui-line)!important}
.duplicate-quick-card::before,.followup-summary-card::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;vertical-align:1px}
.duplicate-quick-card::before{background:var(--ui-warning)}
.followup-summary-card::before{background:#6d7f90}
.followup-summary-card.has-overdue::before{background:var(--ui-warning)}

/* Statuses: white/neutral pills with a small semantic dot. */
.stage-badge,.crisp-badge,.booking-opportunity-badge,.channel-pill{
  background:#fff!important;
  border:1px solid var(--ui-line)!important;
  color:#425160!important;
  box-shadow:none!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.record-status-item .stage-badge,.record-status-item .crisp-badge{padding:6px 9px!important;font-size:12.5px!important;font-weight:700!important}
.stage-badge::before,.crisp-badge::before{content:'';width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:7px;background:var(--ui-neutral);flex:0 0 auto}
.stage-new_reply::before{background:var(--ui-accent)}
.stage-needs_reply::before,.stage-overdue::before{background:var(--ui-danger)}
.stage-action_scheduled::before{background:#60788e}
.stage-waiting_on_player::before,.stage-waiting_for_player::before{background:#8a949e}
.stage-ready_to_resolve::before,.stage-ready_to_extend::before,.stage-booked::before{background:var(--ui-success)}
.stage-crisp_resolved::before{background:var(--ui-success)}
.crisp-unresolved::before{background:var(--ui-danger)}
.crisp-resolved::before{background:var(--ui-success)}
.crisp-pending::before,.crisp-new_conversation::before,.crisp-new_reply::before{background:#4d91c9}
.ready-resolve-note{color:#64717e!important}

/* AI assessment: text stays neutral; dot carries the meaning. */
.booking-opportunity-badge{border-radius:7px!important;background:#fff!important;color:#3f4f5e!important}
.booking-opportunity-badge .opportunity-dot{background:#7d8995!important;color:#7d8995!important}
.booking-opportunity-badge.opportunity-high .opportunity-dot{background:var(--ui-success)!important}
.booking-opportunity-badge.opportunity-medium .opportunity-dot{background:var(--ui-warning)!important}
.booking-opportunity-badge.opportunity-low .opportunity-dot{background:var(--ui-accent)!important}
.booking-opportunity-badge.opportunity-service .opportunity-dot{background:#657789!important}
.booking-opportunity-badge.opportunity-declined .opportunity-dot{background:var(--ui-danger)!important}
.booking-opportunity-badge.opportunity-review .opportunity-dot{background:var(--ui-warning)!important}
.booking-opportunity-badge[class*="opportunity-"]{border-color:var(--ui-line)!important;background:#fff!important;color:#3f4f5e!important;box-shadow:none!important}
.record-status-service .booking-opportunity-badge{background:#fff!important}
.assessment-service-card{border-left:1px solid var(--ui-line)!important;color:#3f4f5e!important}
.assessment-service-icon{background:#fff!important;border-color:var(--ui-line)!important;color:#657789!important}
.assessment-service-copy small,.assessment-service-copy strong,.assessment-service-copy em,.assessment-service-card>b{color:#4b5b6a!important;text-transform:none!important;letter-spacing:0!important}

/* Channels: acronym can stay uppercase, but channel choice does not get a separate color family. */
.channel-pill,.channel-pill.source-sms,.channel-pill.source-email,.channel-pill.source-chat,.channel-pill.source-form{background:#fff!important;border-color:var(--ui-line)!important;color:#4d5d6c!important}
.channel-pill-icon{background:#f4f6f8!important;color:#657481!important}

/* Service record action bar: Follow-up secondary, Resolve success. */
.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:var(--ui-line-strong)!important;color:#40566a!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:#f6f8fa!important;border-color:#aebbc7!important;color:#273f54!important
}
.record-context .record-topbar .case-toolbar .resolve-conversation-button{background:var(--ui-success)!important;border-color:var(--ui-success)!important;color:#fff!important}
.record-context .record-topbar .case-toolbar .resolve-conversation-button:hover{background:#326a48!important;border-color:#326a48!important}
.top-followup-overdue{background:#fff!important;color:var(--ui-danger)!important;border:0!important;text-transform:none!important;letter-spacing:0!important}

/* AI composer: use the same blue/neutral system as everything else, not a purple subsystem. */
.inline-ai-assistant{background:#fff!important;border-color:var(--ui-line)!important;border-radius:8px!important}
.inline-ai-toolbar{gap:7px!important}
.inline-shortcut-picker{background:#fff!important;border-color:var(--ui-line-strong)!important;color:#405060!important;border-radius:6px!important;font-weight:500!important}
.inline-shortcut-picker:hover{background:#f6f8fa!important;border-color:#aebbc7!important}
.inline-ai-compose{background:#fff!important;border-color:var(--ui-line)!important;border-radius:8px!important}
.inline-ai-compose-draft-label textarea{background:#fbfcfd!important;border-color:var(--ui-line)!important;color:#2f3d49!important}
.inline-ai-compose-input-shell textarea{border-color:var(--ui-line-strong)!important}
.inline-ai-compose-input-shell textarea:focus{border-color:#8daec7!important;box-shadow:0 0 0 2px rgba(47,111,159,.08)!important;outline:0!important}
.inline-ai-suggestions{border-top-color:var(--ui-line)!important}
.inline-ai-suggestions-head{color:#3d4b58!important}
.inline-ai-suggestion{border-color:var(--ui-line)!important;background:#fff!important;color:#344250!important;border-radius:7px!important}
.inline-ai-suggestion:hover{border-color:#b8c6d1!important;background:#f8fafb!important}
.inline-ai-suggestion strong{color:var(--ui-accent)!important;text-transform:none!important;letter-spacing:0!important}
.inline-ai-status{color:var(--ui-muted)!important}
.inline-ai-status.is-working{color:var(--ui-accent)!important}
.inline-ai-status.is-ready{color:var(--ui-success)!important}
.inline-ai-manual-tools,.inline-ai-compose-quick-tools{border-color:var(--ui-line)!important}
.inline-ai-compose-close-corner{border-color:var(--ui-line-strong)!important;background:#fff!important;color:#556371!important;box-shadow:none!important}
.inline-ai-compose-close-corner:hover{background:#f4f6f8!important;border-color:#aebbc7!important;color:#263746!important}

/* Delivery and composer chrome. */
.inline-delivery-panel{border-color:var(--ui-line)!important;background:#fafbfc!important}
.inline-delivery-choices{border-color:var(--ui-line-strong)!important}
.inline-delivery-choice input:checked+span{background:#edf3f7!important;color:#264f70!important;border-color:#b9cbd9!important}
.inline-presence-badge{background:#f1f3f5!important;color:#65727f!important}
.inline-presence-badge.is-online{background:#fff!important;color:var(--ui-success)!important;border:1px solid #cbd8d0!important}
.inline-delivery-status{color:#6f7b87!important}
.inline-delivery-summary #inlineSmsSegmentCount{color:#2f4151!important}
#inlineReplyText{border-color:var(--ui-line)!important;color:#273746!important}

/* Tables and filters: one enterprise table language. */
.service-desk-table th,.scheduled-message-table th,.bulk-history-table th,.send-draft-member-table th{background:var(--enterprise-table-header-bg)!important;border-color:var(--ui-line)!important;color:var(--enterprise-table-header-text)!important;font-size:var(--enterprise-table-header-size)!important;font-weight:800!important}
.service-desk-table td,.scheduled-message-table td,.bulk-history-table td,.send-draft-member-table td{border-color:#e8ecef!important;font-size:var(--enterprise-table-body-size)!important;line-height:1.4!important}
.scheduled-message-table td small,.bulk-history-table td small,.send-draft-member-table td small{font-size:var(--enterprise-table-secondary-size)!important}
.service-multi-filter .queue-multi-filter-button,.last-reply-filter-button,.service-filter select,.service-filter input,.panel-actions select,.field-label select,.field-label input,.field-label textarea{border-color:var(--ui-line-strong)!important;background:#fff!important;color:#344250!important;box-shadow:none!important}
.service-multi-filter .queue-multi-filter-button.is-active,.last-reply-filter-button.is-active{background:#f8fafb!important;border-color:#9fb8cc!important;color:#344250!important}
.queue-multi-filter-option:hover,.tag-filter-option:hover{background:#f4f6f8!important}

/* Popovers/flyouts use one white-card language. */
.case-more-popover,.tag-filter-menu,.queue-multi-filter-menu,.last-reply-filter-menu,.recent-search-menu,.quick-message-preview{
  background:#fff!important;border-color:var(--ui-line)!important;border-radius:8px!important;box-shadow:var(--ui-popover-shadow)!important;color:var(--ui-text)!important
}
.case-more-popover a:hover,.case-more-popover button:hover{background:#f4f6f8!important}

/* Pipedrive-style hover help: a small dark label, while click keeps the existing action. */
[data-tooltip]{position:relative}
[data-tooltip]::after{
  content:attr(data-tooltip);
  position:absolute;
  z-index:500;
  left:50%;
  bottom:calc(100% + 7px);
  transform:translateX(-50%) translateY(2px);
  max-width:240px;
  padding:5px 8px;
  border-radius:5px;
  background:#23282f;
  color:#fff;
  font-size:11px;
  font-weight:600;
  line-height:1.25;
  white-space:nowrap;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .12s ease,transform .12s ease;
}
[data-tooltip]:hover::after,[data-tooltip]:focus-visible::after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}

/* Keep true exception colors only where they carry operational meaning. */
.due-overdue,.error-text,.inline-ai-status.is-error{color:var(--ui-danger)!important}
.due-today,.inline-ai-status.is-warning{color:var(--ui-warning)!important}
.certificate-status.is-current-valid{color:var(--ui-success)!important}
.certificate-status.is-current-expired{color:var(--ui-danger)!important}

/* Settings and Player AI administration inherit the same neutral language. */
.settings-nav-item{border-radius:7px!important;color:#465462!important}
.settings-nav-item:hover,.settings-nav-item.is-active{background:#eef2f5!important;color:#294e6c!important}
.settings-users-table th,.player-ai-category,.ai-setting-card>span,.ai-setting-card em,.player-ai-confidence-grid em{letter-spacing:0!important;text-transform:none!important}
.settings-users-table th{background:#f6f7f9!important;color:#687582!important;font-size:11px!important}
.role-summary-grid article,.ai-setting-card,.integration-notes-grid article,.player-ai-rule-card,.player-ai-source-card,.player-ai-evaluation,.player-ai-playground-form,.player-ai-result,.player-ai-confidence-grid article{border-color:var(--ui-line)!important;box-shadow:none!important;background:#fff!important}
.player-ai-tab{border-radius:6px!important;border-color:var(--ui-line-strong)!important;color:#465462!important}
.player-ai-tab.is-active{background:var(--ui-accent)!important;border-color:var(--ui-accent)!important;color:#fff!important}
.player-ai-admin-status{background:#f2f5f7!important;color:#506273!important}
.player-ai-global-results{border-color:var(--ui-line)!important;box-shadow:var(--ui-popover-shadow)!important}

/* 2026-08-15 hierarchy pass — fewer explanations, larger working type, one component language. */

/* Summary cards: consistent geometry; hover carries the explanation. */
.metric-grid{gap:10px!important;margin-bottom:16px!important;overflow:visible!important}
.open-conversation-summary,.metric-card{
  box-sizing:border-box!important;
  flex:1 1 160px!important;
  min-inline-size:160px!important;
  max-inline-size:210px!important;
  min-height:86px!important;
  height:86px!important;
  padding:12px 14px!important;
  border-radius:8px!important;
}
.open-conversation-summary:not(.service-summary-card){display:flex!important;align-items:center!important;gap:9px!important}
.open-conversation-summary:not(.service-summary-card) strong{font-size:28px!important;font-weight:760!important;line-height:1!important;color:#263644!important}
.open-conversation-summary:not(.service-summary-card) span{font-size:12.5px!important;font-weight:680!important;color:#596776!important}
.metric-card{display:flex!important;flex-direction:column!important;justify-content:center!important}
.metric-card .metric-top{gap:9px!important;font-size:12.5px!important;font-weight:680!important;line-height:1.2!important;color:#596776!important}
.metric-card .metric-top>span:first-child{min-width:0;flex:1}
.metric-card .metric-icon{width:30px!important;height:30px!important;margin-left:0!important;border-radius:6px!important;background:#fff!important;border-color:#e3e7eb!important}
.metric-card .metric-icon svg{width:16px!important;height:16px!important}
.metric-card .metric-select-check{width:20px!important;height:20px!important;flex:0 0 20px!important;border-radius:5px!important}
.metric-card .metric-value{margin:7px 0 0!important;font-size:28px!important;font-weight:760!important;line-height:1!important;color:#263644!important}
.metric-foot{display:none!important}

/* The three secondary summaries use the same count/title rhythm. */
.assessment-quick-filters{gap:10px!important;margin:0 0 18px!important;overflow:visible!important}
.assessment-service-card,.duplicate-quick-card,.followup-summary-card{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  width:auto!important;
  min-width:225px!important;
  min-height:70px!important;
  height:70px!important;
  padding:11px 13px!important;
  border-radius:8px!important;
  background:#fff!important;
  border:1px solid var(--ui-line)!important;
  box-shadow:none!important;
  color:#344250!important;
}
.assessment-service-card:hover,.duplicate-quick-card:hover,.followup-summary-card:hover{background:#fafbfc!important;border-color:#c6d0d9!important}
.assessment-service-card.is-active,.duplicate-quick-card.is-active{background:#f7fafc!important;border-color:#9fb8cc!important;box-shadow:0 0 0 1px #c9d8e4!important}
.assessment-service-card .quick-summary-count,.duplicate-quick-card strong,.followup-summary-card strong{
  min-width:32px!important;margin:0!important;color:#263644!important;font-size:27px!important;font-weight:760!important;line-height:1!important;text-align:left!important
}
.quick-summary-copy{display:flex!important;min-width:0;flex-direction:column;gap:2px}
.quick-summary-copy small{font-size:10.5px!important;font-weight:650!important;color:#788490!important;letter-spacing:0!important;text-transform:none!important}
.quick-summary-copy span,.duplicate-quick-card>span:not(.metric-select-check),.followup-summary-card>span:not(.summary-warning-icon){font-size:12.5px!important;font-weight:680!important;color:#596776!important;white-space:nowrap}
.assessment-service-card .metric-select-check,.duplicate-quick-card .metric-select-check{width:20px!important;height:20px!important;margin-left:0!important}
.assessment-service-icon,.assessment-service-copy,.assessment-service-card>b{display:none!important}
.duplicate-quick-card::before,.followup-summary-card::before{display:none!important;content:none!important}
.summary-warning-icon{display:grid!important;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff8e8;color:var(--ui-warning);font-size:13px;font-weight:850;border:1px solid #ead6ad}
.followup-summary-card.has-overdue{border-color:var(--ui-line)!important}
.followup-summary-card small{display:none!important}

/* Tooltips: contain long copy completely rather than letting white text escape the bubble. */
[data-tooltip]::after{
  width:max-content!important;
  max-width:min(320px,calc(100vw - 32px))!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  text-align:center!important;
  padding:7px 9px!important;
  font-size:11.5px!important;
  line-height:1.35!important;
}

/* Service Desk list follows the same compact Workflow table scale. */
.service-desk-table th{font-size:var(--enterprise-table-header-size)!important;font-weight:800!important;padding:9px var(--enterprise-table-row-pad-x)!important}
.service-desk-table td{font-size:var(--enterprise-table-body-size)!important;line-height:1.4!important;padding:var(--enterprise-table-row-pad-y) var(--enterprise-table-row-pad-x)!important}
.service-desk-table .player-cell{gap:9px!important}
.service-desk-table .table-avatar{width:27px!important;height:27px!important;font-size:9px!important}
.service-desk-table .player-cell strong,.service-desk-table .cell-primary{font-size:var(--enterprise-table-body-size)!important;font-weight:700!important}
.service-desk-table .player-cell small,.service-desk-table .cell-secondary{font-size:var(--enterprise-table-secondary-size)!important;line-height:1.35!important}
.service-desk-table .player-phone,.service-desk-table .copy-club,.service-desk-table .copy-certificate{font-size:var(--enterprise-table-secondary-size)!important}
.service-desk-table .stage-badge,.service-stage-display{font-size:var(--enterprise-table-body-size)!important;font-weight:650!important}
.service-desk-table .crisp-badge{font-size:var(--enterprise-table-body-size)!important;font-weight:650!important}
.service-desk-table .assigned-to,.service-assigned-source-display .assigned-to{font-size:var(--enterprise-table-body-size)!important;font-weight:650!important}
.service-desk-table .certificate-status,.service-certificate-display .certificate-status{font-size:var(--enterprise-table-secondary-size)!important;font-weight:650!important;text-transform:none!important;letter-spacing:0!important}
.service-desk-table .queue-message-count{font-size:var(--enterprise-table-secondary-size)!important;font-weight:500!important}
.service-desk-table .conversation-source{font-size:var(--enterprise-table-secondary-size)!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important}
.service-desk-table .booking-opportunity-badge{font-size:var(--enterprise-table-body-size)!important;font-weight:650!important}
.service-desk-table .booking-opportunity-badge small{font-size:var(--enterprise-table-secondary-size)!important;font-weight:400!important;line-height:1.35!important}
.service-desk-table .activity-preview,.service-desk-table .next-action-cell{font-size:var(--enterprise-table-body-size)!important;line-height:1.4!important}
.row-select{font-size:var(--enterprise-table-secondary-size)!important}

/* Player record: one label/value hierarchy. */
.record-section-heading>span,.record-section-heading>div>span,.record-notes-head h3,.conversation-heading-title{
  color:#26313c!important;font-size:17px!important;font-weight:720!important;letter-spacing:0!important;line-height:1.25!important;text-transform:none!important
}
.record-context-heading{padding:2px 1px!important}
.record-kicker{font-size:12px!important;font-weight:650!important;color:#75818d!important}
.record-status-item{gap:7px!important;padding:13px 14px!important}
.record-status-item .stage-badge,.record-status-item .crisp-badge{font-size:14px!important;font-weight:680!important;padding:6px 9px!important}
.record-status-service .booking-opportunity-badge{font-size:14px!important;font-weight:680!important;padding:7px 9px!important}
.record-status-service .booking-opportunity-badge small{font-size:12.25px!important;font-weight:500!important;line-height:1.4!important;color:#65717d!important}
.record-opportunity-override,.record-assignee-select{min-height:39px!important;font-size:13px!important;font-weight:600!important}
.manual-opportunity-note{font-size:11.5px!important;font-weight:500!important}
.inline-presence-badge{font-size:12px!important;font-weight:650!important;padding:5px 9px!important}

/* Record actions should look like siblings. Green is reserved for the completed state, not the Resolve button. */
.record-context .record-topbar .case-toolbar .top-followup-control,
.record-context .record-topbar .case-toolbar .resolve-conversation-button,
.record-context .record-topbar .case-toolbar .reopen-conversation-button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  min-height:42px!important;height:42px!important;padding:8px 13px!important;border:1px solid var(--ui-line-strong)!important;border-radius:6px!important;
  background:#fff!important;color:#3d4f60!important;font-family:inherit!important;font-size:13px!important;font-weight:680!important;line-height:1.2!important;box-shadow:none!important
}
.record-context .record-topbar .case-toolbar .top-followup-control:hover,
.record-context .record-topbar .case-toolbar .resolve-conversation-button:hover,
.record-context .record-topbar .case-toolbar .reopen-conversation-button:hover{background:#f5f7f9!important;border-color:#aebbc7!important;color:#273b4d!important}
.top-followup-label{font-size:13px!important;font-weight:680!important}
.followup-clock-icon{font-size:15px!important}
.case-more-trigger{height:42px!important;min-height:42px!important}

/* Context sections: Pipedrive-style native disclosure. */
.context-collapsible{padding:0!important;overflow:hidden!important}
.context-collapsible>summary{list-style:none}
.context-collapsible>summary::-webkit-details-marker{display:none}
.context-summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:48px!important;padding:12px 15px!important;cursor:pointer!important;color:#2e3945!important}
.context-summary:hover{background:#f8f9fa!important}
.context-summary>span:first-child{font-size:15px!important;font-weight:700!important}
.context-chevron{color:#75818d!important;font-size:17px!important;line-height:1!important;transition:transform .15s ease}
.context-collapsible[open] .context-chevron{transform:rotate(180deg)}
.context-card-body{padding:1px 15px 15px;border-top:1px solid #edf0f2}
.context-card-body .info-list{padding-top:13px}
.context-card .info-item label{font-size:12px!important;font-weight:600!important;color:#687582!important;letter-spacing:0!important;text-transform:none!important}
.context-card .info-item strong,.context-card .copy-club,.context-card .copy-certificate{font-size:14.5px!important;font-weight:650!important;color:#253746!important}
.context-card .tag-chip{font-size:12px!important}
.record-notes-panel{border-color:var(--ui-line)!important;box-shadow:none!important}
.record-notes-head{min-height:48px!important;padding:11px 14px!important}
.record-notes-empty,.record-notes-list{font-size:12.5px!important}

/* Message history: title first, metadata quiet and readable. */
.conversation-heading{align-items:center!important;padding:2px 2px 4px!important}
.conversation-summary-line{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;color:#697581!important;width:100%!important}
.conversation-summary-line .conversation-heading-title{margin-right:4px!important}
.ticket-exit-button{margin-left:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;min-width:28px!important;padding:0!important;border:1px solid #d5dde5!important;border-radius:7px!important;background:#fff!important;color:#697786!important;font-size:19px!important;font-weight:500!important;line-height:1!important;cursor:pointer!important;box-shadow:none!important}
.ticket-exit-button:hover{background:#f4f7f9!important;border-color:#bfcbd6!important;color:#33495d!important}
.ticket-exit-button:focus-visible{outline:2px solid #78aee0!important;outline-offset:2px!important}
.conversation-summary-line>span{font-size:12.5px!important;font-weight:500!important;color:#707c87!important;letter-spacing:0!important;text-transform:none!important}
.conversation-summary-line>span+span::before{content:'·';margin-right:9px;color:#a1a9b1}
.history-conversation .bubble-message{font-size:14.5px!important;line-height:1.55!important}
.history-conversation .message-time{font-size:11.5px!important}
.history-conversation .conversation-foot{font-size:11px!important;color:#808a94!important}

/* Composer: the words an agent is reading/writing are among the largest body text on screen. */
.inline-delivery-label{font-size:12px!important;font-weight:650!important;color:#667380!important}
.inline-delivery-choice span{font-size:12.5px!important;font-weight:650!important}
.inline-delivery-summary{font-size:12px!important}
#inlineSmsSegmentCount{font-size:13px!important;font-weight:720!important}
.inline-delivery-status{font-size:12px!important;font-weight:500!important}
#inlineReplyText{min-height:132px!important;padding:14px 15px!important;font-size:14px!important;line-height:1.5!important;font-weight:400!important}
.inline-ai-toolbar{gap:8px!important}
.inline-ai-toolbar .inline-ai-secondary,.inline-shortcut-picker{min-height:38px!important;font-size:13px!important;font-weight:500!important}
.inline-ai-toolbar .inline-ai-secondary.is-active{background:var(--ui-accent)!important;border-color:var(--ui-accent)!important;color:#fff!important}
.inline-ai-toolbar .inline-ai-secondary.is-active:hover{background:var(--ui-accent-dark)!important;border-color:var(--ui-accent-dark)!important;color:#fff!important}
.inline-ai-suggestion-copy>span{font-size:15px!important;line-height:1.5!important}
.inline-ai-suggestion-copy small{font-size:11.5px!important}
.inline-ai-compose-draft-heading>span{font-size:13px!important;font-weight:680!important}
.inline-ai-compose-draft-heading small{font-size:12px!important}
.inline-ai-compose-draft-label textarea{font-size:15.5px!important;line-height:1.55!important;padding:12px 13px!important}
.inline-ai-compose-input-shell textarea{font-size:15.5px!important;line-height:1.5!important;padding:12px 13px!important}
.inline-ai-compose-actions .inline-ai-secondary,.inline-ai-compose-draft-actions .inline-ai-primary,.inline-ai-compose-draft-actions .inline-ai-secondary,.inline-ai-manual-tools .inline-ai-secondary,.inline-ai-compose-quick-tools .inline-ai-secondary{font-size:12.5px!important;font-weight:650!important}
.inline-send-choice,.inline-sender-label,.inline-sender-label select{font-size:12.5px!important}
.inline-reply-actions button{font-size:12.5px!important}

/* White-card popovers and controls stay consistent. */
.case-more-popover a,.case-more-popover button{font-size:12.5px!important;font-weight:620!important}
.contact-tool{color:#6e7b87!important}
.contact-tool:hover{color:var(--ui-accent)!important}

@media(max-width:1100px){
  .open-conversation-summary,.metric-card{max-inline-size:none!important}
}
@media(max-width:760px){
  [data-tooltip]::after{display:none}
  .service-filter>span,.bulk-actions-wrap>span,.record-kicker{font-size:11.5px!important}
  .service-desk-table td{font-size:13px!important}
  #inlineReplyText{font-size:15.5px!important}
  .assessment-service-card,.duplicate-quick-card,.followup-summary-card{min-width:0!important;width:100%!important}
}

/* 2026-08-15 hierarchy correction: the queue has one predictable type scale,
   fixed column geometry, and the player record uses compact disclosure sections
   that cannot be crushed by the left flex column. */
@media(min-width:851px){
  .service-desk-table{
    width:100%!important;
    min-width:1545px!important;
    table-layout:fixed!important;
  }
  .service-desk-table th:nth-child(n),.service-desk-table td:nth-child(n){
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }
  .service-desk-table col.queue-col-select{width:78px!important}
  .service-desk-table col.queue-col-player{width:205px!important}
  .service-desk-table col.queue-col-certificate{width:170px!important}
  .service-desk-table col.queue-col-stage{width:155px!important}
  .service-desk-table col.queue-col-assessment{width:220px!important}
  .service-desk-table col.queue-col-status{width:140px!important}
  .service-desk-table col.queue-col-assigned{width:110px!important}
  .service-desk-table col.queue-col-source{width:85px!important}
  .service-desk-table col.queue-col-activity{width:190px!important}
  .service-desk-table col.queue-col-action{width:150px!important}
  .service-desk-table col.queue-col-open{width:42px!important}
}

.service-desk-table th{
  padding:9px var(--enterprise-table-row-pad-x)!important;
  font-size:var(--enterprise-table-header-size)!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:.035em!important;
  text-transform:none!important;
  vertical-align:middle!important;
}
.service-desk-table td{
  padding:var(--enterprise-table-row-pad-y) var(--enterprise-table-row-pad-x)!important;
  font-size:var(--enterprise-table-body-size)!important;
  font-weight:400!important;
  line-height:1.4!important;
  vertical-align:top!important;
}
.service-desk-table .player-cell{align-items:flex-start!important;gap:9px!important}
.service-desk-table .table-avatar{flex:0 0 27px!important;width:27px!important;height:27px!important;margin-top:1px!important;font-size:9px!important}
.service-desk-table .player-identifiers,.service-desk-table .queue-stage-stack,.service-desk-table .queue-crisp-stack,.service-desk-table .queue-activity-stack{gap:2px!important}

/* Primary row values all use the exact same visual level. Player, casino,
   stage, assessment, status, owner, source, activity, and next action should
   read as peers rather than competing for prominence. */
.service-desk-table .player-identifiers>strong,
.service-desk-table .service-certificate-display>.cell-primary,
.service-desk-table .queue-stage-stack>.stage-badge,
.service-desk-table td[data-queue-column="opportunity"] .booking-opportunity-badge,
.service-desk-table .queue-crisp-stack>.crisp-badge,
.service-desk-table .assigned-to,
.service-desk-table .conversation-source,
.service-desk-table .queue-activity-stack>.cell-primary,
.service-desk-table .next-action-cell{
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#33475a!important;
  font-size:var(--enterprise-table-body-size)!important;
  font-weight:500!important;
  line-height:1.4!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.service-desk-table .player-identifiers>strong{color:#236fb9!important;font-weight:700!important}
.service-desk-table td[data-queue-column="opportunity"]{min-width:0!important;overflow:hidden!important}
.service-desk-table td[data-queue-column="opportunity"] .booking-opportunity-badge{display:grid!important;grid-template-columns:8px minmax(0,1fr)!important;align-items:start!important;gap:6px!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;white-space:normal!important;overflow-wrap:anywhere!important;margin-left:0!important}
.service-desk-table td[data-queue-column="opportunity"] .booking-opportunity-badge .opportunity-dot{margin-top:5px!important}
.service-desk-table .stage-badge::before,.service-desk-table .crisp-badge::before{vertical-align:1px!important}

/* Secondary row information is quieter; utility links stay dark until hover. */
.service-desk-table .cell-secondary,
.service-desk-table .player-phone,
.service-desk-table .copy-club,
.service-desk-table .copy-certificate,
.service-desk-table .draft-row-badge,
.service-desk-table .merged-row-badge,
.service-desk-table .duplicate-row-badge,
.service-desk-table .internal-notification-badge,
.service-desk-table .certificate-status,
.service-desk-table .queue-message-count,
.service-desk-table .queue-reply-status,
.service-desk-table .row-tag,
.service-desk-table .activity-preview,
.service-desk-table .booking-opportunity-badge small{
  font-size:var(--enterprise-table-secondary-size)!important;
  font-weight:400!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.service-desk-table .cell-secondary,
.service-desk-table .draft-row-badge,
.service-desk-table .merged-row-badge,
.service-desk-table .queue-message-count,
.service-desk-table .activity-preview,
.service-desk-table .booking-opportunity-badge small{color:#74818e!important}
.service-desk-table .player-phone,.service-desk-table .copy-club,.service-desk-table .copy-certificate{color:#2d4054!important;font-weight:500!important;text-decoration:none!important}
.service-desk-table .player-phone:hover,.service-desk-table .copy-club:hover,.service-desk-table .copy-certificate:hover{color:#2d4054!important;text-decoration:underline!important;text-underline-offset:2px}
.service-desk-table .draft-row-badge,.service-desk-table .merged-row-badge,.service-desk-table .internal-notification-badge{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.service-desk-table .duplicate-row-badge{font-weight:500!important}
.service-desk-table .certificate-status{margin-top:2px!important;font-weight:500!important}
.service-desk-table .row-tag{font-size:10.5px!important;font-weight:400!important}
.service-desk-table .activity-preview{max-width:100%!important}
.service-desk-table .row-select{font-size:11.5px!important;font-weight:500!important}

/* Every left-side block owns its natural height. This prevents the flex column
   from crushing Context into a handful of horizontal lines. */
.record-context>*{flex:0 0 auto!important}
.record-left-operations,.record-left-section,.context-collapsible,.suppression-banner{flex-shrink:0!important}
.record-left-operations{gap:8px!important}
.record-context{gap:8px!important}

.record-collapsible,.context-collapsible{
  overflow:hidden!important;
  border:1px solid var(--ui-line)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.record-collapsible>summary,.context-collapsible>summary{list-style:none!important}
.record-collapsible>summary::-webkit-details-marker,.context-collapsible>summary::-webkit-details-marker{display:none!important}
.record-section-summary,.context-summary{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:8px!important;
  min-height:44px!important;
  padding:10px 13px!important;
  color:#344554!important;
  cursor:pointer!important;
}
.context-summary{grid-template-columns:minmax(0,1fr) auto!important}
.record-section-summary:hover,.context-summary:hover{background:#f8f9fa!important}
.record-section-summary>span:first-child,.context-summary>span:first-child{
  color:#344554!important;
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.record-section-summary-meta{grid-column:2!important;color:#7a8793!important;font-size:11.5px!important;font-weight:400!important;white-space:nowrap!important}
.record-section-summary>.record-section-chevron{grid-column:3!important}
.record-section-chevron,.context-chevron{color:#7b8792!important;font-size:16px!important;line-height:1!important;transition:transform .15s ease!important}
.record-collapsible[open] .record-section-chevron,.context-collapsible[open] .context-chevron{transform:rotate(180deg)!important}
.record-section-body,.context-card-body{border-top:1px solid #edf0f2!important}
.record-section-body{padding:0!important}
.context-card{margin:0!important;padding:0!important}
.context-card-body{padding:1px 13px 13px!important}
.context-card-body .info-list{padding-top:11px!important}
.context-card .info-item label{font-size:11.5px!important;font-weight:500!important;color:#6c7884!important}
.context-card .info-item strong,.context-card .copy-club,.context-card .copy-certificate{font-size:13.5px!important;font-weight:500!important;color:#2f4254!important}

/* Conversation details are one section, compact rather than five full-width
   cards stacked one after another. */
.record-context .record-topbar{display:block!important;margin:0!important}
.record-context .record-topbar>.record-collapsible,.record-context .record-topbar>[data-record-section="player"]{width:100%!important}
@media(min-width:801px){
  .record-context .record-status-list{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    width:100%!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .record-context .record-status-list .record-status-item,
  .record-context .record-status-list .record-status-item.record-status-owner{
    display:flex!important;
    width:auto!important;
    min-width:0!important;
    padding:10px 12px!important;
    border-right:0!important;
    border-bottom:1px solid #edf0f2!important;
    gap:5px!important;
  }
  .record-context .record-status-list .record-status-item:nth-child(1){grid-column:1!important;grid-row:1!important;border-right:1px solid #edf0f2!important}
  .record-context .record-status-list .record-status-item:nth-child(3){grid-column:2!important;grid-row:1!important}
  .record-context .record-status-list .record-status-item:nth-child(2){grid-column:1/-1!important;grid-row:2!important}
  .record-context .record-status-list .record-status-item:nth-child(4){grid-column:1!important;grid-row:3!important;border-right:1px solid #edf0f2!important;border-bottom:0!important}
  .record-context .record-status-list .record-status-item:nth-child(5){grid-column:2!important;grid-row:3!important;border-bottom:0!important}
}
.record-context .record-kicker{color:#737f8b!important;font-size:11.5px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important}
.record-context .record-status-assessment>.record-kicker,.record-context .record-status-workflow-assessment>.record-kicker{font-weight:800!important;color:#40556a!important}
.record-context .record-status-item .stage-badge,
.record-context .record-status-item .crisp-badge,
.record-context .record-status-item .channel-pill,
.record-context .record-status-service .booking-opportunity-badge{
  font-size:13.5px!important;
  font-weight:500!important;
  line-height:1.35!important;
}
.record-context .record-status-service .booking-opportunity-badge{padding:6px 8px!important}
.record-context .record-status-service .booking-opportunity-badge small{font-size:12px!important;font-weight:400!important;line-height:1.4!important;color:#6f7a85!important}
.record-context .record-opportunity-override,.record-context .record-assignee-select{min-height:36px!important;font-size:13px!important;font-weight:400!important}

/* Follow-up, Resolve/Reopen, and More are one aligned action row. The text does
   not shrink to make a long label fit; Resolve/Reopen simply uses two lines. */
.record-context .record-topbar .case-toolbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px!important;
  gap:7px!important;
  width:100%!important;
  margin:8px 0 0!important;
  align-items:stretch!important;
}
.record-context .record-topbar .case-toolbar .top-followup-control,
.record-context .record-topbar .case-toolbar #caseStateBtn{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:42px!important;
  min-height:42px!important;
  padding:5px 8px!important;
  border:1px solid var(--ui-line-strong)!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#3d4f60!important;
  box-shadow:none!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.05!important;
}
.record-context .record-topbar .case-toolbar .top-followup-control{grid-column:1!important;display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;column-gap:7px!important;justify-items:start!important;text-align:left!important}
.record-context .record-topbar .case-toolbar #caseStateBtn{grid-column:2!important;display:flex!important;align-items:center!important;justify-content:center!important}
.case-state-label{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important}
.case-state-label>span{font-size:13px!important;font-weight:600!important;line-height:1.05!important}
.top-followup-label{font-size:13px!important;font-weight:600!important;line-height:1.05!important}
.top-followup-date{font-size:11.5px!important;font-weight:400!important;line-height:1.05!important}
.followup-clock-icon{font-size:17px!important}
.record-context .record-topbar .case-toolbar .case-more-menu{grid-column:3!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0!important;align-self:stretch!important}
.record-context .record-topbar .case-toolbar .case-more-trigger{width:42px!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0!important}

/* Hard conversation status: factual Unresolved / Pending / Resolved control. */
.record-context .record-topbar .case-toolbar .case-state-control{grid-column:2!important;position:relative!important;width:145px!important;min-width:145px!important;margin:0!important;padding:0!important}
.record-context .record-topbar .case-toolbar #caseStateBtn{box-sizing:border-box!important;display:grid!important;grid-template-columns:9px minmax(0,1fr) 14px!important;align-items:center!important;gap:7px!important;width:145px!important;min-width:145px!important;height:42px!important;min-height:42px!important;padding:8px 10px!important;border:1px solid!important;border-radius:6px!important;font-size:13px!important;font-weight:700!important;line-height:1.1!important;cursor:pointer!important;list-style:none!important;box-shadow:none!important}
.record-context .record-topbar .case-toolbar #caseStateBtn::-webkit-details-marker{display:none!important}
.conversation-state-button.conversation-state-unresolved{background:#fff1ef!important;border-color:#e9aaa2!important;color:#a53f32!important}
.conversation-state-button.conversation-state-pending,.conversation-state-button.conversation-state-new_conversation,.conversation-state-button.conversation-state-new_reply{background:#edf5fd!important;border-color:#abcbe9!important;color:#356b9e!important}
.conversation-state-button.conversation-state-resolved{background:#edf7f0!important;border-color:#add2ba!important;color:#32704a!important}
.conversation-state-dot{display:block;width:9px;height:9px;border-radius:50%;background:#8a949e;flex:0 0 auto}
.conversation-state-unresolved .conversation-state-dot,.case-state-option.state-unresolved .conversation-state-dot{background:#d84f3e}
.conversation-state-pending .conversation-state-dot,.conversation-state-new_conversation .conversation-state-dot,.conversation-state-new_reply .conversation-state-dot,.case-state-option.state-pending .conversation-state-dot{background:#4d91c9}
.conversation-state-resolved .conversation-state-dot,.case-state-option.state-resolved .conversation-state-dot{background:#4b9a68}
.conversation-state-chevron{font-size:14px;line-height:1;text-align:right;opacity:.75}
.case-state-control[open] .conversation-state-chevron{transform:rotate(180deg)}
.case-state-popover{position:absolute;z-index:80;top:calc(100% + 6px);left:0;width:190px;padding:6px;border:1px solid #d8e0e7;border-radius:8px;background:#fff;box-shadow:0 10px 28px rgba(37,55,72,.16)}
.case-state-option{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:40px;padding:8px 9px;border:0;border-radius:6px;background:#fff;color:#405266;font:inherit;font-size:13px;font-weight:650;text-align:left;cursor:pointer}
.case-state-option:hover{background:#f4f7f9}.case-state-option.is-current{background:#f7f9fa}.case-state-current{font-size:10px;font-weight:650;color:#84909b}

/* Internal notes are useful reference material, not a page title. */
.record-notes-panel{margin:0!important;padding:0!important}
.record-notes-body{padding:10px 12px 12px!important}
.record-notes-actions{display:flex!important;justify-content:flex-end!important;margin:0 0 8px!important}
.record-notes-actions .secondary-button{min-height:32px!important;padding:6px 9px!important;font-size:11.5px!important;font-weight:500!important}
.record-notes-list{font-size:12.5px!important}
.record-note-meta,.record-note-meta strong{font-size:11.5px!important;font-weight:400!important}
.record-note p{font-size:13px!important;font-weight:400!important}

/* Undo the older all-uppercase conversation-heading rule. Only SMS remains
   uppercase because the channel formatter emits that acronym intentionally. */
.record-work .conversation-heading .conversation-summary-line,
.record-work .conversation-heading .conversation-summary-line .conversation-heading-title,
.record-work .conversation-heading .conversation-summary-line>span{
  letter-spacing:0!important;
  text-transform:none!important;
}
.record-work .conversation-heading .conversation-summary-line{gap:8px!important;color:#6f7b87!important}
.record-work .conversation-heading .conversation-summary-line .conversation-heading-title{
  color:#384b5d!important;
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.3!important;
}
.record-work .conversation-heading .conversation-summary-line>span{
  color:#707c87!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.3!important;
}
.record-work .conversation-heading .conversation-summary-line>span+span::before{margin-right:8px!important}

/* Small record-polish pass: preserve the new hierarchy and only correct
   alignment/padding inconsistencies called out in the Service Desk review. */
.record-section-summary-meta{
  display:inline-flex!important;
  align-items:center!important;
  align-self:center!important;
  min-height:18px!important;
  line-height:1!important;
}
.context-tags .context-card-body,
.cert-history .context-card-body{
  padding-top:12px!important;
}
.record-context .cert-loading,
.record-context .cert-empty{
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#6f7b87!important;
  font-size:12.5px!important;
  font-weight:400!important;
  line-height:1.45!important;
  text-align:left!important;
}
.record-work .inline-footer-row .inline-send-choice,
.record-work .inline-footer-row .inline-sender-label,
.record-work .inline-footer-row .inline-sender-label select{
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.2!important;
}
.record-work .inline-footer-row .inline-send-choice{padding:7px 10px!important}
.record-work .inline-footer-row .inline-sender-label select{
  min-height:36px!important;
  padding:7px 30px 7px 10px!important;
}
.record-work .inline-footer-row .inline-reply-actions button{
  min-height:36px!important;
  padding:7px 10px!important;
  font-size:12.5px!important;
  font-weight:500!important;
}
.record-work .inline-footer-row #inlineSendBtn{font-weight:600!important}

@media(max-width:800px){
  .record-section-summary,.context-summary{min-height:42px!important;padding:9px 11px!important}
  .record-section-summary>span:first-child,.context-summary>span:first-child{font-size:13.5px!important}
  .record-context .record-topbar .case-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px!important}
}

/* 2026-08-15 mobile Service Desk: field-service workflow rather than a stacked desktop table. */
.mobile-record-details-toggle,.mobile-record-details-backdrop,.mobile-quick-views,.mobile-queue-sort-control,.mobile-service-desk-destinations{display:none}
.bulk-history-row.is-conversation-link{cursor:pointer}

@media(max-width:700px){
  /* Mobile chrome: Service Desk owns the screen; Workflow and secondary tools live in navigation. */
  #workView .welcome-row{display:none!important}
  .sidebar,.mobile-nav-backdrop{display:none!important}
  body.mobile-nav-open .sidebar,body.mobile-nav-open .mobile-nav-backdrop{display:none!important}
  .main-content{margin-left:0!important;width:100%!important}
  .topbar{min-height:70px!important;height:70px!important;padding:10px 68px 10px 12px!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;align-items:center!important}
  .mobile-nav-toggle{display:none!important}
  body.mobile-secondary-view .topbar{grid-template-columns:48px minmax(0,1fr)!important}
  body.mobile-secondary-view .mobile-nav-toggle{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;border:1px solid #d7e0e8!important;border-radius:50%!important;background:#fff!important;color:#26394b!important;font-size:38px!important;font-weight:300!important;line-height:1!important;padding:0 0 5px!important}
  .topbar-heading .eyebrow{display:none!important}
  .topbar-heading h1{font-size:28px!important;font-weight:700!important;line-height:1.1!important;color:#1f2f40!important}
  .top-actions{display:none!important}
  .view{padding:10px!important}

  /* Mobile Service Desk home: four primary cards only. Every visible word and
     number inside a primary card uses one type size, so the cards read as one
     balanced system rather than a collection of separate widgets. */
  #metricGrid.metric-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;overflow:visible!important;margin:0 0 14px!important}
  .mobile-operational-grid{display:none!important}
  #metricGrid .service-summary-card{box-sizing:border-box!important;display:grid!important;grid-template-columns:100px minmax(0,1fr) 28px!important;align-items:center!important;align-content:center!important;column-gap:14px!important;width:100%!important;min-width:0!important;min-inline-size:0!important;height:160px!important;min-height:160px!important;padding:16px 18px!important;border:1px solid #dbe2ea!important;border-left:5px solid var(--metric-color,#8ca0b3)!important;border-radius:14px!important;background:#fff!important;color:#405266!important;box-shadow:none!important;position:relative!important;overflow:hidden!important;text-align:left!important}
  #metricGrid .service-summary-card[data-filter="ready_to_resolve"]{grid-column:auto!important}
  #metricGrid .service-summary-number,#metricGrid .service-summary-label,#metricGrid .service-summary-note{font-size:36px!important;font-weight:700!important;line-height:1.05!important;color:#405266!important}
  #metricGrid .service-summary-number{display:block!important;white-space:nowrap!important;color:#203447!important}
  #metricGrid .service-summary-copy{display:flex!important;min-width:0!important;flex-direction:column!important;align-items:flex-start!important;justify-self:start!important;gap:3px!important;overflow:visible!important;text-align:left!important}
  #metricGrid .service-summary-label,#metricGrid .service-summary-note{display:block!important;min-width:0!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  #metricGrid .metric-select-check{display:none!important}
  #metricGrid .service-summary-card.is-active{background:#fff!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--metric-color,#7aa8ce) 12%,transparent)!important}
  #metricGrid .service-summary-card.is-active .metric-select-check{border-color:var(--metric-color,#5c9dde)!important;background:var(--metric-color,#5c9dde)!important;color:#fff!important}

  /* The grouped summary below is the same information hierarchy and pill
     language as desktop: AI assessment, Operations, then Conversations. */
  #workView .service-desk-summary-band{display:block!important;width:100%!important;margin:0 0 12px!important}
  #workView .service-desk-summary-tools{display:none!important}
  #assessmentQuickFilters{display:block!important;margin:0!important;width:100%!important}
  #assessmentQuickFilters .service-summary-groups{display:block!important;width:100%!important;overflow:hidden!important;border:1px solid #dfe6ec!important;border-radius:12px!important;background:#fff!important;box-sizing:border-box!important}
  #assessmentQuickFilters .service-summary-assessment,#assessmentQuickFilters .service-summary-operational,#assessmentQuickFilters .service-summary-totals{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:9px!important;width:100%!important;min-height:0!important;padding:12px!important;border:0!important;border-bottom:1px solid #e8edf1!important;background:#fff!important;box-sizing:border-box!important}
  #assessmentQuickFilters .service-summary-totals{border-bottom:0!important}
  #assessmentQuickFilters .service-summary-group-label{display:block!important;flex:0 0 auto!important;padding:0!important;color:#667587!important;font-size:16px!important;font-weight:700!important;line-height:1.2!important}
  #assessmentQuickFilters .service-summary-pill-row{display:flex!important;align-items:center!important;gap:7px!important;width:100%!important;min-width:0!important;flex-wrap:wrap!important}
  #assessmentQuickFilters .service-summary-pill{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;width:auto!important;min-width:0!important;min-height:38px!important;margin:0!important;padding:7px 11px!important;border-radius:999px!important;font-family:inherit!important;font-size:15px!important;font-weight:600!important;line-height:1.2!important;white-space:nowrap!important;text-align:left!important;overflow:visible!important;box-sizing:border-box!important}
  #assessmentQuickFilters .service-summary-pill>strong,#assessmentQuickFilters .service-summary-pill>span{display:inline!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;font-size:15px!important;line-height:1.2!important;text-align:left!important;white-space:nowrap!important}
  #assessmentQuickFilters .service-summary-pill>strong{font-weight:700!important}
  #assessmentQuickFilters .service-summary-pill-detail{border-left:1px solid currentColor!important;padding-left:7px!important;font-weight:600!important}
  #assessmentQuickFilters .booking-opportunity-cluster{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:4px!important;border:1px solid #d7dee7!important;border-radius:999px!important;background:#f3f5f7!important;box-sizing:border-box!important;max-width:100%!important}
  #assessmentQuickFilters .booking-opportunity-cluster .booking-opportunity-total{border-color:transparent!important;background:transparent!important;box-shadow:none!important}
  #assessmentQuickFilters .assessment-separator{display:block!important;flex:0 0 1px!important;width:1px!important;height:28px!important;margin:0 5px!important;background:#d9e0e7!important}

  .mobile-quick-views{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:0 0 10px!important}
  .mobile-quick-view{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;min-height:50px!important;padding:9px 12px!important;border:1px solid #dfe6ec!important;border-radius:11px!important;background:#fff!important;color:#30465a!important;font:inherit!important;text-align:left!important}
  .mobile-quick-view-icon{font-size:19px!important;font-weight:650!important;color:#23384d!important}
  .mobile-quick-view>span:nth-child(2){font-size:13.5px!important;font-weight:600!important}
  .mobile-quick-view>span:last-child{font-size:22px!important;font-weight:400!important;color:#7b8996!important}

  /* Mobile home destinations replace the hamburger: two Service Desk utilities, then Workflow. */
  #workView.active.mobile-queue-idle{min-height:0!important;display:block!important}
  #workView.mobile-queue-idle .mobile-service-desk-destinations{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin:18px 0 8px!important;padding:0!important;width:100%!important}
  .mobile-service-desk-destination-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .mobile-service-desk-destination{display:grid!important;grid-template-columns:28px minmax(0,1fr) 20px!important;align-items:center!important;gap:8px!important;min-height:64px!important;padding:10px 12px!important;border:1px solid #d8e1e9!important;border-radius:12px!important;background:#fff!important;color:#30465a!important;font:inherit!important;text-align:left!important;box-shadow:0 1px 3px rgba(31,49,66,.05)!important}
  .mobile-service-desk-destination>span{font-size:20px!important;color:#61788e!important;text-align:center!important}
  .mobile-service-desk-destination>strong{font-size:15.5px!important;font-weight:700!important;line-height:1.15!important}
  .mobile-service-desk-destination>b{font-size:24px!important;font-weight:400!important;color:#82909e!important;text-align:right!important}
  .mobile-service-desk-workflow{grid-template-columns:28px minmax(0,1fr) 22px!important;grid-template-rows:auto auto!important;min-height:76px!important}
  .mobile-service-desk-workflow>span{grid-column:1!important;grid-row:1 / span 2!important}
  .mobile-service-desk-workflow>strong{grid-column:2!important;grid-row:1!important;font-size:17px!important}
  .mobile-service-desk-workflow>small{grid-column:2!important;grid-row:2!important;color:#718092!important;font-size:12.5px!important;font-weight:500!important;line-height:1.3!important}
  .mobile-service-desk-workflow>b{grid-column:3!important;grid-row:1 / span 2!important;align-self:center!important}

  /* Search stays visible above the iPhone keyboard; the queue appears only after deliberate intent. */
  #workView .service-desk-search-top{position:relative!important;top:auto!important;z-index:auto!important;width:100%!important;margin:0 0 12px!important;padding:0!important;background:transparent!important;box-sizing:border-box!important}
  #workView .service-desk-search-top .global-search{background:#fff!important}
  #workView .recent-search-menu{z-index:30!important;max-height:min(46dvh,390px)!important}
  .content-grid{display:block!important}
  #workView.mobile-queue-idle .queue-panel{display:none!important}
  .queue-panel{border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;overflow:visible!important}
  .queue-list-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:8px 0 10px!important;border:0!important;background:#fff!important}
  .queue-primary-actions{grid-column:1/-1!important;display:flex!important;align-items:stretch!important;gap:8px!important;min-width:0!important}
  .queue-global-search{min-width:0!important;flex:1 1 auto!important}
  .queue-global-search .global-search{min-height:50px!important;border-radius:13px!important;background:#f2f5f7!important;border-color:#e2e8ed!important;padding:0 14px!important}
  .queue-new-conversation{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;margin-left:0!important;min-height:44px!important;padding:0 10px!important;border:1px solid #c8d6e1!important;border-radius:11px!important;background:#fff!important;color:#416781!important;box-shadow:none!important;font-size:0!important;font-weight:650!important;white-space:nowrap!important}
  .queue-new-conversation::after{content:'+ New';font-size:13px!important}
  .queue-global-search .global-search input{font-size:17px!important;font-weight:400!important}
  .mobile-queue-sort-control{display:flex!important;align-items:center!important;gap:6px!important;min-height:50px!important;padding:0 10px!important;border:1px solid #dfe6ec!important;border-radius:13px!important;background:#fff!important;color:#5b6d7f!important;font-size:12px!important;font-weight:600!important}
  .mobile-queue-sort-control span{display:none!important}
  .mobile-queue-sort-control select{max-width:132px!important;border:0!important;background:transparent!important;color:#33495e!important;font:inherit!important;font-size:13px!important;font-weight:600!important;outline:0!important}
  .queue-result-summary{padding:3px 2px 8px!important;border:0!important;background:#fff!important}
  #filteredConversationCount{font-size:12px!important;font-weight:550!important;color:#718092!important}
  #filteredConversationCount strong{font-size:13px!important;font-weight:700!important;color:#405266!important}
  .mobile-clear-queue-view{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:0 12px!important;border-radius:11px!important;box-shadow:none!important;font-size:12px!important}
  .mobile-clear-queue-view[hidden]{display:none!important}
  #queueResolutionBreakdown,#selectedConversationCount,.queue-show-control{display:none!important}
  #queueTableWrap{overflow:visible!important;border:0!important}
  .service-desk-table{display:block!important;width:100%!important;min-width:0!important;border:0!important;background:transparent!important}
  .service-desk-table thead{display:none!important}
  .service-desk-table tbody{display:block!important;width:100%!important}
  .service-desk-table tbody tr[data-id]{
    display:block!important;
    position:relative!important;
    width:100%!important;
    min-height:88px!important;
    margin:0 0 9px!important;
    padding:14px 15px 13px 16px!important;
    border:1px solid #dfe6ec!important;
    border-left:4px solid #8c9aa8!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:0 1px 3px rgba(31,49,66,.06)!important;
    cursor:pointer!important;
    box-sizing:border-box!important;
  }
  .service-desk-table tbody tr[data-stage="new_reply"]{border-left-color:#2d78b2!important}
  .service-desk-table tbody tr[data-stage="needs_reply"]{border-left-color:#c94d4d!important}
  .service-desk-table tbody tr[data-stage="action_scheduled"]{border-left-color:#5f7891!important}
  .service-desk-table tbody tr[data-stage="waiting_on_player"]{border-left-color:#84919d!important}
  .service-desk-table tbody tr[data-stage="ready_to_resolve"]{border-left-color:#3f7d56!important}
  .service-desk-table tbody tr[data-id] td{display:none!important}
  .service-desk-table tbody tr[data-id]::before{
    content:attr(data-mobile-name) "\A" attr(data-mobile-stage) "\A" attr(data-mobile-time)!important;
    display:block!important;
    margin:0!important;
    color:#23384d!important;
    font-size:16px!important;
    font-weight:650!important;
    line-height:1.35!important;
    white-space:pre-line!important;
  }
  .service-desk-table tbody tr[data-id]::after{display:none!important;content:none!important}
  .queue-panel .service-desk-table tbody tr[data-id] td.service-desk-preview-toggle-cell{display:none!important}
  .queue-panel .service-desk-table tbody tr.service-desk-inline-preview-row{display:none!important}
  .service-desk-table tbody tr[data-id]:active{background:#f4f8fb!important}

  /* A mobile conversation owns the screen. Supporting record data becomes a slide-over Details panel. */
  .player-drawer{display:flex!important;flex-direction:column!important;inset:0!important;width:100vw!important;height:100dvh!important;background:#fff!important}
  .compact-record-header{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 64px!important;min-height:64px!important;height:64px!important;padding:8px 66px!important;border-bottom:1px solid #e2e8ed!important;background:#fff!important;z-index:40!important}
  .compact-record-identity{position:absolute!important;left:68px!important;right:68px!important;top:8px!important;bottom:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;gap:1px!important;padding:0!important}
  .compact-record-header .drawer-name-line{display:flex!important;justify-content:center!important;width:100%!important;min-width:0!important}
  .compact-record-header .drawer-name-line h2{width:100%!important;max-width:100%!important;margin:0!important;font-size:19px!important;font-weight:700!important;line-height:1.15!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  /* On a phone the header is identity only. Casino, club number and certificate live in Details. */
  .compact-record-header .drawer-meta{display:none!important}
  .compact-record-header .drawer-name-tools{display:none!important}
  .compact-record-header .record-refresh-button,.compact-record-header #expandDrawer{display:none!important}
  .compact-record-header .drawer-header-actions{position:relative!important;z-index:2!important;margin-left:auto!important;gap:6px!important}
  .compact-record-header #closeDrawer{
    position:absolute!important;left:10px!important;top:8px!important;width:46px!important;height:46px!important;min-width:46px!important;border:1px solid #d8e0e7!important;border-radius:50%!important;background:#fff!important;color:#25384b!important;font-size:0!important;
  }
  .compact-record-header #closeDrawer::before{content:'‹';display:block;font-size:42px!important;font-weight:300!important;line-height:38px!important;transform:translateY(-1px)}
  .mobile-record-details-toggle{display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:42px!important;min-width:72px!important;padding:0 12px!important;border:1px solid #d8e0e7!important;border-radius:999px!important;background:#fff!important;color:#304559!important;font-size:13px!important;font-weight:800!important;white-space:nowrap!important}
  .mobile-record-details-toggle[aria-expanded="true"]{background:#edf5fb!important;border-color:#8ab4d5!important;color:#176ca8!important}
  .mobile-record-details-backdrop:not([hidden]){display:block!important;position:fixed!important;inset:64px 0 0!important;z-index:28!important;border:0!important;background:rgba(20,34,49,.34)!important;padding:0!important}

  .drawer-content{flex:1 1 auto!important;height:auto!important;min-height:0!important;overflow:hidden!important;padding:0!important;background:#fff!important;display:block!important}
  .record-workspace,body.full-case-mode .record-workspace{display:block!important;position:relative!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important;padding:0!important}
  .record-work{display:flex!important;position:relative!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important;padding:0!important;background:#fff!important}
  .record-conversation{display:flex!important;width:100%!important;height:100%!important;min-height:0!important;flex:1 1 auto!important;flex-direction:column!important;gap:0!important;background:#fff!important}
  .conversation-heading{display:none!important}
  .history-conversation{display:flex!important;flex:1 1 auto!important;min-height:0!important;flex-direction:column!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;margin:0!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:14px 12px 18px!important;background:#f7f9fb!important;overscroll-behavior:contain!important}
  .history-conversation .bubble-message{max-width:91%!important;padding:11px 13px!important;border-radius:13px!important;font-size:16px!important;line-height:1.48!important}
  .history-conversation .message-time{font-size:12px!important}
  .conversation-composer-resizer{display:none!important}

  .inline-reply{flex:0 0 auto!important;min-height:0!important;max-height:48dvh!important;overflow-y:auto!important;padding:7px 9px calc(9px + env(safe-area-inset-bottom))!important;border-top:1px solid #dce4eb!important;background:#fff!important}
  .inline-delivery-panel{margin:0 0 6px!important;padding:5px 6px!important;border-radius:9px!important;background:#f8fafb!important}
  .inline-delivery-row{gap:4px!important;flex-wrap:nowrap!important}
  .inline-delivery-label{font-size:11px!important;white-space:nowrap!important}
  .inline-delivery-choice span{min-height:32px!important;padding:5px 8px!important;font-size:12px!important}
  .inline-presence-badge{font-size:11px!important;white-space:nowrap!important}
  .inline-delivery-summary{display:none!important;min-height:0!important;margin-top:0!important;flex-direction:row!important;align-items:center!important;gap:8px!important}
  .inline-delivery-summary:has(#inlineSmsSegmentCount.is-segment-warning:not([hidden])){display:flex!important;margin-top:3px!important}
  .inline-delivery-summary #inlineSmsSegmentCount{font-size:0!important}
  .inline-delivery-summary #inlineSmsSegmentCount::after{content:attr(data-mobile-label);font-size:12px!important}
  .inline-delivery-summary .inline-delivery-status{display:none!important}

  /* Two primary AI choices stay side by side; shortcut gets its own clean row rather than clipping offscreen. */
  .inline-ai-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;align-items:stretch!important;gap:6px!important;margin:0 0 6px!important;overflow:visible!important;padding:0!important}
  .inline-ai-toolbar .inline-ai-secondary{width:100%!important;min-width:0!important;min-height:38px!important;padding:7px 8px!important;font-size:12px!important;white-space:nowrap!important}
  .inline-shortcut-picker{grid-column:1 / -1!important;width:100%!important;max-width:none!important;min-height:38px!important;font-size:12.5px!important}
  .inline-ai-status{grid-column:1 / -1!important}

  /* Empty composer is about three lines tall and grows only as the agent actually types. */
  #inlineReplyText{height:74px!important;min-height:74px!important;max-height:168px!important;padding:10px 11px!important;border-radius:11px!important;font-size:17px!important;line-height:1.48!important;overflow-y:hidden!important;box-sizing:border-box!important}
  .message-editor-chrome{min-height:34px!important;padding:2px 3px!important}
  /* Keep mobile composing intentionally simple. Rich-text controls are not useful
     for the SMS-first workflow; emoji remains available as the one quick editor tool. */
  #inlineFormatToggle,#inlineFormatToolbar{display:none!important}
  .message-editor-quick-actions{margin-left:auto!important}
  .message-editor-icon-button{width:34px!important;height:34px!important}

  .inline-reply-footer{margin-top:5px!important;padding-top:5px!important}
  .inline-footer-row{display:flex!important;flex-wrap:wrap!important;flex-direction:row!important;align-items:center!important;gap:7px!important}
  .inline-footer-row .inline-send-timing{display:flex!important;order:1!important;flex:1 1 100%!important;width:100%!important;gap:7px!important}
  .inline-footer-row .inline-send-choice{flex:1 1 0!important;justify-content:center!important;min-height:38px!important;font-size:13px!important}

  /* Flatten the action wrapper on mobile so autosave status can occupy a full row. */
  .inline-footer-row .inline-reply-actions{display:contents!important}
  .inline-footer-row .inline-draft-actions{display:none!important}
  .inline-footer-row .inline-draft-actions.has-draft{display:flex!important;order:2!important;flex:1 1 100%!important;width:100%!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-height:30px!important;padding:1px 2px!important}
  .inline-footer-row .inline-draft-actions.has-draft::before{content:'Draft saved';margin-right:auto;color:#6f7f8f;font-size:12px;font-weight:500}
  .inline-footer-row .inline-draft-actions.has-draft #inlineSaveDraftBtn{display:none!important}
  .inline-footer-row .inline-draft-actions.has-draft #inlineDeleteDraftBtn{display:inline-flex!important;min-height:30px!important;padding:4px 7px!important;border:0!important;background:transparent!important;color:#a23f3f!important;font-size:12px!important;font-weight:600!important}

  .inline-footer-row .inline-sender-label.inline-toolbar-control{display:flex!important;order:3!important;flex:1 1 190px!important;width:auto!important;font-size:13px!important}
  .inline-footer-row .inline-sender-label.inline-toolbar-control select{width:auto!important;flex:1!important;min-height:42px!important;font-size:14px!important}
  #inlineSendBtn{order:3!important;min-width:88px!important;min-height:42px!important;font-size:15px!important;font-weight:650!important}
  #inlinePreviewBtn{display:none!important}

  /* The details panel is the mobile home for status, follow-up, contact, certificate, notes and history. */
  .record-context{
    display:flex!important;
    position:fixed!important;
    z-index:30!important;
    top:64px!important;
    right:0!important;
    bottom:0!important;
    width:min(92vw,390px)!important;
    height:auto!important;
    margin:0!important;
    padding:12px 11px calc(20px + env(safe-area-inset-bottom))!important;
    gap:9px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    background:#f4f6f8!important;
    box-shadow:-14px 0 36px rgba(22,38,53,.18)!important;
    transform:translateX(105%)!important;
    transition:transform .2s ease!important;
    overscroll-behavior:contain!important;
  }
  .player-drawer.mobile-details-open .record-context{transform:translateX(0)!important}
  .record-context .record-collapsible,.record-context .context-collapsible{border-radius:11px!important;background:#fff!important}
  .record-context .record-section-summary,.record-context .context-summary{min-height:50px!important;padding:11px 13px!important}
  .record-context .record-section-summary>span:first-child,.record-context .context-summary>span:first-child{font-size:15px!important;font-weight:600!important}
  .record-context .record-section-summary-meta{font-size:12px!important}
  .record-context .record-topbar .case-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px!important;gap:7px!important;margin-top:8px!important}
  .record-context .record-topbar .case-toolbar .top-followup-control,.record-context .record-topbar .case-toolbar #caseStateBtn,.record-context .record-topbar .case-toolbar .case-more-menu,.record-context .record-topbar .case-toolbar .case-more-trigger{min-height:44px!important;height:44px!important;font-size:13px!important}

  /* Follow-ups are a second conversation list on mobile, not a squeezed calendar/table. */
  #scheduleView .schedule-intro,#scheduleView .calendar-toolbar,#scheduleView #dayFocus,#scheduleView #weekStrip,#scheduleView #monthGrid,#scheduleView .agenda-panel>.panel-header{display:none!important}
  #scheduleView .followup-search-bar{margin:0 0 10px!important;padding:0!important}
  #scheduleView .followup-search-bar input{width:100%!important;min-height:50px!important;padding:0 14px!important;border:1px solid #e2e8ed!important;border-radius:13px!important;background:#f2f5f7!important;font-size:17px!important}
  #scheduleView .schedule-layout,#scheduleView .agenda-panel{display:block!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important;box-shadow:none!important}
  .mobile-followup-list{display:block!important}
  .mobile-followup-card{display:block!important;width:100%!important;margin:0 0 9px!important;padding:14px 15px 13px 16px!important;border:1px solid #dfe6ec!important;border-left:4px solid #84919d!important;border-radius:13px!important;background:#fff!important;text-align:left!important;box-shadow:0 1px 3px rgba(31,49,66,.06)!important}
  .mobile-followup-card[data-stage="new_reply"]{border-left-color:#2d78b2!important}.mobile-followup-card[data-stage="needs_reply"]{border-left-color:#c94d4d!important}.mobile-followup-card[data-stage="action_scheduled"]{border-left-color:#5f7891!important}.mobile-followup-card[data-stage="ready_to_resolve"]{border-left-color:#3f7d56!important}
  .mobile-followup-primary{display:block!important;color:#23384d!important;font-size:16px!important;font-weight:650!important;line-height:1.3!important}
  .mobile-followup-preview{display:-webkit-box!important;margin-top:6px!important;overflow:hidden!important;color:#6b7a89!important;font-size:14px!important;font-weight:400!important;line-height:1.4!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}

  /* Recent sends is a chronological outbound conversation shortcut on mobile. */
  #bulk-historyView .section-intro,#bulk-historyView .send-history-kind-toggle,#bulkHistoryStats{display:none!important}
  #bulk-historyView .send-history-toolbar{display:block!important;margin:0 0 10px!important;padding:0!important}
  #bulk-historyView #sendHistorySearch{width:100%!important;min-height:50px!important;padding:0 14px!important;border:1px solid #e2e8ed!important;border-radius:13px!important;background:#f2f5f7!important;font-size:17px!important}
  #bulk-historyView .bulk-history-panel,#bulk-historyView .table-wrap,#bulk-historyView .bulk-history-table{display:block!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important;box-shadow:none!important}
  #bulk-historyView .bulk-history-table thead{display:none!important}
  #bulk-historyView .bulk-history-table tbody{display:block!important;width:100%!important}
  #bulk-historyView .mobile-recent-sends-row,#bulk-historyView .mobile-recent-sends-row>td{display:block!important;width:100%!important;padding:0!important;border:0!important}
  .mobile-recent-sends{display:block!important;width:100%!important}
  .mobile-recent-send-card{display:block!important;width:100%!important;margin:0 0 9px!important;padding:13px 15px!important;border:1px solid #dfe6ec!important;border-radius:13px!important;background:#fff!important;color:#30465a!important;text-align:left!important;box-shadow:0 1px 3px rgba(31,49,66,.06)!important}
  .mobile-recent-send-head{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:8px!important}.mobile-recent-send-head strong{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:16px!important;font-weight:650!important;color:#23384d!important}.mobile-recent-send-head small{flex:0 0 auto!important;font-size:12px!important;font-weight:400!important;color:#7b8996!important}
  .mobile-recent-send-meta{display:block!important;margin-top:3px!important;font-size:12.5px!important;font-weight:500!important;color:#68798a!important}
  .mobile-recent-send-message{display:-webkit-box!important;margin-top:6px!important;overflow:hidden!important;font-size:14px!important;font-weight:400!important;line-height:1.4!important;color:#526476!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}

  /* Mobile reply dock: the message history owns vertical scrolling. The composer
     stays content-sized so iOS never has two competing full-height scroll panes. */
  .conversation-composer-resizer{display:none!important}
  .inline-reply{display:flex!important;flex:0 0 auto!important;height:auto!important;min-height:0!important;max-height:none!important;flex-direction:column!important;overflow:visible!important;padding:7px 9px calc(9px + env(safe-area-inset-bottom))!important;border-top:1px solid #dfe6ec!important;background:#fff!important}
  .inline-reply>.scheduled-reply-banner,.inline-delivery-panel{flex:0 0 auto!important}
  .inline-reply-text-wrap{display:flex!important;flex:0 0 auto!important;min-height:0!important;flex-direction:column!important;overflow:visible!important}
  .inline-ai-assistant{flex:0 0 auto!important;min-height:0!important}
  .inline-reply-text-wrap.is-ai-compose-mode .inline-ai-assistant,.inline-reply-text-wrap.is-ai-suggestions-mode .inline-ai-assistant{flex:0 0 auto!important;height:auto!important;overflow:visible!important}
  .inline-ai-toolbar{flex:0 0 auto!important}
  .inline-message-editor-shell{display:flex!important;position:relative!important;flex:0 0 auto!important;min-height:0!important}
  #inlineReplyText{flex:0 0 auto!important;height:74px!important;min-height:74px!important;max-height:168px!important;padding:10px 50px 10px 11px!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}
  .inline-message-editor-shell>.message-editor-quick-actions{position:absolute!important;right:8px!important;bottom:7px!important;z-index:4!important;margin:0!important}
  #inlineMessageEditorChrome{flex:0 0 auto!important;min-height:0!important;padding:0!important;border-top:0!important}
  .inline-reply-footer{position:relative!important;z-index:5!important;flex:0 0 auto!important;margin:6px -2px -2px!important;padding:7px 2px 2px!important;border-top:1px solid #dce4eb!important;background:#fff!important;box-shadow:0 -5px 12px rgba(31,49,66,.05)!important}
  .inline-footer-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(96px,.82fr)!important;grid-template-areas:"timing timing send" "sender sender draft"!important;gap:6px!important;align-items:stretch!important}
  .inline-footer-row .inline-send-timing{grid-area:timing!important;order:0!important;display:flex!important;width:auto!important;min-width:0!important;gap:6px!important}
  .inline-footer-row .inline-send-choice{flex:1 1 0!important;justify-content:center!important;min-width:0!important;min-height:42px!important;padding:6px 5px!important;font-size:12.5px!important;white-space:nowrap!important}
  .inline-footer-row .inline-sender-label.inline-toolbar-control{grid-area:sender!important;order:0!important;display:flex!important;width:auto!important;min-width:0!important;font-size:12.5px!important}
  .inline-footer-row .inline-sender-label.inline-toolbar-control select{width:auto!important;min-width:0!important;flex:1 1 auto!important;min-height:42px!important;font-size:14px!important}
  .inline-footer-row .inline-reply-actions{display:contents!important}
  .inline-footer-row .inline-draft-actions{grid-area:draft!important;order:0!important;display:flex!important;width:auto!important;min-width:0!important;min-height:42px!important;align-items:stretch!important;gap:4px!important;margin:0!important}
  .inline-footer-row .inline-draft-actions.has-draft::before{display:none!important;content:none!important}
  .inline-footer-row .inline-draft-actions #inlineSaveDraftBtn{display:inline-flex!important;width:100%!important;min-width:0!important;min-height:42px!important;align-items:center!important;justify-content:center!important;padding:6px 7px!important;font-size:12px!important;white-space:nowrap!important}
  .inline-footer-row .inline-draft-actions.has-draft #inlineSaveDraftBtn{display:none!important}
  .inline-footer-row .inline-draft-actions #inlineDeleteDraftBtn:not([hidden]){display:inline-flex!important;width:100%!important;min-width:0!important;min-height:42px!important;align-items:center!important;justify-content:center!important;padding:6px 5px!important;font-size:11.5px!important;white-space:nowrap!important}
  #inlineSendBtn{grid-area:send!important;order:0!important;width:100%!important;min-width:0!important;min-height:42px!important;padding:6px 8px!important;font-size:15px!important}
  .inline-footer-row .inline-reply-warning.is-info{display:none!important}
  .inline-footer-row .inline-reply-warning:not(.is-info){grid-column:1 / -1!important;grid-row:3!important}
  .inline-schedule-fields{flex:0 0 auto!important;max-height:34dvh!important;overflow-y:auto!important;overscroll-behavior:contain!important}

  /* The old sidebar remains styled for larger responsive widths, but phones no longer expose it. */
  .sidebar{width:min(320px,86vw)!important;background:#fff!important;border-right:1px solid #dfe6ec!important}
  .sidebar .brand{min-height:72px!important;padding:14px 16px!important;border-bottom:1px solid #e6ebef!important;justify-content:flex-start!important}
  .sidebar .brand img{width:70px!important}
  .main-nav{padding:12px 10px!important;gap:5px!important}
  .main-nav .nav-item{min-height:50px!important;padding:11px 12px!important;justify-content:flex-start!important;border-radius:10px!important;color:#32475a!important;font-size:16px!important;font-weight:500!important;gap:11px!important}
  .main-nav .nav-item>span{width:24px!important;font-size:18px!important;text-align:center!important}
  .main-nav .nav-item.active{background:#edf4f9!important;color:#176ca8!important;font-weight:600!important}
  .main-nav .nav-item b{display:inline-flex!important;margin-left:auto!important;min-width:26px!important;justify-content:center!important;font-size:12px!important}
  .main-nav .mobile-hide-scheduled-messages{display:flex!important}
  .sidebar .agent-card{margin:10px!important;padding:10px 12px!important;border-top:1px solid #e8edf1!important;cursor:pointer!important}
  .sidebar .agent-card .avatar,.sidebar #accountMenuButton{display:none!important}
  .sidebar .agent-card>div:not(.avatar){display:flex!important;min-width:0!important;flex:1!important;flex-direction:column!important}
  .sidebar .agent-card #userName{font-size:15px!important;font-weight:650!important;color:#2f4357!important}
  .sidebar .agent-card #userEmail{font-size:11px!important;color:#7a8794!important}
}

/* Enterprise application shell: top-level workspaces with contextual left navigation. */
.enterprise-module-bar{display:none}
@media(min-width:851px){
  .enterprise-module-bar{height:44px;display:flex;align-items:stretch;gap:2px;padding:0 22px;border-bottom:1px solid #e2e7eb;background:#fff}
  .enterprise-module-button{display:inline-flex;align-items:center;gap:7px;min-width:0;padding:0 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:#66727e;font-family:inherit;font-size:12.5px;font-weight:500;white-space:nowrap;cursor:pointer;text-decoration:none}
  .enterprise-module-button>span{width:16px;text-align:center;color:#7a8793;font-size:13px}
  .enterprise-module-button:hover{background:#f7f9fa;color:#273b4d}
  .enterprise-module-button.is-active{border-bottom-color:#2b78b7;color:#1f5f93;background:#f8fbfd;font-weight:600}
  .enterprise-module-button.is-active>span{color:#2b78b7}
  .enterprise-module-button[hidden]{display:none!important}
  .sidebar{overflow:hidden!important}
  .sidebar .brand{height:108px!important;min-height:108px!important;flex:0 0 108px}
  .topbar{height:64px!important;min-height:64px!important;top:0!important;padding-top:0!important;padding-bottom:0!important}
  .enterprise-context-nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-top:14px!important;gap:3px!important;border-bottom:0!important}
  .sidebar .agent-card{flex:0 0 auto;margin-top:auto!important}
  .nav-module-panel{display:flex;flex-direction:column;gap:3px;min-width:0}
  .nav-module-panel[hidden]{display:none!important}
  .enterprise-context-nav .crm-nav-group{margin:0!important;padding:0!important;border-top:0!important}
  .enterprise-context-nav .nav-item{font-weight:430!important;color:#536170!important}
  .enterprise-context-nav .nav-item:hover{font-weight:430!important}
  .enterprise-context-nav .nav-item.active{font-weight:600!important;color:#244d70!important}
  .enterprise-context-nav .nav-item>span{opacity:.78}
  .enterprise-context-nav .nav-item.active>span{opacity:1}
  .enterprise-admin-subgroup{margin-top:10px!important;padding-top:8px;border-top:1px solid #e8edf1}
  .enterprise-admin-subgroup .nav-section-toggle{min-height:28px;padding:7px 10px 5px;color:#7a8794;font-size:10.5px;font-weight:600;letter-spacing:0;text-transform:none}
}
@media(max-width:850px){.enterprise-module-bar{display:none!important}}

/* Account access follows the compact initials-only pattern used by mature CRM tools. */
.topbar-account{display:grid!important;place-items:center!important;position:relative!important;width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;margin:0 0 0 auto!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;cursor:pointer!important}
.topbar-account:hover .avatar{filter:brightness(.96)}
.topbar-account:focus-visible{outline:2px solid #6b93b5!important;outline-offset:3px!important}
.topbar-account .avatar{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:50%!important;font-size:12px!important;font-weight:800!important;letter-spacing:.02em!important}
.topbar-account .account-menu{left:auto!important;right:0!important;top:calc(100% + 8px)!important;bottom:auto!important;width:228px!important}
.build-version-label{display:block;padding:7px 10px 5px;color:#7a8794;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.role-preview-menu{padding:5px 0 7px;margin:2px 0 4px;border-top:1px solid #edf1f4;border-bottom:1px solid #edf1f4}.role-preview-menu[hidden]{display:none!important}.role-preview-menu .account-menu-heading{display:block;padding:8px 10px 5px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7b8794}.role-preview-status{display:block;margin:0 8px 5px;padding:6px 8px;border-radius:8px;background:#f3f7fa;color:#536b7d;font-size:11px;font-weight:700}.role-preview-status[hidden]{display:none!important}.role-preview-menu button{justify-content:space-between!important;gap:12px!important;padding:8px 10px!important;font-size:12px!important;color:#33485b!important}.role-preview-menu button.is-active{background:#f1f5f8!important;color:#213a50!important;font-weight:750!important}.role-preview-check{margin-left:auto;visibility:hidden;color:#4f718d;font-size:12px}.role-preview-menu button.is-active .role-preview-check{visibility:visible}.role-preview-return{display:block;margin:5px 8px 0;padding:7px 8px;border-radius:8px;color:#47677f;text-decoration:none;font-size:11px;font-weight:750}.role-preview-return:hover{background:#f3f6f9}.role-preview-return[hidden]{display:none!important}.topbar-account.is-role-preview{border-color:#afc1d0!important;box-shadow:0 0 0 2px rgba(72,105,132,.06)!important}.topbar-account.is-role-preview .avatar{background:#536f86!important}.mobile-account.is-role-preview .mobile-account-button{border-color:#afc1d0;box-shadow:0 0 0 2px rgba(72,105,132,.06)}

/* Phone account access stays available even though the full sidebar is intentionally hidden. */
.mobile-account{display:none}
@media(max-width:700px){
  .topbar-account{display:none!important}
  .topbar{padding-right:68px!important}
  .topbar-heading{min-width:0}
  .mobile-account{display:block;position:absolute;right:12px;top:11px;z-index:25}
  .mobile-account-button{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #d7e0e8;border-radius:50%;background:#fff;color:#fff;box-shadow:0 1px 3px rgba(31,49,66,.08)}
  .mobile-account-button span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#26394b;color:#fff;font-size:12px;font-weight:800;letter-spacing:.02em}
  .mobile-account-menu{position:absolute;top:56px;right:0;width:min(210px,calc(100vw - 24px));padding:8px;border:1px solid #dfe5eb;border-radius:14px;background:#fff;box-shadow:0 16px 38px rgba(20,32,48,.2)}
  .mobile-account-menu[hidden]{display:none!important}
  .mobile-account-identity{display:none!important}
  .mobile-account-menu button{display:flex;align-items:center;gap:11px;width:100%;min-height:48px;padding:11px 12px;border:0;border-radius:9px;background:transparent;color:#33485b;text-align:left;font:inherit;font-size:16px;font-weight:650}
  .mobile-account-menu button:hover,.mobile-account-menu button:focus-visible{background:#f3f6f9}
  body.mobile-secondary-view .topbar{padding-right:68px!important}
}

/* 2026-08-15 Service Desk card typography: one consistent type scale across every summary card. */
#metricGrid .service-summary-card,
#assessmentQuickFilters .service-summary-card{
  color:#526174!important;
  border-left:4px solid var(--metric-color,#7b8794)!important;
}
#metricGrid .service-summary-card .service-summary-number,
#assessmentQuickFilters .service-summary-card .service-summary-number,
#assessmentQuickFilters .open-conversation-summary .service-summary-number{
  font-size:22px!important;
  font-weight:800!important;
  color:inherit!important;
  line-height:1!important;
}
#metricGrid .service-summary-card .service-summary-label,
#assessmentQuickFilters .service-summary-card .service-summary-label,
#assessmentQuickFilters .open-conversation-summary .service-summary-label{
  font-size:12px!important;
  font-weight:800!important;
  color:inherit!important;
  line-height:1.15!important;
}

/* Follow-up urgency stays secondary to the main count, but overdue work is unmistakable. */
#metricGrid .service-summary-copy,
#assessmentQuickFilters .service-summary-copy{display:flex;min-width:0;align-items:center;gap:7px;overflow:hidden}
#metricGrid .service-summary-note,
#assessmentQuickFilters .service-summary-note{flex:0 0 auto;font-size:10.5px;font-weight:800;line-height:1.1;white-space:nowrap}
#metricGrid .service-summary-note.is-overdue,
#assessmentQuickFilters .service-summary-note.is-overdue{color:#b84a4a!important}

/* Calm zebra striping for desktop operational/data tables. It is deliberately
   subtle so the row guide helps the eye without competing with status accents. */
@media(min-width:901px){
  .service-desk-table tbody tr:nth-child(even),
  .crm-records-table tbody tr:nth-child(even):not(.crm-chain-rows),
  .scheduled-message-table tbody tr:nth-child(even),
  .bulk-history-table tbody tr:nth-child(even),
  .send-draft-member-table tbody tr:nth-child(even),
  .tag-management-table tbody tr:nth-child(even),
  .tag-rule-table tbody tr:nth-child(even){background:#f7f9fb!important}
  .service-desk-table tbody tr:hover,
  .crm-records-table tbody tr:hover,
  .scheduled-message-table tbody tr:hover,
  .bulk-history-table tbody tr:hover,
  .send-draft-member-table tbody tr:hover,
  .tag-management-table tbody tr:hover,
  .tag-rule-table tbody tr:hover{background:#f1f5f8!important}
  .followup-list-row:not(.followup-list-head):nth-child(odd){background:#f7f9fb}
  .followup-list-row:not(.followup-list-head):hover{background:#f1f5f8}
}

@media(max-width:700px){
  #assessmentQuickFilters .service-summary-copy{flex-direction:column;align-items:flex-start;gap:2px;overflow:visible}
  #assessmentQuickFilters .service-summary-note{font-size:9.5px}
}

/* Follow-up visibility in the main Service Desk queue. The summary count and
   each row now expose the same due/overdue fact instead of hiding it in state. */
.service-desk-table .queue-followup-due{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:4px;color:#687582;font-size:10px!important;font-weight:600!important;line-height:1.25!important}
.service-desk-table .queue-followup-due strong{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;background:#eef3f7;color:#556575;font-size:9.5px!important;font-weight:800!important;letter-spacing:.015em}
.service-desk-table .queue-followup-due.is-today strong{background:#fff4dd;color:#8b5b0a}
.service-desk-table .queue-followup-due.is-overdue,.service-desk-table .queue-followup-due.is-overdue span{color:#a63f3f!important}
.service-desk-table .queue-followup-due.is-overdue strong{background:#fdeaea;color:#a63f3f!important}
@media(min-width:901px){
  .service-desk-table tbody tr.queue-followup-overdue{background:#fff5f5!important;box-shadow:inset 3px 0 #c65353}
  .service-desk-table tbody tr.queue-followup-overdue:hover{background:#ffeded!important}
  .service-desk-table tbody tr.queue-followup-today{box-shadow:inset 3px 0 #c28a2c}
}
@media(max-width:900px){
  .service-desk-table tbody tr.queue-followup-overdue{border-left-color:#c65353!important;background:#fff7f7!important}
  .service-desk-table tbody tr.queue-followup-today{border-left-color:#c28a2c!important}
}

/* 2026-08-16 Conversation details: keep workflow stage in the header and give
   the AI assessment the full card width instead of wasting a split column. */
.record-details-summary{align-items:center!important}
.record-details-summary-main{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}
.record-details-summary-main>.stage-badge{margin:0!important;padding:4px 8px!important;font-size:11.5px!important;font-weight:650!important;line-height:1.2!important}
.new-reply-attention-badge{display:inline-flex;align-items:center;margin:0;padding:4px 8px;border:1px solid #b7cce0;border-radius:999px;background:#f4f8fc;color:#3f6f98;font-size:10.5px;font-weight:750;line-height:1.2}
.record-details-body{padding:0!important}
.record-details-primary{display:flex;flex-direction:column;width:100%;min-width:0}
.record-details-primary>.record-status-item{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:12px 14px!important;border:0!important;border-bottom:1px solid #e7edf3!important;gap:6px!important}
.record-details-primary>.record-status-item:last-child{border-bottom:0!important}
.record-details-primary .record-status-assessment .booking-opportunity-badge{display:grid!important;grid-template-columns:8px minmax(0,1fr)!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;margin:0!important;padding:9px 11px!important;white-space:normal!important}
.record-details-primary .record-status-assessment .booking-opportunity-badge small{max-width:none!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.record-details-primary .record-opportunity-control{width:100%!important;margin-top:2px!important}
.record-details-primary .record-opportunity-actions{grid-template-columns:minmax(0,1fr) auto!important}
.record-details-primary .record-opportunity-override{width:100%!important}
.record-details-primary .record-next-alliance-action{background:#fff!important}
.record-stage-reason{display:block;padding:9px 14px 11px;border-bottom:1px solid #e7edf3}
.record-details-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #e7edf3}
.record-details-meta-grid>.record-status-item{display:flex!important;flex-direction:column!important;min-width:0!important;padding:10px 14px!important;gap:5px!important;border:0!important;border-bottom:1px solid #e7edf3!important;box-sizing:border-box!important}
.record-details-meta-grid>.record-status-item:nth-child(1){border-right:1px solid #e7edf3!important}
.record-details-meta-grid>.record-status-owner{grid-column:1/-1;border-bottom:0!important}
.record-details-meta-grid .record-assignee-select{width:100%!important}
@media(max-width:700px){
  .record-details-meta-grid{grid-template-columns:1fr}
  .record-details-meta-grid>.record-status-item:nth-child(1){border-right:0!important}
  .record-details-meta-grid>.record-status-owner{grid-column:1!important}
}

/* 2026-08-17 mobile workspace and composer consolidation. Phone/touch layouts must
   win over the older desktop-width record rules, even when Safari reports a
   wider screenshot viewport. */
.inline-delivery-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.inline-delivery-row .inline-delivery-status{display:inline-flex;align-items:center;min-width:0;color:#6f7b87!important;font-size:12px!important;font-weight:500!important;line-height:1.25!important}
.inline-delivery-summary{display:none!important}
.inline-sms-warning{display:inline-flex;align-items:center;min-width:0;padding:4px 7px;border-radius:6px;background:#fff3f0;color:#9b4b3d;font-size:11px;font-weight:700;line-height:1.25}
.inline-sms-warning[hidden]{display:none!important}
.inline-send-tools-toggle,.inline-writing-tools-toggle{display:none!important}
.message-sms-meta{margin:5px 0 0;color:#607386;font-size:12px;font-weight:700;line-height:1.35}
.message-sms-meta.is-long{color:#9b4b3d}

@media (max-width:700px){
  html,body{max-width:100%;overflow-x:hidden!important}
  .app-shell,.main-content,.view,.content-grid,.record-workspace,.record-work,.record-conversation,
  .drawer-content,.inline-reply,.inline-reply-text-wrap,.inline-footer-row{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}

  /* One mobile workspace at a time. The Service Desk list stays underneath,
     while the selected conversation owns the viewport. */
  .player-drawer{
    position:fixed!important;
    inset:0!important;
    z-index:80!important;
    width:100vw!important;
    max-width:none!important;
    height:100dvh!important;
    transform:translateX(100%)!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  .player-drawer.open{transform:translateX(0)!important}
  .drawer-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:70!important;
  }
  .drawer-backdrop.open{opacity:1!important;pointer-events:auto!important}

  /* Inside a mobile record, conversation is the only persistent column. */
  .drawer-content{display:block!important;width:100%!important;height:auto!important;overflow:hidden!important;padding:0!important}
  .record-workspace,body.full-case-mode .record-workspace{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
  }
  .record-work{
    display:flex!important;
    width:100%!important;
    height:100%!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  .record-context{
    position:fixed!important;
    top:60px!important;
    right:0!important;
    bottom:0!important;
    z-index:95!important;
    width:100vw!important;
    max-width:none!important;
    height:auto!important;
    margin:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    transform:translateX(105%)!important;
    box-shadow:-14px 0 36px rgba(22,38,53,.18)!important;
  }
  .player-drawer.mobile-details-open .record-context{transform:translateX(0)!important}
  .mobile-record-details-backdrop:not([hidden]){
    position:fixed!important;
    inset:64px 0 0!important;
    z-index:90!important;
    display:block!important;
  }

  /* Channel status is useful on desktop but not worth a row on a phone. */
  .inline-delivery-row .inline-delivery-status,
  .inline-delivery-row .inline-presence-badge{display:none!important}
  .inline-delivery-panel{
    width:100%!important;
    box-sizing:border-box!important;
  }
  .inline-send-tools-toggle,.inline-writing-tools-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:34px!important;
    padding:7px 10px!important;
    border:1px solid #d7e1e9!important;
    border-radius:8px!important;
    background:#f7fafc!important;
    color:#40576c!important;
    font:inherit!important;
    font-size:12px!important;
    font-weight:750!important;
    text-align:left!important;
  }
  .inline-send-tools-toggle .mobile-toggle-label,
  .inline-writing-tools-toggle .mobile-toggle-label{color:#6c7d8d!important;font-size:11px!important;font-weight:650!important}
  .inline-reply:not(.mobile-send-tools-open) .inline-delivery-panel,
  .inline-reply:not(.mobile-send-tools-open) .inline-footer-row,
  .inline-reply:not(.mobile-send-tools-open) .inline-schedule-fields{display:none!important}
  .inline-reply:not(.mobile-writing-tools-open) .inline-ai-toolbar{display:none!important}
  .inline-reply:not(.mobile-writing-tools-open) .inline-ai-status{display:none!important}
  .inline-ai-assistant{min-height:0!important}

  /* Collapsed: one full-width button reveals every sending control together. */
  .inline-reply:not(.mobile-send-tools-open) .inline-reply-footer{display:block!important}
  .inline-reply:not(.mobile-send-tools-open) .inline-send-tools-toggle{display:flex!important;width:100%!important}

  /* Expanded: the complete three-row control set is available on demand. */
  .inline-reply.mobile-send-tools-open .inline-reply-footer{display:block!important}
  .inline-reply.mobile-send-tools-open .inline-footer-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(96px,.82fr)!important;
    grid-template-areas:"timing timing send" "sender sender draft"!important;
    gap:6px!important;
    align-items:stretch!important;
  }
  .inline-reply.mobile-send-tools-open .inline-footer-row .inline-send-timing{
    display:flex!important;
    grid-area:timing!important;
    width:auto!important;
    min-width:0!important;
    gap:6px!important;
  }
  .inline-reply.mobile-send-tools-open .inline-footer-row .inline-send-choice{
    flex:1 1 0!important;
    min-width:0!important;
    justify-content:center!important;
    min-height:42px!important;
    white-space:nowrap!important;
  }
  .inline-reply.mobile-send-tools-open .inline-footer-row .inline-sender-label{
    display:flex!important;
    grid-area:sender!important;
    width:auto!important;
    min-width:0!important;
  }
  .inline-reply.mobile-send-tools-open .inline-footer-row .inline-sender-label select{
    min-width:0!important;
    width:auto!important;
    flex:1 1 auto!important;
  }
  .inline-reply.mobile-send-tools-open .inline-footer-row .inline-draft-actions{
    display:flex!important;
    grid-area:draft!important;
    width:auto!important;
    min-width:0!important;
  }
  .inline-reply.mobile-send-tools-open .inline-footer-row #inlineSendBtn{
    grid-area:send!important;
    width:100%!important;
    min-width:0!important;
  }

  .player-drawer.mobile-keyboard-open .inline-reply-footer{margin-top:4px!important}
  .player-drawer.mobile-keyboard-open .inline-send-tools-toggle,
  .player-drawer.mobile-keyboard-open .inline-writing-tools-toggle{min-height:30px!important;padding:5px 9px!important}

  /* Lock the queue underneath an open phone conversation. Freezing the body at
     its current Y position prevents Safari's rubber-band handoff from scrolling
     the Service Desk when the message thread reaches either edge. */
  html.mobile-conversation-open,
  body.mobile-conversation-open{height:100%!important;overflow:hidden!important;overscroll-behavior:none!important}
  body.mobile-conversation-open:not(.full-case-mode){
    position:fixed!important;
    top:var(--mobile-conversation-scroll-top,0)!important;
    right:0!important;
    left:0!important;
    width:100%!important;
  }

  .player-drawer.open{
    height:100vh!important;
    height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  .player-drawer.open .drawer-content{display:flex!important;flex:1 1 auto!important;height:auto!important;min-height:0!important;overflow:hidden!important}
  .player-drawer.open .record-workspace,
  .player-drawer.open .record-work,
  .player-drawer.open .record-conversation,
  .player-drawer.open .history-conversation{min-height:0!important;overflow:hidden!important}
  .player-drawer.open .record-conversation,
  .player-drawer.open .history-conversation{flex:1 1 0!important;height:auto!important}
  .player-drawer.open .history-conversation .message-thread,
  body.full-case-mode .player-drawer.open .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;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
  }
  .player-drawer.open .inline-reply{flex:0 0 auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
  .player-drawer.open .inline-reply-text-wrap{flex:0 0 auto!important;min-height:0!important;overflow:visible!important}
  .player-drawer.open .inline-message-editor-shell{flex:0 0 auto!important;min-height:0!important}
  .player-drawer.open #inlineReplyText{flex:0 0 auto!important;height:74px!important;min-height:74px!important;max-height:168px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
}

/* Mobile enterprise navigation and Workflow. Desktop is intentionally untouched. */
.mobile-enterprise-tabs,.mobile-workflow-menu-item,.mobile-service-desk-menu-item{display:none!important}
@media(max-width:700px){
  .mobile-enterprise-tabs{display:none!important}
  .mobile-workflow-menu-item,.mobile-service-desk-menu-item{display:flex!important}
  .mobile-workflow-home{padding:10px!important;background:#f5f7fa!important}
  .mobile-workflow-grid{display:grid;grid-template-columns:1fr;gap:8px}
  .mobile-workflow-grid button{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:58px;padding:10px 13px;border:1px solid #dfe6ec;border-radius:11px;background:#fff;color:#30465a;text-align:left;box-shadow:0 1px 3px rgba(31,49,66,.05)}
  .mobile-workflow-grid button>span{font-size:18px;color:#61788e;text-align:center}
  .mobile-workflow-grid button>strong{font-size:15px;font-weight:650;color:#23384d}
  .mobile-workflow-grid button>b{font-size:23px;font-weight:400;color:#7b8996}
  .mobile-workflow-grid button:active{background:#f4f8fb}

  /* Workflow list pages use the same touch-first card rhythm as Service Desk. */
  .crm-operational-view{padding:10px!important;background:#f5f7fa!important}
  .crm-ops-placeholder{margin:0!important;padding:18px!important;border-color:#dfe6ec!important;border-radius:12px!important}
  .crm-ops-placeholder h2{font-size:19px!important}
  .crm-ops-placeholder p{font-size:13px!important;line-height:1.5!important}

  #opsPlayersOverview{margin:0 0 9px!important;border-color:#dfe6ec!important;border-radius:11px!important}
  #opsPlayersOverview>summary{min-height:50px!important;padding:11px 13px!important;font-size:14px!important}
  #opsPlayersOverview .crm-player-overview-body{padding:12px!important;overflow-x:auto!important}
  #opsPlayersOverview .crm-player-overview-table{min-width:600px!important}
  .crm-player-list-panel{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;overflow:visible!important}
  .crm-player-toolbar{display:block!important;padding:0 0 10px!important;border:0!important}
  .crm-player-toolbar>div{margin:0 0 7px!important}
  .crm-player-toolbar p{font-size:13px!important;color:#657486!important}
  .crm-player-search{width:100%!important;min-width:0!important;gap:5px!important;font-size:11px!important}
  .crm-player-search input{height:48px!important;padding:0 13px!important;border-radius:12px!important;background:#fff!important;font-size:16px!important}
  #opsPlayersTable{display:block!important;width:100%!important;min-width:0!important;table-layout:auto!important;background:transparent!important}
  #opsPlayersTable colgroup,#opsPlayersTable thead{display:none!important}
  #opsPlayersTable tbody{display:block!important;width:100%!important}
  #opsPlayersTable tbody tr[data-player-id]{display:grid!important;position:relative!important;grid-template-columns:minmax(0,1fr) auto!important;gap:3px 12px!important;width:100%!important;min-height:104px!important;margin:0 0 9px!important;padding:13px 38px 12px 14px!important;border:1px solid #dfe6ec!important;border-radius:13px!important;background:#fff!important;box-shadow:0 1px 3px rgba(31,49,66,.06)!important;cursor:pointer!important}
  #opsPlayersTable tbody tr[data-player-id]::after{content:'›';position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#8391a0;font-size:24px;font-weight:400}
  #opsPlayersTable td{display:none!important;padding:0!important;border:0!important;font-size:13px!important;line-height:1.35!important;text-align:left!important;min-width:0!important}
  #opsPlayersTable td[data-player-field="name"],#opsPlayersTable td[data-player-field="phone"],#opsPlayersTable td[data-player-field="code"],#opsPlayersTable td[data-player-field="status"],#opsPlayersTable td[data-player-field="casino"],#opsPlayersTable td[data-player-field="adt"]{display:block!important}
  #opsPlayersTable td[data-player-field="name"]{grid-column:1/-1;color:#176ca8!important;font-size:16px!important;font-weight:650!important;white-space:normal!important;overflow-wrap:anywhere!important}
  #opsPlayersTable td[data-player-field="phone"]{grid-column:1;color:#526476!important;font-size:13px!important}
  #opsPlayersTable td[data-player-field="casino"]{grid-column:1;color:#33495e!important;font-size:13px!important}
  #opsPlayersTable td[data-player-field="code"]{grid-column:2;grid-row:2;color:#33495e!important;text-align:right!important}
  #opsPlayersTable td[data-player-field="code"] .workflow-record-link{color:#33495e!important;text-decoration:none!important}
  #opsPlayersTable td[data-player-field="status"]{grid-column:2;grid-row:3;text-align:right!important}
  #opsPlayersTable td[data-player-field="adt"]{grid-column:2;grid-row:4;color:#33495e!important;text-align:right!important;font-variant-numeric:tabular-nums!important}
  #opsPlayersTable td[data-player-field="adt"]::before{content:'ADT ';color:#7b8996;font-size:11px;font-weight:600}
  #opsPlayersTable .crm-player-status{min-height:21px!important;padding:2px 7px!important;font-size:11px!important}
  #opsPlayersListPane .crm-records-pager{padding:8px 0 0!important;background:transparent!important}

  /* A Player opened from Workflow owns the phone screen, matching the Service Desk record pattern. */
  #opsPlayerDetailPane:not([hidden]){display:block!important;position:fixed!important;inset:0!important;z-index:80!important;width:100vw!important;height:100dvh!important;padding:0 10px 18px!important;overflow-y:auto!important;overscroll-behavior:contain!important;background:#f5f7fa!important;-webkit-overflow-scrolling:touch!important}
  #opsPlayerDetailPane .crm-player-detail-topbar{position:sticky!important;top:0!important;z-index:3!important;display:flex!important;gap:7px!important;margin:0 -10px 10px!important;padding:9px 10px!important;border-bottom:1px solid #dfe5eb!important;background:#fff!important}
  #opsPlayerDetailPane .crm-player-detail-topbar .secondary-button{min-height:44px!important;font-size:13px!important}
  #opsPlayerDetailPane .crm-player-profile-card,#opsPlayerDetailPane .crm-player-history-card,#opsPlayerDetailPane .crm-player-identity-card{margin:0 0 9px!important;border-color:#dfe6ec!important;border-radius:11px!important;box-shadow:none!important}
  #opsPlayerDetailPane .crm-player-profile-heading{padding:15px!important;gap:13px!important}
  #opsPlayerDetailPane .crm-player-profile-heading h2{font-size:20px!important;color:#176ca8!important}
  #opsPlayerDetailPane .crm-player-profile-heading small{font-size:10.5px!important;overflow-wrap:anywhere!important}
  #opsPlayerDetailPane .crm-player-profile-summary{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;width:100%!important}
  #opsPlayerDetailPane .crm-player-profile-summary>div{min-width:0!important}
  #opsPlayerDetailPane .crm-player-profile-summary strong{font-size:14px!important}
  #opsPlayerDetailPane .crm-player-contact-grid{grid-template-columns:1fr!important}
  #opsPlayerDetailPane .crm-player-contact-grid>div{padding:12px 15px!important;border-right:0!important;border-bottom:1px solid #edf1f4!important}
  #opsPlayerDetailPane .crm-player-contact-grid>div:last-child{border-bottom:0!important}
  #opsPlayerDetailPane .crm-player-contact-grid strong{font-size:13px!important}
  #opsPlayerDetailPane .crm-player-section-heading{padding:12px 14px!important}
  #opsPlayerDetailPane .crm-player-section-heading h3{font-size:14px!important}
  #opsPlayerDetailPane .table-wrap{overflow:visible!important}
  #opsPlayerDetailPane .crm-player-history-table{display:block!important;width:100%!important;min-width:0!important;table-layout:auto!important}
  #opsPlayerDetailPane .crm-player-history-table thead{display:none!important}
  #opsPlayerDetailPane .crm-player-history-table tbody{display:block!important;width:100%!important;padding:0 10px 10px!important}
  #opsPlayerDetailPane .crm-player-history-table tbody tr{display:block!important;width:100%!important;margin:9px 0 0!important;padding:10px 11px!important;border:1px solid #e1e7ed!important;border-radius:10px!important;background:#fff!important}
  #opsPlayerDetailPane .crm-player-history-table td{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;gap:8px!important;padding:4px 0!important;border:0!important;font-size:12.5px!important;line-height:1.4!important;text-align:left!important}
  #opsPlayerDetailPane .crm-player-history-table td::before{color:#7a8796;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}
  #opsPlayerDetailPane .crm-player-ticket-history-table td:nth-child(1)::before{content:'Ticket'}
  #opsPlayerDetailPane .crm-player-ticket-history-table td:nth-child(2)::before{content:'Status'}
  #opsPlayerDetailPane .crm-player-ticket-history-table td:nth-child(3)::before{content:'Channel'}
  #opsPlayerDetailPane .crm-player-ticket-history-table td:nth-child(4)::before{content:'Last Activity'}
  #opsPlayerDetailPane .crm-player-entitlement-table td:nth-child(1)::before{content:'Code'}
  #opsPlayerDetailPane .crm-player-entitlement-table td:nth-child(2)::before{content:'Status'}
  #opsPlayerDetailPane .crm-player-entitlement-table td:nth-child(3)::before{content:'Casino · Event'}
  #opsPlayerDetailPane .crm-player-entitlement-table td:nth-child(4)::before{content:'Club #'}
  #opsPlayerDetailPane .crm-player-entitlement-table td:nth-child(5)::before{content:'Expiration'}
  #opsPlayerDetailPane .crm-player-entitlement-table td:nth-child(6)::before{content:'ADT'}
  #opsPlayerDetailPane .crm-player-booking-history-table td:nth-child(1)::before{content:'Certificate'}
  #opsPlayerDetailPane .crm-player-booking-history-table td:nth-child(2)::before{content:'Status'}
  #opsPlayerDetailPane .crm-player-booking-history-table td:nth-child(3)::before{content:'Trip'}
  #opsPlayerDetailPane .crm-player-booking-history-table td:nth-child(4)::before{content:'Stay'}
  #opsPlayerDetailPane .crm-player-booking-history-table td:nth-child(5)::before{content:'Hotel Confirmation'}
  #opsPlayerDetailPane .crm-player-booking-history-table td:nth-child(6)::before{content:'ADT'}
  #opsPlayerDetailPane .crm-player-history-table td.numeric{text-align:left!important}

  /* Lead / Certificate / Booking record focus uses the same full-screen phone transition. */
  #ops-leadsRecordFocus:not([hidden]),#ops-certificatesRecordFocus:not([hidden]),#ops-bookingsRecordFocus:not([hidden]){display:block!important;position:fixed!important;inset:0!important;z-index:82!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:0 10px 18px!important;border:0!important;border-radius:0!important;overflow-y:auto!important;background:#f5f7fa!important;box-shadow:none!important;overscroll-behavior:contain!important}
  .workflow-record-focus-header{position:sticky!important;top:0!important;z-index:3!important;margin:0 -10px 10px!important;padding:9px 10px!important;border-bottom:1px solid #dfe5eb!important;background:#fff!important}
  .workflow-record-focus-header .secondary-button{min-height:44px!important;font-size:13px!important}
  .workflow-record-focus-header h2{font-size:18px!important}
  .workflow-record-grid{grid-template-columns:1fr!important;border:1px solid #dfe6ec!important;border-radius:11px!important;overflow:hidden!important;background:#fff!important}
  .workflow-record-grid>div{padding:11px 13px!important;border-right:0!important}
  .workflow-record-relations{margin-top:9px!important;padding:11px 13px!important;border:1px solid #dfe6ec!important;border-radius:11px!important;background:#fff!important}

  /* Bookings become report cards on phones; desktop tables and personal column layouts remain untouched. */
  #ops-bookingsView{padding:8px 10px 18px!important;background:#f5f7fa!important}
  .booking-workspace-scopebar{position:static!important;display:block!important;margin:0 0 9px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  .booking-workspace-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;margin:0 0 8px!important;border:1px solid #d6e0e8!important;border-radius:10px!important;overflow:hidden!important;background:#fff!important}
  .booking-workspace-tab{min-height:44px!important;padding:8px!important;border:0!important;border-bottom:2px solid transparent!important;font-size:13px!important}
  .booking-workspace-tab.is-active{border-bottom-color:#2b78b7!important;background:#f8fbfd!important}
  .booking-scope-controls{display:flex!important;align-items:stretch!important;justify-content:stretch!important;gap:7px!important;padding:0!important;overflow-x:auto!important}
  .booking-scope-controls[hidden]{display:none!important}
  .booking-reporting-zone,.booking-lifecycle-wrap{align-items:stretch!important;min-width:max-content!important}
  .booking-reporting-zone button,.booking-lifecycle-toggle button{min-height:38px!important;font-size:11.5px!important}
  .booking-attention-controls{display:flex!important;align-items:end!important;gap:8px!important;margin:0 0 8px!important}
  .booking-attention-controls .booking-columns-button{display:none!important}
  .booking-attention-controls .booking-updated-note{margin-left:auto!important;font-size:10px!important}
  .booking-attention-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:9px!important}
  .booking-attention-card{min-height:76px!important;padding:10px!important;border-radius:11px!important}
  .booking-attention-card .booking-attention-icon{width:30px!important;height:30px!important}
  .booking-attention-card strong{font-size:12px!important;line-height:1.25!important}
  .booking-attention-card>b{font-size:22px!important}
  .booking-queue-panel,.booking-report-panel,.booking-results-panel,.booking-summary-panel{border-color:#dfe6ec!important;border-radius:11px!important;box-shadow:none!important}
  .booking-panel-header{padding:11px 12px!important}
  .booking-panel-header h3{font-size:14px!important}
  .booking-table-wrap{overflow:visible!important}
  .booking-report-table{display:block!important;width:100%!important;min-width:0!important;background:transparent!important}
  .booking-report-table colgroup,.booking-report-table thead{display:none!important}
  .booking-report-table tbody{display:block!important;width:100%!important;padding:0 9px 1px!important}
  .booking-report-table tbody tr[data-mobile-booking-id]{display:block!important;position:relative!important;width:100%!important;margin:9px 0!important;padding:11px 35px 10px 12px!important;border:1px solid #e0e7ed!important;border-radius:11px!important;background:#fff!important;box-shadow:0 1px 2px rgba(31,49,66,.04)!important;cursor:pointer!important}
  .booking-report-table tbody tr[data-mobile-booking-id]::after{content:'›';position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#8391a0;font-size:23px}
  .booking-report-table td{display:none!important;padding:4px 0!important;border:0!important;font-size:12.5px!important;line-height:1.4!important;text-align:left!important}
  #opsBookingsAttentionTable td[data-booking-field="player"],#opsBookingsAttentionTable td[data-booking-field="adt"],#opsBookingsAttentionTable td[data-booking-field="lastDayToApprove"],#opsBookingsAttentionTable td[data-booking-field="checkIn"],#opsBookingsAttentionTable td[data-booking-field="checkOut"],#opsBookingsAttentionTable td[data-booking-field="fnb"],#opsBookingsAttentionTable td[data-booking-field="bonusPlay"],#opsBookingsAttentionTable td[data-booking-field="host"],#opsBookingsAttentionTable td[data-booking-field="sponsor"]{display:grid!important;grid-template-columns:105px minmax(0,1fr)!important;gap:7px!important}
  #opsBookingsAllTable td[data-booking-field="player"],#opsBookingsAllTable td[data-booking-field="createdAt"],#opsBookingsAllTable td[data-booking-field="host"],#opsBookingsAllTable td[data-booking-field="sponsor"],#opsBookingsAllTable td[data-booking-field="checkIn"],#opsBookingsAllTable td[data-booking-field="checkOut"],#opsBookingsAllTable td[data-booking-field="nights"],#opsBookingsAllTable td[data-booking-field="adt"],#opsBookingsAllTable td[data-booking-field="status"]{display:grid!important;grid-template-columns:105px minmax(0,1fr)!important;gap:7px!important}
  .booking-report-table td::before{color:#7a8796;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}
  .booking-report-table td[data-booking-field="player"]::before{content:'Player'}
  .booking-report-table td[data-booking-field="adt"]::before{content:'ADT'}
  .booking-report-table td[data-booking-field="createdAt"]::before{content:'Date Created'}
  .booking-report-table td[data-booking-field="lastDayToApprove"]::before{content:'Last Day to Approve'}
  .booking-report-table td[data-booking-field="checkIn"]::before{content:'Check In'}
  .booking-report-table td[data-booking-field="checkOut"]::before{content:'Check Out'}
  .booking-report-table td[data-booking-field="nights"]::before{content:'Nights'}
  .booking-report-table td[data-booking-field="fnb"]::before{content:'F&B'}
  .booking-report-table td[data-booking-field="bonusPlay"]::before{content:'Bonus Play'}
  .booking-report-table td[data-booking-field="host"]::before{content:'Host Casino'}
  .booking-report-table td[data-booking-field="sponsor"]::before{content:'Sponsor Casino'}
  .booking-report-table td[data-booking-field="status"]::before{content:'Status'}
  .booking-report-table .booking-player-name{color:#176ca8!important;font-size:14px!important;font-weight:650!important}
  .booking-report-table .booking-player-club{font-size:10.5px!important;color:#7b8996!important}
  .booking-report-table .booking-status{font-size:10.5px!important}
  .booking-created-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .booking-created-cards button{min-height:84px!important;padding:10px 11px!important}
  .booking-created-cards button strong{font-size:24px!important}
  .booking-created-cards button small{font-size:10.5px!important}
  .booking-report-divider{padding:12px 0 8px!important}
  .booking-filter-layout,.booking-filter-main,.booking-filter-group{display:block!important}
  .booking-filter-date-stack,.booking-filter-group-player,.booking-filter-group-booking{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .booking-filter-main{margin-top:8px!important}
  .booking-filter-field,.booking-filter-group label{width:100%!important;margin:0!important}
  .booking-filter-button,.booking-filter-group input,.booking-filter-group select{width:100%!important;min-height:44px!important;font-size:13px!important}
  .booking-filter-actions{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
  .booking-current-note{display:none!important}
  .booking-filter-actions button{min-height:42px!important;flex:1 1 auto!important}
  .booking-summary-body{display:block!important;padding:12px!important}
  .booking-summary-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .booking-peak-wrap{margin-top:12px!important}
  .booking-results-actions .booking-columns-button{display:none!important}
  #opsBookingsTopScroll{display:none!important}
  #ops-bookingsView .crm-records-pager{padding:8px 9px 10px!important}
}

/* Final phone Service Desk contract. Keep this last so older responsive rules
   cannot reintroduce the mixed typography or hide the desktop-style summary. */
@media(max-width:700px){
  #workView #metricGrid.metric-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;margin:0 0 14px!important}
  #workView #metricGrid .service-summary-card{display:grid!important;grid-template-columns:58px minmax(0,1fr) 24px!important;width:100%!important;height:96px!important;min-height:96px!important;padding:12px 14px!important;column-gap:10px!important;align-items:center!important;align-content:center!important;border:1px solid #dbe2ea!important;border-left:5px solid var(--metric-color,#8ca0b3)!important;border-radius:12px!important;background:#fff!important;overflow:hidden!important;text-align:left!important}
  #workView #metricGrid .service-summary-number{font-size:30px!important;font-weight:700!important;line-height:1!important;color:#203447!important;white-space:nowrap!important}
  #workView #metricGrid .service-summary-label{font-size:20px!important;font-weight:700!important;line-height:1.1!important;color:#405266!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  #workView #metricGrid .service-summary-note{font-size:12.5px!important;font-weight:650!important;line-height:1.15!important;color:#718092!important;white-space:nowrap!important}
  #workView #metricGrid .service-summary-copy{display:flex!important;min-width:0!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;overflow:hidden!important;text-align:left!important}
  #workView #metricGrid .metric-select-check{width:24px!important;height:24px!important;top:11px!important;right:11px!important}

  #workView .service-desk-summary-band{display:block!important;width:100%!important;margin:0 0 12px!important}
  #workView .service-desk-summary-tools{display:none!important}
  #workView #assessmentQuickFilters{display:block!important;width:100%!important;margin:0!important}
  #workView #assessmentQuickFilters .service-summary-groups{display:block!important;width:100%!important;border:1px solid #dfe6ec!important;border-radius:12px!important;background:#fff!important;overflow:hidden!important}
  #workView #assessmentQuickFilters .service-summary-assessment,#workView #assessmentQuickFilters .service-summary-operational,#workView #assessmentQuickFilters .service-summary-totals{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:9px!important;width:100%!important;min-height:0!important;padding:12px!important;border:0!important;border-bottom:1px solid #e8edf1!important;background:#fff!important}
  #workView #assessmentQuickFilters .service-summary-totals{border-bottom:0!important}
  #workView #assessmentQuickFilters .service-summary-group-label{display:block!important;flex:0 0 auto!important;padding:0!important;font-size:16px!important;font-weight:700!important;line-height:1.2!important;color:#667587!important}
  #workView #assessmentQuickFilters .service-summary-pill-row{display:flex!important;align-items:center!important;gap:7px!important;width:100%!important;flex-wrap:wrap!important}
  #workView #assessmentQuickFilters .service-summary-pill{display:inline-flex!important;grid-template-columns:none!important;grid-template-rows:none!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;width:auto!important;min-width:0!important;min-height:38px!important;margin:0!important;padding:7px 11px!important;border-radius:999px!important;font-size:15px!important;font-weight:600!important;line-height:1.2!important;white-space:nowrap!important;overflow:visible!important;text-align:left!important}
  #workView #assessmentQuickFilters .service-summary-pill>strong,#workView #assessmentQuickFilters .service-summary-pill>span{display:inline!important;grid-column:auto!important;grid-row:auto!important;width:auto!important;min-width:0!important;margin:0!important;font-size:15px!important;line-height:1.2!important;white-space:nowrap!important;text-align:left!important}
  #workView #assessmentQuickFilters .service-summary-pill>strong{font-weight:700!important}
  #workView #assessmentQuickFilters .service-summary-pill-detail{padding-left:7px!important;border-left:1px solid currentColor!important;font-weight:600!important}
}

/* 2026-08-18 final mobile conversation layout polish.
   Keep the thread and composer as two stable regions: the thread scrolls, the page does not. */
@media(max-width:700px){
  /* Header geometry: back is truly left, details truly right, identity owns the center. */
  .compact-record-header{height:60px!important;min-height:60px!important;flex:0 0 60px!important;padding:7px 62px!important}
  .compact-record-header .drawer-header-actions{position:static!important;margin-left:auto!important;z-index:2!important}
  .compact-record-header #closeDrawer{position:absolute!important;left:10px!important;right:auto!important;top:8px!important;width:42px!important;height:42px!important;min-width:42px!important}
  .compact-record-header #closeDrawer::before{font-size:38px!important;line-height:34px!important}
  .compact-record-header .mobile-record-details-toggle{position:absolute!important;right:10px!important;left:auto!important;top:11px!important;width:auto!important;height:36px!important;min-width:58px!important;max-width:132px!important;padding:0 10px!important;border-radius:18px!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important}
  .compact-record-identity{left:62px!important;right:150px!important;top:7px!important;bottom:7px!important}
  .compact-record-header .drawer-name-line h2{font-size:19px!important;line-height:1.15!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

  /* Conversation metadata events are audit history, not useful phone-screen content. */
  .history-conversation .message-event{display:none!important}

  /* When Writing tools are collapsed, remove the empty assistant shell entirely. */
  .inline-reply:not(.mobile-writing-tools-open) .inline-ai-assistant{display:none!important}

  /* Keep one fixed conversation coordinate system. Safari may resize the visible
     area for the keyboard, but the app no longer moves the drawer itself. */
  .player-drawer.open{top:0!important;right:0!important;bottom:0!important;left:0!important;height:100dvh!important;max-height:100dvh!important}

  /* Mobile tools are always present. Removing the two show/hide bars eliminates an
     entire layout state and keeps the composer geometry stable while typing/sending. */
  .inline-writing-tools-toggle,.inline-send-tools-toggle{display:none!important}

  /* Give typing the space it deserves without changing size when the keyboard opens. */
  .player-drawer.open #inlineReplyText,
  #inlineReplyText{height:118px!important;min-height:118px!important;max-height:190px!important;padding:12px 50px 12px 12px!important;font-size:16px!important;line-height:1.45!important}
  .player-drawer.mobile-keyboard-open #inlineReplyText{height:118px!important;min-height:118px!important;max-height:190px!important}
  .inline-reply{padding-top:6px!important}
  .inline-reply-footer{margin-top:5px!important}

  /* Mobile draft confirmation is intentionally minimal: two choices, nothing else. */
  #deleteConfirmModal{z-index:140!important;align-items:center!important;padding:18px!important}
  #deleteConfirmModal .delete-confirm-modal{width:min(330px,calc(100vw - 44px))!important;max-height:none!important;margin:0!important;border-radius:16px!important;box-shadow:0 22px 60px rgba(18,32,48,.28)!important}
  #deleteConfirmModal .modal-header,
  #deleteConfirmModal .delete-confirm-body{display:none!important}
  #deleteConfirmModal .modal-footer{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:14px!important;border-top:0!important}
  #deleteConfirmModal .modal-footer button{width:100%!important;min-height:48px!important;font-size:16px!important;margin:0!important}
}

/* Desktop tables are product-defined: readable widths first, wrapping second, horizontal scroll only when needed. */
@media(min-width:851px){
  .crm-master-grip,.crm-master-resizer,.crm-master-column-actions,.crm-master-hidden-columns{display:none!important}
  .crm-master-sort-arrow{font-size:15px!important;line-height:1!important;margin-left:5px!important}
  .crm-master-heading{min-height:42px!important}
  .crm-master-sort{padding:9px 8px!important;font-size:11px!important;line-height:1.2!important}

  #queueTableWrap{overflow-x:auto!important;overflow-y:visible!important;scrollbar-gutter:stable!important}
  #queueTopScroll:not([hidden]){display:block!important}
  .service-desk-table{width:max(100%,1460px)!important;min-width:1460px!important;table-layout:fixed!important}
  .service-desk-table col.queue-col-select{width:96px!important}
  .service-desk-table col.queue-col-preview{width:44px!important}
  .service-desk-table col[data-service-desk-col="player"]{width:210px!important}
  .service-desk-table col[data-service-desk-col="action"]{width:180px!important}
  .service-desk-table col[data-service-desk-col="casino"]{width:170px!important}
  .service-desk-table col[data-service-desk-col="stage"]{width:150px!important}
  .service-desk-table col[data-service-desk-col="opportunity"]{width:170px!important}
  .service-desk-table col[data-service-desk-col="crisp"]{width:140px!important}
  .service-desk-table col[data-service-desk-col="assigned"]{width:120px!important}
  .service-desk-table col[data-service-desk-col="activity"]{width:180px!important}
  .service-desk-table th[data-service-desk-column]{padding:0!important;overflow:hidden!important;user-select:text!important}
  .service-desk-table th[data-service-desk-column] .queue-sort-button{width:100%!important;min-width:0!important;padding:9px 7px!important;font-size:11px!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .service-desk-table td,.service-desk-table td[data-queue-column]{min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important}
  .service-desk-table .select-cell{width:96px!important;min-width:96px!important;max-width:96px!important}
  .service-desk-table .row-select{min-width:72px!important}
  .service-desk-table .player-cell{min-width:0!important;max-width:100%!important;overflow:hidden!important}

  .crm-master-table{table-layout:fixed!important}
  .crm-master-table th[data-crm-master-column]{padding:0!important;user-select:text!important}
  .crm-master-table th[data-crm-master-column] .crm-master-sort{width:100%!important;white-space:normal!important}
  .crm-master-table td{white-space:normal!important;overflow-wrap:anywhere!important}
}

/* 2026-08-21 Service Desk hierarchy changes the information order only.
   Summary cards continue to use the established white-card component unchanged. */

/* Conversation record follows the same fact → AI → operations hierarchy. */
.record-context .conversation-hard-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;border:1px solid #dce4eb;border-radius:9px;background:#fff;box-sizing:border-box}
.record-context .conversation-hard-status-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.record-context .conversation-hard-status-copy .record-kicker{font-size:11px!important;font-weight:800!important;letter-spacing:.04em;text-transform:uppercase;color:#6c7b8b}
.record-context .conversation-hard-status-copy small{font-size:11.5px;color:#7c8996}
.record-context .conversation-factual-state-meta{display:flex;align-items:center;gap:7px;min-width:0}
.record-context .conversation-hard-status-row .case-state-control{position:relative;width:155px;min-width:155px;margin:0;padding:0}
.record-context .conversation-hard-status-row #caseStateBtn{box-sizing:border-box!important;display:grid!important;grid-template-columns:9px minmax(0,1fr) 14px!important;align-items:center!important;gap:7px!important;width:155px!important;min-width:155px!important;height:44px!important;min-height:44px!important;padding:8px 10px!important;border:1px solid!important;border-radius:7px!important;font-size:14px!important;font-weight:750!important;line-height:1.1!important;cursor:pointer!important;list-style:none!important;box-shadow:none!important}
.record-context .conversation-hard-status-row #caseStateBtn::-webkit-details-marker{display:none!important}
.record-context .record-ai-assessment-heading{font-size:12px;font-weight:800;color:#536477}
.record-context .record-status-assessment{background:#fbfcfd!important}
.record-context .record-status-workflow-assessment{background:#fbfcfd!important}
.record-context .record-status-workflow-assessment .stage-badge{margin:0!important}
.record-context .record-topbar .case-toolbar{grid-template-columns:minmax(0,1fr) 44px!important}
.record-context .record-topbar .case-toolbar:has(#resolveConversationBtn){grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px!important}
.record-context .record-topbar .case-toolbar .top-followup-control{grid-column:1!important;grid-row:1!important}
.record-context .record-topbar .case-toolbar #resolveConversationBtn{grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important}
.record-context .record-topbar .case-toolbar .case-more-menu{grid-column:2!important;grid-row:1!important}
.record-context .record-topbar .case-toolbar:has(#resolveConversationBtn) .case-more-menu{grid-column:3!important;grid-row:1!important}
.case-state-footer .resolve-action{background:var(--ui-success)!important;border-color:var(--ui-success)!important;color:#fff!important}
.case-state-footer .resolve-action:hover{background:#326a48!important;border-color:#326a48!important}

@media(max-width:700px){
  .record-context .conversation-hard-status-row{padding:10px!important;gap:8px!important;border-radius:10px!important}
  .record-context .conversation-hard-status-row .case-state-control{width:148px!important;min-width:148px!important}
  .record-context .conversation-hard-status-row #caseStateBtn{width:148px!important;min-width:148px!important;height:46px!important;min-height:46px!important}
  .record-context .conversation-hard-status-copy .record-kicker,.record-context .conversation-hard-status-copy small{font-size:16px!important;line-height:1.25!important}
  .record-context .record-topbar .case-toolbar{grid-template-columns:minmax(0,1fr) 48px!important}
  .record-context .record-topbar .case-toolbar:has(#resolveConversationBtn){grid-template-columns:minmax(0,1fr) minmax(0,1fr) 48px!important}
  .record-context .record-topbar .case-toolbar #resolveConversationBtn{min-height:48px!important;height:48px!important;font-size:16px!important}
  .case-state-footer{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  .case-state-footer button{width:100%!important;min-height:48px!important;font-size:16px!important}

  /* Mobile Ticket actions are compact siblings on one line. */
  .record-context .record-topbar .case-toolbar,
  .record-context .record-topbar .case-toolbar:has(#resolveConversationBtn){
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    width:100%!important;
    margin:10px 0 0!important;
  }
  .record-context .record-topbar .case-toolbar .top-followup-control,
  .record-context .record-topbar .case-toolbar #resolveConversationBtn,
  .record-context .record-topbar .case-toolbar .reopen-conversation-button{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    height:46px!important;
    min-height:46px!important;
    margin:0!important;
    padding:9px 18px!important;
    align-self:auto!important;
    font-size:16px!important;
    font-weight:650!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .record-context .record-topbar .case-toolbar .top-followup-control{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
  .record-context .record-topbar .case-toolbar .top-followup-label{font-size:16px!important;font-weight:650!important;line-height:1!important}
  .record-context .record-topbar .case-toolbar .top-followup-meta{display:none!important}
  .record-context .record-topbar .case-toolbar .case-more-menu,
  .record-context .record-topbar .case-toolbar:has(#resolveConversationBtn) .case-more-menu{flex:0 0 46px!important;width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important;margin:0!important;align-self:auto!important}
  .record-context .record-topbar .case-toolbar .case-more-trigger{width:46px!important;height:46px!important;min-height:46px!important;margin:0!important;padding:0!important;font-size:20px!important}
  .record-context .merged-record-banner{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
}

/* Parallel-run diagnostic: local history is normal. Only a live Crisp fallback
   gets exceptional styling so it is easy to spot during UAT. */
#threadHistorySource.thread-history-source{font-style:normal!important;color:#707c87!important;font-weight:400!important}
#threadHistorySource.thread-history-source.is-crisp{font-style:italic!important;color:#a66a16!important;font-weight:600!important}
#threadFoot.has-history-source::after{content:' · ' attr(data-history-source);font-style:normal;color:inherit;font-weight:400}
#threadFoot.has-history-source.is-crisp-source::after{font-style:italic;color:#a66a16;font-weight:600}

/* 2026-08-28 mobile Player detail: one full-width fact per line. This intentionally
   overrides the older compact label/value grid in this file. */
@media(max-width:700px){
  #opsPlayerDetailPane .crm-player-profile-summary{display:block!important;grid-template-columns:none!important}
  #opsPlayerDetailPane .crm-player-profile-summary>div{display:block!important;width:100%!important;min-width:0!important}
  #opsPlayerDetailPane .crm-player-history-table td{display:block!important;width:100%!important;grid-template-columns:none!important;gap:0!important;padding:4px 0!important;font-size:16px!important;line-height:1.4!important}
  #opsPlayerDetailPane .crm-player-entitlement-table td::before,
  #opsPlayerDetailPane .crm-player-booking-history-table td::before{display:none!important;content:none!important}
  #opsPlayerDetailPane .crm-player-entitlement-table td:nth-child(4),
  #opsPlayerDetailPane .crm-player-entitlement-table td:nth-child(5),
  #opsPlayerDetailPane .crm-player-entitlement-table td:nth-child(6),
  #opsPlayerDetailPane .crm-player-booking-history-table td:nth-child(4),
  #opsPlayerDetailPane .crm-player-booking-history-table td:nth-child(5),
  #opsPlayerDetailPane .crm-player-booking-history-table td:nth-child(6){display:block!important}
  #opsPlayerDetailPane .crm-player-entitlement-table td:nth-child(4)::before{display:inline!important;content:'PC # '!important;margin-right:8px!important;color:inherit!important;font-size:16px!important;font-weight:600!important}
  #opsPlayerDetailPane .crm-player-entitlement-table td:nth-child(5)::before{display:inline!important;content:'EXPIRES '!important;margin-right:8px!important;color:inherit!important;font-size:16px!important;font-weight:600!important}
  #opsPlayerDetailPane .crm-player-entitlement-table td:nth-child(6)::before,
  #opsPlayerDetailPane .crm-player-booking-history-table td:nth-child(6)::before{display:inline!important;content:'ADT '!important;margin-right:8px!important;color:inherit!important;font-size:16px!important;font-weight:600!important}
  #opsPlayerDetailPane .crm-player-booking-history-table td:nth-child(4)::before{display:inline!important;content:'Stay '!important;margin-right:8px!important;color:inherit!important;font-size:16px!important;font-weight:600!important}
  #opsPlayerDetailPane .crm-player-booking-history-table td:nth-child(5)::before{display:inline!important;content:'Hotel # '!important;margin-right:8px!important;color:inherit!important;font-size:16px!important;font-weight:600!important}
}

/* 2026-09-01 Ticket header hierarchy + long-message delivery assist. */
.record-work .conversation-heading .conversation-summary-line .conversation-heading-title{color:#31465a!important;font-weight:700!important}
.record-work .conversation-heading .conversation-summary-line .conversation-heading-context,
.record-work .conversation-heading .conversation-summary-line>span{color:#7b8793!important;font-weight:400!important}
.record-work .conversation-heading .conversation-summary-line .conversation-heading-context{margin-left:8px!important}
.record-work .conversation-heading .conversation-summary-line .conversation-heading-context::before{content:'·';margin-right:8px;color:#a5adb5}
.inline-delivery-summary{display:none!important;min-height:0!important;margin-top:4px!important}
.inline-delivery-summary:has(#inlineSmsSegmentCount:not([hidden])){display:flex!important;align-items:center!important;gap:8px!important}
.inline-delivery-summary #inlineSmsSegmentCount{font-size:11.5px!important;font-weight:500!important;color:#697786!important}
.inline-delivery-summary #inlineSmsSegmentCount.is-segment-warning{color:#8a641f!important;font-weight:650!important}
.inline-long-sms-advice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:7px 0 9px;padding:9px 10px;border:1px solid #d7e1e9;border-radius:8px;background:#f8fafc;box-sizing:border-box}
.inline-long-sms-advice[hidden]{display:none!important}
.inline-long-sms-copy{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:2px;color:#43576a}
.inline-long-sms-copy>span{font-size:12.5px;font-weight:700;line-height:1.3}
.inline-long-sms-copy>small{font-size:11.5px;font-weight:400;line-height:1.35;color:#6b7885}
.inline-long-sms-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.inline-long-sms-actions button{min-height:32px;padding:6px 9px;font-size:11.5px;white-space:nowrap}
@media(max-width:700px){
  .inline-long-sms-advice{margin:6px 12px 8px!important;align-items:stretch!important;flex-direction:column!important}
  .inline-long-sms-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
  .inline-long-sms-actions #inlineLongSmsEmailNotice{grid-column:1/-1!important}
  .inline-long-sms-actions button{width:100%!important;min-height:40px!important;font-size:13px!important}
  .inline-delivery-summary:has(#inlineSmsSegmentCount:not([hidden])){display:flex!important;margin:3px 12px 0!important}
  .inline-delivery-summary #inlineSmsSegmentCount{font-size:12px!important}
}