/* Full-width phone: campaign/status toolbar, screen, keypad, then actions. */
body #app-view #advisor-panel#advisor-panel#advisor-panel .phone-panel {
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
  width: 100% !important;
  min-width: 0 !important;
  color-scheme: light;
  background: #f7f9fc !important;
}
body #app-view #advisor-panel#advisor-panel#advisor-panel .phone-panel > :is(.panel-heading,#phone-dialer-body,#advisor-sms-placeholder) {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}
body #app-view #advisor-panel#advisor-panel#advisor-panel .phone-panel > .panel-heading {
  margin: 0 0 4px !important;
  align-self: start !important;
}
body #app-view #advisor-panel#advisor-panel#advisor-panel .phone-panel-heading-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: center !important;
  width: 100% !important;
  gap: 12px !important;
}
body #app-view #advisor-panel#advisor-panel#advisor-panel :is(#phone-campaign-command,#phone-status) {
  grid-column: auto !important;
  width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  border: 1px solid #bfd2e6 !important;
  background: #eaf3fc !important;
  color: #345776 !important;
  text-align: center !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
body #app-view #advisor-panel#advisor-panel#advisor-panel #phone-campaign-command:hover { background: #d6e8fa !important; }
body #app-view #advisor-panel#advisor-panel#advisor-panel #phone-dialer-body :is(.phone-screen,.phone-deck,.dial-pad,.phone-action-stack) {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}
body #app-view #advisor-panel#advisor-panel#advisor-panel #phone-dialer-body .phone-deck {
  grid-template-columns: minmax(0, 1fr) !important;
}
@media (max-width: 560px) {
  body #app-view #advisor-panel#advisor-panel#advisor-panel .phone-panel-heading-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Phone controls share the light canvas, with consistent action colors. */
body #app-view #advisor-panel#advisor-panel#advisor-panel #phone-dialer-body#phone-dialer-body,
body #app-view #advisor-panel#advisor-panel#advisor-panel #phone-dialer-body :is(.phone-screen,.phone-deck,.dial-pad) {
  background: #f7f9fc !important;
  border-color: #ccd9e7 !important;
  color: #18334c !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
body #app-view #advisor-panel#advisor-panel#advisor-panel #phone-dialer-body :is(.phone-screen,.phone-deck)::before,
body #app-view #advisor-panel#advisor-panel#advisor-panel #phone-dialer-body :is(.phone-screen,.phone-deck)::after { display: none !important; }
body #app-view #advisor-panel#advisor-panel#advisor-panel .phone-screen-top img {
  width: min(280px,65%) !important; height: auto !important; object-fit: contain;
  filter: none !important; opacity: 1 !important;
}
body #app-view #advisor-panel#advisor-panel#advisor-panel #call-timer { color:#18334c !important; text-shadow:none !important; }
body #app-view #advisor-panel#advisor-panel#advisor-panel :is(#phone-screen-extension,.phone-time-grid span,.phone-time-grid small,.phone-screen > label) { color:#536c83 !important; text-shadow:none !important; font-size:12px !important; }
body #app-view #advisor-panel#advisor-panel#advisor-panel .phone-time-grid strong { color:#18334c !important; font-size:16px !important; }
body #app-view #advisor-panel#advisor-panel#advisor-panel #empire-phone-alert-center {
  padding: 14px !important; border: 1px solid #c9d9e9 !important;
  background: #eaf3fc !important; color: #18334c !important; box-shadow: none !important;
}
body #app-view #advisor-panel#advisor-panel#advisor-panel #empire-phone-alert-center::before,
body #app-view #advisor-panel#advisor-panel#advisor-panel #empire-phone-alert-center::after { display: none !important; }
body #app-view #advisor-panel#advisor-panel#advisor-panel #empire-phone-alert-center .empire-phone-alert-tile {
  background: #fff !important; border-color: #c9d9e9 !important;
  color: #18334c !important; box-shadow: none !important; text-shadow: none !important;
}
body #app-view #advisor-panel#advisor-panel#advisor-panel #empire-phone-alert-center .empire-phone-alert-tile :is(span,small) { font-size:12px !important; line-height:1.45 !important; white-space:normal !important; overflow:visible !important; text-overflow:clip !important; }
body #app-view #advisor-panel#advisor-panel#advisor-panel #empire-phone-alert-center .empire-phone-alert-tile strong { font-size:17px !important; }
body #app-view #advisor-panel#advisor-panel#advisor-panel #empire-phone-alert-center .empire-phone-alert-heading span { font-size:13px !important; }
body #app-view #advisor-panel#advisor-panel#advisor-panel #empire-phone-alert-center :is(.empire-phone-alert-heading span,.empire-phone-alert-tile strong) { color: #18334c !important; text-shadow: none !important; }
body #app-view #advisor-panel#advisor-panel#advisor-panel #empire-phone-alert-center :is(.empire-phone-alert-tile span,.empire-phone-alert-tile small,.empire-phone-alert-heading small) { color: #536c83 !important; text-shadow: none !important; }
body #app-view #advisor-panel#advisor-panel#advisor-panel #empire-phone-alert-center .empire-phone-alert-tile.is-alerting { background: #e1f4eb !important; border-color: #357b5e !important; }
body #app-view #advisor-panel#advisor-panel#advisor-panel #empire-phone-alert-center .last-call-toggle,
body #app-view #advisor-panel#advisor-panel#advisor-panel #empire-focused-last-call {
  background: #17583f !important; border: 1px solid #17583f !important;
  color: white !important; box-shadow: none !important; text-shadow: none !important;
}
body #app-view #advisor-panel#advisor-panel#advisor-panel #empire-phone-alert-center .last-call-toggle.is-active,
body #app-view #advisor-panel#advisor-panel#advisor-panel #empire-focused-last-call[aria-pressed="true"] { background: #0d3e2b !important; outline: 2px solid #83c7a8; outline-offset: 2px; }
body #app-view #advisor-panel#advisor-panel#advisor-panel #empire-phone-alert-center .last-call-toggle span { color: white !important; }
body #app-view #advisor-panel#advisor-panel#advisor-panel #empire-focused-last-call span { color: white !important; }
body #app-view #advisor-panel#advisor-panel#advisor-panel #phone-dialer-body .dial-pad button {
  background: #eaf3fc !important; border: 1px solid #bfd2e6 !important;
  color: #18334c !important; box-shadow: 0 2px 3px #233f5510 !important;
  text-shadow: none !important; border-radius: 10px !important;
}
body #app-view #advisor-panel#advisor-panel#advisor-panel #phone-dialer-body .dial-pad button b { color: #18334c !important; text-shadow: none !important; }
body #app-view #advisor-panel#advisor-panel#advisor-panel #phone-dialer-body .dial-pad button small { color: #536c83 !important; text-shadow: none !important; }
body #app-view #advisor-panel#advisor-panel#advisor-panel #phone-dialer-body .dial-pad button:hover { background: #d6e8fa !important; }
body #app-view #advisor-panel#advisor-panel#advisor-panel #phone-dialer-body .dial-pad button:active { background: #bed9f2 !important; }
body #app-view #advisor-panel#advisor-panel#advisor-panel :is(#to-button,#call-button,#hangup-button,#transfer-button) {
  background: var(--phone-action-bg) !important; border: 1px solid var(--phone-action-border) !important;
  color: var(--phone-action-text) !important; box-shadow: none !important; text-shadow: none !important; opacity: 1 !important;
}
body #app-view #advisor-panel#advisor-panel#advisor-panel #to-button { --phone-action-bg:#dfedfd; --phone-action-border:#93bce6; --phone-action-text:#245b91; }
body #app-view #advisor-panel#advisor-panel#advisor-panel #call-button { --phone-action-bg:#17583f; --phone-action-border:#17583f; --phone-action-text:#fff; }
body #app-view #advisor-panel#advisor-panel#advisor-panel #hangup-button { --phone-action-bg:#b13c4b; --phone-action-border:#b13c4b; --phone-action-text:#fff; }
body #app-view #advisor-panel#advisor-panel#advisor-panel #transfer-button { --phone-action-bg:#e8e1fa; --phone-action-border:#b8a4df; --phone-action-text:#634694; }
body #app-view #advisor-panel#advisor-panel#advisor-panel :is(#to-button,#call-button,#hangup-button,#transfer-button) span { color: inherit !important; text-shadow: none !important; }
body #app-view #advisor-panel#advisor-panel#advisor-panel #call-button:disabled { --phone-action-bg:#e1efe8; --phone-action-border:#a7cbbb; --phone-action-text:#386650; }
body #app-view #advisor-panel#advisor-panel#advisor-panel #hangup-button:disabled { --phone-action-bg:#f9e6e9; --phone-action-border:#ddb3bc; --phone-action-text:#934653; }
body #app-view #advisor-panel#advisor-panel#advisor-panel :is(#to-button,#call-button,#hangup-button,#transfer-button):disabled { cursor:not-allowed !important; border-style:dashed !important; }
body #app-view #advisor-panel#advisor-panel#advisor-panel :is(.dial-pad button,#to-button,#call-button,#hangup-button,#transfer-button):focus-visible { outline: 3px solid #3784bf !important; outline-offset: 3px !important; }
body #app-view #advisor-panel#advisor-panel#advisor-panel #advisor-sms-placeholder {
  margin-top: 16px; padding: 18px; border: 1px solid #c9d9e9; border-radius: 12px;
  background: #fff; color: #18334c; text-align: left; min-width: 0;
}
#advisor-sms-placeholder header { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
#advisor-sms-placeholder h3 { margin:0; font:700 1rem/1.4 system-ui; color:#18334c; }
#advisor-sms-placeholder header span { padding:4px 9px; border-radius:20px; background:#eaf3fc; color:#536c83; font:600 .75rem/1.4 system-ui; }
#advisor-sms-placeholder p { color:#536c83; font:400 .875rem/1.55 system-ui; }
#advisor-sms-placeholder label { display:block; margin-bottom:6px; font:600 .875rem/1.4 system-ui; color:#18334c; }
#advisor-sms-placeholder textarea { box-sizing:border-box; width:100%; min-height:85px; padding:12px; resize:none; border:1px solid #c9d9e9; border-radius:8px; background:#f4f8fc; color:#536c83; font:400 .875rem/1.5 system-ui; }
#advisor-sms-placeholder button { margin-top:10px; padding:10px 16px; border:1px dashed #a7cbbb; border-radius:8px; background:#e1efe8; color:#386650; font:600 .875rem/1.4 system-ui; cursor:not-allowed; }
/* Tour controls appear only after the server confirms demo/trial eligibility. */
html:not([data-mason-tours="enabled"]) :is(.mason-tour-button,.mason-guide-launcher,.mason-guide-drawer,.mason-guide-focus-shade,.mason-guide-pointer) { display:none !important; }