/* ==========================================================
   DASHBOARD SOURCE OF TRUTH
   ==========================================================
   Current source-of-truth overrides for nav, anchors, spacing, footer, and final UI behaviour.
*/

/* ==========================================================
   v3.3 CONSOLIDATED UI REFINEMENTS
   ==========================================================
   This block replaces the old stacked v2.9.7/v2.10 override blocks.
   Keep non-navigation visual refinements here; keep nav/anchor/footer
   rules in the SOURCE OF TRUTH block below.
*/
.qd-chart canvas{max-height:270px!important;}
.qd-instagram-section .qd-chart canvas{max-height:240px!important;}
.qd-website-chart canvas{max-height:260px!important;}
.qd-trend{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:.58em!important;
    font-weight:850!important;
    vertical-align:baseline!important;
    margin-left:6px!important;
    line-height:1!important;
    transform:translateY(-1px)!important;
}
.qd-trend-up{color:#16a34a!important;}
.qd-trend-down{color:#dc2626!important;}
.qd-trend-flat{color:#94a3b8;}
.qd-hashtag-layout{
    gap:14px!important;
    margin-bottom:4px!important;
}
.qd-hashtag-panel h5{
    padding:12px 16px!important;
    font-size:15px!important;
}
.qd-hashtag-cloud{
    min-height:210px!important;
    max-height:230px!important;
    padding:14px 18px!important;
    gap:5px 10px!important;
    overflow:hidden!important;
}
.qd-hashtag-table-wrap{max-height:230px!important;}
.qd-hashtag-table th,
.qd-hashtag-table td{
    padding-top:5px!important;
    padding-bottom:5px!important;
    line-height:1.15!important;
}
.qd-card{
    transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background-color .16s ease!important;
}
.qd-card:hover{
    transform:translateY(-1px)!important;
    box-shadow:0 8px 18px rgba(37,99,235,.08)!important;
    border-color:rgba(59,130,246,.35)!important;
}
.qd-card:hover .qd-stat-title-icon,
.qd-card:hover .qd-card-icon{
    color:#64748b!important;
    opacity:.9!important;
}
.qd-card p{
    font-size:22px!important;
    line-height:1.12!important;
}
.qd-card-main-link{
    font-size:inherit!important;
    line-height:inherit!important;
}
.qd-media-card .qd-post-metrics,
.qd-instagram-post .qd-post-metrics,
.qd-media-card .qd-ig-post-metrics,
.qd-instagram-post .qd-ig-post-metrics{
    gap:0!important;
    margin-top:4px!important;
}
.qd-media-card .qd-post-metric,
.qd-instagram-post .qd-post-metric,
.qd-ig-post-metrics .qd-post-metric{
    line-height:1.05!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
}


/* ==========================================================
   SOURCE OF TRUTH: NAVIGATION, ANCHORS, SECTION SPACING, FOOTER
   ==========================================================
   Use this block for future nav/spacing/footer changes. Avoid adding new
   one-off nav overrides above it. Keep scroll-margin-top in sync with
   getSectionAnchorOffset() in qd_assets().
*/
.quackston-dashboard{
    margin-top:22px!important;
    margin-bottom:0!important;
}
.quackston-dashboard .qd-hero{
    margin-bottom:10px!important;
}
.quackston-dashboard .qd-top-nav,
.quackston-dashboard .qd-top-nav-nested{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    transform:none!important;
    width:auto!important;
    max-width:920px!important;
    margin:24px auto 40px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    z-index:50!important;
}

/* Restore System Health top-nav identity after adding it as a dropdown group. */
.quackston-dashboard .qd-top-nav-nested > .qd-nav-group:nth-child(5) > .qd-nav-main{
    color:#92400e!important;
    background:linear-gradient(135deg, rgba(255,251,235,.96), rgba(254,243,199,.96))!important;
    border-color:rgba(245,158,11,.24)!important;
}

.quackston-dashboard .qd-top-nav.qd-nav-is-fixed,
.quackston-dashboard .qd-top-nav-nested.qd-nav-is-fixed{
    position:fixed!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    width:auto!important;
    margin:0!important;
    padding:7px 9px!important;
    background:rgba(255,255,255,.68)!important;
    border:1px solid rgba(148,163,184,.22)!important;
    box-shadow:0 10px 28px rgba(15,23,42,.10)!important;
    border-radius:22px!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    z-index:99999!important;
}
.quackston-dashboard .qd-top-nav.qd-nav-is-fixed .qd-nav-main,
.quackston-dashboard .qd-top-nav-nested.qd-nav-is-fixed .qd-nav-main{
    font-size:11px!important;
    padding:7px 14px!important;
    min-height:0!important;
    border-radius:16px!important;
    line-height:1.1!important;
}
.quackston-dashboard .qd-top-nav.qd-nav-is-fixed .qd-nav-group,
.quackston-dashboard .qd-top-nav-nested.qd-nav-is-fixed .qd-nav-group{
    padding-bottom:4px!important;
    margin-bottom:-4px!important;
}
.quackston-dashboard .qd-top-nav.qd-nav-is-fixed .qd-sub-nav,
.quackston-dashboard .qd-top-nav-nested.qd-nav-is-fixed .qd-sub-nav{
    min-width:150px!important;
    padding:7px!important;
    border-radius:14px!important;
    top:calc(100% + 4px)!important;
}
.quackston-dashboard .qd-top-nav.qd-nav-is-fixed .qd-sub-nav a,
.quackston-dashboard .qd-top-nav-nested.qd-nav-is-fixed .qd-sub-nav a{
    font-size:10.5px!important;
    padding:6px 8px!important;
    border-radius:9px!important;
    line-height:1.15!important;
}
.quackston-dashboard .qd-top-nav.qd-nav-is-fixed .qd-nav-caret,
.quackston-dashboard .qd-top-nav-nested.qd-nav-is-fixed .qd-nav-caret{
    width:8px!important;
    height:8px!important;
    margin-left:4px!important;
}
.qd-nav-placeholder{display:none!important;}
.qd-nav-placeholder.is-active{display:block!important;}
.quackston-dashboard .qd-top-nav.qd-nav-closing .qd-sub-nav,
.quackston-dashboard .qd-top-nav-nested.qd-nav-closing .qd-sub-nav,
.quackston-dashboard .qd-top-nav.qd-nav-suppress .qd-sub-nav,
.quackston-dashboard .qd-top-nav-nested.qd-nav-suppress .qd-sub-nav{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    display:none!important;
}
.quackston-dashboard section,
.quackston-dashboard .qd-subsection-title,
#qd-instagram,
#qd-facebook,
#qd-email,
#qd-website,
#qd-system,
#qd-ig-at-glance,
#qd-ig-growth,
#qd-ig-posts,
#qd-ig-hashtags,
#qd-fb-at-glance,
#qd-fb-posts,
#qd-website-at-glance,
#qd-website-chart,
#qd-website-top-pages,
#qd-dev-diagnostics,
#qd-token-management,
#qd-ig-detailed-history{
    scroll-margin-top:170px!important;
}
.quackston-dashboard #qd-instagram.qd-instagram-section,
.quackston-dashboard #qd-facebook.qd-facebook-section,
.quackston-dashboard #qd-email.qd-email-section,
.quackston-dashboard #qd-website.qd-website-section,
.quackston-dashboard #qd-system.qd-system-section,
.quackston-dashboard .qd-instagram-media-section{
    padding-top:40px!important;
    padding-bottom:40px!important;
}
.quackston-dashboard #qd-instagram.qd-instagram-section{
    margin-top:0!important;
}
.quackston-dashboard .qd-history-section{
    margin-top:12px!important;
    padding-top:22px!important;
}
.quackston-dashboard .qd-history-section summary{
    padding-top:13px!important;
    padding-bottom:13px!important;
}
.quackston-dashboard .qd-section-footer{
    display:none!important;
}
.quackston-dashboard .qd-email-secondary{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    width:100%!important;
    margin:18px auto 0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    border-radius:0!important;
    color:#475569!important;
    text-align:center!important;
}
.quackston-dashboard .qd-email-secondary span{
    font-size:12px!important;
    font-weight:750!important;
    letter-spacing:.06em!important;
    color:#64748b!important;
}
.quackston-dashboard .qd-email-secondary strong{
    font-size:20px!important;
    line-height:1!important;
    color:#0f172a!important;
}
.qd-dashboard-footer{
    margin:14px auto 14px!important;
}
/* Single floating back-to-top button. */
.qd-global-back-top{
    position:fixed!important;
    right:22px!important;
    bottom:22px!important;
    width:34px!important;
    height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    border:1px solid rgba(148,163,184,.24)!important;
    background:rgba(255,255,255,.72)!important;
    color:#94a3b8!important;
    text-decoration:none!important;
    font-size:15px!important;
    font-weight:800!important;
    box-shadow:0 8px 22px rgba(15,23,42,.08)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translateY(8px)!important;
    transition:opacity .18s ease, visibility .18s ease, transform .18s ease, color .18s ease, background .18s ease!important;
    z-index:99990!important;
}
.qd-global-back-top.is-visible{
    opacity:.78!important;
    visibility:visible!important;
    transform:translateY(0)!important;
}
.qd-global-back-top:hover{
    opacity:1!important;
    color:#64748b!important;
    background:rgba(255,255,255,.92)!important;
}
@media(max-width:720px){
    .quackston-dashboard #qd-instagram.qd-instagram-section,
    .quackston-dashboard #qd-facebook.qd-facebook-section,
    .quackston-dashboard #qd-email.qd-email-section,
    .quackston-dashboard #qd-website.qd-website-section,
    .quackston-dashboard #qd-system.qd-system-section{
        padding-top:28px!important;
        padding-bottom:28px!important;
    }
}