[hidden]{display:none!important}
.mobile-appbar,.mobile-label,.mobile-chart-switch,.mobile-studio-steps,.mobile-studio-summary,.mobile-filter-chips,.mobile-delivery-strip,.mobile-campaign-tabs,.mobile-menu-toggle,.mobile-row-toggle,.mobile-package-toggle,.mobile-campaign-meta{display:none}

@media(max-width:700px){
  :root{--mobile-nav-height:76px;--mobile-gutter:18px}
  html{scroll-padding-top:82px}
  body{min-width:0;background:#0c0c0b;color:var(--ink)}
  main{padding:0 var(--mobile-gutter) calc(var(--mobile-nav-height) + 34px + env(safe-area-inset-bottom));overflow:visible}
  .topbar{display:none}
  .mobile-appbar{position:sticky;top:0;z-index:24;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 calc(var(--mobile-gutter) * -1) 18px;padding:13px var(--mobile-gutter) 12px;background:#0c0c0bf2;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
  .mobile-appbar>div{min-width:0}
  .mobile-event{display:block;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.11em;white-space:nowrap}
  .mobile-event b{font-weight:700}
  .mobile-appbar h1{margin:5px 0 0;font:700 22px/1.15 "Libre Baskerville",Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-appbar .primary{min-width:44px;min-height:44px;padding:9px 12px;justify-content:center;font-size:12px;line-height:1.15}
  .mobile-appbar .primary[hidden]{display:none}

  .sidebar{height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));padding:7px 6px calc(6px + env(safe-area-inset-bottom));align-items:stretch;background:#0d0d0cfa;backdrop-filter:blur(16px)}
  .sidebar nav{align-items:stretch;gap:0}
  .sidebar .nav-item{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:60px;padding:6px 2px;border-radius:8px;font-size:11px;line-height:1;color:#aaa69f}
  .sidebar .nav-item i{width:auto;font-size:19px;line-height:1}
  .sidebar .nav-item.active{color:var(--gold2);background:#e0ae490a;box-shadow:inset 0 -2px var(--gold)}
  .sidebar nav .nav-item span{font-size:11px!important;white-space:nowrap}
  .sidebar nav .nav-item span::after{content:none!important}
  .desktop-label{display:none!important}
  .mobile-label{display:block!important}

  button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}
  .primary,.secondary,.text-button,.catalog-filter{min-height:44px}
  .section-heading{align-items:flex-start;margin:0 0 16px}
  .section-heading h2,.section-heading>button,.section-heading>.section-note{display:none}
  .section-heading p{margin:0;color:#bcb7ae;font-size:13px;line-height:1.5}
  .panel,.metrics article,.package-card,.campaign-card{border-radius:12px}

  #overview.active{display:flex;flex-direction:column;gap:12px}
  #overview .ops-grid{display:contents}
  #overview .actions-panel{order:1}
  #overview .executive-metrics{order:2}
  #overview .targets-panel{order:3}
  #overview .mobile-chart-switch{order:4}
  #overview .visual-grid{order:5}
  #overview .fulfilment-panel{order:6}
  #overview .readiness-panel{order:7}
  .actions-panel{padding:17px 17px 10px;border-color:#e0ae4942;background:#17150f}
  .actions-panel .panel-head,.targets-panel .panel-head{margin-bottom:6px}
  .actions-panel .action:nth-child(n+3),.targets-panel .target-row:nth-child(n+3){display:none}
  .actions-panel .text-button{display:inline-flex;align-items:center;gap:7px;padding:0;color:var(--gold2);font-size:12px;white-space:nowrap}
  .actions-panel .count{padding:3px 6px;color:var(--ink)}
  .action{min-height:58px;padding:10px 0;grid-template-columns:10px 1fr auto}
  .action time{grid-column:auto;order:initial;align-self:start;font-size:11px}
  .action p{font-size:12px}
  .executive-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
  .executive-metrics article{min-height:112px;padding:15px 14px}
  .executive-metrics article>i{position:static;margin:0 0 12px;font-size:19px}
  .executive-metrics article:nth-child(n+3){display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;align-content:center;column-gap:8px;min-height:82px;padding:12px}
  .executive-metrics article:nth-child(n+3)>i{grid-row:1/3;margin:2px 0 0;font-size:17px}
  .executive-metrics article:nth-child(n+3)>span{font-size:11px}
  .executive-metrics article:nth-child(n+3)>strong{font-size:19px;margin:3px 0 0}
  .executive-metrics article:nth-child(n+3)>small{display:none}
  .targets-panel{padding:17px}
  .target-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 0}
  .target-row>:nth-child(2),.target-row>:nth-child(3){display:none}
  .target-row>strong:last-child{font-size:14px;text-align:right}
  .target-row small{font-size:11px}
  .mobile-chart-switch{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;background:#141412;border:1px solid var(--line);border-radius:10px;scroll-margin-top:78px}
  .mobile-chart-switch button{min-height:40px;padding:8px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer}
  .mobile-chart-switch button.active{background:#282319;color:var(--gold2)}
  .visual-grid{display:block;margin:0}
  .visual-grid>[data-chart-panel]{display:none;min-height:0}
  .visual-grid>[data-chart-panel].mobile-chart-active{display:block}
  .visual-grid .panel{padding:17px}
  .target-viz{grid-template-columns:132px 1fr;gap:12px}
  .target-legend{gap:12px}
  .legend-stat strong{font-size:15px}
  .legend-stat span{font-size:11px}
  .funnel-panel.mobile-chart-active{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto}
  .funnel-panel canvas,.conversion-panel canvas{height:190px}
  .funnel-legend{grid-template-columns:1fr 1fr;gap:10px}
  .fulfilment-panel{padding:17px}
  .readiness-panel{margin:0}

  .mobile-filter-chips{display:flex;gap:8px;overflow-x:auto;padding:0 0 3px;scrollbar-width:none}
  .mobile-filter-chips::-webkit-scrollbar{display:none}
  .mobile-filter-chips button{flex:0 0 auto;min-height:44px;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:#141412;color:#bcb7ae;font-size:12px}
  .mobile-filter-chips button.active{border-color:var(--gold);background:#282319;color:var(--gold2)}
  .toolbar{gap:10px;margin-bottom:12px}
  .toolbar .search{min-height:48px;padding:0 14px;border-radius:10px}
  .toolbar .search input{font-size:13px}
  #pipeline .toolbar select,#deliverables .toolbar select{display:none}
  #pipeline .table-scroll,#deliverables .table-scroll{overflow:visible}
  #pipeline tbody,#deliverables tbody{gap:12px}
  #pipeline tr{position:relative;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;padding:16px;border-radius:12px}
  #pipeline td{font-size:12px;min-width:0}
  #pipeline td:first-child{grid-column:1;grid-row:1;padding-right:2px}
  #pipeline td:first-child strong{font-size:14px;line-height:1.35}
  #pipeline td:first-child small{font-size:11px;line-height:1.45}
  #pipeline td:nth-child(2){grid-column:1;grid-row:2;color:#cbc5bb}
  #pipeline td:nth-child(3){grid-column:2;grid-row:1/3;text-align:right;align-self:start;font-size:15px}
  #pipeline td:nth-child(3) .probability{justify-content:flex-end;font:500 10px Manrope,sans-serif}
  #pipeline td:nth-child(4){grid-column:1;grid-row:3}
  #pipeline td:nth-child(4) select{width:auto;min-width:126px;min-height:44px;padding:9px 34px 9px 11px;border-radius:9px}
  #pipeline td:nth-child(5){grid-column:1/-1;grid-row:4;margin-top:5px;padding-top:11px;border-top:1px solid var(--line);font-size:13px;line-height:1.45}
  #pipeline td:nth-child(5)::before{content:'NEXT ACTION';display:block;margin-bottom:4px;color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.12em}
  #pipeline td:nth-child(6){grid-column:1;grid-row:5;align-self:center;font-size:12px}
  #pipeline td:nth-child(7){grid-column:2;grid-row:5;justify-self:end;position:relative;min-height:44px}
  .mobile-menu-toggle,.mobile-row-toggle{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:9px;background:#11110f;color:var(--muted);font-size:18px}
  #pipeline .mini-actions{display:none;position:absolute;right:0;bottom:48px;z-index:4;padding:6px;background:#1c1b18;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 30px #0008}
  #pipeline tr.mobile-menu-open .mini-actions{display:flex}
  #pipeline .mini-actions button{display:grid;place-items:center;width:44px;height:44px;font-size:17px}

  .mobile-studio-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:4px 0 12px;scroll-margin-top:78px}
  .mobile-studio-steps button{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:8px 5px;border:0;border-bottom:2px solid var(--line);background:transparent;color:var(--muted);font-size:12px}
  .mobile-studio-steps button b{display:grid;place-items:center;width:22px;height:22px;border:1px solid currentColor;border-radius:50%;font-size:10px}
  .mobile-studio-steps button.active{border-color:var(--gold);color:var(--gold2)}
  .mobile-studio-summary{display:block;min-height:40px;margin-bottom:12px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#11110f;color:#bcb7ae;font-size:11px;line-height:1.45}
  #studio[data-mobile-step="discover"] .studio-title,#studio[data-mobile-step="discover"] .package-grid,#studio[data-mobile-step="discover"] .builder{display:none}
  #studio[data-mobile-step="compare"] .discovery,#studio[data-mobile-step="compare"] .builder{display:none}
  #studio[data-mobile-step="build"] .discovery,#studio[data-mobile-step="build"] .studio-title,#studio[data-mobile-step="build"] .package-grid{display:none}
  #studio .discovery,#studio .builder{padding:17px;margin:0}
  #studio .panel-head{margin-bottom:16px}
  #studio .discovery-grid{gap:12px}
  #studio .discovery-grid select{min-height:48px;padding:11px 13px}
  #studio #recommend-offer{width:100%;justify-content:center;margin-top:2px}
  #studio .recommendation{grid-template-columns:1fr;padding:14px}
  #studio .recommendation .secondary{width:100%}
  #studio .studio-title{margin:18px 0 12px}
  #studio .studio-title h3{font-size:19px}
  #studio .package-grid{gap:10px}
  #studio .package-card{min-height:0;padding:17px}
  #studio .package-card h3{margin:8px 0 4px}
  #studio .package-card .price{margin-bottom:10px;font-size:22px}
  #studio .package-card:not(.mobile-package-expanded):not(.recommended) ul,#studio .package-card:not(.mobile-package-expanded):not(.recommended) footer{display:none}
  #studio .package-card.recommended{order:-1}
  .mobile-package-toggle{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:42px;margin-top:10px;border:0;background:transparent;color:var(--gold2);font-size:12px;font-weight:700}
  #studio .catalog-item{grid-template-columns:28px 1fr;gap:9px;padding:14px}
  #studio .catalog-item input{width:22px;height:22px}
  #studio .catalog-item .phase{grid-column:2;margin-top:2px}
  #studio .builder-footer{position:sticky;bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));z-index:8;margin:14px -17px -17px;padding:12px 17px;background:#151513f5;backdrop-filter:blur(14px)}
  #studio .builder-footer p{font-size:11px}
  #studio .builder-footer .primary{width:100%;justify-content:center}

  .delivery-summary{display:none!important}
  .mobile-delivery-strip{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#151513;color:#bcb7ae;font-size:12px;white-space:nowrap;overflow-x:auto}
  .mobile-delivery-strip strong{font-family:"Libre Baskerville",Georgia,serif;color:var(--ink)}
  .mobile-delivery-strip i{width:7px;height:7px;border-radius:50%;background:var(--line)}
  #deliverables tr{position:relative;grid-template-columns:44px minmax(0,1fr) 44px;gap:6px 8px;padding:13px;border-radius:12px}
  #deliverables td{font-size:12px;min-width:0}
  #deliverables td:nth-child(1){grid-column:1;grid-row:1;display:grid;place-items:center;min-height:44px}
  .mobile-check-target{display:grid;place-items:center;width:44px;height:44px;cursor:pointer}
  #deliverables td:nth-child(1) input{width:22px;height:22px}
  #deliverables td:nth-child(2){grid-column:2;grid-row:1;align-self:center;font-size:14px;line-height:1.4}
  #deliverables td:nth-child(9){grid-column:3;grid-row:1;display:flex;justify-content:flex-end;min-height:44px}
  #deliverables td:nth-child(3),#deliverables td:nth-child(4),#deliverables td:nth-child(5),#deliverables td:nth-child(6),#deliverables td:nth-child(7),#deliverables td:nth-child(8){display:none;grid-column:2/-1;padding:7px 0;border-top:1px solid #25241f;line-height:1.45}
  #deliverables tr.mobile-expanded td:nth-child(n+3):nth-child(-n+8){display:block}
  #deliverables td:nth-child(3)::before{content:'PHASE & CHANNEL'}
  #deliverables td:nth-child(4)::before{content:'SPONSOR'}
  #deliverables td:nth-child(5)::before{content:'QUANTITY'}
  #deliverables td:nth-child(6)::before{content:'OWNER'}
  #deliverables td:nth-child(7)::before{content:'DUE'}
  #deliverables td:nth-child(8)::before{content:'PROOF'}
  #deliverables tr.mobile-expanded td:nth-child(n+3):nth-child(-n+8)::before{display:block;margin-bottom:3px;color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.11em}
  #deliverables .row-menu{display:none;width:44px;height:44px;margin-left:6px;color:var(--red);font-size:17px}
  #deliverables tr.mobile-expanded td:nth-child(9){grid-column:2/-1;grid-row:8;justify-content:flex-end;margin-top:4px}
  #deliverables tr.mobile-expanded .row-menu{display:grid;place-items:center}

  .campaign-summary{display:none!important}
  .mobile-campaign-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:12px;padding:4px;border:1px solid var(--line);border-radius:11px;background:#141412}
  .mobile-campaign-tabs button{min-height:44px;padding:7px 4px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:11px;font-weight:700}
  .mobile-campaign-tabs button b{display:block;margin-top:2px;color:var(--ink);font:700 15px "Libre Baskerville",Georgia,serif}
  .mobile-campaign-tabs button.active{background:#282319;color:var(--gold2)}
  #campaign .campaign-board{display:block}
  #campaign .campaign-card{display:none;padding:17px}
  #campaign .campaign-card.mobile-status-active{display:block}
  #campaign .campaign-item{padding:16px 0}
  #campaign .campaign-item strong{font-size:14px}
  #campaign .campaign-item p{font-size:12px;line-height:1.5}
  .mobile-campaign-meta{display:flex;gap:12px;margin:9px 0;color:#bcb7ae;font-size:11px}
  .mobile-campaign-meta span{display:inline-flex;align-items:center;gap:5px}
  #campaign .campaign-item button{width:100%;min-height:44px;margin-top:9px;padding:10px 12px;border:1px solid #6b5429;border-radius:8px;background:#211c13;text-align:center;font-size:12px;font-weight:700}
  #campaign .measurement{margin-top:12px;padding:17px}

  dialog{width:100%;max-width:none;max-height:92vh;margin:auto 0 0;border-width:1px 0 0;border-radius:18px 18px 0 0}
  dialog form{padding:20px 18px calc(20px + env(safe-area-inset-bottom))}
  .dialog-head{margin-bottom:18px}
  .dialog-head h2{font-size:23px}
  .icon-button{display:grid;place-items:center;width:44px;height:44px;padding:0}
  .form-grid{gap:13px}
  .form-grid input,.form-grid select,.form-grid textarea{min-height:48px;font-size:14px}
  .dialog-actions{position:sticky;bottom:0;padding-top:12px;background:#151513;flex-direction:column-reverse}
  .dialog-actions button{width:100%;min-height:48px;justify-content:center}
  .toast{left:18px;right:18px;bottom:calc(var(--mobile-nav-height) + 14px + env(safe-area-inset-bottom));text-align:center}
}

@media(max-width:340px){
  .actions-panel .action p{display:none}
  .mobile-appbar .primary{padding-inline:9px}
  .mobile-appbar h1{font-size:20px}
}