/*
 * Phone-product presentation only.  This deliberately keys off the device
 * policy class applied by dashboardSyncPhoneShell(), rather than viewport
 * width, so resizing a desktop browser never becomes the phone experience.
 */
.mobile-workspace-identity,
.mobile-today-sage,
.mobile-sage-start,
.mobile-sage-activity,
.mobile-sage-messaging,
.mobile-sage-primary-tabs,
.mobile-notifications-trigger { display:none; }
.tb-icon-btn.mobile-notifications-trigger { display:none!important; }

@media (max-width:700px) {
/* Legacy Chat and Work screens are not phone destinations. The shared Sage
   home is the only page; questions use the existing contextual conversation. */
body.dashboard-shell.phone-experience .mobile-sage-primary-tabs,
body.dashboard-shell.phone-experience .mobile-sage-secondary,
body.dashboard-shell.phone-experience .mobile-sage-activity,
body.dashboard-shell.phone-experience #coach-view-coach { display:none!important; }

body.dashboard-shell.phone-experience .mobile-workspace-identity,
body.dashboard-shell.phone-experience .mobile-today-sage,
body.dashboard-shell.phone-experience .mobile-sage-messaging { display:block; }
body.dashboard-shell.phone-experience .mobile-sage-start { display:none!important; }

/* A sheet stays within the visible visual viewport even when the virtual
   keyboard leaves layout viewport units unchanged. The existing shell owns
   the --sage-* values and the conversation's Escape/focus lifecycle. */
body.dashboard-shell.phone-experience #coach-conversation[data-presentation="overlay"].open {
  top:auto;
  bottom:calc(var(--sage-keyboard-inset,0px) + 8px)!important;
  height:min(680px,calc(var(--sage-viewport-height,100dvh) - 16px))!important;
  min-height:0!important;
  max-height:none!important;
  display:flex;
  flex-direction:column;
}
body.dashboard-shell.phone-experience #coach-conversation[data-presentation="overlay"] .coach-conversation-head {
  flex:none;
}
body.dashboard-shell.phone-experience #coach-conversation[data-presentation="overlay"] .coach-conversation-body {
  flex:1;
  height:auto;
  min-height:0;
}
body.dashboard-shell.phone-experience #coach-conversation[data-presentation="overlay"] .coach-transcript {
  min-height:0;
}

