/* Dragonfly CPD app shell styles — v112 hotfix
   Restores platform/demo styling without touching the public website CSS. */
:root{
  --green:#274640;--green-dark:#1C3832;--green-mid:#2F5248;--green-light:#E3EEE9;
  --gold:#C9970C;--gold-dark:#A07A08;--gold-light:#F8EBC6;
  --white:#FFFDF7;--off-white:#F3ECDE;--panel:#FFFFFF;--gray-light:#E5DCCB;--gray-mid:#B6AD9C;
  --text:#1A2E1E;--text-muted:#6B6660;--danger:#B84A3A;--danger-soft:#F7E5E0;--success:#2F6B4F;--success-soft:#E3EEE9;
  --radius:14px;--radius-lg:22px;--shadow:0 8px 30px rgba(26,46,30,.10);--shadow-lg:0 16px 50px rgba(26,46,30,.16);
  --font:'Nunito',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);background:linear-gradient(180deg,#f7f1e6 0%,var(--off-white) 100%);color:var(--text);line-height:1.55;min-height:100vh}img{max-width:100%;height:auto}a{color:var(--green);font-weight:800;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,h4{font-family:var(--font);line-height:1.15;margin:.2rem 0 .7rem;color:var(--green-dark);font-weight:800}h1{font-size:clamp(2rem,4.2vw,3.25rem)}h2{font-size:clamp(1.35rem,3vw,2.05rem)}h3{font-size:1.15rem}p{margin:.35rem 0 1rem;color:var(--text-muted)}
nav{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:76px;padding:.75rem clamp(1rem,3vw,2.25rem);background:var(--green-dark);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 8px 28px rgba(0,0,0,.16)}
.nav-brand{display:flex;align-items:center;min-width:0}.nav-brand img{height:48px!important;width:auto!important;object-fit:contain;display:block}.nav-right{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-wrap:wrap;color:rgba(255,253,247,.82)}.nav-user{font-size:.88rem;color:rgba(255,253,247,.78)}.nav-user strong{color:var(--white)}.btn-nav,.btn-nav-ghost,.nav-back{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:var(--white);border-radius:999px;padding:.55rem .95rem;font-size:.84rem;font-weight:800;text-decoration:none}.btn-nav:hover,.btn-nav-ghost:hover,.nav-back:hover{background:rgba(255,255,255,.14);text-decoration:none}.btn-nav-ghost{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:.55rem .95rem;font-size:.84rem;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:42px}
.hero{background:linear-gradient(135deg,var(--green-dark),var(--green));color:var(--white);padding:clamp(2rem,4vw,3.25rem) clamp(1rem,3vw,2.25rem);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-80px;top:-100px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(201,151,12,.23),transparent 68%)}.hero-inner{position:relative;z-index:1;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center}.hero h1,.hero-name{color:var(--white);margin:0 0 .65rem}.hero-left p,.hero-sub,#hero-sub{color:rgba(255,253,247,.78);font-size:1.03rem;max-width:760px}.hero-welcome-kicker,.hero-greeting,.attention-kicker,.code-banner-label,.demo-kicker,.preview-tag,.q-label{font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.hero-org,.hero-progress{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-lg);padding:1.25rem;min-width:240px}.hero-org-num,.hero-progress-num{font-size:2.4rem;font-weight:900;color:var(--gold);line-height:1}.hero-org-label,.hero-progress-label{font-size:.82rem;color:rgba(255,253,247,.72)}.hero-org-bar,.hero-progress-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.16);overflow:hidden;margin-top:.8rem}.hero-org-fill,.hero-progress-fill{height:100%;background:var(--gold);border-radius:999px}
main,.layout{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:clamp(1rem,3vw,2rem) 0 4rem}.loading{display:flex;justify-content:center;align-items:center;min-height:320px}.loading-brand{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--green);font-weight:800}.loading-dragonfly-logo{width:90px;height:auto;filter:drop-shadow(0 8px 24px rgba(201,151,12,.18))}
.card,.manager-soft-panel,.seat-status-card,.code-banner,.attention-panel,.preview-card,.team-card-v41,.demo-mode-banner,.package-card,.learner-card,.module-card,.library-card{background:rgba(255,253,247,.96);border:1px solid rgba(229,220,203,.95);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:clamp(1rem,2vw,1.55rem);margin-bottom:1.2rem}
.toolbox-quick-panel{margin-bottom:1.2rem}.card:hover,.module-card:hover,.library-card:hover{box-shadow:var(--shadow-lg)}.seat-status-card,.code-banner{display:flex;justify-content:space-between;align-items:center;gap:1rem}.seat-status-card strong,#registrations-left{font-size:2rem;color:var(--green);line-height:1}.seat-status-text,.code-banner-sub,.code-guidance{font-size:.88rem;color:var(--text-muted)}.code-banner-val{font-size:1.2rem;font-weight:900;color:var(--green);letter-spacing:.04em}.btn-copy{background:var(--gold);color:white;border:0;border-radius:14px;padding:.85rem 1.1rem;font-weight:900;min-height:46px;white-space:nowrap}.btn-copy:hover{background:var(--gold-dark)}
.attention-panel{border-left:5px solid var(--gold)}.attention-head,.demo-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.attention-title,.demo-title,.preview-title{font-weight:900;color:var(--green-dark);font-size:1.25rem}.attention-sub,.demo-text,.preview-copy{color:var(--text-muted);font-size:.92rem}.attention-grid,.stat-grid,.stats-grid,.manager-side-grid,.signup-code-grid,.supervision-grid,.package-grid,.module-grid,.manager-library-grid,.team-grid,.compare-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.manager-side-grid,.signup-code-grid,.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attention-card,.stat-card,.summary-card,.metric-card{background:#fff;border:1px solid var(--gray-light);border-radius:16px;padding:1rem;min-width:0}.attention-card strong,.stat-card strong,.summary-card strong,.metric-card strong{display:block;color:var(--green);font-size:1.55rem;line-height:1}.attention-card span,.stat-card span,.summary-card span,.metric-card span{font-size:.82rem;color:var(--text-muted);font-weight:700}.attention-actions,.btn-row,.result-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem}
.tabs,.learner-primary-tabs{display:flex;gap:0;flex-wrap:nowrap;margin:1.25rem 0;border:1px solid var(--gray-light);border-radius:var(--radius,10px);background:#fff;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar,.learner-primary-tabs::-webkit-scrollbar{display:none}
.tab{flex:0 0 auto;border:0;border-right:1px solid var(--gray-light);background:transparent;color:var(--text-muted);border-radius:0;padding:.75rem 1rem;font-weight:700;font-size:.82rem;font-family:var(--font);cursor:pointer;white-space:nowrap;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center;transition:background-color .14s ease,color .14s ease}
.tab:last-child{border-right:0}
.tab:hover{background:var(--off-white)}
.tab.active{background:var(--gold-light);color:var(--gold-dark);font-weight:800}
.tab-panel{display:none}.tab-panel.active{display:block}
.tabs-sub.learning-subnav{margin-top:-.6rem;margin-bottom:1.25rem;background:var(--off-white);border-color:var(--gray-light)}
.tabs-sub.learning-subnav .tab{font-size:.78rem;font-weight:700;min-height:38px;padding:.55rem .85rem;color:var(--text-muted)}
.tabs-sub.learning-subnav .tab.active{background:var(--green);color:#fff;font-weight:800}
button,.btn,.btn-primary,.btn-secondary,.btn-sm,.btn-outline,.btn-danger{border:0;border-radius:var(--radius,10px);padding:.75rem 1.2rem;font-weight:700;font-family:var(--font);font-size:.92rem;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;text-decoration:none;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease,border-color .14s ease}
.btn-primary,.attention-actions button{background:var(--gold);color:#fff;box-shadow:0 3px 10px rgba(201,151,12,.28)}
.btn-primary:hover,.attention-actions button:hover{background:var(--gold-dark);transform:translateY(-1px);box-shadow:0 6px 16px rgba(201,151,12,.32);text-decoration:none}
.btn-primary:active,.attention-actions button:active{transform:translateY(0)}
.btn-secondary,.btn-outline,.btn-sm{background:#fff;color:var(--green);border:1.5px solid var(--gray-light);box-shadow:0 1px 3px rgba(26,46,30,.06)}
.btn-secondary:hover,.btn-outline:hover,.btn-sm:hover{border-color:var(--green);background:var(--green-light);text-decoration:none}
.btn-danger{background:var(--danger-soft);color:var(--danger)}
.btn-danger:hover{background:var(--danger);color:#fff}
button:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
input,select,textarea{width:100%;border:1.5px solid var(--gray-light);background:#fff;color:var(--text);border-radius:14px;padding:.78rem .9rem;min-height:44px;outline:none}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(201,151,12,.14)}label{display:block;font-size:.8rem;font-weight:900;color:var(--green);margin:.7rem 0 .3rem}.form-row,.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--gray-light);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);font-size:.9rem}th,td{padding:.85rem .9rem;text-align:left;border-bottom:1px solid #eee7dc;vertical-align:top}th{background:var(--green-light);color:var(--green-dark);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;font-weight:900}tr:last-child td{border-bottom:0}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem}
.badge,.pill,.status-pill,.demo-pill,.tier-pill,.module-chip,.tag{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;padding:.28rem .65rem;font-size:.75rem;font-weight:900;background:var(--green-light);color:var(--green);white-space:nowrap}.badge.gold,.pill.gold,.demo-pill{background:var(--gold-light);color:var(--gold-dark)}.status-overdue,.pill.danger{background:var(--danger-soft);color:var(--danger)}.status-complete,.pill.success{background:var(--success-soft);color:var(--success)}
.manager-library-grid,.module-grid,.package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.manager-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:1rem 0}.manager-library-search{flex:1;min-width:240px;display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--gray-light);border-radius:999px;padding:.2rem .8rem}.manager-library-search input{border:0;box-shadow:none;background:transparent;padding:.55rem .2rem;min-height:36px}.manager-library-count{font-weight:900;color:var(--green);font-size:.86rem}.module-card h3,.library-card h3,.package-card h3{margin-top:.4rem}.module-meta,.mod-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin:.8rem 0}.mod-meta span,.module-meta span{background:var(--green-light);color:var(--green);border-radius:999px;padding:.3rem .65rem;font-weight:900;font-size:.78rem}
.demo-mode-banner{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#f3f8ff;border-color:#cfe0ff}.step-nav{display:flex;gap:.5rem;overflow-x:auto;margin-bottom:1rem}.step{flex:0 0 auto;background:#fff;border:1px solid var(--gray-light);border-radius:999px;padding:.6rem .9rem;font-weight:900;color:var(--text-muted)}.step.active{background:var(--green);color:white;border-color:var(--green)}.page{display:none}.page.active{display:block}.video-wrap{border-radius:18px;overflow:hidden;border:1px solid var(--gray-light);background:#fff;margin:1rem 0}.video-placeholder{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background:linear-gradient(135deg,var(--green-dark),var(--green));color:white}.video-placeholder p{color:rgba(255,255,255,.75)}.video-placeholder .icon{font-size:2rem}.banner.info{background:var(--green-light);border:1px solid rgba(39,70,64,.18);border-radius:14px;padding:1rem;color:var(--green);font-weight:800}.content-section,.quiz-q,.review-section,.learning-failure,.module-rating{background:#fff;border:1px solid var(--gray-light);border-radius:18px;padding:1.15rem;margin:1rem 0}.section-badge{display:inline-block;background:var(--gold-light);color:var(--gold-dark);border-radius:999px;padding:.25rem .65rem;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.scenario-answer{width:100%;justify-content:flex-start;text-align:left;background:#fff;color:var(--green-dark);border:1px solid var(--gray-light);border-radius:14px;margin:.5rem 0;padding:1rem}.scenario-answer:hover{border-color:var(--gold);background:#fffaf0}.scenario-answer.correct{border-color:var(--success);background:var(--success-soft)}.scenario-answer.incorrect{border-color:var(--danger);background:var(--danger-soft)}.scenario-feedback{display:none;border-left:4px solid var(--gold);background:var(--gold-light);border-radius:12px;padding:1rem;margin-top:1rem;color:var(--text)}.scenario-feedback.show{display:block}.result{text-align:center}.result-icon{font-size:3rem}.result-score{font-size:2rem;font-weight:900}.result-score.pass{color:var(--success)}.star-row{display:flex;gap:.4rem}.star-row button{font-size:1.6rem;color:var(--gold);background:#fff;border:1px solid var(--gray-light);border-radius:12px;min-width:46px}
.manager-green-guide{background:var(--green-dark);color:white;border-radius:var(--radius-lg);padding:1.5rem}.manager-green-guide h3,.manager-green-guide h4{color:white}.manager-green-guide p{color:rgba(255,255,255,.72)}.preview-hide-note{font-size:.82rem;color:var(--text-muted)}
@media (max-width:900px){.hero-inner{grid-template-columns:1fr}.hero-org,.hero-progress{min-width:0}.attention-grid,.stat-grid,.stats-grid,.manager-library-grid,.module-grid,.package-grid,.supervision-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.manager-side-grid,.signup-code-grid,.form-row,.form-grid,.compare-grid{grid-template-columns:1fr}nav{align-items:flex-start}.nav-right{justify-content:flex-end}}
@media (max-width:640px){body{background:var(--off-white)}nav{position:relative;min-height:auto;padding:.8rem 1rem;flex-direction:column;align-items:flex-start}.nav-brand img{height:42px!important}.nav-right{width:100%;justify-content:flex-start;gap:.5rem}.nav-user{width:100%;font-size:.8rem}.btn-nav,.nav-back{font-size:.8rem;padding:.5rem .75rem}.hero{padding:1.7rem 1rem}.hero h1,.hero-name{font-size:2rem}.hero-org-num,.hero-progress-num{font-size:2rem}main,.layout{width:calc(100% - 1rem);padding-top:1rem}.card,.manager-soft-panel,.seat-status-card,.code-banner,.attention-panel,.demo-mode-banner{border-radius:18px;padding:1rem}.seat-status-card,.code-banner,.demo-mode-banner{flex-direction:column;align-items:flex-start}.btn-copy,.btn-primary,.btn-secondary,.attention-actions button{width:100%}.attention-grid,.stat-grid,.stats-grid,.manager-library-grid,.module-grid,.package-grid,.supervision-grid{grid-template-columns:1fr}.tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.25rem}.tab{white-space:nowrap}th,td{padding:.7rem;font-size:.82rem}.video-placeholder{min-height:210px}.step-nav{padding-bottom:.35rem}}

/* ═══════════════════════════════════════════════
   v179 — Premium mobile app-shell polish
   Shared learner / manager / admin / god mode refinements.
   ═══════════════════════════════════════════════ */
@media (max-width: 760px) {
  body { overflow-x: hidden; background: linear-gradient(180deg,#F8F4EA 0%,#F1E8D8 100%); }
  nav {
    min-height: 58px;
    padding: .58rem .78rem;
    gap: .55rem;
    box-shadow: 0 8px 24px rgba(0,0,0,.14);
  }
  .nav-brand { flex: 1 1 auto; min-width: 0; }
  .nav-brand img { height: 32px !important; max-width: 158px !important; object-fit: contain !important; }
  .nav-right { flex: 0 0 auto; gap: .38rem; flex-wrap: nowrap; }
  .nav-user { display: none !important; }
  .btn-nav, .btn-nav-ghost, .nav-back {
    min-height: 38px;
    border-radius: 999px;
    padding: .46rem .62rem;
    font-size: 12px;
    font-weight: 900;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.18);
  }
  main, .layout { width: 100%; max-width: 100%; padding: .85rem .76rem 3rem; }
  .hero { padding: 1.05rem .9rem; border-radius: 0 0 24px 24px; }
  .hero-inner { display:flex; flex-direction:column; align-items:stretch; gap:.75rem; }
  .hero h1, .hero-name { font-size: 24px; letter-spacing: -.02em; }
  .hero-left p, .hero-sub, #hero-sub { font-size: 13px; line-height: 1.35; }
  .hero-org, .hero-progress { min-width:0; padding:.85rem; border-radius:18px; }
  .hero-org-num, .hero-progress-num { font-size: 30px; }
  .tabs, .learner-primary-tabs {
    border-radius: 18px;
    padding: .28rem;
    background: rgba(255,255,255,.88);
    border: 1px solid rgba(39,70,64,.10);
    box-shadow: 0 10px 26px rgba(39,70,64,.07);
    gap:.2rem;
  }
  .tab {
    border:0 !important;
    border-radius:14px;
    font-size:12px;
    font-weight:900;
    padding:.58rem .72rem;
    color:#5F665F;
  }
  .tab.active { background: var(--green); color:#fff; box-shadow: 0 7px 16px rgba(39,70,64,.16); }
  .card,.manager-soft-panel,.seat-status-card,.code-banner,.attention-panel,.preview-card,.team-card-v41,.demo-mode-banner,.package-card,.learner-card,.module-card,.library-card,
  .panel,.tower-card,.drill-card,.org-detail-panel,.control-tower {
    border-radius: 21px !important;
    padding: 1rem !important;
    box-shadow: 0 10px 28px rgba(39,70,64,.055) !important;
    border-color: rgba(39,70,64,.10) !important;
  }
  .attention-grid,.stat-grid,.stats-grid,.manager-side-grid,.signup-code-grid,.supervision-grid,.package-grid,.module-grid,.manager-library-grid,.team-grid,.compare-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap:.62rem !important;
  }
  .attention-card,.stat-card,.summary-card,.metric-card {
    border-radius: 17px !important;
    padding: .75rem .65rem !important;
    min-height: 78px !important;
  }
  .attention-card strong,.stat-card strong,.summary-card strong,.metric-card strong { font-size: 23px !important; }
  .attention-card span,.stat-card span,.summary-card span,.metric-card span { font-size: 10.5px !important; line-height: 1.15 !important; }
  .btn-row,.attention-actions,.result-actions,.action-row { gap:.45rem !important; }
  .btn-primary,.btn-secondary,.btn-outline,.btn-sm,.btn-danger,.btn-copy,button {
    border-radius: 14px;
    min-height: 46px;
  }
  .table-wrap,.table-scroll,.table-scroll-wrap,.completed-table-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 16px;
  }
  table, .data-table, .completed-table { box-shadow: none; }
}
@media (max-width: 420px) {
  .attention-grid,.stat-grid,.stats-grid,.manager-side-grid,.signup-code-grid,.supervision-grid,.package-grid,.module-grid,.manager-library-grid,.team-grid,.compare-grid { grid-template-columns: 1fr 1fr !important; }
  .btn-nav, .btn-nav-ghost, .nav-back { padding:.42rem .52rem; font-size:11px; }
}

/* ═══════════════════════════════════════════════
   v181 — Mobile app-shell hamburger navigation
   Keeps desktop unchanged; makes learner/manager/admin nav feel app-like on phones.
   ═══════════════════════════════════════════════ */
.nav-menu-toggle{display:none}
@media (max-width:760px){
  nav{
    position:sticky !important;
    top:0 !important;
    min-height:62px !important;
    padding:.58rem .78rem !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:.6rem !important;
    overflow:visible !important;
  }
  nav > div:first-child{min-width:0;flex:1 1 auto;}
  .nav-brand{flex:1 1 auto;justify-content:center;}
  .nav-brand img{height:32px !important;max-width:176px !important;}
  .nav-badge{font-size:10px !important;padding:.22rem .45rem !important;white-space:nowrap;}
  .nav-menu-toggle{
    display:inline-flex !important;
    align-items:center;justify-content:center;
    width:44px;height:44px;min-width:44px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.22);
    background:rgba(255,255,255,.10);
    color:#FFFDF7;
    font-size:23px;
    line-height:1;
    font-weight:900;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  }
  .nav-menu-toggle:active{transform:scale(.98);background:rgba(255,255,255,.16)}
  nav .nav-right{
    display:none !important;
    position:absolute;
    top:calc(100% + .45rem);
    left:.7rem;right:.7rem;
    z-index:100;
    width:auto !important;
    padding:.65rem;
    border-radius:20px;
    background:rgba(28,56,50,.98);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 18px 44px rgba(0,0,0,.28);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:.45rem !important;
  }
  nav.menu-open .nav-right{display:flex !important;}
  nav .nav-user{
    display:block !important;
    width:100% !important;
    order:-1;
    padding:.55rem .65rem .7rem;
    font-size:12px !important;
    line-height:1.25;
    color:rgba(255,253,247,.72) !important;
    border-bottom:1px solid rgba(255,255,255,.10);
    margin:0 0 .15rem !important;
  }
  nav .nav-user strong{display:block;color:#FFFDF7;font-size:13px;margin-top:.12rem;}
  nav .btn-nav, nav .btn-nav-ghost, nav .nav-back{
    width:100% !important;
    min-height:46px !important;
    justify-content:flex-start !important;
    text-align:left !important;
    border-radius:14px !important;
    padding:.72rem .85rem !important;
    font-size:14px !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.13) !important;
    color:#FFFDF7 !important;
  }
  nav .btn-nav:hover, nav .btn-nav-ghost:hover{background:rgba(255,255,255,.14) !important;}
}

/* ═══════════════════════════════════════════════
   v182 — Bare hamburger icon, no circular button chrome
   ═══════════════════════════════════════════════ */
@media (max-width:760px){
  nav .nav-menu-toggle,
  .nav-menu-toggle{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border:none!important;
    background:transparent!important;
    box-shadow:none!important;
    border-radius:10px!important;
    color:#FFFDF7!important;
    padding:0!important;
  }
  nav .nav-menu-toggle:active,
  .nav-menu-toggle:active{background:rgba(255,255,255,.08)!important;transform:scale(.98)!important;}
}

/* ═══════════════════════════════════════════════
   v183 — Full-screen mobile app menu
   ═══════════════════════════════════════════════ */
.app-menu-links{display:none;}
@media (max-width:760px){
  nav{z-index:999 !important;}
  .nav-menu-toggle{position:relative;z-index:1102 !important;font-size:28px !important;}
  nav .nav-right{
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    height:100dvh !important;
    max-height:none !important;
    top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;
    z-index:1100 !important;
    padding:calc(env(safe-area-inset-top,0px) + 86px) 18px calc(env(safe-area-inset-bottom,0px) + 22px) !important;
    border-radius:0 !important;
    border:0 !important;
    background:linear-gradient(180deg, rgba(28,56,50,.995), rgba(18,40,35,.995)) !important;
    box-shadow:none !important;
    overflow-y:auto !important;
    align-items:stretch !important;
    gap:10px !important;
  }
  nav .nav-right::before{
    content:'Dragonfly menu';
    position:absolute;
    top:calc(env(safe-area-inset-top,0px) + 26px);
    left:22px;
    color:#FFFDF7;
    font-size:13px;
    font-weight:900;
    letter-spacing:.16em;
    text-transform:uppercase;
    opacity:.82;
  }
  nav .nav-user{
    order:0 !important;
    margin:0 0 10px !important;
    padding:0 0 14px !important;
    border-bottom:1px solid rgba(255,255,255,.13) !important;
    background:transparent !important;
  }
  nav .app-menu-links{
    display:flex !important;
    flex-direction:column !important;
    gap:9px !important;
    order:1 !important;
  }
  nav .app-menu-link,
  nav .app-menu-links .app-menu-link{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    min-height:54px !important;
    padding:0 15px !important;
    border-radius:17px !important;
    border:1px solid rgba(255,255,255,.13) !important;
    background:rgba(255,255,255,.075) !important;
    color:#FFFDF7 !important;
    text-decoration:none !important;
    font-family:var(--font) !important;
    font-size:16px !important;
    font-weight:800 !important;
    letter-spacing:.01em !important;
    text-align:left !important;
  }
  nav .app-menu-link::after{content:'›';opacity:.62;font-size:22px;font-weight:700;}
  nav .app-menu-link:active{background:rgba(255,255,255,.13) !important;transform:scale(.995);}
  nav .btn-nav, nav .btn-nav-ghost, nav .nav-back{
    order:2 !important;
    min-height:52px !important;
    border-radius:17px !important;
    justify-content:center !important;
    font-size:15px !important;
    font-weight:850 !important;
  }
  nav .nav-signout{
    margin-top:12px !important;
    background:#FFFDF7 !important;
    color:var(--green) !important;
    border-color:#FFFDF7 !important;
  }
  nav .btn-nav:not(.nav-signout):not(#nav-get-access),
  nav .btn-nav-ghost{
    background:rgba(255,255,255,.06) !important;
  }
  nav .nav-brand{position:relative;z-index:998;}
  .hero{margin-top:12px !important;}
}


/* ═══════════════════════════════════════════════
   v184 — Final mobile shell: bare hamburger + true full-screen app menu
   ═══════════════════════════════════════════════ */
@media (max-width:760px){
  nav{
    min-height:60px!important;
    padding:.56rem .86rem!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:.6rem!important;
    overflow:visible!important;
  }
  nav .nav-brand{flex:1 1 auto!important;display:flex!important;justify-content:center!important;min-width:0!important;position:relative!important;z-index:1103!important;}
  nav .nav-brand img{height:31px!important;max-width:176px!important;object-fit:contain!important;}
  nav .nav-menu-toggle{
    appearance:none!important;-webkit-appearance:none!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:42px!important;height:42px!important;min-width:42px!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;
    background:transparent!important;box-shadow:none!important;color:#FFFDF7!important;
    font-size:0!important;line-height:1!important;font-weight:950!important;
    position:relative!important;z-index:1201!important;
  }
  nav .nav-menu-toggle::before{content:'☰';font-size:29px;line-height:1;font-weight:950;}
  nav.menu-open .nav-menu-toggle::before{content:'×';font-size:34px;line-height:1;}
  nav .nav-right{
    display:none!important;
    position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;
    z-index:1200!important;padding:calc(env(safe-area-inset-top,0px) + 72px) 18px calc(env(safe-area-inset-bottom,0px) + 22px)!important;
    margin:0!important;border:0!important;border-radius:0!important;
    background:linear-gradient(180deg,#17362F 0%,#102E29 100%)!important;
    box-shadow:none!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;
    flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:10px!important;
    max-width:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  nav.menu-open .nav-right{display:flex!important;}
  nav .nav-right::before{
    content:'Dragonfly menu';position:static!important;display:block!important;margin:0 0 2px!important;
    color:rgba(255,253,247,.86)!important;font-size:12px!important;letter-spacing:.17em!important;text-transform:uppercase!important;font-weight:950!important;
  }
  nav .nav-user{
    order:0!important;width:100%!important;margin:0 0 8px!important;padding:0 0 12px!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;background:transparent!important;color:rgba(255,253,247,.72)!important;
    font-size:12px!important;line-height:1.2!important;
  }
  nav .nav-user strong{display:block!important;color:#FFFDF7!important;font-size:15px!important;margin-top:2px!important;font-weight:900!important;}
  nav .app-menu-links{order:1!important;display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;}
  nav .app-menu-link,nav .app-menu-links .app-menu-link{
    display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:50px!important;
    padding:0 14px!important;border-radius:15px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.065)!important;
    color:#FFFDF7!important;text-decoration:none!important;font-size:15.5px!important;font-weight:850!important;text-align:left!important;letter-spacing:.005em!important;
  }
  nav .app-menu-link::after{content:'›'!important;opacity:.55!important;font-size:21px!important;font-weight:800!important;}
  nav .btn-nav,nav .btn-nav-ghost,nav .nav-back{
    order:2!important;width:100%!important;min-height:50px!important;padding:0 14px!important;border-radius:15px!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;font-size:15.5px!important;font-weight:850!important;
    background:rgba(255,255,255,.065)!important;border:1px solid rgba(255,255,255,.12)!important;color:#FFFDF7!important;box-shadow:none!important;
  }
  nav .nav-signout{margin-top:6px!important;background:#FFFDF7!important;color:#17362F!important;border-color:#FFFDF7!important;justify-content:center!important;}
}


/* ═══════════════════════════════════════════════
   v185 — Clean signed-in mobile app menu
   ═══════════════════════════════════════════════ */
@media (max-width:760px){
  nav .nav-menu-toggle,
  nav .nav-menu-toggle:hover,
  nav .nav-menu-toggle:focus{
    border:0!important;background:transparent!important;box-shadow:none!important;border-radius:8px!important;
    width:40px!important;height:40px!important;min-width:40px!important;color:#FFFDF7!important;
  }
  nav .nav-right{gap:8px!important;padding:calc(env(safe-area-inset-top,0px) + 70px) 16px calc(env(safe-area-inset-bottom,0px) + 18px)!important;}
  nav .app-menu-links{display:flex!important;flex-direction:column!important;gap:7px!important;width:100%!important;order:1!important;}
  nav .app-menu-link{min-height:46px!important;border-radius:13px!important;padding:0 13px!important;font-size:14.5px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.11)!important;}
  nav .nav-user{font-size:11.5px!important;margin-bottom:6px!important;padding-bottom:10px!important;}
  nav .nav-user strong{font-size:14px!important;}
  nav a[href*="pricing.html"], nav #nav-get-access, nav .btn-nav:not(.nav-signout), nav .btn-nav-ghost, nav .nav-back{display:none!important;}
  nav .nav-signout{display:flex!important;order:2!important;min-height:48px!important;border-radius:13px!important;justify-content:center!important;margin-top:6px!important;}
}


/* Dragonfly account menu (v46) */
.df-account-wrap{position:relative;display:inline-flex;align-items:center;z-index:50}
.df-account-btn{display:inline-flex;align-items:center;gap:.55rem;border:1px solid rgba(216,199,155,.45);background:rgba(255,255,255,.08);color:#f7f2e8;border-radius:999px;padding:.52rem .82rem;font-weight:800;font-family:var(--font, Nunito, Arial, sans-serif);cursor:pointer;line-height:1;white-space:nowrap}
.df-account-btn:hover,.df-account-btn:focus{background:rgba(255,255,255,.14);outline:none}
.df-account-avatar{width:26px;height:26px;border-radius:999px;background:#d4a006;color:#264540;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:.78rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.df-account-label{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-account-caret{font-size:.8rem;opacity:.9}
.df-account-menu{position:absolute;right:0;top:calc(100% + .55rem);width:min(290px,calc(100vw - 24px));background:#fff;color:#264540;border:1px solid #e5dccb;border-radius:16px;box-shadow:0 18px 42px rgba(0,0,0,.20);padding:.55rem;display:none;z-index:9999;text-align:left}.df-account-menu.open{display:block}
.df-account-summary{padding:.75rem .8rem .65rem;border-bottom:1px solid #f0eadf;margin-bottom:.35rem}.df-account-summary strong{display:block;font-size:.95rem;color:#264540}.df-account-summary span{display:block;font-size:.78rem;color:#6b6660;margin-top:.18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.df-account-item{width:100%;display:flex;align-items:center;gap:.55rem;border:0;background:transparent;color:#264540;text-decoration:none;border-radius:12px;padding:.72rem .8rem;font-weight:800;font-family:var(--font, Nunito, Arial, sans-serif);cursor:pointer;font-size:.92rem}.df-account-item:hover,.df-account-item:focus{background:#f8f6f1;outline:none}.df-account-item.danger{color:#9b2f22}.df-account-divider{height:1px;background:#f0eadf;margin:.35rem .15rem}
@media(max-width:760px){.df-account-label{display:none}.df-account-btn{padding:.44rem}.df-account-menu{position:fixed;right:12px;top:70px}.nav-right.df-menu-open .df-account-wrap{display:inline-flex!important}}