/* ItnaVerse UI V1.0.24 — final icon + authenticated panel cleanup */
.iv24-svg-icon svg,.iv24-admin-icon svg,.iv24-top-icon>svg{width:24px!important;height:24px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.mobile-nav-icon.iv24-svg-icon,.mobile-module-icon.iv24-svg-icon{font-family:inherit!important;line-height:1!important}
.mobile-nav-icon.iv24-svg-icon{display:grid!important;place-items:center!important}.mobile-nav-icon.iv24-svg-icon svg{width:23px!important;height:23px!important}
.mobile-module-icon.iv24-svg-icon{display:grid!important;place-items:center!important}.mobile-module-icon.iv24-svg-icon svg{width:25px!important;height:25px!important}
.iv24-top-icon{display:grid!important;place-items:center!important;position:relative!important}.iv24-top-icon>svg{width:21px!important;height:21px!important}
.admin-module .iv24-admin-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;color:#dff6ff;background:linear-gradient(135deg,rgba(23,183,229,.28),rgba(109,92,255,.30));border:1px solid rgba(116,190,255,.18);margin-bottom:3px}
.admin-module .iv24-admin-icon svg{width:21px!important;height:21px!important}
/* Neutralize old runtime white/light panels, including nested hero wrappers. */
.iv21-authenticated-page .iv19-legacy-light-panel,.iv21-authenticated-page .iv19-legacy-light-panel>div:not(.btn):not(.button):not(.status):not(.status-pill),.iv21-authenticated-page .iv19-legacy-light-panel>section,.iv21-authenticated-page .iv19-legacy-light-panel>article{background:linear-gradient(180deg,rgba(18,50,83,.96),rgba(8,29,54,.98))!important;color:#f7fbff!important;border-color:rgba(118,180,238,.16)!important;box-shadow:none!important}
.iv21-authenticated-page .iv19-legacy-light-panel h1,.iv21-authenticated-page .iv19-legacy-light-panel h2,.iv21-authenticated-page .iv19-legacy-light-panel h3,.iv21-authenticated-page .iv19-legacy-light-panel strong,.iv21-authenticated-page .iv19-legacy-light-panel b{color:#f7fbff!important;text-shadow:none!important}
.iv21-authenticated-page .iv19-legacy-light-panel p,.iv21-authenticated-page .iv19-legacy-light-panel small,.iv21-authenticated-page .iv19-legacy-light-panel .muted{color:#a9bdd3!important}
/* Admin Center header must be a normal dark section, never a pink/white legacy hero. */
body:has(.admin-center) .admin-center>.section-head,body:has(.admin-center) .admin-center>.section-head>div{background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;padding:0!important;min-height:0!important}
body:has(.admin-center) .admin-center>.section-head h2{color:#fff!important;margin:.25rem 0 .35rem!important}body:has(.admin-center) .admin-center>.section-head p{color:#a9bdd3!important;margin:0!important;max-width:760px}
body:has(.admin-center) .admin-center>.section-head .iv21-icon,body:has(.admin-center) .admin-center>.section-head [class*="icon"]:empty{display:none!important}
/* Admin tool cards: compact, semantic icon + text; no duplicated generic icon injected by older heuristic. */
body:has(.admin-center) .admin-module>.iv21-icon{display:none!important}body:has(.admin-center) .admin-module{background:linear-gradient(145deg,rgba(19,51,86,.98),rgba(20,38,78,.96))!important;border:1px solid rgba(113,176,236,.17)!important}
/* Keep dock above iOS safe area and page content above dock. */
.mobile-nav{bottom:max(12px,env(safe-area-inset-bottom,0px))!important}.content-area{padding-bottom:max(125px,calc(105px + env(safe-area-inset-bottom,0px)))!important}
@media(max-width:640px){body:has(.admin-center) .admin-module{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;column-gap:12px!important;align-items:start!important}body:has(.admin-center) .admin-module .iv24-admin-icon{grid-column:1;grid-row:1/4;margin:0!important}body:has(.admin-center) .admin-module strong,body:has(.admin-center) .admin-module span,body:has(.admin-center) .admin-module b{grid-column:2!important}body:has(.admin-center) .admin-module b{margin-top:2px!important}}

/* V4.8.74 iPhone safe-area header fix */
html,
body {
  min-height: 100%;
}

body {
  padding-top: env(safe-area-inset-top);
}

header,
.app-header,
.topbar,
.top-bar,
.page-header,
.dashboard-header,
.admin-header,
.site-header {
  position: relative;
  z-index: 100;
  overflow: visible !important;
}

@media (max-width: 768px) {
  body {
    padding-top: max(env(safe-area-inset-top), 8px);
  }

  header,
  .app-header,
  .topbar,
  .top-bar,
  .page-header,
  .dashboard-header,
  .admin-header,
  .site-header {
    margin-top: 0 !important;
    top: 0 !important;
    min-height: 72px;
  }

  .app-shell,
  .page-shell,
  .dashboard-shell,
  main,
  .main-content {
    padding-top: 8px;
  }

  .topbar h1,
  .page-header h1,
  .dashboard-header h1,
  .admin-header h1 {
    line-height: 1.15 !important;
    white-space: normal !important;
    overflow: visible !important;
  }
}

/* =========================================================
   ITNAVERSE V4.8.85
   SAFE MARKETING FACTORY MOBILE REPAIR
   ========================================================= */

@media (max-width:768px){

  body.marketing-factory-page .main-panel{
    margin-left:0 !important;
    width:100% !important;
    min-width:0 !important;
  }

  body.marketing-factory-page .content-area{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding-left:14px !important;
    padding-right:14px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  body.marketing-factory-page .app-topbar{
    width:calc(100% - 24px) !important;
    max-width:calc(100% - 24px) !important;
    margin:12px !important;
  }

  body.marketing-factory-page .app-topbar h1{
    font-size:18px !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.marketing-factory-page input,
  body.marketing-factory-page textarea,
  body.marketing-factory-page select{
    font-size:16px !important;
    max-width:100% !important;
  }

  body.marketing-factory-page fieldset{
    max-width:100% !important;
    min-width:0 !important;
  }

}


/* ==========================================================
   ITNAVERSE V4.8.86
   GLOBAL RESPONSIVE SHELL STABILIZATION

   Applies to logged-in ItnaVerse shell pages.
   Prevents:
   - horizontal page overflow
   - giant mobile headings
   - oversized Marketing Factory fields
   - broken channel cards
   - bottom navigation overlap
   - inaccessible mobile navigation
   ========================================================== */


/* ----------------------------------------------------------
   GLOBAL WIDTH SAFETY
   ---------------------------------------------------------- */

html {
    width:100%;
    max-width:100%;
}

body {
    width:100%;
    max-width:100%;
    margin:0;
}

html,
body {
    overflow-x:hidden;
}

*,
*::before,
*::after {
    box-sizing:border-box;
}

img,
video,
canvas,
svg {
    max-width:100%;
}

input,
select,
textarea,
button {
    max-width:100%;
}


/* ----------------------------------------------------------
   MAIN APPLICATION SHELL
   ---------------------------------------------------------- */

.app-shell {
    width:100%;
    max-width:100%;
    min-width:0;
}

.main-panel {
    min-width:0;
}

.content-area {
    min-width:0;
}

.content-area > * {
    min-width:0;
    max-width:100%;
}


/* Do not allow common grid/flex children to force viewport width */
.card,
.soft-card,
.grid,
.grid-2,
.grid-3,
.grid-form,
.page-grid,
.stack,
.metric-grid,
.admin-center,
.admin-module-grid,
.factory-items,
.factory-item,
.factory-hero,
.channel-field,
.channel-option-grid {
    min-width:0;
}


/* ----------------------------------------------------------
   TABLES
   Tables may scroll INSIDE their wrapper.
   They must never enlarge the entire page.
   ---------------------------------------------------------- */

.table-wrap,
.itna-table-scroll {
    width:100%;
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}


/* ==========================================================
   MOBILE APPLICATION
   ========================================================== */

@media screen and (max-width:820px) {

    html,
    body {
        width:100% !important;
        max-width:100% !important;
        overflow-x:hidden !important;
    }


    /* ------------------------------------------------------
       SHELL
       ------------------------------------------------------ */

    .app-shell {
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        overflow-x:hidden !important;
    }

    .sidebar {
        display:none !important;
    }

    .main-panel {
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin-left:0 !important;
        overflow-x:hidden !important;
    }


    /* ------------------------------------------------------
       TOP HEADER
       ------------------------------------------------------ */

    .app-topbar {
        position:sticky !important;
        top:0 !important;
        z-index:300 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;

        width:calc(100% - 24px) !important;
        max-width:calc(100% - 24px) !important;
        min-width:0 !important;

        height:auto !important;
        min-height:66px !important;

        margin:10px 12px 12px !important;
        padding:9px 10px !important;

        gap:7px !important;

        border-radius:20px !important;

        overflow:visible !important;
    }


    /*
     * First child contains page title + subtitle.
     * It MUST be allowed to shrink.
     */
    .app-topbar > div:first-child {
        flex:1 1 0 !important;
        width:auto !important;
        min-width:0 !important;
        max-width:100% !important;
        overflow:hidden !important;
    }

    .app-topbar h1 {
        display:block !important;

        margin:0 !important;

        font-size:18px !important;
        line-height:1.15 !important;
        font-weight:850 !important;
        letter-spacing:-.35px !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    .app-topbar p {
        display:none !important;
    }


    /* Header controls */
    .top-actions {
        flex:0 0 auto !important;
        display:flex !important;
        align-items:center !important;

        min-width:0 !important;

        gap:5px !important;
    }

    .top-actions .icon-btn,
    .top-actions .admin-top-btn,
    .top-actions .global-logout-btn {
        flex:0 0 auto !important;
    }

    .top-actions .icon-btn {
        width:40px !important;
        height:40px !important;
        padding:0 !important;
    }

    .admin-top-btn {
        min-width:64px !important;
        height:42px !important;
        padding:0 10px !important;
        font-size:12px !important;
    }

    .global-logout-btn {
        min-width:55px !important;
        height:42px !important;
        padding:0 9px !important;
        font-size:12px !important;
    }

    .profile-chip {
        display:none !important;
    }


    /* ------------------------------------------------------
       CONTENT
       ------------------------------------------------------ */

    .content-area {
        display:block !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        margin:0 auto !important;

        padding:
            4px
            14px
            calc(108px + env(safe-area-inset-bottom))
            14px !important;

        overflow-x:hidden !important;
    }

    .content-area > section,
    .content-area > article,
    .content-area > div {
        max-width:100% !important;
        min-width:0 !important;
    }


    /* ------------------------------------------------------
       NORMAL CARDS / GRIDS
       ------------------------------------------------------ */

    .card,
    .soft-card {
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }

    .grid,
    .grid-2,
    .grid-3,
    .grid-form,
    .page-grid {
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }


    /* ------------------------------------------------------
       FORM SAFETY
       ------------------------------------------------------ */

    input,
    textarea,
    select {
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }

    fieldset {
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        margin-left:0 !important;
        margin-right:0 !important;
    }


    /* ======================================================
       MARKETING FACTORY
       ====================================================== */

    body.marketing-factory-page {
        width:100% !important;
        max-width:100% !important;
        overflow-x:hidden !important;
    }

    body.marketing-factory-page .main-panel,
    body.marketing-factory-page .content-area {
        min-width:0 !important;
        max-width:100% !important;
    }


    /* Main hero */
    body.marketing-factory-page .factory-hero {
        display:grid !important;
        grid-template-columns:1fr !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        padding:18px !important;

        overflow:hidden !important;
    }

    body.marketing-factory-page .factory-hero > * {
        min-width:0 !important;
        max-width:100% !important;
    }

    body.marketing-factory-page .factory-hero h1 {
        font-size:30px !important;
        line-height:1.02 !important;
        letter-spacing:-1px !important;

        max-width:100% !important;

        overflow-wrap:break-word !important;
        word-break:normal !important;
    }


    /* Goal form */
    body.marketing-factory-page .grid-form {
        display:grid !important;
        grid-template-columns:1fr !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }

    body.marketing-factory-page .grid-form > * {
        grid-column:1 !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }


    /* Critical fix for CHANNELS */
    body.marketing-factory-page .channel-field {
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        margin:0 !important;
        padding:14px !important;

        overflow:hidden !important;
    }

    body.marketing-factory-page .channel-field legend {
        width:auto !important;
        max-width:100% !important;

        padding:0 4px !important;

        font-size:15px !important;
        line-height:1.2 !important;
        font-weight:850 !important;

        white-space:normal !important;
    }

    body.marketing-factory-page .channel-option-grid {
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        gap:8px !important;
    }

    body.marketing-factory-page .channel-option {
        display:flex !important;
        align-items:center !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        min-height:54px !important;

        margin:0 !important;
        padding:9px 10px !important;

        gap:8px !important;

        overflow:hidden !important;
    }

    body.marketing-factory-page .channel-option input {
        position:absolute !important;
        width:1px !important;
        height:1px !important;
        opacity:0 !important;
        pointer-events:none !important;
    }

    body.marketing-factory-page .channel-check {
        flex:0 0 32px !important;

        width:32px !important;
        height:32px !important;

        display:grid !important;
        place-items:center !important;

        font-size:16px !important;
        line-height:1 !important;
    }

    body.marketing-factory-page .channel-name {
        flex:1 1 auto !important;

        min-width:0 !important;
        max-width:100% !important;

        font-size:13px !important;
        line-height:1.15 !important;

        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }


    body.marketing-factory-page .factory-items,
    body.marketing-factory-page .factory-item {
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }

    body.marketing-factory-page .factory-copy-grid {
        grid-template-columns:1fr !important;
    }

    body.marketing-factory-page .factory-voice-row select {
        min-width:0 !important;
        width:100% !important;
    }

    body.marketing-factory-page .factory-result-media {
        width:100% !important;
        max-width:100% !important;
    }


    /* ------------------------------------------------------
       ADMIN
       ------------------------------------------------------ */

    .admin-hero {
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        overflow:hidden !important;
    }

    .admin-hero h1,
    .admin-hero h2 {
        max-width:100% !important;
        overflow-wrap:break-word !important;
    }

    .admin-center,
    .admin-module-grid,
    .admin-module {
        min-width:0 !important;
        max-width:100% !important;
    }


    /* ------------------------------------------------------
       DASHBOARD
       ------------------------------------------------------ */

    .main-marketing-hero,
    .dashboard-section,
    .dashboard-priority-grid,
    .quick-create-grid,
    .dashboard-money-grid,
    .main-dashboard-stats {
        min-width:0 !important;
        max-width:100% !important;
    }


    /* ======================================================
       FIXED BOTTOM NAVIGATION
       ONE AUTHORITATIVE MOBILE RULE
       ====================================================== */

    .mobile-nav,
    .mobile-nav-v3918 {
        position:fixed !important;

        left:10px !important;
        right:10px !important;

        bottom:max(
            8px,
            env(safe-area-inset-bottom)
        ) !important;

        width:auto !important;
        max-width:none !important;

        height:70px !important;

        margin:0 !important;

        display:grid !important;
        grid-template-columns:repeat(5,minmax(0,1fr)) !important;

        align-items:stretch !important;

        padding:6px !important;

        border-radius:22px !important;

        z-index:10000 !important;

        overflow:visible !important;

        pointer-events:auto !important;
        touch-action:manipulation !important;

        transform:none !important;
    }

    .mobile-nav a,
    .mobile-nav-v3918 a {
        position:relative !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;

        min-width:0 !important;
        width:100% !important;
        height:58px !important;

        margin:0 !important;
        padding:5px 2px !important;

        gap:3px !important;

        border-radius:16px !important;

        font-size:10px !important;
        line-height:1.05 !important;

        text-align:center !important;

        pointer-events:auto !important;
        touch-action:manipulation !important;

        overflow:visible !important;
    }

    .mobile-nav a > span:last-child,
    .mobile-nav-v3918 a > span:last-child {
        display:block !important;

        width:100% !important;
        min-width:0 !important;

        height:auto !important;

        font-size:10px !important;
        line-height:1.05 !important;

        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    .mobile-nav-icon {
        display:grid !important;
        place-items:center !important;

        width:26px !important;
        height:26px !important;
        min-height:26px !important;

        font-size:18px !important;
        line-height:1 !important;

        pointer-events:none !important;
    }

    .mobile-nav-icon svg {
        width:22px !important;
        height:22px !important;
    }


    /* ------------------------------------------------------
       MORE MENU
       ------------------------------------------------------ */

    #itnaMoreNav[hidden],
    .mobile-more-sheet[hidden] {
        display:none !important;
        visibility:hidden !important;
        pointer-events:none !important;
    }

    #itnaMoreNav:not([hidden]),
    .mobile-more-sheet:not([hidden]) {
        display:block !important;
        visibility:visible !important;
        pointer-events:auto !important;
    }

    #itnaMoreNav {
        z-index:20000 !important;
    }

    .mobile-more-panel {
        width:auto !important;

        left:8px !important;
        right:8px !important;

        max-width:none !important;

        overflow-x:hidden !important;
    }

    .mobile-module-grid,
    .mobile-module-grid-secondary,
    .mobile-module-grid-admin {
        display:grid !important;

        grid-template-columns:repeat(3,minmax(0,1fr)) !important;

        width:100% !important;
        min-width:0 !important;

        gap:8px !important;
    }

    .mobile-module-card {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        overflow:hidden !important;
    }

}


/* ==========================================================
   EXTRA SMALL IPHONES
   ========================================================== */

@media screen and (max-width:430px) {

    .app-topbar {
        width:calc(100% - 16px) !important;
        max-width:calc(100% - 16px) !important;

        margin:8px 8px 10px !important;

        padding:8px !important;
    }

    .app-topbar h1 {
        font-size:17px !important;
    }

    .top-actions {
        gap:4px !important;
    }

    .top-actions .icon-btn {
        width:38px !important;
        height:38px !important;
    }

    .admin-top-btn {
        min-width:60px !important;
        height:40px !important;
    }

    .global-logout-btn {
        min-width:50px !important;
        height:40px !important;
    }

    .content-area {
        padding-left:10px !important;
        padding-right:10px !important;
    }

    body.marketing-factory-page .factory-hero {
        padding:15px !important;
    }

    body.marketing-factory-page .factory-hero h1 {
        font-size:27px !important;
    }

    body.marketing-factory-page .channel-field {
        padding:10px !important;
    }

    body.marketing-factory-page .channel-option-grid {
        gap:7px !important;
    }

    body.marketing-factory-page .channel-option {
        min-height:50px !important;
        padding:7px 8px !important;
    }

    body.marketing-factory-page .channel-check {
        flex-basis:29px !important;
        width:29px !important;
        height:29px !important;
    }

    body.marketing-factory-page .channel-name {
        font-size:12px !important;
    }

    .mobile-nav,
    .mobile-nav-v3918 {
        left:7px !important;
        right:7px !important;
        height:67px !important;
        padding:5px !important;
    }

    .mobile-nav a,
    .mobile-nav-v3918 a {
        height:55px !important;
        font-size:9px !important;
    }

    .mobile-nav a > span:last-child,
    .mobile-nav-v3918 a > span:last-child {
        font-size:9px !important;
    }

}


/* =========================================================
   ITNAVERSE V4.8.89
   MARKETING FACTORY CHANNEL LABEL CONTRAST FIX
   ========================================================= */
@media (max-width:768px){
  body.marketing-factory-page .channel-field,
  body.marketing-factory-page fieldset.channel-field{
    color:#17233a !important;
  }

  body.marketing-factory-page .channel-field > legend,
  body.marketing-factory-page fieldset.channel-field > legend{
    color:#17233a !important;
    opacity:1 !important;
    font-size:17px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
    background:#fff !important;
    padding:0 8px !important;
    position:relative !important;
    z-index:3 !important;
  }

  body.marketing-factory-page .channel-option,
  body.marketing-factory-page .channel-option-grid label{
    color:#24324a !important;
  }

  body.marketing-factory-page .channel-name,
  body.marketing-factory-page .channel-option .channel-name,
  body.marketing-factory-page .channel-option span:last-child{
    color:#24324a !important;
    opacity:1 !important;
    -webkit-text-fill-color:#24324a !important;
    font-weight:800 !important;
    text-shadow:none !important;
  }

  body.marketing-factory-page .channel-option input:checked ~ .channel-name,
  body.marketing-factory-page .channel-option:has(input:checked) .channel-name{
    color:#17233a !important;
    opacity:1 !important;
    -webkit-text-fill-color:#17233a !important;
  }
}

/* ITNAVERSE V4.8.90 AI MARKETING FACTORY HEADER FIX BEGIN */
@media screen and (max-width: 768px) {
  body.marketing-factory-page .app-topbar > div:first-child {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
  }

  body.marketing-factory-page .app-topbar h1 {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.25px !important;
    font-weight: 850 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  body.marketing-factory-page .app-topbar p {
    display: none !important;
  }

  body.marketing-factory-page .top-actions {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    gap: 6px !important;
  }
}

@media screen and (max-width: 430px) {
  body.marketing-factory-page .app-topbar {
    min-height: 76px !important;
    height: auto !important;
    padding-left: 12px !important;
    padding-right: 10px !important;
    gap: 7px !important;
  }

  body.marketing-factory-page .app-topbar h1 {
    font-size: 15px !important;
    line-height: 1.05 !important;
    max-width: 118px !important;
  }

  body.marketing-factory-page .top-actions {
    gap: 5px !important;
  }

  body.marketing-factory-page .top-actions .admin-top-btn {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 11px !important;
  }

  body.marketing-factory-page .top-actions .icon-btn {
    width: 38px !important;
    min-width: 38px !important;
    height: 44px !important;
  }

  body.marketing-factory-page .top-actions .global-logout-btn {
    min-width: 50px !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
    font-size: 11px !important;
  }
}
/* ITNAVERSE V4.8.90 AI MARKETING FACTORY HEADER FIX END */

/* ITNAVERSE V4.8.91 MOBILE MORE MENU UI FIX BEGIN */

/* hidden must always win */
#itnaMoreNav[hidden],
.mobile-more-sheet[hidden]{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

@media screen and (max-width:820px){

  html.more-nav-open,
  html.more-nav-open body{
    overflow:hidden !important;
    overscroll-behavior:none !important;
  }

  /* Make More a clean full-screen mobile sheet.
     This removes the large empty blue area seen on iPhone. */
  #itnaMoreNav:not([hidden]){
    display:block !important;
    position:fixed !important;
    inset:0 !important;
    z-index:2147483600 !important;
    padding:
      calc(env(safe-area-inset-top) + 10px)
      10px
      calc(env(safe-area-inset-bottom) + 10px)
      10px !important;
    background:rgba(8,22,48,.34) !important;
    backdrop-filter:blur(10px) !important;
    -webkit-backdrop-filter:blur(10px) !important;
    overflow:hidden !important;
    pointer-events:auto !important;
  }

  #itnaMoreNav .mobile-more-backdrop{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    border:0 !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
  }

  #itnaMoreNav .mobile-more-panel{
    position:relative !important;
    inset:auto !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;

    width:100% !important;
    max-width:760px !important;
    height:100% !important;
    max-height:100% !important;
    min-height:0 !important;

    margin:0 auto !important;
    padding:14px 14px calc(18px + env(safe-area-inset-bottom)) !important;

    display:block !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;

    border-radius:28px !important;
    background:#ffffff !important;
    border:1px solid rgba(214,224,240,.95) !important;
    box-shadow:0 24px 80px rgba(5,20,50,.28) !important;
  }

  /* Header should be visible immediately when menu opens */
  #itnaMoreNav .mobile-more-brand{
    position:sticky !important;
    top:-14px !important;
    z-index:20 !important;
    margin:-14px -14px 14px !important;
    padding:14px !important;
    min-height:72px !important;
    background:rgba(255,255,255,.97) !important;
    border-bottom:1px solid #e8edf5 !important;
    backdrop-filter:blur(18px) !important;
    -webkit-backdrop-filter:blur(18px) !important;
  }

  #itnaMoreNav .mobile-more-user{
    min-width:0 !important;
  }

  #itnaMoreNav .mobile-more-user > div{
    min-width:0 !important;
  }

  #itnaMoreNav .mobile-more-user b,
  #itnaMoreNav .mobile-more-user small{
    color:#18243a !important;
    opacity:1 !important;
  }

  #itnaMoreNav .mobile-more-close{
    flex:0 0 46px !important;
    width:46px !important;
    height:46px !important;
    border-radius:16px !important;
  }

  #itnaMoreNav .mobile-more-title{
    margin:0 0 18px !important;
    padding:4px 2px 0 !important;
    min-height:0 !important;
  }

  #itnaMoreNav .mobile-more-title .eyebrow{
    display:inline-flex !important;
    margin:0 0 7px !important;
    color:#7990b4 !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:.18em !important;
  }

  #itnaMoreNav .mobile-more-title h2{
    display:block !important;
    margin:0 0 6px !important;
    color:#17233a !important;
    font-size:25px !important;
    line-height:1.08 !important;
    letter-spacing:-.035em !important;
    opacity:1 !important;
  }

  #itnaMoreNav .mobile-more-title p{
    display:block !important;
    margin:0 !important;
    color:#7a8ca8 !important;
    font-size:12px !important;
    line-height:1.45 !important;
    opacity:1 !important;
  }

  #itnaMoreNav .mobile-module-section{
    margin-top:20px !important;
  }

  #itnaMoreNav .mobile-module-section-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    margin:0 2px 10px !important;
  }

  #itnaMoreNav .mobile-module-section-head span{
    color:#1d2940 !important;
    font-size:10px !important;
    font-weight:950 !important;
    letter-spacing:.15em !important;
  }

  #itnaMoreNav .mobile-module-section-head small{
    color:#a0aec3 !important;
    font-size:9px !important;
    letter-spacing:.12em !important;
  }

  #itnaMoreNav .mobile-module-grid,
  #itnaMoreNav .mobile-module-grid-secondary,
  #itnaMoreNav .mobile-module-grid-admin{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:9px !important;
    width:100% !important;
  }

  #itnaMoreNav .mobile-module-card{
    min-width:0 !important;
    min-height:112px !important;
    padding:12px 7px !important;
    border-radius:18px !important;
    background:#fff !important;
    border:1px solid #dce5f1 !important;
    box-shadow:0 6px 18px rgba(30,55,95,.04) !important;
    color:#18243a !important;
    overflow:hidden !important;
  }

  #itnaMoreNav .mobile-module-card b{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    color:#18243a !important;
    font-size:10.5px !important;
    line-height:1.16 !important;
    font-weight:850 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    opacity:1 !important;
  }

  #itnaMoreNav .mobile-module-icon{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    border-radius:14px !important;
  }

  #itnaMoreNav .mobile-more-footer{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-top:22px !important;
    padding-top:14px !important;
    border-top:1px solid #e4eaf3 !important;
  }

  #itnaMoreNav .mobile-settings-wide{
    min-height:64px !important;
    border-radius:17px !important;
    background:#f6f8fc !important;
    border:1px solid #dce5f2 !important;
  }

  #itnaMoreNav .mobile-settings-wide b{
    color:#18243a !important;
  }

  #itnaMoreNav .mobile-settings-wide small{
    color:#8292aa !important;
  }

  #itnaMoreNav .mobile-signout{
    min-height:50px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:16px !important;
    background:#fff0f1 !important;
    color:#b42318 !important;
    font-weight:850 !important;
  }

  /* Bottom navigation must not sit on top of an open More menu */
  html.more-nav-open .mobile-nav,
  html.more-nav-open .mobile-nav-v3918{
    visibility:hidden !important;
    pointer-events:none !important;
  }
}