body.dashboard-shell.phone-experience .topbar {
  min-height:58px;
  height:58px;
  padding:0 16px;
  border-bottom-color:rgba(201,169,85,.2);
}
body.dashboard-shell.phone-experience .topbar-left { min-width:0; flex:1; }
body.dashboard-shell.phone-experience .topbar-right { gap:0; }
body.dashboard-shell.phone-experience .dashboard-menu-btn,
body.dashboard-shell.phone-experience .page-title,
body.dashboard-shell.phone-experience .topbar-status,
body.dashboard-shell.phone-experience .actions-indicator,
body.dashboard-shell.phone-experience .ask-callbase-trigger,
body.dashboard-shell.phone-experience .topbar-right > .tb-btn,
body.dashboard-shell.phone-experience .topbar-right > .tb-btn-primary,
body.dashboard-shell.phone-experience .product-preview-switcher,
body.dashboard-shell.phone-experience .topbar-right > .tb-icon-btn:not(.mobile-notifications-trigger) { display:none!important; }
body.dashboard-shell.phone-experience .mobile-workspace-identity {
  overflow:hidden;
  color:var(--ivory);
  font:700 13px/1.15 var(--sans,'Plus Jakarta Sans',sans-serif);
  letter-spacing:.01em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.dashboard-shell.phone-experience .tb-icon-btn {
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  padding:0;
  border:1px solid rgba(201,169,85,.3);
  border-radius:50%;
  background:rgba(255,255,255,.02);
}
body.dashboard-shell.phone-experience .mobile-notifications-trigger { display:grid!important; }

body.dashboard-shell.phone-experience .mkt-head { display:none; }
body.dashboard-shell.phone-experience .today-workspace { gap:12px; }
/* Today on phones is an attention surface, not a call-delivery control panel.
   The existing desktop readiness, campaign, payment, and availability actions
   remain available on desktop but must not start or invite inbound delivery here. */
body.dashboard-shell.phone-experience #activation-load-status,
body.dashboard-shell.phone-experience #payment-readiness-notice,
body.dashboard-shell.phone-experience .today-focus,
body.dashboard-shell.phone-experience .first-campaign-nudge,
body.dashboard-shell.phone-experience .today-support { display:none!important; }
body.dashboard-shell.phone-experience .today-focus {
  padding:18px;
  border-radius:14px;
}
body.dashboard-shell.phone-experience .today-focus h2 { font-size:22px; line-height:1.15; }
body.dashboard-shell.phone-experience .today-focus-copy { font-size:12px; }
body.dashboard-shell.phone-experience .today-focus-actions { gap:8px; }
body.dashboard-shell.phone-experience .today-support { gap:10px; }
body.dashboard-shell.phone-experience .today-module { padding:14px; border-radius:12px; }
body.dashboard-shell.phone-experience .today-module-head h3 { font-size:14px; }
body.dashboard-shell.phone-experience .today-module-head p,
body.dashboard-shell.phone-experience .today-list { font-size:11px; }

body.dashboard-shell.phone-experience .mobile-today-sage {
  border:1px solid rgba(201,169,85,.3);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(201,169,85,.13),rgba(255,255,255,.025));
  padding:16px;
}
body.dashboard-shell.phone-experience .mobile-sage-kicker {
  display:block;
  margin-bottom:5px;
  color:var(--gold);
  font:700 9px/1 var(--mono,'DM Mono',monospace);
  letter-spacing:.13em;
  text-transform:uppercase;
}
body.dashboard-shell.phone-experience .mobile-today-sage h2 {
  margin:0;
  color:var(--ivory);
  font:400 22px/1.12 'Instrument Serif',Georgia,serif;
}
body.dashboard-shell.phone-experience .mobile-today-sage form {
  display:flex;
  gap:8px;
  margin-top:13px;
}
body.dashboard-shell.phone-experience .mobile-today-sage input {
  min-width:0;
  flex:1;
  height:42px;
  padding:0 12px;
  border:1px solid rgba(201,169,85,.24);
  border-radius:9px;
  color:var(--ivory);
  background:rgba(0,0,0,.28);
  font:500 12px var(--sans,'Plus Jakarta Sans',sans-serif);
}
body.dashboard-shell.phone-experience .mobile-today-sage button {
  min-width:56px;
  padding:0 12px;
  border:0;
  border-radius:9px;
  color:#171510;
  background:var(--gold);
  font:700 11px var(--sans,'Plus Jakarta Sans',sans-serif);
}
body.dashboard-shell.phone-experience .mobile-today-sage p {
  min-height:0;
  margin:8px 0 0;
  color:var(--ink3);
  font-size:11px;
  line-height:1.4;
}
body.dashboard-shell.phone-experience .mobile-today-attention {
  display:grid;
  gap:7px;
  margin-top:12px;
}
body.dashboard-shell.phone-experience .mobile-today-attention > p {
  margin:0;
  color:var(--ink3);
  font-size:11px;
}
body.dashboard-shell.phone-experience .mobile-today-attention article {
  padding:8px 0 0;
  border-top:1px solid rgba(255,255,255,.1);
}
body.dashboard-shell.phone-experience .mobile-today-attention strong,
body.dashboard-shell.phone-experience .mobile-today-attention span,
body.dashboard-shell.phone-experience .mobile-today-attention a {
  display:block;
}
body.dashboard-shell.phone-experience .mobile-today-attention strong { color:var(--ink); font-size:11px; }
body.dashboard-shell.phone-experience .mobile-today-attention span { margin-top:3px; color:var(--ink3); font-size:10px; line-height:1.35; }
body.dashboard-shell.phone-experience .mobile-today-attention a,
body.dashboard-shell.phone-experience .mobile-sage-run a {
  margin-top:5px;
  color:var(--gold);
  font-size:10px;
  text-decoration:none;
}

body.dashboard-shell.phone-experience .mobile-sage-profile {
  margin-top:13px;
  border-top:1px solid rgba(255,255,255,.1);
  padding-top:10px;
}
body.dashboard-shell.phone-experience .mobile-sage-profile summary {
  color:var(--ink3);
  font-size:11px;
  cursor:pointer;
}
body.dashboard-shell.phone-experience .mobile-sage-profile p {
  margin:8px 0 0;
  color:var(--ink3);
  font-size:10px;
  line-height:1.4;
}
body.dashboard-shell.phone-experience #mobile-sage-profile-list { display:grid; gap:7px; margin-top:9px; }
body.dashboard-shell.phone-experience .mobile-sage-profile-entry {
  padding:9px;
  border-left:2px solid rgba(201,169,85,.65);
  background:rgba(0,0,0,.16);
}
body.dashboard-shell.phone-experience .mobile-sage-profile-entry strong,
body.dashboard-shell.phone-experience .mobile-sage-profile-entry span { display:block; }
body.dashboard-shell.phone-experience .mobile-sage-profile-entry strong { color:var(--ink); font-size:11px; }
body.dashboard-shell.phone-experience .mobile-sage-profile-entry span { margin-top:3px; color:var(--ink3); font-size:10px; line-height:1.35; }
body.dashboard-shell.phone-experience .mobile-sage-profile-entry div { display:flex; gap:8px; margin-top:7px; }
body.dashboard-shell.phone-experience .mobile-sage-profile-entry button {
  border:0;
  padding:0;
  color:var(--gold);
  background:transparent;
  font:600 10px var(--sans,'Plus Jakarta Sans',sans-serif);
}
body.dashboard-shell.phone-experience #page-coach > .coach-hero,
body.dashboard-shell.phone-experience .sales-coach-mast { display:none!important; }
body.dashboard-shell.phone-experience #coach-view-work { display:none!important; }
body.dashboard-shell.phone-experience .sage-editorial-notice { margin:0 0 12px; }

