.mobile-open-composer,.mobile-compose-header,.mobile-bookings-home,.mobile-bookings-backbar,.mobile-workflow-backbar{display:none}

@media (max-width:700px){
  /* Mobile readability baseline: operational text should never require squinting. */
  body{font-size:16px!important}
  button,input,select,textarea,[contenteditable="true"],[role="textbox"],label,small,.cell-secondary,.service-summary-pill-detail,.queue-message-count,.stage-badge,.assigned-to,.inline-reply-warning,.inline-schedule-note,.mobile-active-filter-summary span{font-size:16px!important;line-height:1.35!important}
  .mobile-open-composer{display:flex!important;position:sticky;bottom:calc(10px + env(safe-area-inset-bottom));z-index:20;width:calc(100% - 24px);min-height:54px;margin:12px auto;padding:12px 18px;align-items:center;justify-content:center;border:0;border-radius:14px;background:#247caf;color:#fff;font-size:18px!important;font-weight:750;box-shadow:0 5px 18px rgba(25,69,103,.2)}
  #conversationComposerResizer{display:none!important}
  #inlineReply{display:none!important}
  body.mobile-compose-open{overflow:hidden!important}
  body.mobile-compose-open #inlineReply{display:flex!important;position:fixed!important;inset:0!important;z-index:10000!important;width:100vw!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;box-sizing:border-box!important;flex-direction:column!important;overflow:hidden!important;background:#fff!important;border:0!important;border-radius:0!important}
  body.mobile-compose-open .mobile-open-composer{display:none!important}
  .mobile-compose-header{display:grid!important;flex:0 0 auto;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;min-height:64px;margin:0;padding:env(safe-area-inset-top) 12px 0;border-bottom:1px solid #e3e9ef;background:#fff}
  .mobile-compose-header strong{font-size:20px!important;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-compose-back{display:flex!important;width:48px;height:48px;align-items:center;justify-content:center;border:0;background:transparent;color:#24435e;font-size:40px!important;font-weight:400;line-height:1!important}
  .mobile-compose-details{display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:40px!important;min-width:68px!important;padding:0 11px!important;justify-self:end!important;border:1px solid #c9d6e1!important;border-radius:999px!important;background:#fff!important;color:#2f5f82!important;font-size:12.5px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important}
  body.mobile-compose-open #inlineReply .inline-delivery-panel{display:block!important;flex:0 0 auto!important;margin:10px 12px 6px!important;padding:0!important;border:0!important;background:transparent!important}
  body.mobile-compose-open #inlineReply .inline-delivery-row{display:flex!important;align-items:center!important;gap:8px!important;min-height:48px!important;margin:0!important;padding:0!important}
  body.mobile-compose-open #inlineReply .inline-delivery-label{flex:0 0 auto!important;font-size:16px!important;font-weight:700!important}
  body.mobile-compose-open #inlineReply .inline-delivery-choices{display:grid!important;grid-template-columns:repeat(4,1fr)!important;flex:1 1 auto!important;min-width:0!important}
  body.mobile-compose-open #inlineReply .inline-delivery-choice span{display:flex!important;min-height:44px!important;padding:0 8px!important;align-items:center!important;justify-content:center!important;font-size:16px!important}
  body.mobile-compose-open #inlineReply .inline-presence-badge,body.mobile-compose-open #inlineReply .inline-delivery-status,body.mobile-compose-open #inlineReply .inline-sms-warning{display:none!important}
  body.mobile-compose-open .inline-reply-text-wrap{display:flex!important;flex:1 1 0!important;min-height:0!important;height:auto!important;margin:0 12px!important;flex-direction:column!important;overflow:hidden!important}
  body.mobile-compose-open #inlineReply .inline-ai-assistant{display:block!important;flex:0 0 auto!important;margin:0 0 8px!important;padding:0!important;border:0!important;background:transparent!important}
  body.mobile-compose-open #inlineReply .inline-ai-toolbar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0!important;padding:0!important}
  body.mobile-compose-open #inlineReply .inline-ai-toolbar .inline-ai-secondary{min-height:44px!important;padding:9px 10px!important;font-size:16px!important}
  body.mobile-compose-open #inlineReply #inlineShortcutSelect{grid-column:1 / -1!important;min-height:44px!important;margin:0!important;padding:8px 12px!important;font-size:16px!important}
  body.mobile-compose-open #inlineReply #inlineAiStatus{grid-column:1 / -1!important;font-size:16px!important}
  body.mobile-compose-open .inline-message-editor-shell{display:flex!important;position:relative!important;flex:1 1 0!important;min-height:260px!important;height:auto!important;margin:0!important;overflow:hidden!important;border-radius:14px!important}
  body.mobile-compose-open #inlineReplyText{flex:1 1 auto!important;width:100%!important;min-height:0!important;height:auto!important;padding:16px 16px 54px!important;overflow-y:auto!important;font-size:18px!important;line-height:1.5!important;border-radius:14px!important}
  body.mobile-compose-open .message-editor-quick-actions{position:absolute!important;right:10px!important;bottom:10px!important;z-index:2!important}
  body.mobile-compose-open #inlineMessageEditorChrome{flex:0 0 auto!important;margin:6px 0 0!important}
  body.mobile-compose-open #inlineReply .inline-send-tools-toggle,body.mobile-compose-open #inlineReply .inline-writing-tools-toggle{display:none!important}
  body.mobile-compose-open .inline-reply-footer{flex:0 0 auto!important;margin:8px 0 0!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;border-top:1px solid #e1e8ef!important;background:#fff!important;box-shadow:0 -6px 18px rgba(36,67,94,.06)!important}
  body.mobile-compose-open #inlineReply .inline-footer-row{display:grid!important;grid-template-columns:1fr 1fr 1.15fr!important;grid-template-areas:'sender sender sender' 'draft schedule send'!important;gap:8px!important;align-items:stretch!important;margin:0!important}
  body.mobile-compose-open #inlineReply .inline-sender-label{grid-area:sender!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:10px!important;align-items:center!important;margin:0!important}
  body.mobile-compose-open #inlineReply .inline-sender-label select{min-height:44px!important;margin:0!important;font-size:16px!important}
  body.mobile-compose-open #inlineReply .inline-send-timing{grid-area:schedule!important;display:block!important;margin:0!important}
  body.mobile-compose-open #inlineReply .inline-send-choice{display:flex!important;min-height:50px!important;margin:0!important;padding:0 10px!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:1px solid #cbd7e1!important;border-radius:12px!important;background:#fff!important;font-size:16px!important;font-weight:700!important}
  body.mobile-compose-open #inlineReply .inline-send-choice input{width:20px!important;height:20px!important;margin:0!important}
  body.mobile-compose-open #inlineReply .inline-reply-actions{display:contents!important}
  body.mobile-compose-open #inlineReply .inline-draft-actions{display:contents!important}
  body.mobile-compose-open #inlineReply #inlineSaveDraftBtn{grid-area:draft!important;min-height:50px!important;margin:0!important;border-radius:12px!important;font-size:16px!important}
  body.mobile-compose-open #inlineReply .inline-draft-actions.has-draft #inlineSaveDraftBtn{display:none!important}
  body.mobile-compose-open #inlineReply #inlineDeleteDraftBtn:not([hidden]){display:flex!important;grid-area:draft!important;min-height:50px!important;margin:0!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;font-size:16px!important}
  body.mobile-compose-open #inlineReply #inlineSendBtn{grid-area:send!important;min-height:50px!important;margin:0!important;border-radius:12px!important;font-size:18px!important;font-weight:800!important}
  body.mobile-compose-open #inlineReply .inline-reply-warning{grid-column:1 / -1!important;font-size:16px!important}
  .mobile-result-search{display:flex;align-items:center;gap:8px;flex:1 1 100%;min-height:44px;padding:0 12px;border:1px solid #d4dce5;border-radius:10px;background:#fff;color:#66788a}
  .mobile-result-search input{width:100%;min-width:0;border:0!important;outline:0;background:transparent;font-size:16px;color:#26394d}
  .mobile-active-filter-summary{display:block;margin:10px 0 8px;padding:12px 14px;border:1px solid #dce5ed;border-radius:12px;background:#f8fbfd;scroll-margin-top:12px;transition:box-shadow .25s ease,border-color .25s ease}
  .mobile-active-filter-summary.is-filter-arrival{border-color:#9fc9e7;box-shadow:0 0 0 4px rgba(67,139,190,.12)}
  .mobile-filter-summary-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 9px}
  .mobile-filter-summary-heading strong{font-size:18px!important;line-height:1.25!important;color:#263b50}
  .mobile-filter-summary-heading span{font-size:16px!important;line-height:1.25!important;color:#6b7c8d;font-weight:700}
  .mobile-filter-chip-row{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
  .mobile-filter-chip{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:36px!important;padding:6px 10px!important;border:1px solid #bfd8ea!important;border-radius:999px!important;background:#eaf4fb!important;color:#236b9c!important;font-size:16px!important;font-weight:750!important}
  .mobile-filter-chip span{font:inherit!important;color:inherit!important}
  .mobile-filter-chip b{font-size:19px!important;line-height:1!important;font-weight:500!important}
  .mobile-filter-clear-all{min-height:36px!important;padding:6px 4px!important;border:0!important;background:transparent!important;color:#526b80!important;font-size:16px!important;font-weight:700!important;text-decoration:underline!important}
  .queue-panel .queue-empty-row{display:block!important;width:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
  .queue-panel .queue-empty-cell{display:block!important;width:100%!important;box-sizing:border-box!important;margin:0!important;padding:18px 20px!important;border:1px solid #dbe3ea!important;border-radius:14px!important;background:#fff!important;color:#31465a!important;text-align:center!important}
  .queue-panel .queue-empty-cell::before{display:none!important;content:none!important}
  .queue-empty-state{display:flex;flex-direction:column;align-items:center;gap:7px;width:100%}
  .queue-empty-state strong{font-size:18px!important;line-height:1.3!important;font-weight:750!important;color:#2b4054!important}
  .queue-empty-state span{max-width:320px;font-size:16px!important;line-height:1.45!important;color:#6d7c8b!important}
  .queue-empty-clear-filters{min-height:44px!important;margin-top:5px!important;padding:9px 16px!important;border-radius:10px!important;font-size:16px!important}
  body.mobile-compose-open #inlineScheduleFields{display:none!important}
  body.mobile-schedule-sheet-open{overflow:hidden!important}
  body.mobile-schedule-sheet-open #inlineScheduleFields{display:block!important;position:fixed!important;inset:0!important;z-index:10050!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}
  .inline-schedule-sheet-backdrop{position:absolute;inset:0;background:rgba(20,31,43,.38)}
  .inline-schedule-sheet{position:absolute;left:0;right:0;bottom:0;max-height:82dvh;overflow:auto;padding:0 16px calc(18px + env(safe-area-inset-bottom));border:0;border-radius:18px 18px 0 0;background:#f8fafc;box-shadow:0 -10px 40px rgba(20,31,43,.2)}
  .inline-schedule-sheet-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:64px;margin:0 -16px 12px;padding:8px 16px;border-bottom:1px solid #e2e8ef;background:#fff}.inline-schedule-sheet-header>div{display:grid;gap:1px}.inline-schedule-sheet-header strong{font-size:17px;text-align:left}.inline-schedule-sheet-header .record-kicker{font-size:10px}.inline-schedule-sheet-close{width:38px!important;height:38px!important;border:1px solid #dbe3ea!important;border-radius:10px!important;background:#fff!important;color:#546b80!important;font-size:22px!important}
  .inline-schedule-sheet .inline-schedule-note{margin:8px 0 14px;padding:10px 12px;border-radius:9px;background:#eef4f8;font-size:16px!important;line-height:1.4}
  .inline-schedule-sheet .inline-schedule-sheet-actions{position:sticky;bottom:0;margin:18px -16px 0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fff}.inline-schedule-sheet .inline-schedule-sheet-actions button{min-height:48px;font-size:16px}.inline-schedule-sheet .inline-schedule-sheet-actions .primary-button{flex:1}
  .inline-schedule-sheet .inline-schedule-grid{display:grid;grid-template-columns:1fr;gap:14px}
  .inline-schedule-sheet #inlineScheduleDateTime{display:block;width:100%!important;min-height:58px!important;margin:6px 0 0!important;padding:10px 12px!important;box-sizing:border-box!important;border:1px solid #cbd7e1!important;border-radius:12px!important;background:#fff!important;color:#26394d!important;font-size:18px!important;-webkit-appearance:auto!important;appearance:auto!important}
  .inline-schedule-sheet #inlineScheduleTimeZone{width:100%!important;min-height:54px!important;margin-top:6px!important;font-size:16px!important}
  /* Native controls must be directly tappable on iOS. Programmatic showPicker()
     is not reliable when the real input is transparent and pointer-disabled. */
  .inline-schedule-fields .inline-schedule-grid{grid-template-columns:1fr!important;gap:12px!important}
  .inline-schedule-fields .date-picker-shell{height:auto!important;min-height:46px!important;padding:0!important;overflow:visible!important}
  .inline-schedule-fields .date-picker-shell .date-picker-value,
  .inline-schedule-fields .date-picker-shell .date-picker-icon{display:none!important}
  .inline-schedule-fields .date-picker-shell input[type="date"],
  .inline-schedule-fields .date-picker-shell input[type="time"]{
    position:static!important;inset:auto!important;width:100%!important;height:46px!important;
    margin:0!important;padding:8px 10px!important;border:0!important;border-radius:6px!important;
    opacity:1!important;pointer-events:auto!important;background:#fff!important;color:#26394d!important;
    font:inherit!important;-webkit-appearance:auto!important;appearance:auto!important
  }

  /* Scheduled messages are an operational phone queue, not a desktop table. */
  #scheduled-messagesView .scheduled-type-tabs,
  #scheduled-messagesView .scheduled-calendar-toolbar,
  #scheduled-messagesView #scheduledDayFocus,
  #scheduled-messagesView #scheduledWeekStrip,
  #scheduled-messagesView #scheduledMonthGrid{display:none!important}
  #scheduled-messagesView .scheduled-message-filters{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  #scheduled-messagesView .scheduled-message-table{display:block!important;width:100%!important}
  #scheduled-messagesView .scheduled-message-table thead{display:none!important}
  #scheduled-messagesView #scheduledMessageBody{display:block!important}
  #scheduled-messagesView #scheduledMessageBody tr.scheduled-message-click-row{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin:0 0 10px!important;padding:13px!important;border:1px solid #dbe3ea!important;border-radius:10px!important;background:#fff!important}
  #scheduled-messagesView #scheduledMessageBody tr.scheduled-message-click-row td{display:block!important;width:100%!important;padding:0!important;border:0!important;white-space:normal!important}
  #scheduled-messagesView #scheduledMessageBody tr.scheduled-message-click-row td:nth-child(1){margin-bottom:3px!important}
  #scheduled-messagesView #scheduledMessageBody tr.scheduled-message-click-row td:nth-child(2) strong{font-size:16px!important}
  #scheduled-messagesView #scheduledMessageBody tr.scheduled-message-click-row td:nth-child(3){font-size:16px!important;color:#43576b!important}
  #scheduled-messagesView #scheduledMessageBody tr.scheduled-message-click-row td:nth-child(4)::before{content:'Send as: ';font-weight:700;color:#657587}
  #scheduled-messagesView #scheduledMessageBody tr.scheduled-message-click-row td:nth-child(5){font-size:16px!important;color:#657587!important}
  #scheduled-messagesView #scheduledMessageBody tr.scheduled-message-click-row td:nth-child(6){margin-top:5px!important;padding:9px!important;border-radius:7px!important;background:#f6f8fa!important}
  #scheduled-messagesView #scheduledMessageBody tr.scheduled-message-click-row td:nth-child(7){font-size:16px!important;color:#718092!important}
  #scheduled-messagesView .scheduled-message-row-actions{display:flex!important;gap:8px!important;margin-top:7px!important;flex-wrap:wrap!important}
  #scheduled-messagesView .scheduled-message-row-actions button{min-height:42px!important;flex:1 1 auto!important}

  /* Player linking opens from inside the full-screen conversation drawer. Keep its
     search modal above the drawer and mobile details layer so the button works on phones. */
  #playerLinkModal,#followupMoveModal{z-index:600!important}
  #playerLinkModal .player-link-modal,#followupMoveModal .player-link-modal{max-height:calc(100dvh - 24px)!important}

  /* Empty Player card: keep the original left-aligned layout; only add a little
     space below the divider so Link Player does not crowd the top edge. */
  .record-context [data-record-section="player"]>.context-card-body:has([data-link-crm-player]){
    padding-top:10px!important;
  }

  /* Full-screen mobile composer must override the older drawer-sized composer rules. */
  body.mobile-compose-open .player-drawer.open #inlineReply{display:flex!important;position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-height:none!important;overflow:hidden!important;flex:1 1 auto!important}
  body.mobile-compose-open .player-drawer.open .inline-reply-text-wrap{display:flex!important;flex:1 1 0!important;min-height:0!important;height:auto!important;overflow:hidden!important}
  body.mobile-compose-open .player-drawer.open .inline-message-editor-shell{display:flex!important;flex:1 1 0!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:hidden!important}
  body.mobile-compose-open .player-drawer.open #inlineReplyText{display:block!important;flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important;width:100%!important;overflow-y:auto!important;padding:18px 18px 56px!important;font-size:18px!important;line-height:1.5!important}

  /* Keep Send via compact and fully inside the viewport. Unavailable Chat is hidden by JS. */
  body.mobile-compose-open #inlineReply .inline-delivery-row{display:flex!important;width:100%!important;max-width:100%!important;gap:8px!important;overflow:hidden!important}
  body.mobile-compose-open #inlineReply .inline-delivery-label{min-width:0!important;white-space:nowrap!important}
  body.mobile-compose-open #inlineReply .inline-delivery-choices{display:flex!important;align-items:center!important;gap:6px!important;flex:0 1 auto!important;width:auto!important;max-width:calc(100% - 88px)!important;min-width:0!important;overflow:hidden!important;box-sizing:border-box!important;border:0!important;padding:0!important;background:transparent!important}
  body.mobile-compose-open #inlineReply .inline-delivery-choice{flex:0 1 auto!important;min-width:0!important;overflow:visible!important}
  body.mobile-compose-open #inlineReply .inline-delivery-choice[hidden]{display:none!important}
  body.mobile-compose-open #inlineReply .inline-delivery-choice span{width:auto!important;min-width:0!important;min-height:40px!important;box-sizing:border-box!important;padding:0 10px!important;white-space:nowrap!important;overflow:visible!important;font-size:15px!important;border:1px solid #cbd6df!important;border-radius:7px!important;background:#fff!important}
  body.mobile-compose-open #inlineReply .inline-delivery-choice input:checked+span{background:#edf3f7!important}

  /* Mobile module switch is available to Service Desk managers as well as Super Admins. */
  body.has-mobile-workflow-access .mobile-enterprise-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;margin:0 10px 9px!important;border:1px solid #d6e0e8!important;border-radius:11px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 1px 3px rgba(31,49,66,.04)!important}
  .mobile-enterprise-tabs button{min-height:50px!important;padding:10px 12px!important;border:0!important;border-right:1px solid #e1e6ec!important;background:#fff!important;color:#657488!important;font-size:16px!important;font-weight:750!important}
  .mobile-enterprise-tabs button:last-child{border-right:0!important}
  .mobile-enterprise-tabs button.is-active{background:#edf5fb!important;color:#176ca8!important;box-shadow:inset 0 -3px #2b78b7!important}
  body:not(.has-mobile-workflow-access) .mobile-workflow-menu-item{display:none!important}
  body.has-mobile-workflow-access .mobile-workflow-menu-item{display:flex!important}

  /* One compact card rhythm across Service Desk and Workflow. */
  #workView #metricGrid.metric-grid{gap:9px!important}
  #workView #metricGrid .service-summary-card{height:80px!important;min-height:80px!important;padding:10px 14px!important;border-left-width:5px!important;border-radius:12px!important}

  /* Workflow home follows the same large, single-column touch rhythm as Service Desk. */
  .mobile-workflow-grid{grid-template-columns:1fr!important;gap:9px!important}
  .mobile-workflow-grid button{height:80px!important;min-height:80px!important;padding:10px 14px!important;border:1px solid #dfe6ec!important;border-left:5px solid #6f8192!important;border-radius:12px!important;background:#fff!important;box-shadow:0 1px 3px rgba(31,49,66,.06)!important}
  .mobile-workflow-grid button>strong{font-size:17px!important}
  .mobile-workflow-backbar{display:flex!important;align-items:center!important;gap:9px!important;min-height:52px!important;margin:0 0 10px!important;padding:0 2px 9px!important;border-bottom:1px solid #e1e7ed!important}
  .mobile-workflow-backbar button{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;flex:0 0 46px!important;border:0!important;border-radius:10px!important;background:#fff!important;color:#315b7b!important;font-size:36px!important;line-height:1!important}
  .mobile-workflow-backbar strong{font-size:19px!important;line-height:1.25!important;color:#263b50!important}
  #ops-playersView:has(#opsPlayerDetailPane:not([hidden]))>.mobile-workflow-backbar{display:none!important}

  /* Players is intentionally search-first on phones: no dashboard and no unrequested preload. */
  #opsPlayersOverview{display:none!important}
  #ops-playersView .crm-player-toolbar>div:first-child{display:none!important}
  #ops-playersView .crm-player-toolbar{padding-top:2px!important}
  #opsPlayersTable:has(.mobile-player-search-prompt){display:none!important}
  #opsPlayersListPane:has(.mobile-player-search-prompt) .crm-records-pager{display:none!important}

  /* Bookings uses drill-down cards instead of nested tabs on phones. */
  .mobile-bookings-home{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  .mobile-bookings-home[hidden]{display:none!important}
  .mobile-bookings-home button{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;height:80px!important;min-height:80px!important;padding:10px 14px!important;border:1px solid #dfe6ec!important;border-left:5px solid #6f8192!important;border-radius:12px!important;background:#fff!important;color:#263b50!important;text-align:left!important;box-shadow:0 1px 3px rgba(31,49,66,.06)!important}
  .mobile-bookings-home button span{display:block!important;min-width:0!important}
  .mobile-bookings-home button strong{display:block!important;font-size:18px!important;font-weight:750!important}
  .mobile-bookings-home button small{display:none!important}
  .mobile-bookings-home button>b{color:#8391a0!important;font-size:28px!important;font-weight:400!important}
  .mobile-bookings-backbar{display:none!important;align-items:center!important;gap:9px!important;min-height:52px!important;margin:0 0 10px!important;padding:0 2px 9px!important;border-bottom:1px solid #e1e7ed!important}
  .mobile-bookings-backbar:not([hidden]){display:flex!important}
  .mobile-bookings-backbar button{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;border:0!important;border-radius:10px!important;background:#fff!important;color:#315b7b!important;font-size:36px!important;line-height:1!important}
  .mobile-bookings-backbar strong{font-size:19px!important}
  #ops-bookingsView .booking-workspace-scopebar{display:none!important}
  #ops-bookingsView:not(.mobile-bookings-section-open) #opsBookingsAttentionPanel,#ops-bookingsView:not(.mobile-bookings-section-open) #opsBookingsAllPanel{display:none!important}

  /* Needs Attention keeps its useful casino selector and four existing filters, but makes them large and vertical. */
  #opsBookingsAttentionPanel .booking-attention-controls{display:flex!important;align-items:stretch!important;flex-direction:column!important;gap:7px!important}
  #opsBookingsAttentionPanel .booking-attention-controls .booking-filter-field{flex:0 0 auto!important;width:100%!important}
  #opsBookingsAttentionPanel .booking-attention-grid{grid-template-columns:1fr!important;gap:9px!important}
  #opsBookingsAttentionPanel .booking-attention-card{height:80px!important;min-height:80px!important;padding:10px 14px!important;border-left-width:5px!important;border-radius:12px!important}
  #opsBookingsAttentionPanel .booking-attention-card strong{font-size:16px!important}
  #opsBookingsAttentionPanel .booking-attention-card>b{font-size:24px!important}
  #ops-bookingsView .booking-report-table tbody tr[data-mobile-booking-id]{padding:12px 14px!important;cursor:default!important}
  #ops-bookingsView .booking-report-table tbody tr[data-mobile-booking-id]::after{display:none!important;content:none!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:block!important;min-width:0!important;padding:7px 0!important;font-size:16px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important}
  #opsBookingsAttentionTable td::before{display:block!important;margin:0 0 3px!important;font-size:16px!important;line-height:1.2!important;white-space:normal!important}
  #opsBookingsAttentionTable td[data-booking-field="player"]{padding-top:0!important;padding-bottom:10px!important}
  #opsBookingsAttentionTable td[data-booking-field="player"]::before{display:none!important;content:none!important}
  #opsBookingsAttentionTable .booking-player-name,#opsBookingsAttentionTable .booking-player-club{display:block!important;width:100%!important;font-size:16px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important}
  #opsBookingsAttentionTable .booking-player-name{font-weight:700!important}
  #opsBookingsAttentionTable .booking-player-club{margin-top:4px!important;color:#52677c!important;font-weight:400!important}
  #ops-bookingsView .booking-status{display:block!important;width:auto!important;margin:2px 0 0!important;padding:0!important;border-radius:0!important;background:transparent!important;font-size:16px!important;line-height:1.35!important;font-weight:700!important}
  #ops-bookingsView .booking-status.pending{color:#a76a0d!important}#ops-bookingsView .booking-status.approved{color:#2b7d49!important}#ops-bookingsView .booking-status.completed{color:#2b69a7!important}#ops-bookingsView .booking-status.cancelled{color:#b6454d!important}#ops-bookingsView .booking-status.declined{color:#775196!important}#ops-bookingsView .booking-status.no-show{color:#59616c!important}#ops-bookingsView .booking-status.superseded{color:#795a43!important}

  /* All Bookings is summary-only on phones for this first framework pass. */
  #opsBookingsAllPanel .booking-report-panel{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  #opsBookingsAllPanel .booking-snapshot-heading{display:none!important}
  #opsBookingsAllPanel .booking-created-cards{grid-template-columns:1fr!important;gap:9px!important;padding:0!important}
  #opsBookingsAllPanel .booking-created-cards button{height:auto!important;min-height:96px!important;padding:10px 14px 12px!important;border:1px solid #dbe2ea!important;border-left:5px solid #4b91d7!important;border-radius:12px!important;cursor:default!important}
  #opsBookingsAllPanel .booking-created-cards button{display:block!important;align-content:initial!important;align-items:initial!important;text-align:left!important}
  #opsBookingsAllPanel .booking-created-cards button span{display:block!important;font-size:16px!important;line-height:1.2!important}
  #opsBookingsAllPanel .booking-created-cards button strong{display:block!important;margin:4px 0!important;font-size:27px!important;line-height:1!important;text-align:left!important}
  #opsBookingsAllPanel .booking-created-cards button small{display:block!important;margin:0!important;font-size:16px!important;line-height:1.2!important}
  #opsBookingsAllPanel .booking-report-divider,#opsBookingsAllPanel .booking-filter-layout,#opsBookingsAllPanel .booking-filter-actions,#opsBookingsAllPanel #opsBookingsSummary,#opsBookingsAllPanel .booking-results-panel{display:none!important}

  /* Service Desk status cards keep the established white-card design. */

  #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-ai-conversation,
  #workView #assessmentQuickFilters .service-summary-ai-workflow,
  #workView #assessmentQuickFilters .service-summary-operational{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}
  #workView #assessmentQuickFilters .service-summary-operational{border-bottom:0!important}
  #workView #assessmentQuickFilters .service-summary-group-label{display:block!important;width:100%!important;flex:0 0 auto!important;padding:0!important;font-size:16px!important;font-weight:800!important;line-height:1.2!important;color:#526477!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;align-items:center!important;justify-content:flex-start!important;gap:6px!important;width:auto!important;min-width:0!important;min-height:42px!important;margin:0!important;padding:8px 11px!important;border-radius:999px!important;font-size:16px!important;line-height:1.2!important;white-space:nowrap!important}
  #workView #assessmentQuickFilters .service-summary-pill>strong,#workView #assessmentQuickFilters .service-summary-pill>span{font-size:16px!important;line-height:1.2!important}
  #workView #assessmentQuickFilters .booking-opportunity-cluster{display:flex!important;flex-wrap:wrap!important;width:100%!important;border-radius:14px!important}
  #workView #assessmentQuickFilters .assessment-separator{display:none!important}
  #workView #assessmentQuickFilters #serviceRequestSummaryCard{margin-top:2px!important}

  /* All Bookings: keep reporting time and lifecycle available above the counts on phones. */
  #ops-bookingsView.mobile-bookings-section-open .booking-workspace-scopebar{display:block!important;margin:0 0 10px!important;padding:0!important;border:0!important;background:transparent!important}
  #ops-bookingsView .booking-workspace-tabs{display:none!important}
  #opsBookingsScopeControls[hidden]{display:none!important}
  #opsBookingsScopeControls:not([hidden]){display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;padding:10px!important;border:1px solid #dbe3ea!important;border-radius:12px!important;background:#fff!important;box-sizing:border-box!important}
  #opsBookingsReportingZone,.booking-lifecycle-wrap{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;width:100%!important}
  #opsBookingsReportingZone>span,.booking-lifecycle-wrap>span{font-size:16px!important;font-weight:750!important;color:#526477!important}
  #opsBookingsReportingZone>div,.booking-lifecycle-toggle{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;width:100%!important;border:1px solid #cfd9e2!important;border-radius:9px!important;overflow:hidden!important;background:#fff!important}
  .booking-lifecycle-toggle{grid-template-columns:repeat(3,1fr)!important}
  #opsBookingsReportingZone button,.booking-lifecycle-toggle button{min-height:44px!important;padding:8px 9px!important;border:0!important;border-right:1px solid #dce3e9!important;background:#fff!important;color:#657488!important;font-size:16px!important;font-weight:700!important}
  #opsBookingsReportingZone button:last-child,.booking-lifecycle-toggle button:last-child{border-right:0!important}
  #opsBookingsReportingZone button.is-active,.booking-lifecycle-toggle button.is-active{background:#edf5fb!important;color:#176ca8!important;box-shadow:inset 0 -3px #2b78b7!important}
}