/*
 * Admin visual unification layer.
 * Forms (admin2/forms.php) is the reference language: restrained teal accents,
 * 14-20px radii, light borders, compact shadows, consistent controls and spacing.
 * This file intentionally normalizes presentation only; it does not change page logic.
 */
.marketing-admin{
    --assist-surface:#fff;
    --assist-surface-soft:#f8fbfc;
    --assist-line:#d8e5ea;
    --assist-line-strong:#c6d8de;
    --assist-text:#17324a;
    --assist-muted:#647b86;
    --assist-teal:#087f88;
    --assist-teal-dark:#076d76;
    --assist-teal-soft:#eefafb;
    --assist-radius:16px;
    --assist-shadow:0 10px 28px rgba(15,42,54,.06);
}

/* Page canvas / usable width. */
.marketing-admin .mk-shell,
.marketing-admin .mk-saas-shell{
    width:100%;
}
.marketing-admin .mk-saas-shell{
    max-width:1500px;
    margin-inline:auto;
}
.marketing-admin :is(
    .pg,.rn,.cm,.crm,.rm,.biz,.at,.assist-module,.voice-lab-shell,.vc-wrap,
    .dc-app,.do-shell,.mk-team-page,.mk-main,.ai-costs
){
    max-width:1500px;
    margin-left:auto;
    margin-right:auto;
}

/* Headings: same scale and breathing room as the Forms page. */
.marketing-admin :is(
    .mk-topbar,.pg-hero,.do-heading,.dc-heading,.crm-header,.rm-hero,
    .at-hero,.am-hero,.rn-hero
) h1{
    font-size:clamp(28px,3vw,40px);
    line-height:1.08;
    letter-spacing:-.035em;
}
.marketing-admin :is(
    .mk-topbar,.pg-hero,.do-heading,.dc-heading,.crm-header,.rm-hero,
    .at-hero,.am-hero,.rn-hero
) p{
    line-height:1.55;
}

/* Generic page title blocks that were still visually flatter than Forms. */
.marketing-admin .mk-topbar,
.marketing-admin .pg-hero,
.marketing-admin .do-heading,
.marketing-admin .dc-heading,
.marketing-admin .crm-header,
.marketing-admin .rm-hero{
    padding:22px 24px;
    border:1px solid var(--assist-line);
    border-radius:20px;
    background:linear-gradient(135deg,#fff,#f5fafb);
    box-shadow:var(--assist-shadow);
    color:var(--assist-text);
}
.marketing-admin .mk-topbar{
    margin-bottom:20px;
}
.marketing-admin :is(.mk-topbar,.pg-hero,.do-heading,.dc-heading,.crm-header,.rm-hero) :is(
    .mk-eyebrow,.mk-overline,.do-eyebrow,.dc-eyebrow,.rm-eyebrow
){
    color:var(--assist-teal);
    font-weight:850;
    letter-spacing:.1em;
}
.marketing-admin :is(.mk-topbar,.pg-hero,.do-heading,.dc-heading,.crm-header,.rm-hero) p{
    color:var(--assist-muted);
}

/* Preserve intentional branded/photo heroes while standardizing their geometry. */
.marketing-admin :is(.rn-hero,.am-hero,.at-hero){
    border-radius:20px;
    box-shadow:var(--assist-shadow);
}
.marketing-admin .am-hero:not(.am-hero-photo){
    padding:24px 28px;
}

/* Card language. */
.marketing-admin :is(
    .mk-card,.pg-card,.rn-card,.rm-panel,.am-panel,.at-panel,.biz-panel,
    .dc-panel,.do-panel,.cm-grid>section,.cm>section
){
    border-color:var(--assist-line);
    border-radius:var(--assist-radius);
    box-shadow:var(--assist-shadow);
    background:var(--assist-surface);
}
.marketing-admin :is(.pg-card,.rn-card,.rm-panel,.am-panel,.at-panel,.biz-panel,.dc-panel,.do-panel){
    padding:20px;
}
.marketing-admin :is(.mk-card,.pg-card,.rn-card,.rm-panel,.am-panel,.at-panel,.biz-panel,.dc-panel,.do-panel) h2{
    color:var(--assist-text);
    letter-spacing:-.015em;
}

/* Buttons / action links: same geometry as Forms. */
.marketing-admin :is(
    .mk-button,.pg-btn,.rn-btn,.dc-button,.do-button,.rm-btn,.am-button,.at-btn,
    .biz-manage,.pg-actions a,.rn-actions button,.cm button
){
    min-height:39px;
    border-radius:10px;
    font-weight:750;
}
.marketing-admin :is(.mk-button-primary,.pg-btn,.rn-btn:not(.secondary),.dc-command-primary,.am-button.primary){
    background:var(--assist-teal);
    border-color:var(--assist-teal);
    color:#fff;
}
.marketing-admin :is(.mk-button-primary,.pg-btn,.rn-btn:not(.secondary),.dc-command-primary,.am-button.primary):hover{
    background:var(--assist-teal-dark);
    border-color:var(--assist-teal-dark);
    color:#fff;
}

/* Fields: same border, radius and focus ring. */
.marketing-admin :is(
    .mk-form,.mk-filter,.pg-form,.rn,.rm,.am-form,.biz-filters,.dc-app,.do-shell
) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
    border-color:var(--assist-line-strong);
    border-radius:9px;
    background:#fff;
    color:var(--assist-text);
}
.marketing-admin :is(
    .mk-form,.mk-filter,.pg-form,.rn,.rm,.am-form,.biz-filters,.dc-app,.do-shell
) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus{
    outline:2px solid rgba(8,127,136,.14);
    outline-offset:1px;
    border-color:var(--assist-teal);
}

/* Tables. */
.marketing-admin :is(.mk-table-wrap,.am-table-wrap,.biz-table-wrap){
    border:1px solid var(--assist-line);
    border-radius:12px;
    background:#fff;
    overflow:auto;
}
.marketing-admin :is(.mk-table,.am-table,.rn-table,.biz-table) th{
    background:#f8fafb;
    color:#5d737e;
    font-size:11px;
    letter-spacing:.05em;
    text-transform:uppercase;
}
.marketing-admin :is(.mk-table,.am-table,.rn-table,.biz-table) :is(th,td){
    border-bottom-color:#e4ecef;
}

/* Notices / status blocks. */
.marketing-admin :is(.mk-alert,.pg-alert,.rn-alert,.am-alert,.dc-notice,.do-notice){
    border-radius:12px;
}

/* Secondary labels and helper text. */
.marketing-admin :is(.mk-muted,.rn-subtle,.am-note,.dc-muted,.cm-muted){
    color:var(--assist-muted);
    line-height:1.55;
}

/* Keep page sections aligned and avoid tiny inconsistent gaps. */
.marketing-admin :is(.mk-main,.mk-team-page,.pg,.rn,.crm,.rm,.biz,.dc-app,.do-shell,.assist-module)>*+*{
    scroll-margin-top:92px;
}

/* Compact responsive behavior consistent with Forms. */
@media(max-width:900px){
    .marketing-admin :is(.mk-topbar,.pg-hero,.do-heading,.dc-heading,.crm-header,.rm-hero){
        padding:20px;
        border-radius:17px;
    }
}
@media(max-width:680px){
    .marketing-admin :is(.mk-topbar,.pg-hero,.do-heading,.dc-heading,.crm-header,.rm-hero){
        padding:18px;
    }
    .marketing-admin :is(.mk-card,.pg-card,.rn-card,.rm-panel,.am-panel,.at-panel,.biz-panel,.dc-panel,.do-panel){
        border-radius:14px;
    }
}