/* Covozi v1.72 — shared creator-workspace polish.
 * Scope is intentionally narrow: public Creator Hub Home canvas, Course Studio
 * shell spacing, Landing Pages dashboard brand palette, Instagram Automation,
 * and AI Assistant. Editors/feature logic remain untouched. */

:root {
    --covozi-v172-navy: #101C34;
    --covozi-v172-yellow: #F6C62E;
    --covozi-v172-yellow-soft: #FFF8DC;
    --covozi-v172-ink: #172033;
    --covozi-v172-muted: #667085;
    --covozi-v172-line: rgba(16, 28, 52, .12);
    --covozi-v172-shadow: 0 18px 48px rgba(16, 28, 52, .08);
}

/* 3. Creator Profile Home is a white website canvas, not a grey dashboard. */
body.stanloop-loop-layout-page.stanloop-loop-context-home,
body.stanloop-loop-layout-page.stanloop-loop-context-home #page,
body.stanloop-loop-layout-page.stanloop-loop-context-home .site,
body.stanloop-loop-layout-page.stanloop-loop-context-home .stanloop-loop-page,
body.stanloop-loop-layout-page.stanloop-loop-context-home .stanloop-loop-shell,
body.stanloop-loop-layout-page.stanloop-loop-context-home .stanloop-loop-main {
    background: #fff !important;
    background-image: none !important;
}

/* 4. Course Studio: collapse Tutor's retained pre-content headroom. */
body.stanloop-creator-studio-page.stanloop-studio-shell-ready .tutor-dashboard,
body.stanloop-creator-studio-page.stanloop-studio-shell-ready .tutor-dashboard-body,
body.stanloop-creator-studio-page.stanloop-studio-shell-ready .tutor-dashboard-layout,
body.stanloop-creator-studio-page.stanloop-studio-shell-ready .tutor-dashboard-main,
body.stanloop-creator-studio-page.stanloop-studio-shell-ready .tutor-frontend-dashboard,
body.stanloop-creator-studio-page.stanloop-studio-shell-ready .tutor-frontend-dashboard-maincontent,
body.stanloop-creator-studio-page.stanloop-studio-shell-ready .stanloop-studio-layout,
body.stanloop-creator-studio-page.stanloop-studio-shell-ready .stanloop-studio-main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
body.stanloop-creator-studio-page.stanloop-studio-shell-ready .tutor-dashboard-page,
body.stanloop-creator-studio-page.stanloop-studio-shell-ready .tutor-dashboard-content {
    margin-top: 0 !important;
    padding-top: 14px !important;
}
body.stanloop-creator-dashboard-home-page.stanloop-studio-shell-ready .stanloop-home-workspace {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 5. Landing Pages dashboard: replace the legacy blue/green product palette
 * with Covozi midnight navy + sunflower. Semantic success/error states remain
 * semantic, but navigation, actions, focus and selection are Covozi-branded. */
.covozi-app-frame--landing-pages .covozi-mp {
    --covozi-ink: var(--covozi-v172-ink);
    --covozi-ink-strong: var(--covozi-v172-navy);
    --covozi-muted: var(--covozi-v172-muted);
    --covozi-line: #E4E8EF;
    --covozi-line-strong: #CBD3DF;
    --covozi-soft: #F8FAFC;
    --covozi-soft-blue: var(--covozi-v172-yellow-soft);
    --covozi-brand: var(--covozi-v172-navy);
    --covozi-brand-strong: var(--covozi-v172-navy);
    --covozi-brand-soft: var(--covozi-v172-yellow-soft);
    --covozi-warning: #8A6700;
    --covozi-warning-soft: #FFF7D2;
    max-width: none;
    margin: 0 !important;
    padding: 22px 28px 48px !important;
}
.covozi-app-frame--landing-pages .covozi-mp__hero {
    margin-top: 0 !important;
    border: 1px solid var(--covozi-v172-line) !important;
    background: #fff !important;
    color: var(--covozi-v172-navy) !important;
    box-shadow: var(--covozi-v172-shadow) !important;
}
.covozi-app-frame--landing-pages .covozi-mp__hero span { color: #8A6700 !important; }
.covozi-app-frame--landing-pages .covozi-mp__hero h1 { color: var(--covozi-v172-navy) !important; }
.covozi-app-frame--landing-pages .covozi-mp__hero p { color: var(--covozi-v172-muted) !important; }
.covozi-app-frame--landing-pages .button-primary,
.covozi-app-frame--landing-pages .button-hero,
.covozi-app-frame--landing-pages #covozi-new-page,
.covozi-app-frame--landing-pages #covozi-create-submit {
    border-color: var(--covozi-v172-yellow) !important;
    background: var(--covozi-v172-yellow) !important;
    color: var(--covozi-v172-navy) !important;
    box-shadow: 0 10px 24px rgba(246, 198, 46, .20) !important;
    font-weight: 850 !important;
}
.covozi-app-frame--landing-pages .button-primary:hover,
.covozi-app-frame--landing-pages .button-primary:focus,
.covozi-app-frame--landing-pages #covozi-new-page:hover,
.covozi-app-frame--landing-pages #covozi-new-page:focus {
    border-color: var(--covozi-v172-navy) !important;
    background: var(--covozi-v172-navy) !important;
    color: #fff !important;
}
.covozi-app-frame--landing-pages .covozi-template-card:hover,
.covozi-app-frame--landing-pages .covozi-template-card.is-selected,
.covozi-app-frame--landing-pages .covozi-slug-field:focus-within {
    border-color: var(--covozi-v172-yellow) !important;
    box-shadow: 0 0 0 3px rgba(246, 198, 46, .18) !important;
}
.covozi-app-frame--landing-pages .covozi-template-card span,
.covozi-app-frame--landing-pages a:not(.button-link-delete) { color: var(--covozi-v172-navy); }
.covozi-app-frame--landing-pages .covozi-mp__stats > div,
.covozi-app-frame--landing-pages .covozi-mp__pages {
    border-color: var(--covozi-v172-line);
    box-shadow: 0 10px 28px rgba(16,28,52,.05);
}