@media screen and (max-width:390px){
  #itnaMoreNav .mobile-module-grid,
  #itnaMoreNav .mobile-module-grid-secondary,
  #itnaMoreNav .mobile-module-grid-admin{
    gap:7px !important;
  }

  #itnaMoreNav .mobile-module-card{
    min-height:104px !important;
    padding:10px 5px !important;
  }

  #itnaMoreNav .mobile-module-card b{
    font-size:10px !important;
  }
}
/* ITNAVERSE V4.8.91 MOBILE MORE MENU UI FIX END */

/* ITNAVERSE V4.8.92 DASHBOARD TEXT VISIBILITY FIX BEGIN */

/*
 * Dashboard-only repair.
 * Keeps the current clean mobile layout but restores dark text on light cards.
 * Does not touch Marketing Factory, More menu, AI Studio or admin pages.
 */

body.dashboard-page{
  --iv-dashboard-text:#173052;
  --iv-dashboard-muted:#7f91aa;
}

body.dashboard-page .content-area,
body.dashboard-page .dashboard-section,
body.dashboard-page .quick-actions-section,
body.dashboard-page .revenue-overview{
  color:var(--iv-dashboard-text) !important;
}

/* Light-background dashboard section headings */
body.dashboard-page .dashboard-section > .eyebrow,
body.dashboard-page .quick-actions-section > .eyebrow,
body.dashboard-page .revenue-overview > .eyebrow{
  color:#9bb6dc !important;
  opacity:1 !important;
}

