/* ==========================================================
   DASHBOARD REFINEMENTS
   ==========================================================
   Later IG, hashtag, footer, chart, and card refinements.
*/

/* v2.8.3 IG chart toggles, hashtag section, and cleaner floating menu */
.qd-top-nav,
.qd-top-nav-nested{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    padding:0!important;
    margin:20px 0 10px!important;
    overflow:visible!important;
}
.qd-top-nav-nested{
    gap:16px!important;
}
.qd-nav-group{
    padding-bottom:16px!important;
    margin-bottom:-16px!important;
}
.qd-nav-group:after{
    top:100%!important;
    height:18px!important;
}
.qd-top-nav .qd-nav-main{
    position:relative!important;
    overflow:visible!important;
}
.qd-top-nav .qd-has-dropdown{
    flex-direction:row!important;
    gap:6px!important;
    padding-bottom:11px!important;
}
.qd-nav-caret{
    position:absolute!important;
    left:50%!important;
    bottom:-12px!important;
    width:auto!important;
    margin:0!important;
    transform:translateX(-50%)!important;
    font-size:12px!important;
    opacity:.32!important;
    line-height:1!important;
    pointer-events:none!important;
}
.qd-nav-group:hover .qd-nav-caret,
.qd-nav-group:focus-within .qd-nav-caret{
    transform:translateX(-50%) rotate(180deg)!important;
    opacity:.5!important;
}
.qd-sub-nav{
    top:calc(100% + 5px)!important;
    margin-top:0!important;
    border-radius:16px!important;
}
.qd-chart-period-toggle{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin:-4px 0 16px;
}
.qd-chart-period-button{
    border:1px solid rgba(148,163,184,.42);
    background:#fff;
    color:#475569;
    border-radius:999px;
    padding:8px 14px;
    font-size:12px;
    font-weight:900;
    letter-spacing:.04em;
    text-transform:uppercase;
    cursor:pointer;
    box-shadow:0 6px 14px rgba(15,23,42,.045);
}
.qd-chart-period-button:hover{
    transform:translateY(-1px);
    background:#f8fafc;
}
.qd-chart-period-button.is-active{
    color:#fff;
    border-color:transparent;
    background:linear-gradient(135deg,#833ab4,#e1306c,#f77737);
    box-shadow:0 10px 20px rgba(225,48,108,.16);
}
.qd-hashtag-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,.95fr);
    gap:18px;
    margin:0 0 8px;
}
.qd-hashtag-panel{
    background:#fff;
    border:1px solid rgba(148,163,184,.22);
    border-radius:22px;
    box-shadow:0 12px 28px rgba(15,23,42,.055);
    overflow:hidden;
}
.qd-hashtag-panel h5{
    margin:0!important;
    padding:18px 20px!important;
    font-size:18px!important;
    line-height:1.2!important;
    color:#0f172a!important;
    border-bottom:1px solid rgba(148,163,184,.12);
}
.qd-hashtag-cloud{
    min-height:330px;
    padding:26px;
    display:flex;
    flex-wrap:wrap;
    align-content:center;
    justify-content:center;
    gap:10px 18px;
    background:radial-gradient(circle at 50% 45%, rgba(225,48,108,.08), transparent 34%), linear-gradient(180deg,#fff,#fff7fb);
}
.qd-hashtag-cloud span{
    color:#d62976;
    font-weight:650;
    line-height:1;
    white-space:nowrap;
    text-shadow:0 10px 18px rgba(214,41,118,.08);
}
.qd-hashtag-table-wrap{
    max-height:392px;
    overflow:auto;
}
.qd-hashtag-table{
    width:100%;
    border-collapse:collapse;
}
.qd-hashtag-table th,
.qd-hashtag-table td{
    padding:14px 18px;
    text-align:left;
    border-bottom:1px solid rgba(148,163,184,.18);
}
.qd-hashtag-table th{
    color:#64748b;
    background:#f8fafc;
    font-size:12px;
    letter-spacing:.06em;
    text-transform:uppercase;
}
.qd-hashtag-table td:first-child{
    color:#0f172a;
    font-weight:850;
}
.qd-hashtag-table td:last-child{
    width:90px;
    text-align:center;
    color:#c13584;
    font-weight:900;
}
.qd-hashtag-empty{
    padding:22px;
    border-radius:18px;
    background:#fff;
    border:1px solid rgba(148,163,184,.22);
    color:#64748b;
    text-align:center;
    font-weight:750;
}
@media(max-width:900px){
    .qd-hashtag-layout{grid-template-columns:1fr;}
    .qd-top-nav-nested{gap:10px!important;}
    .qd-nav-caret{display:none!important;}
    .qd-top-nav .qd-has-dropdown{padding-bottom:10px!important;}
}



/* v2.8.4 monochrome icon set and tighter dropdown navigation */
.qd-nav-caret{display:none!important;}
.qd-top-nav .qd-has-dropdown{padding-bottom:11px!important;}
.qd-nav-group{padding-bottom:8px!important;margin-bottom:-8px!important;}
.qd-nav-group:after{height:10px!important;top:100%!important;}
.qd-sub-nav{top:calc(100% - 1px)!important;}
.qd-stat-title-icon,
.qd-card-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:20px!important;
    height:20px!important;
    margin-right:8px!important;
    border-radius:0!important;
    background:transparent!important;
    color:#4b5563!important;
    font-size:0!important;
    line-height:1!important;
    flex:0 0 auto!important;
}
.qd-stat-title-icon svg,
.qd-card-icon svg{
    width:18px!important;
    height:18px!important;
    display:block!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}