/* 6. Instagram Automation: flagship feature treatment. */
.covozi-app-frame--instagram-automation .covozi-app-content {
    background: #fff !important;
}
.covozi-app-frame--instagram-automation .stanloop-loop-page,
.covozi-app-frame--instagram-automation .stanloop-loop-shell,
.covozi-app-frame--instagram-automation .stanloop-loop-main {
    background: #fff !important;
}
.covozi-app-frame--instagram-automation .stanloop-smart-replies {
    --sr-ink: var(--covozi-v172-ink);
    --sr-muted: var(--covozi-v172-muted);
    --sr-line: #E2E7EF;
    --sr-soft: #F8FAFC;
    --sr-green: var(--covozi-v172-navy);
    --sr-green-dark: var(--covozi-v172-navy);
    width: min(1380px, 100%);
    margin: 0 auto;
    padding: 8px 8px 56px;
}
.covozi-app-frame--instagram-automation .stanloop-smart-replies__header {
    position: relative;
    overflow: hidden;
    margin: 0 0 18px;
    padding: 34px 36px;
    border: 1px solid var(--covozi-v172-line);
    border-radius: 24px;
    background: #fff;
    box-shadow: var(--covozi-v172-shadow);
}
.covozi-app-frame--instagram-automation .stanloop-smart-replies__header::after {
    position: absolute;
    right: -58px;
    bottom: -72px;
    width: 180px;
    height: 180px;
    border: 24px solid rgba(246,198,46,.22);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}