body.dashboard-page .dashboard-section > h1,
body.dashboard-page .dashboard-section > h2,
body.dashboard-page .dashboard-section > h3,
body.dashboard-page .quick-actions-section > h1,
body.dashboard-page .quick-actions-section > h2,
body.dashboard-page .quick-actions-section > h3,
body.dashboard-page .revenue-overview > h1,
body.dashboard-page .revenue-overview > h2,
body.dashboard-page .revenue-overview > h3{
  color:var(--iv-dashboard-text) !important;
  opacity:1 !important;
  text-shadow:none !important;
}

/* Specifically restore Create Fast / Revenue & Profit titles */
body.dashboard-page .quick-actions-section .section-head h2,
body.dashboard-page .quick-actions-section .section-head h3,
body.dashboard-page .revenue-overview .section-head h2,
body.dashboard-page .revenue-overview .section-head h3,
body.dashboard-page .quick-actions-section h2,
body.dashboard-page .revenue-overview h2{
  color:var(--iv-dashboard-text) !important;
  opacity:1 !important;
}

/* Quick action cards */
body.dashboard-page .quick-create-card{
  color:var(--iv-dashboard-text) !important;
}

body.dashboard-page .quick-create-card b{
  color:var(--iv-dashboard-text) !important;
  opacity:1 !important;
}