.qd-card > span{
    display:flex!important;
    align-items:center!important;
    gap:0!important;
}
.qd-card:hover .qd-stat-title-icon,
.qd-card:hover .qd-card-icon{
    color:#111827!important;
}
@media (max-width: 760px){
    .qd-sub-nav{top:calc(100% + 4px)!important;}
}


/* v2.8.6 spacing and subtle IG post metrics */
.qd-card > span,
.qd-website-card > span{
    gap:12px!important;
}
.qd-stat-title-icon,
.qd-card-icon{
    margin-right:0!important;
}
.qd-ig-post-metrics{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    flex-wrap:wrap!important;
    margin-top:6px!important;
}
.qd-ig-post-metrics .qd-post-metric{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    padding:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#64748b!important;
    font-size:12px!important;
    font-weight:750!important;
    line-height:1!important;
}
.qd-post-metric-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:15px!important;
    height:15px!important;
    color:#64748b!important;
    opacity:.82!important;
    flex:0 0 auto!important;
}
.qd-post-metric-icon svg{
    width:15px!important;
    height:15px!important;
    display:block!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}
.qd-post-date{display:block!important;color:#94a3b8!important;font-size:11px!important;letter-spacing:.04em!important;margin-bottom:4px!important;text-transform:uppercase!important;}
.qd-media-card:hover .qd-post-metric,
.qd-media-card:hover .qd-post-metric-icon{
    color:#334155!important;
}


/* v2.8.7 stat-card icon alignment and post metric cleanup */
.qd-website-section .qd-stat-card .qd-card-title,
.qd-website-section .qd-stat-card h3,
.qd-website-section .qd-stat-card .qd-stat-title{
    display:flex!important;
    align-items:center!important;
    gap:15px!important;
}
.qd-website-section .qd-stat-card svg,
.qd-website-section .qd-stat-card .qd-icon,
.qd-website-section .qd-stat-card .dashicons{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    color:#64748b!important;
    opacity:.95!important;
    margin-right:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}
.qd-website-section .qd-stat-card .qd-card-title span,
.qd-website-section .qd-stat-card h3 span,
.qd-website-section .qd-stat-card .qd-stat-title span{
    line-height:1.35!important;
}

/* IG post metrics: plain icon + number, no pills/dots */
.qd-post-metrics,
.qd-media-stats,
.qd-ig-metrics{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:14px!important;
}
.qd-post-metric,
.qd-media-stat,
.qd-ig-metric{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    color:#0f172a!important;
    font-weight:700!important;
    font-size:14px!important;
    line-height:1.2!important;
}
.qd-post-metric::before,
.qd-media-stat::before,
.qd-ig-metric::before{
    display:none!important;
    content:none!important;
}
.qd-post-metric svg,
.qd-media-stat svg,
.qd-ig-metric svg,
.qd-post-metric .dashicons,
.qd-media-stat .dashicons,
.qd-ig-metric .dashicons{
    width:19px!important;
    height:19px!important;
    min-width:19px!important;
    color:#a8b1c1!important;
    opacity:1!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    margin:0!important;
}
.qd-post-metric .qd-metric-number,
.qd-media-stat .qd-metric-number,
.qd-ig-metric .qd-metric-number{
    background:transparent!important;
    border-radius:0!important;
    padding:0!important;
    color:#0f172a!important;
    font-weight:700!important;
}
.qd-post-date,
.qd-fb-post-date{
    display:block!important;
    color:#94a3b8!important;
    font-size:11px!important;
    letter-spacing:.04em!important;
    margin-bottom:5px!important;
    text-transform:uppercase!important;
}


/* v2.8.8 final icon alignment and IG metric cleanup */

/* Website analytics card title icons: match IG card rhythm */
#qd-website .qd-stat-card > div:first-child,
#qd-website .qd-stat-card .qd-card-title,
#qd-website .qd-stat-card .qd-stat-title,
.qd-website-section .qd-stat-card > div:first-child,
.qd-website-section .qd-stat-card .qd-card-title,
.qd-website-section .qd-stat-card .qd-stat-title{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:18px!important;
}

#qd-website .qd-stat-card svg,
#qd-website .qd-stat-card .dashicons,
#qd-website .qd-stat-card .qd-icon,
.qd-website-section .qd-stat-card svg,
.qd-website-section .qd-stat-card .dashicons,
.qd-website-section .qd-stat-card .qd-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:19px!important;
    height:19px!important;
    min-width:19px!important;
    max-width:19px!important;
    line-height:19px!important;
    font-size:19px!important;
    color:#7f8fa6!important;
    stroke:#7f8fa6!important;
    fill:none!important;
    opacity:.9!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    top:0!important;
    vertical-align:middle!important;
    background:transparent!important;
    border:none!important;
    box-shadow:none!important;
    border-radius:0!important;
}