.covozi-app-frame--instagram-automation .stanloop-smart-replies__eyebrow {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 7px 11px;
    border-radius: 999px;
    background: var(--covozi-v172-navy);
    color: var(--covozi-v172-yellow);
    letter-spacing: .12em;
}
.covozi-app-frame--instagram-automation .stanloop-smart-replies h2 {
    color: var(--covozi-v172-navy);
    font-size: clamp(36px, 4.5vw, 58px);
    letter-spacing: -.05em;
}
.covozi-app-frame--instagram-automation .stanloop-smart-replies__header p {
    max-width: 760px;
    color: #344054;
    font-size: 16px;
    line-height: 1.6;
}
.covozi-app-frame--instagram-automation .stanloop-smart-replies__ai-status {
    position: relative;
    z-index: 1;
    border: 1px solid #F0D66B;
    background: var(--covozi-v172-yellow-soft);
    color: var(--covozi-v172-navy);
}
.covozi-app-frame--instagram-automation .stanloop-comment-automations__journey {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin: 0 0 18px;
    overflow: hidden;
    border: 1px solid var(--covozi-v172-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(16,28,52,.05);
}
.covozi-app-frame--instagram-automation .stanloop-comment-automations__journey > div {
    position: relative;
    min-width: 0;
    padding: 18px 20px;
}
.covozi-app-frame--instagram-automation .stanloop-comment-automations__journey > div + div { border-left: 1px solid var(--covozi-v172-line); }
.covozi-app-frame--instagram-automation .stanloop-comment-automations__journey b {
    display: grid;
    width: 30px;
    height: 30px;
    margin-bottom: 8px;
    place-items: center;
    border-radius: 50%;
    background: var(--covozi-v172-yellow);
    color: var(--covozi-v172-navy);
    font-size: 12px;
}
.covozi-app-frame--instagram-automation .stanloop-comment-automations__journey strong { display:block; color:var(--covozi-v172-navy); font-size:14px; }
.covozi-app-frame--instagram-automation .stanloop-comment-automations__journey span { display:block; margin-top:3px; color:var(--covozi-v172-muted); font-size:12px; line-height:1.45; }
.covozi-app-frame--instagram-automation .stanloop-comment-automations__safety {
    border-color: #F1D77B;
    background: #FFFDF5;
    color: #4B3B0C;
}
.covozi-app-frame--instagram-automation .stanloop-comment-automations__workspace {
    grid-template-columns: minmax(0, 1.55fr) minmax(320px, .65fr);
    gap: 18px;
}
.covozi-app-frame--instagram-automation .stanloop-comment-automations__editor,
.covozi-app-frame--instagram-automation .stanloop-comment-automations__library {
    border-color: var(--covozi-v172-line);
    border-radius: 20px;
    box-shadow: 0 14px 38px rgba(16,28,52,.06);
}
.covozi-app-frame--instagram-automation .stanloop-comment-automations__fieldset,
.covozi-app-frame--instagram-automation .stanloop-comment-automations__advanced,
.covozi-app-frame--instagram-automation .stanloop-comment-automations__card {
    border-color: #E4E8EF;
    background: #FBFCFE;
}
.covozi-app-frame--instagram-automation .stanloop-comment-automations input[type="text"],
.covozi-app-frame--instagram-automation .stanloop-comment-automations input[type="url"],
.covozi-app-frame--instagram-automation .stanloop-comment-automations textarea,
.covozi-app-frame--instagram-automation .stanloop-comment-automations select {
    border-color: #CBD3DF;
    color: var(--covozi-v172-ink);
}
.covozi-app-frame--instagram-automation .stanloop-comment-automations__primary {
    background: var(--covozi-v172-yellow);
    color: var(--covozi-v172-navy);
}
.covozi-app-frame--instagram-automation .stanloop-comment-automations__secondary {
    border: 1px solid var(--covozi-v172-navy);
    color: var(--covozi-v172-navy);
}

/* 7. AI Assistant: productised creator copilot rather than a generic form card. */
.covozi-app-frame--ai-assistant .covozi-app-content { background: #fff !important; }
.covozi-app-frame--ai-assistant .stanloop-loop-page,
.covozi-app-frame--ai-assistant .stanloop-loop-shell,
.covozi-app-frame--ai-assistant .stanloop-loop-main { background: #fff !important; }
.covozi-app-frame--ai-assistant .stanloop-ai-assistant {
    width: min(1380px, 100%);
    margin: 0 auto 42px;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--covozi-v172-line);
    border-radius: 24px;
    background: #fff;
    box-shadow: var(--covozi-v172-shadow);
}
.covozi-app-frame--ai-assistant .stanloop-ai-assistant__hero {
    position: relative;
    margin: 0;
    padding: 38px 40px 30px;
    border-bottom: 1px solid var(--covozi-v172-line);
    background: linear-gradient(135deg, #fff 0%, #fff 68%, #FFF9E5 100%);
}
.covozi-app-frame--ai-assistant .stanloop-ai-assistant__hero::after {
    position:absolute;
    right:34px;
    top:28px;
    width:74px;
    height:74px;
    display:grid;
    place-items:center;
    border-radius:22px;
    background:var(--covozi-v172-navy);
    color:var(--covozi-v172-yellow);
    content:"✦";
    font-size:34px;
    box-shadow:0 14px 30px rgba(16,28,52,.16);
}
.covozi-app-frame--ai-assistant .stanloop-ai-assistant__eyebrow,
.covozi-app-frame--ai-assistant .stanloop-ai-modal__eyebrow {
    color:#8A6700;
    font-weight:900;
}
.covozi-app-frame--ai-assistant .stanloop-ai-assistant h2 {
    max-width:820px;
    color:var(--covozi-v172-navy);
    font-size:clamp(36px,4.6vw,58px);
    line-height:1.02;
    letter-spacing:-.05em;
}
.covozi-app-frame--ai-assistant .stanloop-ai-assistant__hero > p:last-child {
    max-width:830px;
    color:#344054;
    font-size:16px;
    line-height:1.62;
}
.covozi-app-frame--ai-assistant .stanloop-ai-assistant__promise {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    border-bottom:1px solid var(--covozi-v172-line);
    background:#fff;
}
.covozi-app-frame--ai-assistant .stanloop-ai-assistant__promise > div { padding:18px 22px; }
.covozi-app-frame--ai-assistant .stanloop-ai-assistant__promise > div + div { border-left:1px solid var(--covozi-v172-line); }
.covozi-app-frame--ai-assistant .stanloop-ai-assistant__promise b { color:#8A6700; font-size:11px; letter-spacing:.08em; }
.covozi-app-frame--ai-assistant .stanloop-ai-assistant__promise strong { display:block; margin-top:5px; color:var(--covozi-v172-navy); font-size:15px; }
.covozi-app-frame--ai-assistant .stanloop-ai-assistant__promise span { display:block; margin-top:4px; color:var(--covozi-v172-muted); font-size:12px; line-height:1.45; }
.covozi-app-frame--ai-assistant .stanloop-ai-assistant__notice,
.covozi-app-frame--ai-assistant .stanloop-ai-assistant__topics,
.covozi-app-frame--ai-assistant .stanloop-ai-assistant__footer-note,
.covozi-app-frame--ai-assistant .stanloop-ai-workspace { margin-left:26px; margin-right:26px; }
.covozi-app-frame--ai-assistant .stanloop-ai-assistant__notice { margin-top:22px; }
.covozi-app-frame--ai-assistant .stanloop-ai-assistant__topics { margin-top:24px; }
.covozi-app-frame--ai-assistant .stanloop-ai-assistant__topic {
    min-height:108px;
    border-color:#E2E7EF;
    background:#FBFCFE;
    color:var(--covozi-v172-navy);
}
.covozi-app-frame--ai-assistant .stanloop-ai-assistant__topic:hover,
.covozi-app-frame--ai-assistant .stanloop-ai-assistant__topic:focus {
    border-color:var(--covozi-v172-yellow);
    background:var(--covozi-v172-yellow-soft);
    box-shadow:0 0 0 3px rgba(246,198,46,.14);
}
.covozi-app-frame--ai-assistant .stanloop-ai-assistant__topic strong { font-size:16px; }
.covozi-app-frame--ai-assistant .stanloop-ai-assistant__footer-note { padding:2px 0 22px; }
.covozi-app-frame--ai-assistant .stanloop-ai-workspace { margin-bottom:26px; }
.covozi-app-frame--ai-assistant .stanloop-ai-modal__dialog {
    width:100%;
    max-width:none;
    max-height:none;
    margin:0;
    border:1px solid #E2E7EF;
    border-radius:18px;
    box-shadow:none;
}
.covozi-app-frame--ai-assistant .stanloop-ai-modal__header { background:#FBFCFE; }
.covozi-app-frame--ai-assistant .stanloop-ai-modal__messages { min-height:230px; background:#fff; }
.covozi-app-frame--ai-assistant .stanloop-ai-message--creator .stanloop-ai-message__bubble,
.covozi-app-frame--ai-assistant .stanloop-ai-modal__send { background:var(--covozi-v172-navy); border-color:var(--covozi-v172-navy); }
.covozi-app-frame--ai-assistant .stanloop-ai-chip { border-color:#F0D66B; background:var(--covozi-v172-yellow-soft); color:var(--covozi-v172-navy); }

@media (max-width: 1080px) {
    .covozi-app-frame--instagram-automation .stanloop-comment-automations__workspace { grid-template-columns:1fr; }
    .covozi-app-frame--instagram-automation .stanloop-comment-automations__library { position:static; }
}
@media (max-width: 720px) {
    .covozi-app-frame--landing-pages .covozi-mp { padding:16px 12px 34px !important; }
    .covozi-app-frame--instagram-automation .stanloop-smart-replies { padding:0 0 34px; }
    .covozi-app-frame--instagram-automation .stanloop-smart-replies__header { padding:24px 20px; border-radius:18px; }
    .covozi-app-frame--instagram-automation .stanloop-smart-replies h2 { font-size:34px; }
    .covozi-app-frame--instagram-automation .stanloop-comment-automations__journey { grid-template-columns:1fr 1fr; }
    .covozi-app-frame--instagram-automation .stanloop-comment-automations__journey > div + div { border-left:0; border-top:1px solid var(--covozi-v172-line); }
    .covozi-app-frame--ai-assistant .stanloop-ai-assistant { border-radius:18px; }
    .covozi-app-frame--ai-assistant .stanloop-ai-assistant__hero { padding:28px 20px 22px; }
    .covozi-app-frame--ai-assistant .stanloop-ai-assistant__hero::after { display:none; }
    .covozi-app-frame--ai-assistant .stanloop-ai-assistant h2 { font-size:34px; }
    .covozi-app-frame--ai-assistant .stanloop-ai-assistant__promise { grid-template-columns:1fr; }
    .covozi-app-frame--ai-assistant .stanloop-ai-assistant__promise > div + div { border-left:0; border-top:1px solid var(--covozi-v172-line); }
    .covozi-app-frame--ai-assistant .stanloop-ai-assistant__notice,
    .covozi-app-frame--ai-assistant .stanloop-ai-assistant__topics,
    .covozi-app-frame--ai-assistant .stanloop-ai-assistant__footer-note,
    .covozi-app-frame--ai-assistant .stanloop-ai-workspace { margin-left:14px; margin-right:14px; }
}

/* v1.72 final parity guards. */
body.stanloop-loop-layout-page.stanloop-loop-context-home .stanloop-loop-page--public-creator,
body.stanloop-loop-layout-page.stanloop-loop-context-home .stanloop-loop-shell--public-creator,
body.stanloop-loop-layout-page.stanloop-loop-context-home .stanloop-loop-main--public-profile {
    background-color: #fff !important;
    background-image: none !important;
}

/* The Course global header is server-rendered in normal document flow. Older
 * unified-shell layers also reserved a second header-height inside Tutor's
 * dashboard layout; remove that duplicate reservation. */
body.stanloop-creator-studio-page .covozi-course-global-header + .tutor-dashboard-layout,
body.stanloop-creator-studio-page .covozi-course-global-header + .stanloop-studio-layout,
body.stanloop-creator-studio-page .covozi-course-owned-document {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
body.stanloop-creator-studio-page.stanloop-studio-shell-ready .covozi-course-owned-document {
    padding: 14px 14px 0 !important;
}

/* Landing dashboard's legacy "jade" product variables are now Covozi brand
 * tokens. Success/error statuses can keep their semantic colours locally. */
.covozi-app-frame--landing-pages .covozi-mp[data-covozi-dashboard="1"] {
    --cz-dashboard-jade: var(--covozi-v172-navy);
    --cz-dashboard-jade-dark: #07152C;
    --cz-dashboard-coral: var(--covozi-v172-yellow);
    --cz-dashboard-coral-dark: #C99700;
    --cz-dashboard-ink: var(--covozi-v172-navy);
    --cz-dashboard-copy: #526071;
}
.covozi-app-frame--landing-pages .covozi-mp[data-covozi-dashboard="1"] .covozi-mp__hero-copy > span,
.covozi-app-frame--landing-pages .covozi-mp[data-covozi-dashboard="1"] .covozi-mp__section-title > div::before {
    color: #8A6700 !important;
}
.covozi-app-frame--landing-pages .covozi-mp[data-covozi-dashboard="1"] .covozi-mp__hero-badges strong {
    border-color: var(--covozi-v172-yellow) !important;
    background: var(--covozi-v172-yellow) !important;
    color: var(--covozi-v172-navy) !important;
}

/* Flagship workspaces should read as open white product surfaces rather than
 * a nested grey dashboard card. */
.covozi-app-frame--instagram-automation,
.covozi-app-frame--ai-assistant,
.covozi-app-frame--instagram-automation .covozi-app-content,
.covozi-app-frame--ai-assistant .covozi-app-content {
    background: #fff !important;
}
.covozi-app-frame--instagram-automation .stanloop-smart-replies,
.covozi-app-frame--ai-assistant .stanloop-ai-assistant {
    color: var(--covozi-v172-ink);
}