body.dashboard-page .quick-create-card small{
  color:#8799b1 !important;
  opacity:1 !important;
}

body.dashboard-page .quick-create-card.featured,
body.dashboard-page .quick-create-card.featured b{
  color:#fff !important;
}

body.dashboard-page .quick-create-card.featured small{
  color:rgba(255,255,255,.72) !important;
}

/* Revenue cards */
body.dashboard-page .dashboard-money-grid > *,
body.dashboard-page .dashboard-money-grid .card{
  color:var(--iv-dashboard-text) !important;
}

body.dashboard-page .dashboard-money-grid small{
  color:#9aabc1 !important;
  opacity:1 !important;
}

body.dashboard-page .dashboard-money-grid b,
body.dashboard-page .dashboard-money-grid strong{
  color:var(--iv-dashboard-text) !important;
  opacity:1 !important;
}

body.dashboard-page .dashboard-money-grid .profit,
body.dashboard-page .dashboard-money-grid .positive{
  color:#15956f !important;
}

/* Dark dashboard cards keep white text */
body.dashboard-page .main-marketing-hero,
body.dashboard-page .main-marketing-hero *,
body.dashboard-page .recent-campaigns,
body.dashboard-page .recent-campaigns *,
body.dashboard-page .dashboard-dark-card,
body.dashboard-page .dashboard-dark-card *{
  text-shadow:none !important;
}