#qd-website .qd-stat-card svg *,
.qd-website-section .qd-stat-card svg *{
    stroke:#7f8fa6!important;
    fill:none!important;
}

/* Make IG post metrics plain: icon + number only, no grey circles or pills */
.qd-media-card .qd-post-metrics,
.qd-media-card .qd-media-stats,
.qd-media-card .qd-ig-metrics,
.qd-instagram-post .qd-post-metrics,
.qd-instagram-post .qd-media-stats,
.qd-instagram-post .qd-ig-metrics{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:12px 16px!important;
    margin-top:8px!important;
}

.qd-media-card .qd-post-metric,
.qd-media-card .qd-media-stat,
.qd-media-card .qd-ig-metric,
.qd-instagram-post .qd-post-metric,
.qd-instagram-post .qd-media-stat,
.qd-instagram-post .qd-ig-metric,
.qd-media-card .qd-post-metric span,
.qd-media-card .qd-media-stat span,
.qd-media-card .qd-ig-metric span{
    background:transparent!important;
    background-color:transparent!important;
    border:none!important;
    box-shadow:none!important;
    border-radius:0!important;
}

.qd-media-card .qd-post-metric,
.qd-media-card .qd-media-stat,
.qd-media-card .qd-ig-metric,
.qd-instagram-post .qd-post-metric,
.qd-instagram-post .qd-media-stat,
.qd-instagram-post .qd-ig-metric{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    padding:0!important;
    margin:0!important;
    min-height:0!important;
    color:#0f172a!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.2!important;
}

.qd-media-card .qd-post-metric::before,
.qd-media-card .qd-media-stat::before,
.qd-media-card .qd-ig-metric::before,
.qd-instagram-post .qd-post-metric::before,
.qd-instagram-post .qd-media-stat::before,
.qd-instagram-post .qd-ig-metric::before{
    display:none!important;
    content:none!important;
    width:0!important;
    height:0!important;
    background:transparent!important;
}

.qd-media-card .qd-post-metric svg,
.qd-media-card .qd-media-stat svg,
.qd-media-card .qd-ig-metric svg,
.qd-instagram-post .qd-post-metric svg,
.qd-instagram-post .qd-media-stat svg,
.qd-instagram-post .qd-ig-metric svg{
    width:19px!important;
    height:19px!important;
    min-width:19px!important;
    color:#a8b1c1!important;
    stroke:#a8b1c1!important;
    fill:none!important;
    opacity:1!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:none!important;
    box-shadow:none!important;
    border-radius:0!important;
}

.qd-media-card .qd-post-metric svg *,
.qd-media-card .qd-media-stat svg *,
.qd-media-card .qd-ig-metric svg *,
.qd-instagram-post .qd-post-metric svg *,
.qd-instagram-post .qd-media-stat svg *,
.qd-instagram-post .qd-ig-metric svg *{
    stroke:#a8b1c1!important;
    fill:none!important;
}

.qd-media-card .qd-metric-number,
.qd-instagram-post .qd-metric-number{
    background:transparent!important;
    background-color:transparent!important;
    border-radius:0!important;
    padding:0!important;
    margin:0!important;
    color:#0f172a!important;
    font-weight:700!important;
}


