/* Campaigns and customers define the common page frame. */
body main.crm-main.doty-page-framed .doty-page-header,
body main.crm-main.doty-page-framed .doty-page-header-shell {
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;padding:0!important;margin:0 0 16px!important;
  text-align:right!important;direction:rtl;flex-shrink:0;
}
body main.crm-main.doty-page-framed .doty-page-header {
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:18px!important;min-height:44px!important;
}
body main.crm-main.doty-page-framed .doty-page-header h1 {
  margin:0 0 4px!important;font-size:22px!important;font-weight:600!important;
  line-height:1.25!important;letter-spacing:-.2px!important;color:#172033!important;text-align:right!important;
}
body main.crm-main.doty-page-framed .doty-page-header p {
  margin:0!important;font-size:12.5px!important;font-weight:400!important;
  line-height:1.6!important;color:#697386!important;text-align:right!important;
}
body main.crm-main.doty-page-framed .doty-page-surface {
  background-color:#fff!important;border:1px solid #e8ecf2!important;border-radius:16px!important;
  box-shadow:0 8px 30px rgba(43,58,83,.06)!important;
}
body main.crm-main.doty-page-framed .chatbot-list-grid.doty-page-surface,
body main.crm-main.doty-page-framed .integration-cards.doty-page-surface {padding:18px!important;}
body main.crm-main.doty-page-framed .integration-wizard-intro.doty-page-header {display:block!important;}
body main.crm-main.doty-page-framed .integration-wizard-intro .integration-logo {margin:0 0 10px auto!important;}
body main.crm-main.doty-page-framed .activity-hero-content.doty-page-header {margin:0!important;}
body main.crm-main.doty-page-framed .wa-page-shell {height:calc(100vh - 180px)!important;min-height:480px;}
@media(max-width:760px){
  body main.crm-main.doty-page-framed .doty-page-header {flex-wrap:wrap!important;gap:12px!important;margin-bottom:12px!important;}
  body main.crm-main.doty-page-framed .chatbot-list-grid.doty-page-surface,
  body main.crm-main.doty-page-framed .integration-cards.doty-page-surface {padding:14px!important;}
}
/* Settings and integrations use the main page gutter rather than a second one. */
body main.crm-main .system-settings-page,
body main.crm-main .integration-center-page,
body main.crm-main .integration-page {padding-inline:0!important;max-width:none!important;width:100%!important;margin-inline:0!important;box-sizing:border-box;}
body[data-doty-page="wa_official"] main.crm-main .doty-wa-page-heading {padding-top:16px!important;}
body .settings-secondary-topbar button[form="business-settings-form"] {
  height:64px!important;min-height:64px!important;min-width:92px!important;
  padding:7px 14px!important;border-radius:0!important;border:0!important;
  border-left:1px solid #d0d5dd!important;background:#fff!important;color:#b42318!important;
  box-shadow:none!important;display:inline-flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;gap:5px!important;
  font-size:12px!important;font-weight:500!important;
}
body .settings-secondary-topbar button[form="business-settings-form"]:hover {background:#f9fafb!important;}

/* WhatsApp shell is a layout container; only its workspace has a white surface. */
body[data-doty-page="wa_official"] main.crm-main.doty-page-framed .meta-wa-shell,
body[data-doty-page="whatsapp_inbox"] main.crm-main.doty-page-framed .wa-page-shell {
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;padding-inline:0!important;
}

/* These pages consist of individual cards on the app background. */
body[data-doty-page="wa_official"] main.crm-main.doty-page-framed .meta-wa-view-panel.meta-wa-automation-page,
body[data-doty-page="wa_official"] main.crm-main.doty-page-framed .meta-wa-view-panel.meta-wa-broadcast-page {
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;padding:0!important;
}
/* Fill the header width so the RTL actions reach the physical left edge. */
body main.crm-main.doty-page-framed .contacts-page-head > .page-title,
body main.crm-main.doty-page-framed .activity-list-hero > .page-title {
  width:100%!important;flex:1 1 auto!important;min-width:0!important;
  display:flex!important;direction:rtl!important;justify-content:space-between!important;
}
body main.crm-main.doty-page-framed .contacts-hero-actions,
body main.crm-main.doty-page-framed .activity-header-actions {
  margin-inline-start:auto!important;margin-inline-end:0!important;
  width:auto!important;display:flex!important;justify-content:flex-end!important;flex-shrink:0;
}
@media(max-width:760px){
  body main.crm-main.doty-page-framed .contacts-page-head > .page-title,
  body main.crm-main.doty-page-framed .activity-list-hero > .page-title {flex-wrap:wrap!important;}
}
/* One active-state language across the sidebar, matching the home page. */
body .sidebar-nav a.active-nav,
body .sidebar-nav .sidebar-wa-toggle.active-nav {
  background:linear-gradient(90deg,rgba(132,83,244,.18),rgba(168,118,255,.14))!important;
  border-right:3px solid #b88aff!important;color:#fff!important;box-shadow:none!important;
}
body .sidebar-nav a.active-nav .nav-icon,
body .sidebar-nav .sidebar-wa-toggle.active-nav .nav-icon {color:#fff!important;}