/* Recent campaigns — prevent title + meta from running together */
body.dashboard-page .campaign-compact{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:12px !important;
  align-items:center !important;
}

body.dashboard-page .campaign-compact > div:first-child{
  min-width:0 !important;
  display:grid !important;
  gap:4px !important;
}

body.dashboard-page .campaign-compact > div:first-child > b{
  display:block !important;
  color:#fff !important;
  line-height:1.28 !important;
  overflow-wrap:anywhere !important;
}

body.dashboard-page .campaign-compact > div:first-child > small{
  display:block !important;
  color:#aebdd2 !important;
  line-height:1.35 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

body.dashboard-page .campaign-compact .line-actions{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}

/* Mobile-specific finishing */
@media screen and (max-width:820px){
  body.dashboard-page .content-area{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:hidden !important;
  }

  body.dashboard-page .quick-actions-section,
  body.dashboard-page .revenue-overview,
  body.dashboard-page .dashboard-section{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  body.dashboard-page .quick-create-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  body.dashboard-page .quick-create-card{
    min-width:0 !important;
    min-height:145px !important;
  }

  body.dashboard-page .quick-create-card b{
    font-size:14px !important;
    line-height:1.2 !important;
  }

  body.dashboard-page .quick-create-card small{
    font-size:11px !important;
    line-height:1.35 !important;
  }

  body.dashboard-page .dashboard-money-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  body.dashboard-page .dashboard-money-grid > *{
    min-width:0 !important;
  }

  body.dashboard-page .campaign-compact{
    grid-template-columns:1fr !important;
    align-items:stretch !important;
  }

  body.dashboard-page .campaign-compact .line-actions{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
  }

  body.dashboard-page .campaign-compact .line-actions .btn,
  body.dashboard-page .campaign-compact .line-actions .status-pill{
    width:100% !important;
    min-width:0 !important;
  }
}

@media screen and (max-width:390px){
  body.dashboard-page .quick-create-card{
    min-height:132px !important;
  }

  body.dashboard-page .quick-create-card b{
    font-size:13px !important;
  }

  body.dashboard-page .dashboard-money-grid{
    grid-template-columns:1fr 1fr !important;
  }
}

/* ITNAVERSE V4.8.92 DASHBOARD TEXT VISIBILITY FIX END */