/* v2.8.9 Website analytics icon parity + regular post captions */
.qd-website-section .qd-website-card > span{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    line-height:1.25!important;
}
.qd-website-section .qd-website-card .qd-card-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    max-width:20px!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
    color:#a8b1c1!important;
    stroke:#a8b1c1!important;
    opacity:1!important;
    position:relative!important;
    top:0!important;
    transform:none!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
}
.qd-website-section .qd-website-card .qd-card-icon svg{
    display:block!important;
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    max-width:18px!important;
    color:#a8b1c1!important;
    stroke:currentColor!important;
    fill:none!important;
    margin:0!important;
    padding:0!important;
    vertical-align:middle!important;
}
.qd-website-section .qd-website-card .qd-card-icon svg *{
    stroke:currentColor!important;
    fill:none!important;
}
.qd-post-caption,
.qd-media-card .qd-post-caption,
.qd-fb-card .qd-post-caption{
    display:block!important;
    color:#0f172a!important;
    font-size:14px!important;
    font-weight:400!important;
    line-height:1.35!important;
    margin:0 0 8px!important;
}
.qd-media-card > strong,
.qd-fb-card > strong{
    font-weight:400!important;
}
.qd-fb-card .qd-fb-post-date{
    display:block!important;
    color:#94a3b8!important;
    font-size:11px!important;
    font-weight:600!important;
    letter-spacing:.04em!important;
    line-height:1.2!important;
    margin:0 0 5px!important;
    text-transform:uppercase!important;
}

/* v2.8.10 post metric layout, date spacing, and FB/IG date parity */
.qd-media-card .qd-post-metrics,
.qd-instagram-post .qd-post-metrics{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    margin-top:8px!important;
}
.qd-media-card .qd-post-metric,
.qd-instagram-post .qd-post-metric{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    gap:7px!important;
}
.qd-media-thumb,
.qd-fb-thumb{
    margin-bottom:6px!important;
}
.qd-post-date,
.qd-media-card .qd-post-date,
.qd-fb-card .qd-post-date,
.qd-fb-card .qd-fb-post-date{
    display:block!important;
    color:#94a3b8!important;
    font-size:11px!important;
    font-weight:600!important;
    letter-spacing:.04em!important;
    line-height:1.2!important;
    margin:0 0 6px!important;
    text-transform:uppercase!important;
}
.qd-post-caption,
.qd-media-card .qd-post-caption,
.qd-fb-card .qd-post-caption{
    font-weight:400!important;
    margin:0 0 8px!important;
}


/* v2.8.11 tighter IG metrics, softer hashtags, all-time toggle, and centered submenus */
.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:2px!important;
    margin-top:6px!important;
}
.qd-media-card .qd-post-metric,
.qd-instagram-post .qd-post-metric{
    line-height:1.2!important;
    min-height:0!important;
}
.qd-hashtag-cloud{
    gap:7px 12px!important;
    padding:22px!important;
}
.qd-hashtag-table th,
.qd-hashtag-table td{
    padding:8px 16px!important;
    font-size:12px!important;
    line-height:1.25!important;
}
.qd-hashtag-table td:first-child{
    font-weight:500!important;
}
.qd-hashtag-table td:last-child{
    font-weight:650!important;
}
.qd-sub-nav a{
    justify-content:center!important;
    text-align:center!important;
}

/* v2.9.1 footer placement, centered IG chart titles, horizontal split chart dates, and Facebook view metrics */
.qd-instagram-section .qd-chart{
    padding-top:12px!important;
}
.qd-instagram-section .qd-chart h4{
    margin-top:0!important;
    margin-bottom:8px!important;
}
.qd-hashtag-cloud span{
    line-height:1.08!important;
}
.qd-hashtag-table th:last-child,
.qd-hashtag-table td:last-child{
    text-align:right!important;
}
/* Plain footer line below dashboard content. */
.qd-dashboard-footer{
    max-width:1180px;
    margin:8px auto 40px!important;
    padding:0;
    background:transparent;
    border:0;
    color:#94a3b8;
    font-size:12px;
    line-height:1.4;
    text-align:center;
}

.qd-instagram-section .qd-chart h4{
    text-align:center!important;
}


/* v2.9.6 Facebook cards cleanup and unified at-a-glance card number size */
.quackston-dashboard{
    background:transparent!important;
    padding:0!important;
    border-radius:0!important;
}
.qd-hero-copy p{
    margin-bottom:0!important;
}