body.dashboard-shell.phone-experience #nav-tools,
body.dashboard-shell.phone-experience .sidebar-phone,
body.dashboard-shell.phone-experience #page-voice,
body.dashboard-shell.phone-experience #voice-dock { display:none!important; }
body.dashboard-shell.phone-experience .mobile-sage-messaging {
  margin:12px 10px 0;
  padding:13px;
  flex:0 0 auto;
  flex-shrink:0;
  border:1px solid var(--border);
  border-radius:10px;
  background:rgba(255,255,255,.025);
}
body.dashboard-shell.phone-experience .mobile-sage-messaging h2 {
  margin:0;
  color:var(--ivory);
  font:600 14px/1.2 var(--sans,'Plus Jakarta Sans',sans-serif);
}
body.dashboard-shell.phone-experience .mobile-sage-messaging h2 span {
  margin-left:5px;
  color:var(--ink3);
  font:600 9px var(--mono,'DM Mono',monospace);
  letter-spacing:.04em;
  text-transform:uppercase;
}
body.dashboard-shell.phone-experience .mobile-sage-refresh {
  border:0;
  padding:2px 0;
  color:var(--gold);
  background:transparent;
  font:600 10px var(--sans,'Plus Jakarta Sans',sans-serif);
}
body.dashboard-shell.phone-experience .mobile-sage-messaging p {
  margin:6px 0 0;
  color:var(--ink3);
  font-size:10px;
  line-height:1.45;
}
body.dashboard-shell.phone-experience #mobile-sage-messaging-controls { margin-top:11px; }
body.dashboard-shell.phone-experience .mobile-sage-setting {
  display:block;
  margin-top:9px;
  color:var(--ink2);
  font-size:10px;
  line-height:1.4;
}
body.dashboard-shell.phone-experience .mobile-sage-setting input[type="tel"],
body.dashboard-shell.phone-experience #mobile-sage-messaging-verify input,
body.dashboard-shell.phone-experience .mobile-sage-quiet-hours input {
  display:block;
  box-sizing:border-box;
  width:100%;
  height:33px;
  margin-top:4px;
  border:1px solid var(--border);
  border-radius:6px;
  padding:0 8px;
  color:var(--ink);
  background:var(--cream2);
  font-size:11px;
}
body.dashboard-shell.phone-experience .mobile-sage-quiet-hours { display:flex; gap:8px; margin-top:9px; }
body.dashboard-shell.phone-experience .mobile-sage-quiet-hours label { flex:1; color:var(--ink3); font-size:10px; }
body.dashboard-shell.phone-experience .mobile-sage-messaging-actions { display:flex; gap:7px; flex-wrap:wrap; margin-top:10px; }
body.dashboard-shell.phone-experience .mobile-sage-messaging-actions button,
body.dashboard-shell.phone-experience #mobile-sage-messaging-verify-button {
  border:1px solid rgba(201,169,85,.36);
  border-radius:6px;
  padding:6px 8px;
  color:var(--gold);
  background:transparent;
  font:600 10px var(--sans,'Plus Jakarta Sans',sans-serif);
}
body.dashboard-shell.phone-experience #mobile-sage-messaging-verify {
  margin-top:10px;
  color:var(--ink3);
  font-size:10px;
  scroll-margin-block:18px;
}
body.dashboard-shell.phone-experience #mobile-sage-messaging-proof-help {
  margin:5px 0 0;
  color:var(--ink3);
  font-size:10px;
}
/* Opportunities remain a browsing surface on phones. Campaign activation is
   intentionally completed on desktop where the delivery configuration lives. */
body.dashboard-shell.phone-experience #drawer-opportunity .drawer-foot,
body.dashboard-shell.phone-experience #drawer-journey .drawer-foot {
  min-height:48px;
  padding:10px 18px;
}
body.dashboard-shell.phone-experience #drawer-opportunity .drawer-foot::before,
body.dashboard-shell.phone-experience #drawer-journey .drawer-foot::before {
  content:'Review options here. Complete campaign setup on desktop.';
  color:var(--ink3);
  font-size:11px;
  line-height:1.35;
}
body.dashboard-shell.phone-experience #od-cta,
body.dashboard-shell.phone-experience #cj-cta { display:none!important; }
}