:root{
  --green:#123f34;--green2:#1f5d4e;--sage:#e6f1eb;--sage2:#d4e7dc;
  --cream:#f7f7f3;--card:#fff;--ink:#173028;--muted:#6e7c77;
  --orange:#e96d38;--orange-soft:#f8dfd1;--line:#d9e0dc;
  --red:#b94639;--red-soft:#f9e5e1;--gold:#cfa85b;--shadow:0 10px 25px rgba(24,49,40,.07)
}
*{box-sizing:border-box} html,body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}
button,input,select,textarea{font:inherit}.hidden{display:none!important}
#app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}
#sidebar{background:var(--green);color:#fff;position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;z-index:10;min-height:0}
.brand{display:flex;gap:12px;align-items:center;padding:22px 18px;border-bottom:1px solid rgba(255,255,255,.12)}
.brand-mark{width:42px;height:42px;border-radius:50%;background:var(--orange);display:grid;place-items:center;font-weight:800;font-family:Georgia,serif}
.brand-name{font-family:Georgia,serif;font-size:20px;font-weight:700}.brand-sub{font-size:11px;color:#bdd0c8;margin-top:2px}
nav{padding:10px 8px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.nav-btn,.side-link{width:100%;border:0;background:transparent;color:white;text-align:left;padding:9px 10px;border-radius:12px;cursor:pointer;font-size:14px}
.nav-btn:hover,.nav-btn.active,.side-link:hover{background:rgba(255,255,255,.12)}
.nav-btn span{display:inline-block;width:24px;text-align:center;margin-right:5px}
.side-foot{padding:8px;border-top:1px solid rgba(255,255,255,.12);background:var(--green);flex:0 0 auto}
main{min-width:0}
.topbar{height:92px;background:#fbfcfa;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:14px 28px;position:sticky;top:0;z-index:8}
.top-title{flex:1}.top-title h1{margin:2px 0 0;font-family:Georgia,serif;font-size:29px;font-weight:500}.eyebrow{color:var(--muted);font-size:13px}
.top-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.badge{padding:8px 13px;border-radius:999px;font-size:12px;font-weight:700}
.badge.live{background:#e2f2e8;color:#1d6b43}.badge.warn{background:#fff0df;color:#8c5b1c}.badge.off{background:#f7e5e1;color:#9b4237}
.btn{border:1px solid var(--green);padding:9px 14px;border-radius:10px;background:#fff;color:var(--ink);cursor:pointer}.btn:hover{filter:brightness(.98)}
.btn.primary{background:var(--green);color:#fff}.btn.orange{background:var(--orange);border-color:var(--orange);color:#fff}.btn.danger{background:var(--red);border-color:var(--red);color:#fff}.btn.soft{border-color:transparent;background:var(--sage)}
.btn.ghost{background:transparent}.icon-btn{border:0;background:none;font-size:22px}.mobile-only{display:none}
.view{padding:24px;max-width:1500px;margin:0 auto}
.grid{display:grid;gap:16px}.grid.cards4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}
.metric{position:relative;overflow:hidden;min-height:140px}.metric:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:var(--sage);right:-20px;bottom:-35px}
.metric.orange:after{background:var(--orange-soft)}.metric .k{color:var(--muted);font-weight:700;font-size:13px}.metric .v{font-family:Georgia,serif;font-size:34px;font-weight:700;margin:18px 0 7px}.metric .s{color:var(--muted);font-size:12px}
.section-title{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:28px 0 12px}.section-title h2{font-family:Georgia,serif;font-size:21px;margin:0}.section-title p{margin:5px 0 0;color:var(--muted);font-size:13px}
.capacity{min-height:168px}.capacity-head{display:flex;justify-content:space-between;align-items:center;font-weight:700}.big-zero{font-family:Georgia,serif;font-size:30px;color:var(--orange)}
.progress{height:8px;background:#dbe5e0;border-radius:999px;overflow:hidden;margin:10px 0}.progress i{display:block;height:100%;background:var(--green)}
.limit{background:#f3f5f3;border-radius:10px;padding:12px;margin-top:12px;font-size:12px}
.action-list .row,.table-row{display:flex;gap:10px;align-items:center;padding:13px 4px;border-bottom:1px solid var(--line)}.action-list .row:last-child{border-bottom:0}
.row-main{flex:1}.row-main b{display:block}.sub{font-size:11px;color:var(--muted);margin-top:3px}.pill{padding:5px 9px;border-radius:999px;font-size:11px;background:var(--red-soft);color:var(--red)}
.quick{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.quick .btn{width:100%}
.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:15px}table{border-collapse:collapse;width:100%;min-width:900px}
th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);font-size:12px;vertical-align:top}th{background:#f3f6f4;position:sticky;top:0}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 16px}.toolbar input,.toolbar select{min-width:160px}
input,select,textarea{border:1px solid #b9c8c1;background:#fff;border-radius:9px;padding:9px 10px;color:var(--ink)}textarea{min-height:85px;width:100%}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-grid .full{grid-column:1/-1}.field label{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.field input,.field select{width:100%}
.empty{padding:38px;text-align:center;color:var(--muted)}.callout{background:var(--sage);border-radius:13px;padding:14px}.callout.orange{background:var(--orange-soft)}
.modal{position:fixed;inset:0;background:rgba(5,22,17,.5);display:none;align-items:center;justify-content:center;padding:18px;z-index:50}.modal.open{display:flex}.modal-card{position:relative;background:#fff;border-radius:18px;padding:22px;max-width:720px;width:100%;max-height:90vh;overflow:auto}.modal-close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:26px;cursor:pointer}
.toast{position:fixed;right:18px;bottom:18px;background:var(--green);color:#fff;padding:12px 16px;border-radius:10px;opacity:0;transform:translateY(20px);transition:.2s;z-index:70}.toast.show{opacity:1;transform:none}
.scan-box{background:var(--green);color:#fff;border-radius:18px;padding:20px}.scan-box input{width:100%;font-size:20px;margin:12px 0}.camera{position:relative;background:#0e1814;aspect-ratio:16/9;border-radius:14px;overflow:hidden}.camera video{width:100%;height:100%;object-fit:cover}
.item-card{display:grid;grid-template-columns:84px 1fr auto;gap:12px;align-items:center}.thumb{width:84px;height:84px;border-radius:12px;background:var(--sage);object-fit:cover}.stock-actions{display:flex;gap:5px}.stock-actions button{min-width:34px}
.owner-hero{background:linear-gradient(135deg,var(--green),#2b6a5a);color:#fff;border-radius:18px;padding:24px}.owner-hero h2{font-family:Georgia,serif;margin:0 0 6px}
.login-box{max-width:430px;margin:50px auto}.login-box h2{font-family:Georgia,serif;font-size:28px}
.status-ok{color:#1b7047}.status-bad{color:var(--red)}.status-warn{color:#9c6a20}
details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;margin:10px 0}summary{cursor:pointer;font-weight:700}
@media(max-width:1000px){
  .grid.cards4{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:1fr 1fr}
  #app{grid-template-columns:210px 1fr}.top-actions .btn{display:none}
}
@media(max-width:760px){
  #app{display:block}#sidebar{position:fixed;left:-270px;width:250px;height:100vh;height:100dvh;transition:.2s;overflow:hidden}.sidebar-open #sidebar{left:0;box-shadow:20px 0 50px rgba(0,0,0,.2)}
  .mobile-only{display:inline-block}.topbar{height:auto;min-height:78px;padding:12px 14px}.top-title h1{font-size:22px}.view{padding:14px}
  .grid.cards4,.grid.two,.grid.three{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}
  .top-actions{margin-left:auto}.top-actions .badge{font-size:10px;padding:6px 8px}.quick{grid-template-columns:1fr}
  .item-card{grid-template-columns:64px 1fr}.thumb{width:64px;height:64px}.item-card> :last-child{grid-column:1/-1}
}

@supports (padding: max(0px)) {
  @media(max-width:760px){
    .side-foot{padding-bottom:max(8px, env(safe-area-inset-bottom));}
  }
}

/* v6 visual + interactive operations */
.photo-cell{width:60px}
.item-thumb{width:48px;height:48px;border-radius:10px;object-fit:cover;background:var(--sage);border:1px solid var(--line)}
.item-thumb.large{width:118px;height:118px;border-radius:16px}
.item-photo-fallback{width:48px;height:48px;border-radius:10px;background:linear-gradient(145deg,var(--sage),var(--sage2));display:grid;place-items:center;font-weight:800;color:var(--green);border:1px solid var(--line)}
.item-photo-fallback.large{width:118px;height:118px;border-radius:16px;font-size:26px}
.scan-visual{display:grid;grid-template-columns:130px 1fr auto;gap:18px;align-items:center}
.activity-item{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}
.activity-item:last-child{border-bottom:0}
.activity-dot{width:9px;height:9px;border-radius:50%;background:var(--green);margin-top:6px;flex:0 0 auto}
.task-overdue{color:var(--red);font-weight:700}
.task-due{font-size:11px;color:var(--muted)}
.qr-wrap{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.qr-label-preview{background:#fff;border:2px solid #111;border-radius:12px;padding:16px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;max-width:520px}
.qr-label-preview h3{margin:0 0 4px;font-size:18px}
.qr-label-preview .sku{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}
.count-card{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center}
.visual-row{display:flex;gap:10px;align-items:center}
@media(max-width:760px){
  .scan-visual{grid-template-columns:90px 1fr}
  .scan-visual> :last-child{grid-column:1/-1}
  .item-thumb.large,.item-photo-fallback.large{width:90px;height:90px}
  .qr-label-preview{grid-template-columns:1fr;text-align:center}
}
@media print{
  body *{visibility:hidden!important}
  #printLabel,#printLabel *{visibility:visible!important}
  #printLabel{position:absolute;left:0;top:0;width:4in;min-height:2in;border:1px solid #000;padding:14px;background:#fff}
}

/* ===== v8 MOBILE-FIRST VISUAL OPERATIONS ===== */
:root{--page-bg:#f7f1e3}
body{background:var(--page-bg)}
main{background:var(--page-bg)}
body.theme-white{--page-bg:#fff}
body.theme-cream{--page-bg:#f7f1e3}
body.theme-sage{--page-bg:#e8f1e8}
body.theme-taupe{--page-bg:#eee7df}
body.theme-jungle{--page-bg:#0f3016;color-scheme:dark}
body.theme-jungle .card,body.theme-jungle .scan-box,body.theme-jungle .metric,body.theme-jungle .table-wrap,body.theme-jungle .modal-card{background:#173c28;color:#f7f1e3;border-color:#355943}
body.theme-jungle .sub,body.theme-jungle .eyebrow,body.theme-jungle .task-due{color:#c9d8cc}
body.theme-jungle input,body.theme-jungle select,body.theme-jungle textarea{background:#0e2d1b;color:#fff;border-color:#46654e}
body.theme-jungle table th{background:#173c28} body.theme-jungle table td{border-color:#355943}
.dashboard-hero{position:relative;overflow:hidden;border-radius:22px;padding:22px;background:linear-gradient(135deg,#123f34,#245e4e);color:#fff}
.dashboard-hero:after{content:"";position:absolute;right:-18px;bottom:-35px;width:170px;height:170px;border-radius:50%;border:22px solid rgba(255,255,255,.08);box-shadow:-80px -60px 0 -56px rgba(232,92,26,.38)}
.hero-art{position:absolute;right:24px;top:16px;width:145px;height:100px;opacity:.28;pointer-events:none}
.hero-copy{position:relative;z-index:2;max-width:620px}.hero-copy h2{margin:0 0 6px;font-size:28px}.hero-copy p{margin:0;color:#e6efe9}
.hero-actions{position:relative;z-index:2;margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}
.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.quick-tile{min-height:92px;border:1px solid var(--line);background:var(--card);border-radius:16px;padding:14px;text-align:left;cursor:pointer}
.quick-tile b{display:block;margin-top:8px}.quick-icon{font-size:24px}
.what-next{counter-reset:next}.next-step{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}
.next-step:before{counter-increment:next;content:counter(next);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--cream);color:var(--green);font-weight:800}
.next-step:last-child{border-bottom:0}
.search-results{max-height:55vh;overflow-y:auto;-webkit-overflow-scrolling:touch}
.search-result{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:10px 0;border:0;border-bottom:1px solid var(--line);width:100%;background:transparent;text-align:left;color:inherit}
.search-kind{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.mobile-inventory{display:none}
.inventory-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--card);margin-bottom:10px}
.inventory-card-main{display:grid;grid-template-columns:58px 1fr auto;gap:10px;align-items:center;padding:12px;transition:transform .16s ease;background:inherit;position:relative;z-index:2}
.inventory-card.swiped .inventory-card-main{transform:translateX(-145px)}
.inventory-swipe-actions{position:absolute;right:0;top:0;bottom:0;width:145px;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.inventory-swipe-actions button{border:0;font-weight:800}
.inv-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:5px}.mini-badge{font-size:11px;padding:4px 7px;border-radius:999px;background:var(--cream);color:var(--green)}
.favorite-btn{border:0;background:transparent;font-size:22px;cursor:pointer;padding:8px}
.favorite-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.favorite-card{min-width:180px;display:grid;grid-template-columns:46px 1fr;gap:9px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px;background:var(--card);cursor:pointer;text-align:left;color:inherit}
.location-card{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center}.location-code{font-size:32px;font-weight:900;color:var(--green)}
.storage-zone{display:inline-block;padding:6px 10px;border-radius:9px;background:var(--cream);font-weight:800;color:var(--green)}
.reorder-group{margin-bottom:18px}.reorder-group h3{display:flex;justify-content:space-between;gap:10px;align-items:center}
.calendar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.cal-dayname{text-align:center;font-size:11px;font-weight:800;color:var(--muted);padding:4px}.cal-day{min-height:90px;border:1px solid var(--line);border-radius:12px;padding:7px;background:var(--card);overflow:hidden}
.cal-day.other{opacity:.42}.cal-num{font-weight:800;font-size:12px}.cal-event{display:block;width:100%;border:0;text-align:left;font-size:10px;padding:3px 5px;margin-top:4px;border-radius:6px;background:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal-event.prod{background:#e6efe9}.cal-event.event{background:#f7e3d8}.cal-event.task{background:#eee7df}.cal-event.purchase{background:#efe4ba}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme-choice{border:2px solid transparent;border-radius:14px;padding:14px;cursor:pointer;text-align:left;background:var(--card);color:inherit}.theme-choice.active{border-color:var(--orange)}
.theme-swatch{height:40px;border-radius:10px;margin-bottom:8px;border:1px solid rgba(0,0,0,.1)}
.pin-gate{max-width:420px;margin:12vh auto;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;text-align:center}.pin-gate input{text-align:center;font-size:24px;letter-spacing:.25em}
.offline-banner{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;z-index:80;background:#2c2c2c;color:white;padding:9px 14px;border-radius:999px;font-size:12px}
.backup-note{font-size:12px;color:var(--muted)}
@media(max-width:760px){
 .topbar{align-items:flex-start}.top-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6px}.top-actions .btn{min-height:44px;font-size:12px}
 .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-inventory{display:none}.mobile-inventory{display:block}
 .calendar-grid{gap:3px}.cal-day{min-height:68px;padding:4px;border-radius:8px}.cal-event{font-size:8px;padding:2px 3px}
 .location-card{grid-template-columns:84px 1fr}.settings-grid{grid-template-columns:1fr}.hero-art{right:-30px;opacity:.18}
 .btn,.nav-btn,.side-link,.toolbar .btn{min-height:44px}
}

/* ===== v8.1 MOBILE INVENTORY FIX ===== */
.inventory-mobile-card{
  display:none;
  width:100%;
  max-width:100%;
  overflow:hidden;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:16px;
  padding:12px;
  margin:0 0 12px;
  box-shadow:var(--shadow);
}
.inventory-mobile-head{
  display:grid;
  grid-template-columns:64px minmax(0,1fr) 44px;
  gap:10px;
  align-items:center;
  min-width:0;
}
.inventory-photo-button{
  width:64px;height:64px;padding:0;border:0;background:transparent;display:grid;place-items:center;
}
.inventory-mobile-card .item-thumb,
.inventory-mobile-card .item-photo-fallback{
  width:64px;height:64px;border-radius:12px;
}
.inventory-mobile-title{min-width:0}
.inventory-mobile-title b{
  display:block;
  font-size:15px;
  line-height:1.2;
  overflow-wrap:anywhere;
}
.inventory-mobile-sku{
  margin-top:4px;
  font-size:11px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  color:var(--muted);
  overflow-wrap:anywhere;
}
.inventory-mobile-category{margin-top:3px;font-size:11px;color:var(--muted);overflow-wrap:anywhere}
.inventory-mobile-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin-top:12px;
}
.inventory-mobile-facts>div{
  min-width:0;
  background:var(--cream);
  border-radius:10px;
  padding:8px;
}
.inventory-mobile-facts span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.inventory-mobile-facts strong{display:block;margin-top:3px;font-size:12px;overflow-wrap:anywhere}
.inventory-mobile-adjust{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) 72px;
  gap:8px;
  align-items:center;
  margin-top:10px;
}
.inventory-mobile-adjust .btn{width:100%;min-width:0;min-height:46px;font-size:18px;font-weight:800}
.inventory-mobile-qty{text-align:center;font-size:12px;font-weight:700}
.inventory-mobile-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin-top:8px;
}
.inventory-mobile-actions .btn{
  width:100%;
  min-width:0;
  padding:10px 6px;
  min-height:44px;
  font-size:12px;
  white-space:normal;
}
@media(max-width:760px){
  .view{width:100%;max-width:100%;overflow-x:hidden;padding:12px}
  #invTable{width:100%;max-width:100%;min-width:0}
  .mobile-inventory{display:block;width:100%;max-width:100%}
  .inventory-mobile-card{display:block}
  .inventory-card{display:none!important}
  .desktop-inventory{display:none!important}
  #view>.toolbar:first-child{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
    gap:8px;
  }
  #view>.toolbar:first-child input,
  #view>.toolbar:first-child select,
  #view>.toolbar:first-child button{
    width:100%;
    min-width:0;
    max-width:100%;
  }
  /* The <=1000 rule hid all header actions on phones. Keep key phone actions available. */
  .top-actions .btn{display:inline-flex}
  .top-actions{
    width:100%;
    overflow-x:auto;
    flex-wrap:nowrap;
    padding-bottom:4px;
    -webkit-overflow-scrolling:touch;
  }
  .top-actions .btn,.top-actions .badge{flex:0 0 auto}
}
@media(max-width:390px){
  .inventory-mobile-head{grid-template-columns:56px minmax(0,1fr) 40px}
  .inventory-photo-button{width:56px;height:56px}
  .inventory-mobile-card .item-thumb,.inventory-mobile-card .item-photo-fallback{width:56px;height:56px}
  .inventory-mobile-facts{grid-template-columns:1fr 1fr}
  .inventory-mobile-facts>div:last-child{grid-column:1/-1}
  .inventory-mobile-adjust{grid-template-columns:64px minmax(0,1fr) 64px}
}

/* ===== v8.2 KIT RECIPE EDITOR ===== */
.recipe-kit-list{display:grid;gap:9px;margin-top:14px}
.recipe-kit-choice{
  width:100%;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;
  border:1px solid var(--line);background:var(--card);color:inherit;border-radius:14px;padding:10px;text-align:left;
}
.recipe-kit-choice .item-thumb,.recipe-kit-choice .item-photo-fallback{width:52px;height:52px}
.recipe-kit-choice span{min-width:0}.recipe-kit-choice b{display:block}
.recipe-editor-head{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:center;margin-bottom:16px}
.recipe-editor-head h2{margin:2px 0 4px}
.recipe-rows{display:grid;gap:10px}
.recipe-row{
  display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;align-items:start;
  border:1px solid var(--line);border-radius:14px;padding:10px;background:var(--card)
}
.recipe-row-photo .item-thumb,.recipe-row-photo .item-photo-fallback{width:54px;height:54px}
.recipe-row-fields{display:grid;grid-template-columns:minmax(0,2fr) minmax(110px,.7fr);gap:8px;min-width:0}
.recipe-row-fields .full{grid-column:1/-1}
.recipe-remove{align-self:center}
@media(max-width:760px){
 .recipe-editor-head{grid-template-columns:82px minmax(0,1fr)}
 .recipe-editor-head .item-thumb.large,.recipe-editor-head .item-photo-fallback.large{width:82px;height:82px}
 .recipe-row{grid-template-columns:48px minmax(0,1fr)}
 .recipe-row-photo .item-thumb,.recipe-row-photo .item-photo-fallback{width:48px;height:48px}
 .recipe-row-fields{grid-template-columns:1fr}
 .recipe-row-fields .full{grid-column:auto}
 .recipe-remove{grid-column:1/-1;width:100%;min-height:44px}
}

/* ===== v8.3 SIDE TABS + THEME SETTINGS ===== */
.recipe-menu-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:14px;
  padding:12px;
  background:var(--card);
}
.recipe-menu-main{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:10px;
  align-items:center;
  min-width:0;
}
.recipe-menu-main .item-thumb,
.recipe-menu-main .item-photo-fallback{width:52px;height:52px}
.recipe-menu-main b{display:block;overflow-wrap:anywhere}

/* Desktop/tablet collapsible sidebar */
body.sidebar-collapsed #app{grid-template-columns:0 minmax(0,1fr)}
body.sidebar-collapsed #sidebar{
  width:0!important;
  min-width:0!important;
  overflow:hidden!important;
  border:0;
}
body.sidebar-collapsed main{grid-column:1/-1}

/* Small floating restore button on larger screens when menu is hidden */
body.sidebar-collapsed .topbar:before{
  content:"☰";
  display:grid;
  place-items:center;
  width:40px;
  min-width:40px;
  height:40px;
  border-radius:10px;
  background:var(--cream);
  color:var(--green);
  font-weight:900;
}

/* On phone, keep the existing hamburger / slide-out menu behavior */
@media(max-width:760px){
  .recipe-menu-card{grid-template-columns:1fr}
  .recipe-menu-card>.btn{width:100%;min-height:44px}
  body.sidebar-collapsed #app{display:block}
  body.sidebar-collapsed #sidebar{
    width:250px!important;
    min-width:250px!important;
    overflow:hidden!important;
  }
  body.sidebar-collapsed .topbar:before{display:none}
}

/* ===== v8.4 STABILITY + PROFILE ===== */
.title-with-avatar{display:flex;align-items:center;gap:12px;min-width:0}
.profile-avatar-btn{width:44px;height:44px;border:0;border-radius:50%;padding:0;overflow:hidden;background:var(--cream);color:var(--green);font-weight:900;display:grid;place-items:center;flex:0 0 auto;cursor:pointer}
.profile-avatar-btn img{width:100%;height:100%;object-fit:cover}
.profile-card-large{display:flex;gap:14px;align-items:center;margin:14px 0}
.profile-preview{width:88px;height:88px;border-radius:50%;overflow:hidden;background:var(--cream);display:grid;place-items:center;color:var(--green);font-size:28px;font-weight:900;flex:0 0 auto}
.profile-preview img{width:100%;height:100%;object-fit:cover}
@media(max-width:760px){.title-with-avatar{align-items:flex-start}.profile-avatar-btn{width:42px;height:42px}}

/* ===== v8.4.1 DISTINCT THEMES ===== */
body.theme-cream{
  --page-bg:#F5EDD8;
  --card:#FFF9EC;
  --cream:#F5EDD8;
  --line:#E0D2B4;
  --muted:#786A58;
  --green:#0F3016;
  --orange:#E85C1A;
}
body.theme-white{
  --page-bg:#FFFFFF;
  --card:#FFFFFF;
  --cream:#F6F7F3;
  --line:#D9DED6;
  --muted:#647067;
  --green:#143B22;
  --orange:#E85C1A;
}
body.theme-sage{
  --page-bg:#DCE9DD;
  --card:#F4F8F3;
  --cream:#EAF2E7;
  --line:#BFD0BF;
  --muted:#5E7061;
  --green:#244A2D;
  --orange:#D96A2D;
}
body.theme-taupe{
  --page-bg:#D8C8BB;
  --card:#F3ECE6;
  --cream:#E8DDD4;
  --line:#C6B2A2;
  --muted:#6B5D54;
  --green:#304237;
  --orange:#C96834;
}
body.theme-jungle{
  --page-bg:#081C11;
  --card:#12301D;
  --cream:#1A4027;
  --line:#31533A;
  --muted:#B8C8BC;
  --green:#E9F3EA;
  --orange:#F47B35;
  color-scheme:dark;
}
body.theme-jungle main,
body.theme-jungle .view{background:#081C11}
body.theme-jungle .card,
body.theme-jungle .scan-box,
body.theme-jungle .metric,
body.theme-jungle .table-wrap,
body.theme-jungle .modal-card,
body.theme-jungle .quick-tile,
body.theme-jungle .favorite-card,
body.theme-jungle .recipe-menu-card,
body.theme-jungle .inventory-mobile-card{
  background:#12301D;
  color:#F4F8F3;
  border-color:#31533A;
}
body.theme-jungle input,
body.theme-jungle select,
body.theme-jungle textarea{
  background:#0D2517;
  color:#FFFFFF;
  border-color:#42664A;
}
body.theme-jungle .sub,
body.theme-jungle .search-kind,
body.theme-jungle .task-due,
body.theme-jungle .backup-note{color:#B8C8BC}
body.theme-jungle .mini-badge,
body.theme-jungle .storage-zone,
body.theme-jungle .next-step:before{
  background:#1F4D30;
  color:#F4F8F3;
}
body.theme-jungle table th{background:#173A24}
body.theme-jungle table td{border-color:#31533A}

/* stronger hero distinction per theme */
body.theme-cream .dashboard-hero{background:linear-gradient(135deg,#0F3016,#2D5A36)}
body.theme-white .dashboard-hero{background:linear-gradient(135deg,#173B27,#5C7C62)}
body.theme-sage .dashboard-hero{background:linear-gradient(135deg,#55735A,#8BA78C)}
body.theme-taupe .dashboard-hero{background:linear-gradient(135deg,#6F5A4B,#A87A5B)}
body.theme-jungle .dashboard-hero{background:linear-gradient(135deg,#06120B,#1B4A2A)}

/* ===== v8.5 PURCHASE TRACKING + ALERTS ===== */
.notify-btn{position:relative}
.notify-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--orange);color:#fff;font-size:10px;font-weight:900;margin-left:4px}
.notification-list{display:grid;gap:4px}
.notification-row{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;text-align:left;padding:10px 2px}
.notification-icon{width:38px;height:38px;border-radius:10px;background:var(--cream);display:grid;place-items:center}
.notification-row b,.notification-row .sub{display:block}
.purchase-cards{display:grid;gap:10px}
.purchase-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.purchase-status{font-weight:800;padding:6px 9px;border-radius:999px;background:var(--cream)}
.purchase-actions{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap}
.status-mid{color:#6b5a18}
@media(max-width:760px){
  .purchase-card{grid-template-columns:1fr}
  .purchase-status{justify-self:start}
  .purchase-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .purchase-actions .btn{width:100%;padding:9px 5px;font-size:11px}
}

/* ===== v8.6 UNIFIED PHOTO SYSTEM ===== */
.photo-manager{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;align-items:center}
.photo-manager-preview .item-thumb,.photo-manager-preview .item-photo-fallback{width:130px;height:130px;border-radius:18px}
.photo-manager-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.photo-action-strip{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.mini-photo-btn{min-height:34px!important;padding:6px 8px!important;font-size:11px!important;margin-top:6px}
@media(max-width:760px){
 .photo-manager{grid-template-columns:92px minmax(0,1fr)}
 .photo-manager-preview .item-thumb,.photo-manager-preview .item-photo-fallback{width:92px;height:92px}
 .photo-manager-actions{display:grid;grid-template-columns:1fr}
 .photo-manager-actions .btn{width:100%;min-height:44px}
 .photo-action-strip{display:grid;grid-template-columns:1fr 1fr}
 .photo-action-strip .btn{width:100%;min-height:44px}
}

/* ===== v9.0 VIBRANT SAFARI HQ ===== */
.hq-shell{display:grid;gap:16px}
.hq-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:22px;border-radius:20px;background:linear-gradient(135deg,var(--green),#294d31);color:#fff}
.hq-hero h2{margin:4px 0 6px;font-size:28px}.hq-hero p{margin:0;opacity:.88}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.14em;opacity:.8}
.hq-launch{min-width:150px;padding:16px;border-radius:16px;background:rgba(255,255,255,.12);display:grid;gap:3px}.hq-launch b{font-size:18px}.hq-launch span{font-size:12px;opacity:.8}
.hq-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:3px;scrollbar-width:none;position:sticky;top:0;z-index:5;background:var(--page-bg);padding-top:6px}
.hq-tab{border:1px solid var(--line);background:var(--card);color:inherit;border-radius:999px;padding:10px 14px;font-weight:800;white-space:nowrap;display:flex;gap:6px;align-items:center}
.hq-tab.active{background:var(--green);color:#fff;border-color:var(--green)}
.hq-section{display:none;gap:16px}.hq-section.active{display:grid}
.hq-metrics .metric{min-height:110px}
.buy-rank,.purchase-priority,.credit-row,.event-mini,.idea-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.buy-rank>span,.priority-num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--cream);font-weight:900}
.priority-right{display:grid;text-align:right}.priority-right span{font-size:12px;color:var(--muted)}
.mini-panel{padding:14px;border-radius:14px;background:var(--cream);display:grid;gap:3px}.mini-panel strong{font-size:24px}.mini-panel span{font-size:12px;color:var(--muted)}
.decision-box{margin-top:12px;padding:14px;border-radius:14px;background:var(--cream)}.good-text{color:#27753a}.bad-text{color:#a03a2d}
.supplier-grid,.creative-launch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.supplier-link,.creative-btn{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:inherit;text-decoration:none;font-weight:800}
.creative-btn{display:grid;gap:4px}.creative-btn span{font-size:12px;color:var(--muted);font-weight:600}
.idea-row{grid-template-columns:90px minmax(0,1fr) auto}.idea-row span{font-size:11px;font-weight:900;text-transform:uppercase}.idea-row small{color:var(--muted)}
.brand-swatches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.brand-swatch{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--card);padding:8px;color:inherit}
.brand-swatch>span{width:34px;height:34px;border-radius:9px;border:1px solid rgba(0,0,0,.08)}.brand-swatch small{font-family:monospace}
.chip-row{display:flex;gap:7px;flex-wrap:wrap}.chip{padding:7px 9px;border-radius:999px;background:var(--cream);font-size:12px;font-weight:800}
.content-pipeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:12px 0}.pipeline-col{padding:12px;border-radius:12px;background:var(--cream);display:grid;gap:5px;text-align:center}.pipeline-col span{font-size:22px;font-weight:900}
.caption-results{display:grid;gap:8px;margin-top:10px}.caption-card{padding:12px;border-radius:12px;background:var(--cream)}.caption-card p{margin:6px 0}
@media(max-width:900px){.hq-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.content-pipeline{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
 .hq-hero{align-items:flex-start;flex-direction:column}.hq-hero h2{font-size:23px}.hq-launch{width:100%}
 .hq-tabs{margin:0 -12px;padding-left:12px;padding-right:12px}
 .supplier-grid,.creative-launch,.brand-swatches{grid-template-columns:1fr}
 .content-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}
 .idea-row{grid-template-columns:70px minmax(0,1fr)}.idea-row small{grid-column:2}
 .purchase-priority{grid-template-columns:auto minmax(0,1fr)}.priority-right{grid-column:2;text-align:left}
}

/* ===== v9.2 GROUPED SIDEBAR + APPROVED LOGO ===== */
.brand-logo-wrap{
  padding:14px 12px 12px!important;
  display:block!important;
}
.sidebar-brand-logo{
  display:block;
  width:100%;
  max-width:205px;
  height:auto;
  margin:0 auto;
  border-radius:10px;
  object-fit:contain;
}
.sidebar-group{
  padding:5px 8px 8px;
}
.sidebar-group + .sidebar-group{
  border-top:1px solid rgba(255,255,255,.11);
  margin-top:4px;
  padding-top:11px;
}
.sidebar-group-title{
  padding:4px 10px 7px;
  font-size:9px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.12em;
  color:rgba(255,255,255,.52);
}
.sidebar-group .nav-btn{
  width:100%;
  margin:1px 0;
}
.sidebar-group .nav-btn.active{
  background:rgba(255,255,255,.15);
}
body.sidebar-collapsed .sidebar-group-title{
  display:none;
}
body.sidebar-collapsed .sidebar-brand-logo{
  width:42px;
  height:42px;
  object-fit:cover;
  object-position:left center;
  border-radius:50%;
}
@media(max-width:760px){
  .sidebar-brand-logo{max-width:180px}
  .sidebar-group{padding-left:6px;padding-right:6px}
}

/* ===== v9.2.1 APPROVED LOGO ===== */
.sidebar-brand-logo{
  max-width:220px;
  width:100%;
  height:auto;
  object-fit:contain;
  background:transparent;
  border-radius:0;
}
body.sidebar-collapsed .sidebar-brand-logo{
  width:46px;
  height:46px;
  object-fit:cover;
  object-position:left center;
  border-radius:50%;
}

/* ===== v9.2.2 SIDEBAR LAYOUT FIX ===== */
#sidebar{
  overflow:hidden;
}
.brand-logo-wrap{
  flex:0 0 auto;
  padding:12px 14px 10px!important;
  min-height:0!important;
}
.sidebar-brand-logo{
  width:100%;
  max-width:205px;
  max-height:72px;
  object-fit:contain;
  object-position:left center;
  margin:0;
}
#nav{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  padding-top:8px;
}
.sidebar-group{
  padding-top:3px;
  padding-bottom:6px;
}
.sidebar-group-title{
  padding-top:3px;
  padding-bottom:5px;
}
.side-foot{
  flex:0 0 auto;
}
@media(max-width:760px){
  .brand-logo-wrap{padding:10px 12px 8px!important}
  .sidebar-brand-logo{max-width:190px;max-height:66px}
}

/* ===== v9.2.3 TOP HEADER FIX ===== */
:root{
  --topbar-min-height:92px;
}
#app,
.app-shell,
main,
.main,
.main-content{
  min-width:0;
}
.topbar,
#topbar{
  position:relative;
  z-index:20;
  min-height:var(--topbar-min-height);
  height:auto!important;
  overflow:visible!important;
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:14px 18px 12px!important;
  flex-wrap:wrap;
  background:var(--card);
}
.topbar-left,
.topbar .title-with-avatar,
#topbar .title-with-avatar{
  flex:1 1 240px;
  min-width:220px;
}
.topbar-actions,
.header-actions,
.top-actions{
  display:flex;
  flex:1 1 520px;
  gap:8px;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  min-width:0;
}
#viewTitle{
  margin:0!important;
  line-height:1.02!important;
}
#viewSubtitle{
  margin:4px 0 0!important;
}
.view,
.view-wrap,
.content,
#content{
  padding-top:0!important;
}
@media(max-width:1100px){
  .topbar,
  #topbar{
    padding:12px 14px!important;
  }
  .topbar-actions,
  .header-actions,
  .top-actions{
    justify-content:flex-start;
    flex-basis:100%;
  }
}
@media(max-width:760px){
  :root{--topbar-min-height:0px}
  .topbar,
  #topbar{
    min-height:0;
    gap:10px;
    padding:10px 12px!important;
  }
  .topbar-left,
  .topbar .title-with-avatar,
  #topbar .title-with-avatar{
    flex-basis:100%;
    min-width:0;
  }
  .topbar-actions,
  .header-actions,
  .top-actions{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }
  .topbar-actions .btn,
  .header-actions .btn,
  .top-actions .btn{
    width:100%;
    min-width:0;
  }
}

/* ===== v9.2.7 WHITE LOGO HEADER ===== */
.brand-logo-wrap{
  background:#FFFFFF!important;
  border-bottom:1px solid rgba(15,48,22,.10);
  padding:14px 14px 12px!important;
}
.sidebar-brand-logo{
  display:block;
  width:100%;
  max-width:210px;
  max-height:74px;
  object-fit:contain;
  object-position:left center;
  margin:0 auto;
  background:#FFFFFF;
}
body.sidebar-collapsed .brand-logo-wrap{
  background:#FFFFFF!important;
  padding:8px!important;
}
body.sidebar-collapsed .sidebar-brand-logo{
  width:46px;
  height:46px;
  max-width:46px;
  max-height:46px;
  object-fit:cover;
  object-position:left center;
  border-radius:50%;
}
@media(max-width:760px){
  .brand-logo-wrap{padding:12px!important}
  .sidebar-brand-logo{max-width:190px;max-height:68px}
}

/* ===== v9.3 CREATIVE STUDIO PRO ===== */
.creative-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mockup-card{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:0;overflow:hidden;text-align:left;color:inherit}
.mockup-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#fff}
.mockup-card span{display:grid;gap:3px;padding:10px}.mockup-card small{color:var(--muted);line-height:1.35}
.creative-preview img{width:100%;max-height:68vh;object-fit:contain;background:#fff;border-radius:14px}
.marketing-controls{margin:10px 0}.marketing-results{display:grid;gap:14px;margin-top:14px}
.marketing-card{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:14px}
.marketing-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--line)}
.marketing-card-head span{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--orange)}
.marketing-card-head small{color:var(--muted)}
.marketing-block{padding:12px 0;border-bottom:1px solid var(--line)}.marketing-block>b,.marketing-grid b{font-size:10px;letter-spacing:.10em}
.marketing-block p,.marketing-grid p{margin:6px 0;line-height:1.5}.preserve-lines{white-space:pre-line}
.marketing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:12px}
.marketing-grid>div{padding:12px;background:var(--cream);border-radius:12px}
.toolbar.compact{gap:6px}
@media(max-width:1000px){.creative-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .creative-gallery{grid-template-columns:1fr}
 .marketing-grid{grid-template-columns:1fr}
 .marketing-card-head{align-items:flex-start;flex-direction:column}
}

/* ===== v9.4 CREATIVE LIBRARY ===== */
.creative-subnav{display:flex;gap:8px;overflow:auto;padding:2px 0 10px;margin-bottom:8px}
.creative-subtab{border:1px solid var(--line);background:var(--card);color:inherit;border-radius:999px;padding:9px 13px;font-weight:800;white-space:nowrap}
.creative-subtab.active{background:var(--green);color:#fff;border-color:var(--green)}
.creative-panel{display:none}.creative-panel.active{display:block}
.creative-filter-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}
.creative-filter{border:1px solid var(--line);background:var(--card);color:inherit;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}
.creative-filter.active{background:var(--cream)}
.mockup-card{display:grid;grid-template-rows:auto 1fr}
.mockup-image-btn{padding:0;border:0;background:transparent;cursor:pointer}
.mockup-meta{display:grid;gap:6px;padding:10px}
.mockup-status{display:inline-block;width:max-content;padding:4px 7px;border-radius:999px;background:var(--cream);font-size:10px;font-weight:900;letter-spacing:.08em}
.mockup-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:3px}
.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.asset-card{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:12px;display:grid;gap:10px}
.asset-card>img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#fff;border-radius:10px}
.text-card{align-content:start}
.mockup-use-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media(max-width:760px){
 .asset-grid,.mockup-use-grid{grid-template-columns:1fr}
}

/* ===== v9.5 MERCH DESIGN STUDIO ===== */
.merch-results{display:grid;gap:14px;margin-top:14px}
.merch-card{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:14px}
.merch-concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px 0}
.merch-concept-grid>div{padding:12px;border-radius:12px;background:var(--cream)}
.merch-concept-grid b,.rule-list b{font-size:10px;letter-spacing:.08em}
.merch-concept-grid p{line-height:1.45}
.rule-list{display:grid;gap:9px}
.rule-list>div{display:grid;gap:2px;padding:10px 0;border-bottom:1px solid var(--line)}
.rule-list span{font-size:12px;color:var(--muted);line-height:1.4}
@media(max-width:760px){.merch-concept-grid{grid-template-columns:1fr}}

/* ===== v9.6 EMAIL + SASS STUDIO ===== */
.email-results{display:grid;gap:12px;margin-top:14px}
.email-template-card{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:14px}
.email-subject{padding:12px 0;border-bottom:1px solid var(--line)}
.email-subject>b{font-size:10px;letter-spacing:.1em}.email-subject p{font-size:18px;font-weight:800;margin:6px 0}
.quick-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.quick-email{padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--cream);color:inherit;text-align:left;font-weight:800}
.sayings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.saying-result{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:inherit;text-align:left;display:grid;gap:6px}
.saying-result span{font-size:17px;font-weight:850;line-height:1.25}.saying-result small{color:var(--muted)}
.starter-sayings{display:flex;gap:8px;flex-wrap:wrap}
.saying-chip{padding:9px 12px;border-radius:999px;border:1px solid var(--line);background:var(--cream);color:inherit;font-weight:750}
@media(max-width:760px){.quick-template-grid,.sayings-grid{grid-template-columns:1fr}}

/* ===== v10 ONE-STOP BUSINESS STUDIO ===== */
.studio-shell{display:grid;gap:14px}
.studio-hero{background:linear-gradient(135deg,var(--card),var(--cream));border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;justify-content:space-between;gap:18px;align-items:center}
.studio-hero h2{font-size:30px;margin:5px 0}.studio-hero p{max-width:760px;color:var(--muted);line-height:1.5}
.studio-hero-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.studio-tabs{display:flex;gap:7px;overflow-x:auto;padding-bottom:3px}
.studio-tab{border:1px solid var(--line);border-radius:999px;background:var(--card);color:inherit;padding:9px 12px;font-weight:850;white-space:nowrap}
.studio-tab.active{background:var(--green);color:#fff;border-color:var(--green)}
.studio-panel{display:none}.studio-panel.active{display:block}
.studio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.studio-item-card{border:1px solid var(--line);border-radius:15px;background:var(--card);padding:13px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;min-height:175px}
.studio-item-icon{width:38px;height:38px;border-radius:11px;background:var(--cream);display:grid;place-items:center;font-size:19px}
.studio-item-copy{min-width:0}.studio-item-copy small{font-size:10px;letter-spacing:.08em;color:var(--muted);font-weight:850}.studio-item-copy h3{margin:4px 0 5px}.studio-item-copy p{color:var(--muted);font-size:12px;line-height:1.45;margin:0}
.studio-item-card>.studio-build{grid-column:1/-1;justify-self:start}
.saved-studio-list{display:grid;gap:9px}.saved-project{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:13px;display:flex;justify-content:space-between;gap:12px}.saved-project h3{margin:4px 0}.saved-project p{margin:0;color:var(--muted)}.saved-project span,.saved-project small{font-size:11px;color:var(--muted)}.saved-project-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.studio-builder .span-2{grid-column:1/-1}.studio-output{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.studio-output-block{background:var(--cream);border-radius:13px;padding:12px}.studio-output-block>b{font-size:10px;letter-spacing:.1em}.studio-output-block p{line-height:1.5}.studio-output-block ul{padding-left:18px;line-height:1.55}
@media(max-width:1100px){.studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .studio-hero{align-items:flex-start;flex-direction:column}.studio-hero-actions{justify-content:flex-start}
 .studio-grid,.studio-output{grid-template-columns:1fr}.saved-project{flex-direction:column}
 .studio-builder .span-2{grid-column:auto}
}

/* ===== v10.1 ADOBE BRAND BOARDS ===== */
.brand-source-banner{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px;border:1px solid rgba(15,48,22,.16);border-radius:16px;background:linear-gradient(135deg,#fff,#f5edd8)}
.brand-source-banner h3{margin:4px 0 5px}.brand-source-banner p{margin:0;max-width:760px;color:var(--muted);line-height:1.45}
.studio-block-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin:18px 0 10px}.studio-block-title h3{margin:0 0 3px}.studio-block-title p{margin:0;color:var(--muted);font-size:12px}
.adobe-board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.adobe-board-card{border:1px solid var(--line);border-radius:15px;background:var(--card);padding:13px;display:grid;gap:7px;align-content:start}
.adobe-board-card h3{margin:0;font-size:16px;line-height:1.25}.adobe-board-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.adobe-board-card>small{font-size:10px;font-weight:900;letter-spacing:.1em;color:var(--muted)}
.adobe-board-top{display:flex;justify-content:space-between;gap:8px;align-items:center}
.adobe-badge{background:#5a31f4;color:#fff;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:950;letter-spacing:.12em}
.adobe-status{font-size:10px;color:var(--muted);font-weight:800}
.adobe-board-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#efeaff,#fff0e8);font-size:20px}
.adobe-board-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
@media(max-width:1100px){.adobe-board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.brand-source-banner{align-items:flex-start;flex-direction:column}.adobe-board-grid{grid-template-columns:1fr}}

/* ===== v11 COMPANY OS ===== */
.company-shell{display:grid;gap:14px}
.company-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:18px;background:linear-gradient(135deg,var(--card),var(--cream))}
.company-hero h2{font-size:28px;margin:5px 0}.company-hero p{margin:0;color:var(--muted);max-width:760px;line-height:1.5}
.company-health{min-width:170px;text-align:center;padding:14px;background:var(--card);border-radius:15px;border:1px solid var(--line);display:grid;gap:3px}.company-health strong{font-size:34px}.company-health span{font-weight:900}.company-health small{color:var(--muted)}
.co-tabs{display:flex;gap:7px;overflow-x:auto}.co-tab{border:1px solid var(--line);border-radius:999px;background:var(--card);color:inherit;padding:9px 12px;font-weight:850;white-space:nowrap}.co-tab.active{background:var(--green);color:#fff;border-color:var(--green)}
.co-panel{display:none}.co-panel.active{display:block}
.priority-list{display:grid;gap:7px}.priority-row{width:100%;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:inherit;text-align:left}.priority-row>span{width:30px;height:30px;border-radius:50%;background:var(--cream);display:grid;place-items:center;font-weight:900}.priority-row small{display:block;color:var(--orange);font-weight:900;letter-spacing:.08em}.priority-row b{display:block}.priority-row p{margin:2px 0 0;color:var(--muted);font-size:11px}.priority-row em{font-style:normal;font-size:11px}
.readiness-pill{background:var(--cream);padding:8px 11px;border-radius:999px}.readiness-bar{height:9px;background:var(--line);border-radius:999px;overflow:hidden;margin:8px 0 14px}.readiness-bar span{display:block;height:100%;background:var(--orange);border-radius:999px}
.pricing-row{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.pricing-row div{display:grid;gap:2px}.pricing-row small{color:var(--muted)}
.supplier-product-grid,.event-plan-grid,.asset-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.supplier-product,.event-plan,.asset-index{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:12px}.supplier-product small,.event-plan small,.asset-index small{font-size:10px;color:var(--muted);font-weight:900;letter-spacing:.08em}.supplier-product h3,.event-plan h3,.asset-index h3{margin:4px 0}.supplier-product p,.event-plan p,.asset-index p{font-size:12px;color:var(--muted)}
.customer-note,.product-idea,.doc-row{display:flex;flex-direction:column;gap:3px;padding:10px 0;border-bottom:1px solid var(--line)}.customer-note small,.product-idea small,.doc-row small{color:var(--muted);font-size:10px}.customer-note span,.customer-note em,.product-idea span,.doc-row span{font-size:11px;color:var(--muted)}.customer-note em{font-style:normal}.doc-row{flex-direction:row;justify-content:space-between;align-items:center}.doc-row>div{display:grid;gap:2px}
@media(max-width:1000px){.supplier-product-grid,.event-plan-grid,.asset-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.company-hero{align-items:flex-start;flex-direction:column}.company-health{width:100%}.supplier-product-grid,.event-plan-grid,.asset-index-grid{grid-template-columns:1fr}.priority-row{grid-template-columns:30px 1fr}.priority-row em{display:none}.doc-row{align-items:flex-start;flex-direction:column}}

/* ===== v11.1 HELP CENTER ===== */
.help-shell{display:grid;gap:14px}
.help-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:18px;background:linear-gradient(135deg,var(--card),var(--cream))}
.help-hero h2{font-size:30px;margin:4px 0}.help-hero p{margin:0;max-width:760px;color:var(--muted);line-height:1.5}
.help-search input{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:var(--card);color:inherit}
.help-section{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:14px}
.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.help-card{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--cream)}
.help-card>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--card);font-size:11px;font-weight:950}
.help-card b{display:block}.help-card p{margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.45}
.help-cheats{display:flex;gap:7px;flex-wrap:wrap}.tour-card p{font-size:15px;line-height:1.55}
@media(max-width:760px){.help-hero{align-items:flex-start;flex-direction:column}.help-grid{grid-template-columns:1fr}}

/* ===== v11.2 POLISHED UI / FINAL PASS ===== */
:root{
  --page-gap:18px;
  --card-radius:16px;
  --page-max:1440px;
}

/* overall page breathing room */
#view{
  max-width:var(--page-max);
  margin:0 auto;
  padding:18px 18px 32px!important;
}
.hq-shell,.studio-shell,.company-shell,.help-shell{
  gap:var(--page-gap)!important;
}
.card,.metric,.mini-panel,.studio-item-card,.adobe-board-card,.supplier-product,.event-plan,.asset-index,.help-section,.help-card,.saved-project{
  border-radius:var(--card-radius)!important;
}

/* consistent section rhythm */
.section-title{
  margin-bottom:12px!important;
  align-items:flex-start!important;
}
.section-title h2{
  margin:0 0 4px!important;
  line-height:1.15!important;
}
.section-title p{
  margin:0!important;
  line-height:1.45!important;
}
.grid{
  gap:14px!important;
}
.toolbar{
  gap:8px!important;
  flex-wrap:wrap!important;
}
.form-grid{
  gap:12px!important;
}
.form-grid label{
  gap:6px!important;
}
input,select,textarea{
  min-height:42px;
  padding:10px 11px!important;
  border-radius:10px!important;
}
textarea{min-height:92px}

/* cards feel less crowded */
.card{
  padding:16px!important;
}
.metric{
  padding:15px!important;
}
.metric span,.metric small{
  line-height:1.35;
}
.metric strong{
  margin-top:4px;
  line-height:1.05;
}

/* top hero consistency */
.hq-hero,.studio-hero,.company-hero,.help-hero{
  padding:20px!important;
  border-radius:18px!important;
  gap:18px!important;
}
.hq-hero h2,.studio-hero h2,.company-hero h2,.help-hero h2{
  line-height:1.06!important;
}
.hq-hero p,.studio-hero p,.company-hero p,.help-hero p{
  line-height:1.5!important;
}

/* tab rows: clean and scrollable instead of crammed */
.hq-tabs,.studio-tabs,.co-tabs,.creative-subnav{
  padding:2px 0 6px!important;
  gap:8px!important;
  overflow-x:auto!important;
  scrollbar-width:thin;
}
.hq-tab,.studio-tab,.co-tab,.creative-subtab{
  min-height:40px;
  padding:9px 13px!important;
}

/* business studio */
.studio-grid{
  gap:14px!important;
}
.studio-item-card{
  min-height:190px!important;
  padding:15px!important;
}
.studio-item-copy p{
  line-height:1.5!important;
}
.brand-source-banner{
  padding:18px!important;
  margin-bottom:4px;
}
.studio-block-title{
  margin:22px 0 10px!important;
}
.adobe-board-grid{
  gap:14px!important;
}
.adobe-board-card{
  padding:15px!important;
}

/* company OS */
.priority-list{gap:9px!important}
.priority-row{padding:12px!important}
.supplier-product-grid,.event-plan-grid,.asset-index-grid{
  gap:14px!important;
}
.company-health{
  min-width:190px!important;
}
.readiness-bar{
  margin:10px 0 18px!important;
}

/* creative studio */
.creative-gallery,.asset-grid,.marketing-results,.merch-results{
  gap:14px!important;
}
.mockup-card,.marketing-card,.merch-card,.asset-card{
  border-radius:15px!important;
}
.marketing-card,.merch-card{
  padding:15px!important;
}
.marketing-grid,.merch-concept-grid{
  gap:12px!important;
}

/* help center */
.help-grid{
  gap:10px!important;
}
.help-card{
  padding:12px!important;
}
.help-section{
  padding:16px!important;
}
.help-search{
  position:sticky;
  top:0;
  z-index:10;
  background:var(--bg);
  padding:4px 0 8px;
}

/* tables */
.table-wrap{
  overflow-x:auto;
  border-radius:12px;
  border:1px solid var(--line);
}
.table-wrap table{
  min-width:760px;
}
.table-wrap th,.table-wrap td{
  padding:11px 12px!important;
  vertical-align:top;
}

/* buttons */
.btn{
  min-height:38px;
  border-radius:10px!important;
  line-height:1.1;
}
.btn.primary{
  font-weight:850;
}

/* content hierarchy */
.eyebrow{
  letter-spacing:.10em;
  line-height:1.2;
}
.sub{
  line-height:1.45!important;
}

/* mobile: one-column, no squeezing */
@media(max-width:900px){
  #view{
    padding:14px 12px 28px!important;
  }
  .grid.four,.grid.three,.grid.two,
  .studio-grid,.adobe-board-grid,
  .supplier-product-grid,.event-plan-grid,.asset-index-grid,
  .asset-grid,.marketing-grid,.merch-concept-grid,.help-grid{
    grid-template-columns:1fr!important;
  }
  .hq-hero,.studio-hero,.company-hero,.help-hero{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .hq-launch,.company-health{
    width:100%!important;
    min-width:0!important;
  }
  .toolbar{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .toolbar>.btn,.toolbar>a.btn,.toolbar>input,.toolbar>select{
    width:100%!important;
  }
  .form-grid,.form-grid.two,.form-grid.three{
    grid-template-columns:1fr!important;
  }
  .span-2{grid-column:auto!important}
  .saved-project,.doc-row,.pricing-row{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
}

/* desktop: comfortable rather than over-wide */
@media(min-width:1200px){
  .grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
  .grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* sidebar polish */
#sidebar{
  box-shadow:1px 0 0 rgba(255,255,255,.04);
}
.sidebar-group-title{
  margin-top:4px!important;
  padding-top:8px!important;
}
#nav button{
  min-height:38px;
}
.side-foot{
  padding-bottom:8px;
}

/* safer first-load spacing */
.topbar,#topbar{
  margin-bottom:0!important;
}

.start-here-card{margin-bottom:14px}
.start-here-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.start-here-grid .btn{white-space:normal;text-align:center}
@media(max-width:1100px){.start-here-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.start-here-grid{grid-template-columns:1fr}}

/* ===== v11.3 HQ METRICS FIX ===== */
.hq-metrics{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  margin:4px 0 16px!important;
}
.hq-metrics .metric{
  position:relative;
  min-height:128px;
  padding:16px 16px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
}
.hq-metrics .metric > span{
  display:block!important;
  width:100%;
  margin:0 0 10px!important;
  font-size:13px!important;
  font-weight:750!important;
  line-height:1.3!important;
}
.hq-metrics .metric > strong{
  display:block!important;
  width:100%;
  margin:0 0 7px!important;
  font-size:29px!important;
  line-height:1!important;
  letter-spacing:-.02em;
  white-space:nowrap;
}
.hq-metrics .metric > small{
  display:block!important;
  width:100%;
  margin:0!important;
  font-size:11px!important;
  line-height:1.35!important;
  color:var(--muted)!important;
}
.hq-metrics .metric::after{
  right:-20px!important;
  bottom:-24px!important;
  width:96px!important;
  height:96px!important;
  opacity:.65!important;
  pointer-events:none;
}

@media(max-width:1180px){
  .hq-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:650px){
  .hq-metrics{
    grid-template-columns:1fr!important;
  }
  .hq-metrics .metric{
    min-height:112px;
  }
}

/* ===== v11.4 FULL LAYOUT AUDIT ===== */

/* Universal card content flow */
.card,
.metric,
.mini-panel,
.studio-item-card,
.adobe-board-card,
.supplier-product,
.event-plan,
.asset-index,
.help-card,
.marketing-card,
.merch-card,
.asset-card,
.saved-project,
.customer-note,
.product-idea,
.doc-row,
.pricing-row {
  min-width:0;
}
.card *,
.metric *,
.mini-panel *,
.studio-item-card *,
.adobe-board-card *,
.supplier-product *,
.event-plan *,
.asset-index *,
.help-card *,
.marketing-card *,
.merch-card *,
.asset-card * {
  overflow-wrap:anywhere;
}

/* Prevent inline text/value collisions */
.metric,
.mini-panel{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
}
.metric > span,
.metric > strong,
.metric > small,
.mini-panel > b,
.mini-panel > strong,
.mini-panel > span{
  display:block;
  width:100%;
}
.metric > span{margin-bottom:8px!important}
.metric > strong{margin-bottom:6px!important}
.metric > small{margin-top:0!important}
.mini-panel > b{margin-bottom:7px!important}
.mini-panel > strong{margin-bottom:5px!important}

/* Consistent breathing room inside dashboard/HQ/company summary cards */
.hq-metrics .metric,
.company-shell .metric,
#view .metric{
  min-height:120px;
}
.hq-metrics .metric,
.company-shell .metric{
  padding:16px!important;
}

/* Keep decorative pseudo-elements behind text */
.metric::after,
.mini-panel::after{
  z-index:0!important;
}
.metric > *,
.mini-panel > *{
  position:relative;
  z-index:1;
}

/* Forms: no squeezed labels or inputs */
.form-grid{
  align-items:start!important;
}
.form-grid label{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
}
.form-grid input,
.form-grid select,
.form-grid textarea{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

/* Toolbar controls should wrap cleanly before collision */
.toolbar{
  align-items:center!important;
}
.toolbar > *{
  min-width:0!important;
}
.toolbar input,
.toolbar select{
  flex:1 1 180px!important;
}
.toolbar .btn,
.toolbar a.btn{
  flex:0 0 auto!important;
}

/* Section titles shouldn't crush actions */
.section-title{
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}
.section-title > div:first-child{
  min-width:220px;
  flex:1 1 320px;
}
.section-title > .btn,
.section-title > a.btn,
.section-title > strong,
.section-title > span{
  flex:0 0 auto;
}

/* Cards containing two columns need safer min-width behavior */
.grid.two > *,
.grid.three > *,
.grid.four > *{
  min-width:0!important;
}

/* Buying / activity lists */
.buy-rank,
.activity-item{
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  gap:10px!important;
  align-items:start!important;
}
.buy-rank > div,
.activity-item > div{
  min-width:0!important;
}
.buy-rank .sub,
.activity-item .sub{
  white-space:normal!important;
}

/* Recent changes / favorites / list cards */
.favorite-card,
.recent-card{
  min-width:0!important;
  max-width:100%!important;
}

/* Company OS rows */
.priority-row{
  min-width:0!important;
}
.priority-row > div{
  min-width:0!important;
}
.pricing-row,
.doc-row{
  gap:12px!important;
}
.pricing-row > *,
.doc-row > *{
  min-width:0!important;
}

/* Business Studio card buttons never overlap copy */
.studio-item-card{
  grid-template-rows:auto 1fr auto!important;
}
.studio-item-card>.studio-build{
  margin-top:8px!important;
}

/* Creative cards */
.marketing-card-head{
  flex-wrap:wrap!important;
}
.marketing-card-head > *{
  min-width:0!important;
}
.marketing-grid > div,
.merch-concept-grid > div{
  min-width:0!important;
}

/* Tables keep usable width and scroll instead of squeezing */
.table-wrap{
  max-width:100%!important;
  overflow-x:auto!important;
}
.table-wrap table{
  width:100%;
  border-collapse:collapse;
}
.table-wrap th,
.table-wrap td{
  white-space:normal!important;
  min-width:110px;
}
.table-wrap th:first-child,
.table-wrap td:first-child{
  min-width:180px;
}

/* Header/action bar audit */
.topbar,
#topbar{
  gap:12px!important;
}
.topbar-actions,
.header-actions,
.top-actions{
  gap:8px!important;
}

/* Tablet transition earlier to avoid bunching */
@media(max-width:1180px){
  .grid.four{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .studio-grid,
  .adobe-board-grid,
  .supplier-product-grid,
  .event-plan-grid,
  .asset-index-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Phone */
@media(max-width:720px){
  .grid.two,
  .grid.three,
  .grid.four,
  .studio-grid,
  .adobe-board-grid,
  .supplier-product-grid,
  .event-plan-grid,
  .asset-index-grid,
  .marketing-grid,
  .merch-concept-grid,
  .asset-grid,
  .help-grid{
    grid-template-columns:1fr!important;
  }

  .section-title{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  .section-title > .btn,
  .section-title > a.btn,
  .section-title > strong,
  .section-title > span{
    width:100%;
  }

  .metric,
  .mini-panel{
    min-height:0!important;
  }

  .toolbar{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .toolbar > *{
    width:100%!important;
  }

  .pricing-row,
  .doc-row,
  .saved-project{
    flex-direction:column!important;
    align-items:flex-start!important;
  }

  .company-health,
  .hq-launch{
    width:100%!important;
  }
}

/* Very small phones */
@media(max-width:430px){
  #view{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .card,
  .help-section,
  .marketing-card,
  .merch-card{
    padding:13px!important;
  }
  .hq-hero,
  .studio-hero,
  .company-hero,
  .help-hero{
    padding:15px!important;
  }
  .hq-hero h2,
  .studio-hero h2,
  .company-hero h2,
  .help-hero h2{
    font-size:24px!important;
  }
}

/* ===== v11.5 PRELOADED LAUNCH READINESS ===== */
.launch-seed-note{
  margin:0 0 14px;
  padding:10px 12px;
  border-radius:11px;
  background:var(--cream);
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
}
.launch-add-grid{
  margin:10px 0 10px;
}
.launch-add-grid + .btn{
  margin-bottom:14px;
}

/* ===== v11.6 SUPPLIER CATALOG PRELOADED ===== */
.supplier-product{display:flex;flex-direction:column;gap:6px}
.supplier-product.supplier-ready{border-color:rgba(15,48,22,.28)}
.supplier-top{display:flex;justify-content:space-between;gap:8px;align-items:center}
.supplier-status{font-size:10px;font-weight:900;padding:4px 7px;border-radius:999px;background:var(--cream)}
.supplier-completeness{font-size:11px;font-weight:800;color:var(--muted);padding:7px 9px;border-radius:9px;background:var(--cream)}
.supplier-ready .supplier-completeness{color:var(--green)}

/* ===== v11.7 KIT PRICING PRELOADED ===== */
.pricing-model-card{border:1px solid var(--line);border-radius:14px;padding:13px;margin-bottom:10px;background:var(--card)}
.pricing-model-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.pricing-model-head small{font-size:10px;font-weight:900;color:var(--muted);letter-spacing:.08em}.pricing-model-head h3{margin:3px 0}.pricing-model-head>span{font-weight:900;padding:6px 8px;border-radius:999px;background:var(--cream)}
.pricing-breakdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.pricing-breakdown>div{padding:9px;border-radius:10px;background:var(--cream);display:grid;gap:3px}.pricing-breakdown small{color:var(--muted);font-size:10px}.pricing-breakdown b{font-size:15px}
.pricing-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 14px}.pricing-summary>div{padding:10px;border-radius:11px;background:var(--cream);display:grid;gap:3px}.pricing-summary span{font-size:10px;color:var(--muted)}.pricing-summary strong{font-size:18px}
@media(max-width:760px){.pricing-breakdown,.pricing-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-model-head{flex-direction:column}}

/* ===== v12 COMPLETE ONE-STOP FINAL ===== */
.product-idea em{font-style:normal;font-size:11px;color:var(--muted);line-height:1.4}
.final-setup-card{border-color:rgba(232,92,26,.25)!important;background:linear-gradient(135deg,var(--card),var(--cream))}

/* ===== v12.1 MOBILE FIX ===== */
@media(max-width:720px){
  body{
    overflow-x:hidden!important;
  }

  /* Top app header */
  .topbar,
  #topbar{
    position:relative!important;
    width:100%!important;
    max-width:100vw!important;
    padding:14px 14px 12px!important;
    box-sizing:border-box!important;
  }

  .topbar .page-title,
  #topbar .page-title{
    min-width:0!important;
    padding-left:44px!important;
  }

  .topbar h1,
  #topbar h1{
    font-size:26px!important;
    line-height:1.05!important;
  }

  .topbar .eyebrow,
  #topbar .eyebrow{
    font-size:10px!important;
    line-height:1.25!important;
    letter-spacing:.12em!important;
  }

  /* Mobile menu button */
  .mobile-menu-btn,
  #mobileMenuBtn{
    position:absolute!important;
    left:14px!important;
    top:31px!important;
    z-index:40!important;
    width:32px!important;
    height:32px!important;
    display:grid!important;
    place-items:center!important;
  }

  /* Header actions should not create giant two-column blocks */
  .topbar-actions,
  .header-actions,
  .top-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
    width:100%!important;
    margin-top:12px!important;
  }

  .topbar-actions .btn,
  .header-actions .btn,
  .top-actions .btn,
  .topbar-actions button,
  .header-actions button,
  .top-actions button{
    flex:1 1 calc(50% - 7px)!important;
    min-height:42px!important;
    padding:8px 10px!important;
    font-size:13px!important;
    justify-content:flex-start!important;
  }

  .topbar-actions .live-pill,
  .header-actions .live-pill,
  .top-actions .live-pill{
    flex:1 1 100%!important;
    min-height:36px!important;
    width:100%!important;
    justify-content:flex-start!important;
  }

  /* Sidebar should behave as an overlay drawer, not push content */
  .sidebar,
  #sidebar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    bottom:0!important;
    width:min(86vw,340px)!important;
    max-width:340px!important;
    height:100dvh!important;
    z-index:999!important;
    transform:translateX(-102%)!important;
    transition:transform .22s ease!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    box-shadow:12px 0 35px rgba(0,0,0,.22)!important;
    padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;
  }

  .sidebar.open,
  #sidebar.open,
  body.menu-open .sidebar,
  body.menu-open #sidebar{
    transform:translateX(0)!important;
  }

  /* Keep fixed bottom sidebar actions inside drawer without hiding links */
  .sidebar-footer,
  #sidebarFooter{
    position:sticky!important;
    bottom:0!important;
    margin-top:18px!important;
    background:inherit!important;
    padding:12px 14px calc(12px + env(safe-area-inset-bottom))!important;
    border-top:1px solid rgba(255,255,255,.12)!important;
    z-index:3!important;
  }

  .sidebar nav,
  #sidebar nav{
    padding-bottom:8px!important;
  }

  /* Dark overlay behind open drawer */
  body.menu-open::after{
    content:""!important;
    position:fixed!important;
    inset:0!important;
    background:rgba(10,28,17,.34)!important;
    z-index:998!important;
  }

  /* Main content should always use full phone width */
  main,
  .main,
  #main,
  .content,
  #content,
  #view{
    margin-left:0!important;
    width:100%!important;
    max-width:100vw!important;
    box-sizing:border-box!important;
  }

  #view{
    padding:12px!important;
  }

  /* Prevent cards/forms from sitting partly beneath drawer */
  .card,
  .panel,
  .help-section,
  .company-shell,
  .studio-shell{
    max-width:100%!important;
    overflow:hidden!important;
  }

  /* App Settings / action buttons */
  .settings-grid,
  .app-settings-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .settings-grid .btn,
  .app-settings-grid .btn{
    width:100%!important;
    min-height:46px!important;
  }

  /* General button text */
  .btn{
    white-space:normal!important;
    line-height:1.2!important;
  }
}

@media(max-width:430px){
  .topbar-actions .btn,
  .header-actions .btn,
  .top-actions .btn,
  .topbar-actions button,
  .header-actions button,
  .top-actions button{
    flex:1 1 100%!important;
  }

  .sidebar,
  #sidebar{
    width:88vw!important;
  }
}

/* ===== v12.2 MOBILE CONTENT FLOW FIX ===== */
@media(max-width:720px){

  /* HQ cards should size only to their actual content */
  .hq-section.active,
  .hq-section.active > .grid,
  .hq-section.active > .grid.two,
  .hq-section.active > .grid.three,
  .hq-section.active > .grid.four{
    align-items:start!important;
    align-content:start!important;
    grid-auto-rows:max-content!important;
  }

  .hq-section.active > .grid > .card,
  .hq-section.active .card{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    align-self:start!important;
  }

  /* Remove desktop-sized empty spacing inside HQ cards */
  .hq-section .card .section-title{
    margin:0 0 12px!important;
    padding:0!important;
  }

  .hq-section .activity-item,
  .hq-section .buy-rank{
    position:static!important;
    margin:0!important;
    min-height:0!important;
    height:auto!important;
  }

  .hq-section .activity-item:first-of-type,
  .hq-section .buy-rank:first-of-type{
    margin-top:0!important;
  }

  /* Ensure lists begin immediately under their heading */
  .hq-section .section-title + .activity-item,
  .hq-section .section-title + .buy-rank{
    margin-top:0!important;
  }

  /* General mobile card flow protection */
  #view .card{
    height:auto!important;
    max-height:none!important;
  }

  #view .grid{
    align-items:start!important;
    align-content:start!important;
  }

  /* Avoid excessive vertical whitespace from desktop section title spacing */
  #view .section-title{
    margin:8px 0 12px!important;
  }

  #view .section-title:first-child{
    margin-top:0!important;
  }

  /* Activity list typography stays compact on phone */
  .activity-item{
    padding:10px 0!important;
    line-height:1.3!important;
  }

  .activity-item b{
    line-height:1.25!important;
  }

  .activity-item .sub{
    margin-top:4px!important;
    line-height:1.3!important;
  }
}

/* ===== v12.3 PULL TO REFRESH ===== */
#pullRefreshIndicator{
  --pull-distance:0px;
  position:fixed;
  left:50%;
  top:calc(env(safe-area-inset-top) + 8px);
  transform:translate(-50%, calc(-70px + var(--pull-distance)));
  z-index:1500;
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(245,237,216,.97);
  border:1px solid rgba(15,48,22,.18);
  box-shadow:0 8px 24px rgba(15,48,22,.12);
  color:var(--green,#0F3016);
  font-size:12px;
  font-weight:800;
  line-height:1;
  opacity:0;
  pointer-events:none;
  transition:opacity .12s ease, transform .12s ease;
  white-space:nowrap;
}
#pullRefreshIndicator.show{opacity:1}
#pullRefreshIndicator.ready{
  background:rgba(164,197,167,.97);
}
#pullRefreshIndicator .ptr-icon{
  display:inline-grid;
  place-items:center;
  width:20px;
  height:20px;
  font-size:16px;
}
#pullRefreshIndicator.refreshing .ptr-icon{
  animation:ptr-spin .7s linear infinite;
}
@keyframes ptr-spin{
  to{transform:rotate(360deg)}
}
@media(min-width:721px){
  #pullRefreshIndicator{display:none!important}
}

/* ===== v12.4 HAMBURGER BUTTON FIX ===== */
@media(max-width:720px){
  #menuBtn{
    display:inline-grid!important;
    place-items:center!important;
    position:absolute!important;
    left:12px!important;
    top:18px!important;
    z-index:1200!important;
    width:40px!important;
    height:40px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    color:var(--green,#0F3016)!important;
    font-size:28px!important;
    line-height:1!important;
    cursor:pointer!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  #sidebar{
    left:0!important;
    transform:translateX(-105%)!important;
    will-change:transform!important;
  }

  body.sidebar-open #sidebar,
  body.menu-open #sidebar,
  #sidebar.open{
    left:0!important;
    transform:translateX(0)!important;
  }

  body.sidebar-open::after,
  body.menu-open::after{
    content:""!important;
    position:fixed!important;
    inset:0!important;
    background:rgba(10,28,17,.34)!important;
    z-index:998!important;
  }

  #sidebar{
    z-index:999!important;
  }

  /* keep hamburger above regular page UI, but below opened drawer */
  body.sidebar-open #menuBtn,
  body.menu-open #menuBtn{
    z-index:997!important;
  }
}

/* ===== v12.5 COMPANY OS MOBILE FIX ===== */
@media(max-width:720px){

  /* Company OS page header: stop eyebrow/title collision */
  .company-shell .page-head,
  .company-shell .section-head,
  .company-shell > .eyebrow,
  .company-shell .company-kicker{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    transform:none!important;
  }

  .company-shell > .eyebrow,
  .company-shell .company-kicker,
  .company-shell .hero-kicker{
    display:block!important;
    margin:0 0 6px!important;
    line-height:1.25!important;
    white-space:normal!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  .company-shell h1,
  .company-shell .page-title,
  .company-shell .company-title{
    margin:0 0 10px!important;
    padding:0!important;
    line-height:1.02!important;
    position:relative!important;
    z-index:1!important;
  }

  /* Company hero gets natural height */
  .company-hero{
    min-height:0!important;
    height:auto!important;
    padding:18px 18px 16px!important;
    overflow:hidden!important;
  }

  .company-hero h2,
  .company-hero .hero-title{
    margin:0 0 10px!important;
    line-height:1.08!important;
  }

  .company-hero p{
    margin:0!important;
    line-height:1.35!important;
  }

  .company-health{
    margin-top:14px!important;
    min-height:0!important;
    height:auto!important;
    padding:16px!important;
  }

  /* Company OS tabs: horizontal scroll without clipping labels */
  .company-tabs,
  .tabbar.company-tabs,
  .company-shell .tabbar{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    padding:4px 2px 8px!important;
    margin:12px 0 14px!important;
    scroll-snap-type:x proximity;
  }
  .company-tabs::-webkit-scrollbar,
  .company-shell .tabbar::-webkit-scrollbar{
    display:none!important;
  }
  .company-tabs .tab,
  .company-shell .tabbar .tab,
  .company-shell .tabbar button{
    flex:0 0 auto!important;
    width:auto!important;
    max-width:none!important;
    min-width:max-content!important;
    white-space:nowrap!important;
    padding:10px 16px!important;
    scroll-snap-align:start;
  }

  /* "Start here" card: remove giant desktop spacer */
  .start-here-card,
  .company-shell .start-here,
  .company-shell .card.start-here-card{
    min-height:0!important;
    height:auto!important;
    padding:18px!important;
    display:block!important;
  }

  .start-here-card .start-actions,
  .company-shell .start-here .start-actions,
  .start-here-card .quick-list{
    margin-top:14px!important;
    padding-top:0!important;
    position:static!important;
  }

  .start-here-card .btn,
  .company-shell .start-here .btn{
    min-height:44px!important;
  }

  /* Generic protection: no giant blank flex-spacer areas on mobile */
  .company-shell .card{
    min-height:0!important;
    height:auto!important;
  }

  .company-shell .card[style*="min-height"],
  .company-shell [style*="height:100%"]{
    min-height:0!important;
    height:auto!important;
  }

  .company-shell .spacer,
  .company-shell .card-spacer{
    display:none!important;
  }

  /* Company metrics stack cleanly */
  .company-shell .grid.four,
  .company-shell .company-metrics{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .company-shell .metric{
    min-height:96px!important;
    padding:14px!important;
  }

  /* Keep topbar/title fully visible under iPhone safe area */
  .topbar,
  #topbar{
    padding-top:calc(14px + env(safe-area-inset-top))!important;
  }
}

@media(max-width:430px){
  .company-shell{
    padding-left:0!important;
    padding-right:0!important;
  }

  .company-shell .company-hero,
  .company-shell .card{
    border-radius:16px!important;
  }

  .company-shell .tabbar button,
  .company-shell .tab{
    font-size:14px!important;
    padding:9px 14px!important;
  }
}

/* ===== v12.6 EXACT MOBILE HEADER FIX ===== */
@media(max-width:720px){

  /* Use the REAL header DOM as a grid so hamburger can never overlap title */
  header.topbar{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    row-gap:12px!important;
    align-items:start!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    padding:calc(12px + env(safe-area-inset-top)) 14px 14px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  header.topbar #menuBtn{
    display:grid!important;
    grid-column:1!important;
    grid-row:1!important;
    position:static!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    place-items:center!important;
    align-self:start!important;
    font-size:28px!important;
    line-height:1!important;
    z-index:2!important;
  }

  header.topbar .top-title{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    display:block!important;
  }

  header.topbar .top-title .eyebrow{
    display:block!important;
    width:100%!important;
    margin:0 0 5px!important;
    padding:0!important;
    font-size:10px!important;
    line-height:1.3!important;
    letter-spacing:.12em!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    position:static!important;
    transform:none!important;
  }

  header.topbar .top-title h1{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:27px!important;
    line-height:1.02!important;
    font-weight:500!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    position:static!important;
    transform:none!important;
  }

  header.topbar .top-actions{
    grid-column:1 / -1!important;
    grid-row:2!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    align-items:stretch!important;
  }

  header.topbar .top-actions > *{
    min-width:0!important;
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }

  header.topbar .top-actions .btn{
    min-height:46px!important;
    padding:9px 11px!important;
    font-size:13px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    white-space:normal!important;
    text-align:left!important;
  }

  header.topbar .top-actions #dbBadge{
    min-height:38px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:8px 12px!important;
  }

  /* Auth state should not leave a giant dead zone */
  #view{
    padding:14px!important;
  }

  #view .login-box{
    max-width:none!important;
    width:100%!important;
    margin:14px 0!important;
    padding:18px!important;
    box-sizing:border-box!important;
  }

  #view .login-box h2{
    margin:0 0 10px!important;
    font-size:28px!important;
    line-height:1.05!important;
  }

  #view .login-box p{
    margin:0 0 14px!important;
    line-height:1.4!important;
  }

  #view .login-box .btn{
    width:auto!important;
    min-height:44px!important;
    margin:0 7px 7px 0!important;
  }

  /* Keep content immediately under header */
  main{
    width:100%!important;
    max-width:100vw!important;
    overflow-x:hidden!important;
  }
}

@media(max-width:430px){
  header.topbar{
    grid-template-columns:38px minmax(0,1fr)!important;
    column-gap:8px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }

  header.topbar #menuBtn{
    width:38px!important;
    height:38px!important;
    font-size:26px!important;
  }

  header.topbar .top-title h1{
    font-size:24px!important;
  }

  header.topbar .top-actions{
    grid-template-columns:1fr 1fr!important;
  }
}

/* ===== v12.7 SEARCH + SCAN ===== */
.global-search-bar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:stretch;
}
.global-search-bar input{min-width:0}
.gs-camera-panel{
  margin-top:10px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--cream);
}
.gs-camera-panel .camera{
  overflow:hidden;
  border-radius:12px;
  background:#0b1710;
  aspect-ratio:4/3;
}
.gs-camera-panel video{
  width:100%;
  height:100%;
  object-fit:cover;
}
@media(max-width:520px){
  .global-search-bar{
    grid-template-columns:1fr;
  }
  .global-search-bar #gsScan{
    width:100%;
  }
}

/* ===== v12.8 LIVE MODE RECOVERY ===== */
#dbBadge.warn{
  cursor:pointer;
}
@media(max-width:720px){
  #dbBadge.warn{
    white-space:normal!important;
  }
}

/* ===== v12.9 BOOT / CACHE RECOVERY ===== */
#dbBadge{transition:none}

/* ===== v12.12 SIGN-IN MODAL FIX ===== */
#modal{
  pointer-events:none;
}
#modal.open{
  pointer-events:auto!important;
}
#modal .modal-card,
#modal .modal-panel,
#modal > div{
  position:relative!important;
  z-index:2!important;
  pointer-events:auto!important;
}
#modal::before{
  z-index:1!important;
  pointer-events:none!important;
}
#modal button,
#modal input,
#modal select,
#modal textarea,
#modal a{
  pointer-events:auto!important;
  position:relative;
  z-index:3;
}
#modal button:disabled{
  opacity:.65;
  cursor:wait;
}


/* ===== v12.15 Help Center / Setup / Sign-in polish ===== */
.help-overview-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.help-pill{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid var(--line);background:var(--card)}
.help-pill.start{background:#f6efe2}
.help-pill.stock{background:#edf4ed}
.help-pill.build{background:#f8efe7}
.help-pill.hq{background:#eef1f7}
.help-pill.studio{background:#f7edf4}
.help-section{box-shadow:0 4px 14px rgba(18,63,52,.04)}
.help-section .section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}
.help-section-count{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid var(--line);font-size:11px;font-weight:900;white-space:nowrap}
.help-card{transition:transform .15s ease, box-shadow .15s ease}
.help-card:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(18,63,52,.06)}
.help-section.tone-start{background:linear-gradient(180deg,#fffef9 0%,#fbf5e9 100%);border-left:6px solid #d8bc74}
.help-section.tone-daily{background:linear-gradient(180deg,#fcfcfb 0%,#f1f5ef 100%);border-left:6px solid #8ea98f}
.help-section.tone-stock{background:linear-gradient(180deg,#fbfefb 0%,#edf5ee 100%);border-left:6px solid #6f9d75}
.help-section.tone-build{background:linear-gradient(180deg,#fffdfa 0%,#f8efe7 100%);border-left:6px solid #d89965}
.help-section.tone-plan{background:linear-gradient(180deg,#fffefe 0%,#f4f0f8 100%);border-left:6px solid #b49ac8}
.help-section.tone-hq{background:linear-gradient(180deg,#fcfdfd 0%,#eef3f8 100%);border-left:6px solid #88a9c5}
.help-section.tone-studio{background:linear-gradient(180deg,#fffefe 0%,#f8eef2 100%);border-left:6px solid #d6a0ae}
.help-section.tone-company{background:linear-gradient(180deg,#fcfdf9 0%,#eef5e5 100%);border-left:6px solid #9db875}
.help-section.tone-safe,.tone-final{background:linear-gradient(180deg,#fffdfb 0%,#f4efe7 100%);border-left:6px solid #c9a06b}
.help-cheat-card{background:linear-gradient(180deg,var(--card),#f8faf8)}
.auth-shell .toolbar,.setup-shell .toolbar{margin-top:10px}
@media(max-width:760px){
  .help-section .section-title{flex-direction:column;align-items:flex-start}
  .help-section-count{margin-top:-2px}
}


/* ===== v12.16 BUSINESS STUDIO + ADOBE VISUALS ===== */
.studio-item-card{cursor:default}
.studio-item-card .studio-build{position:relative;z-index:2}
.studio-panel.active{display:block!important}
.studio-tab{cursor:pointer}
.adobe-board-card{overflow:hidden!important;padding:0!important;display:flex!important;flex-direction:column!important}
.adobe-board-preview{aspect-ratio:16/9;background:linear-gradient(135deg,#e7eee6,#f7efe1);overflow:hidden;border-bottom:1px solid var(--line)}
.adobe-board-preview img{width:100%;height:100%;object-fit:cover;display:block}
.adobe-board-card .adobe-board-top,.adobe-board-card>small,.adobe-board-card>h3,.adobe-board-card>p,.adobe-board-actions{margin-left:13px!important;margin-right:13px!important}
.adobe-board-card .adobe-board-top{margin-top:12px!important}
.adobe-board-card>p{flex:1}
.adobe-board-actions{margin-bottom:13px!important}
.firefly-library-title{margin-top:22px!important}
.firefly-visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.firefly-visual-card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--card);box-shadow:0 5px 16px rgba(15,48,22,.05)}
.firefly-image-link{display:block;aspect-ratio:1/1;background:#e7eee6;overflow:hidden}
.firefly-image-link img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}
.firefly-image-link:hover img{transform:scale(1.02)}
.firefly-visual-copy{padding:11px 12px 12px;display:grid;gap:3px}
.firefly-visual-copy small{color:var(--orange);font-weight:900;letter-spacing:.08em;font-size:10px}
.firefly-visual-copy h4{margin:0;font-size:14px}
.firefly-visual-copy span{font-size:11px;color:var(--muted)}
.business-studio-ready-note{padding:10px 12px;border-radius:12px;background:var(--cream);border:1px solid var(--line)}
@media(max-width:1050px){.firefly-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.firefly-visual-grid{grid-template-columns:1fr}.adobe-board-actions{display:grid!important;grid-template-columns:1fr!important}.adobe-board-actions .btn{width:100%!important}.studio-grid{grid-template-columns:1fr!important}}

/* ===== v12.17 LOCAL ADOBE ASSET BANK ===== */
.local-bank-banner{
  display:flex;justify-content:space-between;gap:16px;align-items:center;
  padding:16px 18px;margin:18px 0 14px;border-radius:18px;
  background:linear-gradient(135deg,#edf5ee,#fff7eb);
  border:1px solid rgba(15,48,22,.16);
}
.local-bank-banner h3{margin:3px 0 5px}
.local-bank-banner p{margin:0;color:var(--muted);max-width:760px}
.local-asset-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.firefly-image-link.local-asset-preview{
  border:0;padding:0;background:transparent;width:100%;display:block;cursor:pointer;
}
.local-asset-modal img{
  display:block;width:100%;max-height:68vh;object-fit:contain;
  border-radius:16px;border:1px solid var(--line);background:#f8f4e8;margin:12px 0;
}
@media(max-width:720px){
  .local-bank-banner{align-items:flex-start;flex-direction:column}
  .local-asset-actions .btn{flex:1 1 auto}
}

/* ===== v12.18 FULL ADOBE PICKER BANK ===== */
.picker-bank-title{margin-top:22px}
.picker-asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.picker-asset-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card);display:flex;flex-direction:column}
.picker-asset-media{aspect-ratio:1.25/1;background:var(--cream);overflow:hidden}
.picker-asset-media img{width:100%;height:100%;object-fit:cover;display:block}
.picker-video-tile{height:100%;display:grid;place-items:center;align-content:center;gap:6px;background:linear-gradient(135deg,#0f3016,#2e5940);color:white}
.picker-video-tile span{font-size:30px}.picker-video-tile b{font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.picker-asset-copy{padding:11px;display:flex;flex-direction:column;gap:5px;min-height:150px}
.picker-asset-copy small{font-size:10px;font-weight:900;color:var(--muted);letter-spacing:.08em}
.picker-asset-copy h4{margin:0;line-height:1.2}.picker-asset-copy>span{font-size:11px;color:var(--muted)}
@media(max-width:1100px){.picker-asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.picker-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.picker-asset-grid{grid-template-columns:1fr}}

/* ===== v12.19 FINAL STABLE BUSINESS STUDIO ===== */
.studio-item-card{position:relative}
.studio-item-card .studio-build,
.studio-tabs .studio-tab{
  position:relative!important;
  z-index:5!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
}
.studio-item-card::before,.studio-item-card::after{
  pointer-events:none!important;
}
.auth-shell .auth-signin-btn{
  min-width:108px;
}
.auth-shell .auth-signin-btn:disabled{
  cursor:wait;
}

/* ===== v12.21 LOGIN STATUS ===== */
.auth-status{display:none;margin:10px 0 12px;padding:10px 12px;border-radius:12px;font-size:13px;font-weight:800}
.auth-status.info{display:block;background:#eef4ef;color:#214b32;border:1px solid #c9dcca}
.auth-status.success{display:block;background:#e8f5ea;color:#165b2d;border:1px solid #b9ddc0}
.auth-status.error{display:block;background:#fff0ec;color:#8a2e1b;border:1px solid #f1c2b5}

/* ===== v12.22 SHOPIFY CONNECT ===== */
.shopify-connect-shell{display:grid;gap:16px}
.shopify-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#f7fbf7,#fff8ed)}
.shopify-hero h2{font-size:30px;margin:4px 0 8px}
.shopify-state{padding:10px 14px;border-radius:999px;font-weight:900;white-space:nowrap}
.shopify-state.ok{background:#e4f3e7;color:#17602e;border:1px solid #b8dabb}
.shopify-state.warn{background:#fff2e2;color:#8a4a12;border:1px solid #efd0aa}
.shopify-result{margin-top:12px;padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.58);min-height:58px}
.shopify-mini-stats{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.shopify-mini-stats span{padding:7px 9px;border-radius:999px;background:#eef4ef;border:1px solid var(--line);font-size:12px}
.shopify-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
.shopify-flow-grid>div{padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--card)}
.shopify-flow-grid span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#0f3016;color:#fff;font-weight:900;margin-bottom:8px}
.shopify-flow-grid b{display:block}.shopify-flow-grid p{font-size:12px;color:var(--muted);margin:5px 0 0}
.shopify-order-preview{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:8px 0;font-size:12px}
.shopify-order-preview span{color:var(--muted);text-align:right}
@media(max-width:900px){.shopify-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.shopify-hero{align-items:flex-start;flex-direction:column}.shopify-flow-grid{grid-template-columns:1fr}.shopify-order-preview{flex-direction:column}.shopify-order-preview span{text-align:left}}

/* ===== v12.24 Adobe gallery reliability ===== */
.adobe-source-placeholder{
  min-height:180px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:20px;
  background:linear-gradient(145deg,rgba(164,197,167,.18),rgba(245,237,216,.72));
  color:var(--green,#0F3016);
  text-align:center;
  border-bottom:1px solid rgba(15,48,22,.10);
}
.adobe-source-placeholder .adobe-source-icon{font-size:30px;line-height:1}
.adobe-source-placeholder b{font-size:14px}
.adobe-source-placeholder small{opacity:.7;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.remote-adobe-card .picker-asset-copy>span{display:block;min-height:34px}

/* v12.26 inventory usability and visual refinement */
:root{--green:#0f3016;--green2:#245238;--sage:#e9f0e7;--cream:#f6f2e9;--ink:#183321;--orange:#e85c1a;--line:#e4e6df;--shadow:0 8px 30px rgba(15,48,22,.07)}
button,.btn,input,select,textarea{transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,transform .16s ease}
button:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(232,92,26,.42);outline-offset:2px}
button:not(:disabled):active,.btn:not(:disabled):active{transform:scale(.985)}
.card{border:1px solid var(--line);box-shadow:var(--shadow)}
.field input[type=number]{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:600}
.search-results .search-result{border-radius:12px}
@media(max-width:700px){.toolbar{gap:8px}.toolbar .btn{min-height:42px}.form-grid{grid-template-columns:minmax(0,1fr)}input,select,textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){button,.btn,input,select,textarea{transition:none!important}}

/* Creative House — editorial direction */
.creative-editorial{background:#123520;color:#fff4df;padding:clamp(24px,4vw,54px);border-radius:8px;margin-bottom:25px;position:relative;overflow:hidden;border-left:8px solid #e66b32}.creative-editorial:after{content:'✳';position:absolute;right:4%;top:-70px;font-size:290px;opacity:.08;pointer-events:none}.creative-editorial-kicker{font:700 11px/1.4 ui-monospace,monospace;letter-spacing:.15em;text-transform:uppercase;color:#c38b4e}.creative-editorial h2{font-family:Georgia,serif;font-size:clamp(35px,5vw,70px);line-height:1.04;letter-spacing:-.04em;margin:18px 0}.creative-editorial h2 em{color:#f1a16c}.creative-editorial p{max-width:570px;line-height:1.65;color:#f0dec6}.creative-subtab{border-radius:7px;text-transform:none;font-weight:700}.creative-subtab.active{background:#163c25;color:#fff}.wildboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px}.wildboard-main,.wildboard-side{border:1px solid #ddceb2;background:#fffaf0;padding:20px;border-radius:9px}.wildboard-side{background:#f4ebd9}.wild-month-bar{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px}.wild-month-bar h3{margin:0;font-family:Georgia,serif}.wild-weekdays,.wild-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.wild-weekdays span{text-align:center;font:700 11px ui-monospace,monospace;padding:9px}.wild-day{min-height:104px;border:1px solid #e7dbc7;background:#fff;padding:6px;position:relative;overflow:hidden}.wild-day.muted{background:#f5eee2}.wild-day-num{font:700 12px ui-monospace,monospace;color:#34513b}.wild-event{display:block;width:100%;text-align:left;border:0;background:#d9e8d7;color:#183923;border-radius:3px;margin-top:4px;padding:5px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.wild-day-add{position:absolute;right:4px;bottom:3px;background:transparent;border:0;color:#7b8c74;cursor:pointer}.wild-idea-card{display:flex;flex-direction:column;gap:7px;text-align:left;background:#fffaf0;border:1px solid #d8c5a4;border-left:4px solid #d66d34;border-radius:5px;padding:12px;margin:10px 0;width:100%;color:#163b27;cursor:pointer}.wild-idea-card small{font:700 10px ui-monospace,monospace;text-transform:uppercase;color:#8c5d3b}.wild-idea-card span{font-size:12px;color:#746757}.wild-empty,.wildboard-note{font-size:12px;color:#746757;padding:16px}.wild-agenda{margin-top:25px}.wild-agenda-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e6d9c6;padding:10px 0}.wild-agenda-row span{min-width:52px;font-size:12px}.wild-agenda-row button{flex:1;text-align:left;background:none;border:0;color:#143e25;cursor:pointer;font-weight:700}.wild-agenda-row small{color:#786c5b}@media(max-width:900px){.wildboard-layout{grid-template-columns:1fr}.wild-day{min-height:70px;padding:3px}.wild-event{font-size:9px}.wildboard-main{padding:10px}}

/* v12.27.2: dark theme accessibility and stable navigation colors */
body.theme-jungle #sidebar,body.theme-jungle .side-foot{background:#0C2C19!important;color:#F8F3E9!important}
body.theme-jungle #sidebar .nav-btn,body.theme-jungle #sidebar .side-link,body.theme-jungle #sidebar nav,body.theme-jungle #sidebar .sidebar-group-title{color:#F8F3E9!important}
body.theme-jungle #sidebar .nav-btn:hover,body.theme-jungle #sidebar .nav-btn.active,body.theme-jungle #sidebar .side-link:hover{background:#31543B!important;color:#FFFFFF!important}
body.theme-jungle .topbar{background:#143320!important;color:#F5F4EA!important;border-color:#46654E}
body.theme-jungle .topbar .btn,body.theme-jungle .view .btn:not(.primary):not(.orange):not(.danger),body.theme-jungle .modal-card .btn:not(.primary):not(.orange):not(.danger){background:#E9F1E8;color:#123321;border-color:#A8B9A9}
body.theme-jungle .btn.primary{background:#E8BA75;color:#14281A;border-color:#E8BA75}
body.theme-jungle .card h1,body.theme-jungle .card h2,body.theme-jungle .card h3,body.theme-jungle .view h1,body.theme-jungle .view h2,body.theme-jungle .view h3{color:#F5F4EA}
body.theme-jungle .modal-card label,body.theme-jungle .modal-card h2{color:#F5F4EA}
body.theme-jungle .wild-day{border-color:#42634B}
body.theme-jungle .wild-day-add,body.theme-jungle .wild-event{color:#123321;background:#E9F1E8}
body.theme-jungle :focus-visible{outline:3px solid #F2B96B;outline-offset:2px}

/* Hybrid milestone: Safari Cream Stockroom, responsive operational hierarchy */
.stockroom-hero{background:#123a25;color:#fff3dd;border-radius:16px;padding:clamp(20px,3vw,34px);display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px;position:relative;overflow:hidden}
.stockroom-hero:after{content:'✳';position:absolute;right:20%;top:-75px;font-size:220px;color:#ffffff;opacity:.045;pointer-events:none}
.stockroom-kicker{color:#dfbb7b;font:700 11px/1.4 ui-monospace,monospace;letter-spacing:.15em}
.stockroom-hero h2{font:normal clamp(36px,4.5vw,62px)/1.04 Georgia,serif;letter-spacing:-.045em;margin:12px 0;color:#fff3dd!important}
.stockroom-period{color:#f08a52}.stockroom-hero p{margin:0;color:#e3e6d8;max-width:550px;line-height:1.5}
.stockroom-hero-actions,.stockroom-shortcuts{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1}
.stockroom-hero .btn:not(.primary){background:#f6ecdc;color:#173b27;border-color:#f6ecdc}
.stockroom-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px}
.stockroom-metric{background:#fffaf0;border:1px solid #e5dbc9;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:7px;min-width:0}
.stockroom-metric span{font-size:12px;font-weight:700;color:#556557}.stockroom-metric strong{font:normal clamp(25px,2.4vw,37px)/1.1 Georgia,serif;color:#173d28;overflow-wrap:anywhere}
.stockroom-metric small{color:#786d5c}.stockroom-metric.stockroom-attention{border-left:4px solid #d66b2f}.stockroom-attention strong{color:#a44c1e}
.stockroom-workbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0 12px;flex-wrap:wrap}
.stockroom-workbar>div:first-child{display:flex;flex-direction:column;gap:3px}.stockroom-workbar b{font:normal 26px Georgia,serif;color:#173b27}.stockroom-workbar span{font-size:12px;color:#756f60}
.stockroom-search input{flex:1;min-width:180px}.stockroom-search select{max-width:240px}
body.theme-jungle .stockroom-metric{background:#1b3d2a;border-color:#48654e}body.theme-jungle .stockroom-metric span,body.theme-jungle .stockroom-metric small{color:#e1dfcf}body.theme-jungle .stockroom-metric strong,body.theme-jungle .stockroom-workbar b{color:#fff3df}body.theme-jungle .stockroom-workbar span{color:#d6dccc}
@media(max-width:900px){.stockroom-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.stockroom-hero{align-items:start;flex-direction:column}}
@media(max-width:480px){.stockroom-metrics{gap:8px}.stockroom-metric{padding:12px}.stockroom-hero h2{font-size:38px}.stockroom-hero-actions{width:100%}.stockroom-hero-actions .btn{flex:1}.stockroom-shortcuts{width:100%}.stockroom-shortcuts .btn{flex:1}.stockroom-search select{max-width:none;flex:1}}
/* Hybrid Stockroom: controlled adjustments */
.stock-transaction .stock-eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#9b5b29;margin-bottom:8px}
.stock-transaction .stock-shortcuts{margin:10px 0 18px;gap:8px}
.stock-transaction .stock-preview{margin:14px 0;padding:16px;border-radius:12px;background:#e8efe6;color:#143724;font-weight:700;line-height:1.5}
.stock-transaction button:disabled{opacity:.48;cursor:not-allowed}
.stock-transaction select{min-height:44px;width:100%;border:1px solid #b9c9bc;border-radius:10px;padding:8px;background:white;color:#173727}

/* VIBRANT SAFARI HQ • Integrated Hybrid workrooms (Oct 2026) */
.hq-next-hero{position:relative;overflow:hidden;border-radius:22px;padding:34px 36px;background:linear-gradient(117deg,#0c3021 0%,#18432d 76%,#225238 100%);color:#fff9e8;box-shadow:0 12px 30px #102e2026;margin-bottom:18px}
.hq-next-hero:after{content:'✦';position:absolute;font-size:230px;color:#d3b56e13;right:30px;top:-80px;pointer-events:none}
.hq-next-hero>span{font:700 10px/1.5 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#e6bd7a}
.hq-next-hero h2{color:inherit;font:700 clamp(36px,5vw,58px)/1.04 Georgia,serif;letter-spacing:-.035em;margin:10px 0 12px}
.hq-next-hero h2 em{font-style:normal;color:#ed8136}
.hq-next-hero p{font-size:14px;line-height:1.6;color:#e3e9de;max-width:660px;margin:0 0 18px}
.hq-next-status{display:inline-flex}.hq-status{display:inline-block;border-radius:100px;font-size:11px;font-weight:700;padding:7px 12px;border:1px solid #ffffff4d;color:#f9f1d8}
.hq-status.good{color:#d5f2c6}.hq-status.warn{color:#ffe1a6}
.hq-next-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}
.hq-next-stat{background:var(--card,#fff);border:1px solid #2d4c2926;border-radius:16px;padding:20px;min-width:0;display:flex;flex-direction:column;gap:7px;box-shadow:0 3px 16px #11291b0a}
.hq-next-stat small{font-size:11px;font-weight:750;letter-spacing:.055em;text-transform:uppercase;color:var(--muted,#726f62)}
.hq-next-stat strong{font-size:clamp(21px,2.5vw,28px);font-weight:800;line-height:1.1;color:var(--text,#193222);font-variant-numeric:tabular-nums;white-space:nowrap}
.hq-next-stat span{font-size:11px;color:var(--muted,#716b63);line-height:1.5}
.hq-next-panel{background:var(--card,#fff);border:1px solid #2d4c2927;border-radius:18px;padding:22px 24px;margin:0 0 18px;box-shadow:0 4px 14px #142c1808}
.hq-next-panel h2{font:700 24px/1.15 Georgia,serif;color:var(--text,#0f3016);margin:0 0 10px}
.hq-next-panel .section-title{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 18px}.hq-next-panel .section-title h2{margin:0 0 4px}
.hq-next-panel p.sub,.hq-next-panel .section-title p{font-size:12px;color:var(--muted,#686e65);margin:0}
.hq-next-line{border-top:1px solid #677c6827;padding:13px 2px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.hq-next-line:first-child{border-top:none}.hq-next-line>div:first-child{min-width:0;flex:1}
.hq-next-line b{display:block;font-size:13px;color:var(--text,#223429);line-height:1.5}
.hq-next-line small{display:block;font-size:11px;color:var(--muted,#73796f);line-height:1.5;overflow-wrap:anywhere}
.hq-next-line strong{font-size:15px;color:var(--text,#183624);white-space:nowrap}
.hq-next-line .toolbar{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.hq-next-line .btn{font-size:11px;white-space:nowrap}.hq-quantity{font-weight:800;white-space:nowrap}
.hq-stock-search{display:flex;gap:10px;margin:0 0 12px}.hq-stock-search input{min-width:0;flex:1}
.hq-helper{background:#e3eee366;color:#526758;border-radius:12px;padding:13px 15px;margin:12px 0;font-size:12px;line-height:1.55}
.hq-next-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.hq-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.hq-modal-grid .hq-next-stat{padding:13px}
.hq-modal-grid .hq-next-stat strong{font-size:23px}.hq-idea-row{width:100%;background:transparent;border:0;border-top:1px solid #617b6129;text-align:left;padding:13px 2px;display:flex;justify-content:space-between;align-items:center;gap:14px;cursor:pointer;color:var(--text,#163b24)}
.hq-idea-row:hover{background:#52764413}.hq-idea-row b,.hq-idea-row small{display:block}.hq-idea-row b{font-size:13px}.hq-idea-row small{font-size:11px;color:var(--muted,#6a766e);margin-top:4px}
.hq-switch{display:flex;align-items:center;gap:12px;padding:10px 3px;font-size:13px}.hq-switch input{width:18px;height:18px;accent-color:#144b2b}
.theme-jungle .hq-next-panel,.theme-jungle .hq-next-stat{background:#153c2a;border-color:#b7d7b731}
.theme-jungle .hq-next-stat small,.theme-jungle .hq-next-stat span,.theme-jungle .hq-next-panel .sub,.theme-jungle .hq-next-panel .section-title p,.theme-jungle .hq-next-line small{color:#c2d6c2}
.theme-jungle .hq-next-stat strong,.theme-jungle .hq-next-panel h2,.theme-jungle .hq-next-line b,.theme-jungle .hq-next-line strong,.theme-jungle .hq-idea-row{color:#f9f2dd}
.theme-jungle .hq-helper{background:#1d4a32;color:#d7e5d5}
.hq-top-tools:not(.hq-show-tools) #importBtn,.hq-top-tools:not(.hq-show-tools) #excelBtn,.hq-top-tools:not(.hq-show-tools) #exportBtn,.hq-top-tools:not(.hq-show-tools) #prefsBtn{display:none}
#toolsBtn{white-space:nowrap}
@media(max-width:900px){.hq-next-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hq-next-hero{padding:26px 24px}}
@media(max-width:600px){.hq-next-hero{border-radius:15px;padding:25px 20px}.hq-next-hero h2{font-size:37px}.hq-next-panel{padding:17px 15px}.hq-next-grid{gap:8px}.hq-next-stat{padding:14px}.hq-next-stat strong{font-size:22px}.hq-next-line{align-items:flex-start;flex-wrap:wrap}.hq-next-line .toolbar{width:100%;justify-content:flex-start}.hq-next-panel .section-title{align-items:flex-start}.hq-next-panel .section-title .btn{white-space:nowrap}.hq-stock-search{flex-direction:column}.hq-stock-search .btn{width:100%}.hq-next-hero:after{right:-50px}.hq-top-tools.hq-show-tools{flex-wrap:wrap}}

/* VIBRANT SAFARI HQ — SINGLE DROP EDITORIAL REDESIGN */
:root{--cream:#f7f0e5;--card:#fffaf2;--ink:#163524;--muted:#766f61;--sage:#e5eadc;--green:#082c1e;--orange:#d96a36;--line:#e7ddce;--shadow:0 8px 30px rgba(31,38,23,.045)}
body{background:#f8f2e9;color:#163524}
#app{grid-template-columns:224px minmax(0,1fr)}
#sidebar{background:linear-gradient(170deg,#082d1d,#062418 74%,#0b3020);border-right:1px solid #315342;box-shadow:5px 0 20px #09251816}
#sidebar .brand{background:#f9f2e8;padding:14px 12px;border:0;min-height:97px}
#sidebar .sidebar-brand-logo{max-width:195px;max-height:73px;object-fit:contain}
#sidebar nav{padding:10px 11px 18px}
#sidebar .sidebar-group{margin:0 0 14px}
#sidebar .sidebar-group-title{color:#a9c1ac;opacity:.9;font-size:9px!important;letter-spacing:.18em;font-weight:800;margin:14px 9px 7px}
#sidebar .nav-btn{font-size:12.5px;letter-spacing:-.015em;display:flex;align-items:center;gap:9px;min-height:37px;margin:2px 0;padding:9px 11px;border-radius:7px;color:#f1f2e8}
#sidebar .nav-btn span{font-size:15px;min-width:19px;width:19px;margin:0;text-align:center;color:#f4c58e}
#sidebar .nav-btn:hover{background:#224d35}#sidebar .nav-btn.active{background:#e2b77e;color:#102b1d;font-weight:750;box-shadow:inset 3px 0 0 #b7783d}
#sidebar .nav-btn.active span{color:#173923}
#sidebar .side-foot{background:#082c1e}
.topbar{height:76px;min-height:76px;background:#fffaf2;box-shadow:0 2px 12px #25190c05;border-color:#e8decf;padding:10px clamp(16px,2.3vw,38px)}
.top-title h1{font-size:25px!important;font-weight:500;line-height:1.15;color:#133622;letter-spacing:-.03em}.top-title .eyebrow{font-size:10px;letter-spacing:.12em;font-weight:700;text-transform:uppercase;color:#88786a}
.top-actions{gap:7px}.top-actions .btn{border-color:#dacbbb;border-radius:9px;font-size:12px;padding:10px 12px}.top-actions .badge{font-size:10px}
.view{max-width:1590px;padding:clamp(16px,2.1vw,34px)}
.view h2,.card h2,.hq-next-panel h2,.section-title h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.025em}
.btn{border-radius:8px}.btn.primary{background:#0a5130;border-color:#0a5130}.btn.orange{background:#d76d37;border-color:#d76d37}
.card,.hq-next-panel,.stockroom-metric,.hq-next-stat{background:#fffaf3;border:1px solid #e5dac8;border-radius:12px;box-shadow:0 4px 19px #1b301106}
.metric{border-radius:12px}.metric .v{color:#123d29}.table-wrap{background:#fffdf9;border-color:#eadfcd}
.vs-kicker{font:800 10px/1.4 Inter,Arial,sans-serif;letter-spacing:.155em;text-transform:uppercase;color:#ae7649}
.vs-welcome{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 20px}
.vs-welcome h2{font:500 clamp(29px,3.2vw,43px)/1.14 Georgia,serif;margin:6px 0;color:#143521;letter-spacing:-.045em}
.vs-welcome h2 span{color:#db7139}.vs-welcome p{margin:0;color:#756d61;font-size:13px}
.vs-date{font:750 11px Inter,Arial,sans-serif;color:#665f54;background:#fffaf2;border:1px solid #e9dbca;border-radius:100px;padding:9px 13px;white-space:nowrap}
.vs-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}
.vs-metric{position:relative;display:grid;grid-template-columns:44px auto;column-gap:13px;align-items:center;min-height:94px;text-align:left;background:#fffaf2;border:1px solid #e6d9c6;border-radius:12px;padding:18px;cursor:pointer;box-shadow:0 6px 20px #39321d09;color:#133b26}
.vs-metric:hover,.vs-room-card:hover{border-color:#d7a36f;box-shadow:0 8px 24px #1d392015;transform:translateY(-2px)}
.vs-metric-icon{grid-row:1/3;display:grid;place-items:center;background:#f6e8d5;width:44px;height:44px;border-radius:10px;font-size:20px;color:#b46c33}
.vs-metric strong{font:650 27px/1.1 Georgia,serif;align-self:end}.vs-metric small{font-size:11px;font-weight:650;color:#6f695e;align-self:start}.vs-metric-arrow{position:absolute;right:14px;top:14px;color:#ad997f;font-size:12px}
.vs-brief-grid{display:grid;grid-template-columns:1.14fr 1fr;gap:17px;margin-bottom:19px;align-items:stretch}
.vs-editorial-feature{position:relative;border-radius:12px;overflow:hidden;min-height:338px;background:#06281b;color:#fff5df}
.vs-feature-image{position:absolute;inset:0;background-position:center 48%;background-size:cover;transform:scale(1.002)}
.vs-feature-content{position:relative;z-index:1;min-height:338px;padding:clamp(28px,3.2vw,52px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.vs-feature-content .vs-kicker{color:#e8b67f}.vs-feature-content h2{font:500 clamp(39px,4.8vw,74px)/.98 Georgia,serif;letter-spacing:-.05em;color:#fff3de;margin:18px 0 15px}.vs-feature-content h2 i{color:#ebbd83;font-weight:400}.vs-feature-content p{font-size:13px;color:#eee6d7;line-height:1.6;margin:0 0 25px}
.vs-cream-cta{background:#f8dfb8;border:1px solid #f8dfb8;border-radius:100px;color:#11331f;padding:12px 18px;font-size:12px;font-weight:750;cursor:pointer}.vs-cream-cta span{margin-left:18px}
.vs-priority-panel,.vs-section-block{padding:23px 25px;background:#fffaf2;border:1px solid #e7dac9;border-radius:12px}
.vs-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.vs-panel-heading h2{font:500 27px/1.2 Georgia,serif;margin:5px 0;color:#173a27}.vs-text-btn{border:0;background:transparent;color:#965f33;font-size:11px;font-weight:800;cursor:pointer}
.vs-focus-row{display:flex;align-items:center;gap:13px;border-top:1px solid #ece0d1;padding:13px 0}.vs-focus-index{font:600 12px Georgia,serif;color:#c58752;min-width:24px}.vs-focus-row div{min-width:0;flex:1}.vs-focus-row b{display:block;font-size:12px;line-height:1.35;color:#1e3b2b}.vs-focus-row small{display:block;color:#83796c;font-size:10px;line-height:1.6}.vs-focus-row button{border:1px solid #ead7c5;background:#f8efe3;color:#885c32;border-radius:50%;width:30px;height:30px;cursor:pointer}.vs-outline-action{border:1px dashed #cba783;background:transparent;color:#7d5638;padding:10px;width:100%;border-radius:8px;font-size:12px;cursor:pointer;margin-top:7px}
.vs-calm-state{padding:35px 0;color:#376344;font-size:13px}
.vs-lower-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:17px}.vs-room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.vs-room-card{display:flex;align-items:center;gap:11px;text-align:left;border:1px solid #e5d9c9;border-radius:10px;padding:13px;background:#fffdfa;min-width:0;cursor:pointer;color:#193c28}.vs-room-ico{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;background:#f3e6d5;color:#bd7b41;font-size:18px;flex-shrink:0}.vs-room-card>span:nth-child(2){min-width:0;flex:1}.vs-room-card b,.vs-room-card small{display:block}.vs-room-card b{font-size:12px}.vs-room-card small{font-size:10px;color:#8b7c6e;margin-top:3px}.vs-room-arrow{font-size:12px;color:#a98560}
.vs-kit-row{display:flex;justify-content:space-between;align-items:center;margin:18px 0 8px}.vs-kit-row b,.vs-kit-row small{display:block}.vs-kit-row b{font-size:12px}.vs-kit-row small{font-size:10px;color:#817568;margin-top:5px}.vs-kit-row strong{font:500 24px Georgia,serif;color:#125532}.vs-kit-track{height:7px;border-radius:10px;background:#e8e4d8;overflow:hidden}.vs-kit-track i{display:block;height:100%;background:#1d7951;border-radius:10px}.vs-stock-note{margin-top:28px;border-top:1px solid #eddfce;padding-top:18px;display:flex;align-items:center;gap:11px}.vs-stock-note>span{font-size:21px;color:#d9733b}.vs-stock-note>div{flex:1}.vs-stock-note b,.vs-stock-note small{display:block;font-size:11px}.vs-stock-note small{font-size:10px;color:#81766b;margin-top:3px}.vs-stock-note button{background:#f0e4d4;border:0;border-radius:8px;padding:9px 11px;cursor:pointer;color:#6d4c2d;font-size:11px}
/* Brand-first workrooms retain all live actions and data wiring */
.hq-next-hero{background:linear-gradient(100deg,rgba(7,37,24,.96),rgba(7,41,25,.87)),url('creative-assets/adobe-bank/booth-concept.webp') center/cover;padding:clamp(28px,3vw,46px);border-radius:12px;box-shadow:none;min-height:218px}
.hq-next-hero h2{font-weight:500;letter-spacing:-.045em}.hq-next-hero p{max-width:720px}.hq-next-hero:after{content:'✳';right:55px;top:-32px;opacity:.8}
.stockroom-hero{background:linear-gradient(100deg,rgba(9,49,29,.95),rgba(9,49,29,.78)),url('creative-assets/adobe-bank/studio-workshop.png') center/cover;border-radius:12px;min-height:220px}.stockroom-hero h2{font-size:clamp(38px,4vw,59px);font-weight:500}
.creative-editorial{background:linear-gradient(90deg,rgba(7,39,22,.95),rgba(9,54,29,.65)),url('creative-assets/adobe-bank/studio-lounge.png') center/cover;border:0;border-radius:12px;min-height:245px}.creative-editorial h2{color:#fff5e5}
.hq-next-panel{padding:24px}.hq-next-panel .section-title h2{font-weight:500}
#sidebar .side-link{font-size:12px}
body.theme-jungle .vs-welcome h2,body.theme-jungle .vs-panel-heading h2{color:#fff3de}
body.theme-jungle .vs-metric,body.theme-jungle .vs-section-block,body.theme-jungle .vs-priority-panel{background:#163b29;border-color:#4b654a;color:#f9f3e6}
body.theme-jungle .vs-metric strong,body.theme-jungle .vs-focus-row b,body.theme-jungle .vs-room-card b{color:#fff3e6}
body.theme-jungle .vs-room-card{background:#244831;color:#f9f3e6;border-color:#57725a}
body.theme-jungle .vs-focus-row{border-color:#45654c}
body.theme-jungle .vs-metric small,body.theme-jungle .vs-room-card small,body.theme-jungle .vs-focus-row small{color:#d4d7c4}
@media(max-width:1200px){.vs-brief-grid{grid-template-columns:1fr}.vs-editorial-feature,.vs-feature-content{min-height:270px}.vs-lower-grid{grid-template-columns:1fr}}
@media(max-width:900px){#app{grid-template-columns:205px minmax(0,1fr)}.vs-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#app{display:block}.vs-welcome{align-items:flex-start}.vs-welcome h2{font-size:31px}.vs-date{font-size:9px}.vs-metrics{gap:8px}.vs-metric{min-height:84px;padding:12px;grid-template-columns:37px auto;column-gap:9px}.vs-metric-icon{width:37px;height:37px}.vs-metric strong{font-size:22px}.vs-feature-content{padding:28px}.vs-feature-content h2{font-size:48px}.vs-priority-panel,.vs-section-block{padding:17px}.vs-room-grid{grid-template-columns:1fr 1fr}.vs-room-card{padding:10px;gap:8px}.vs-room-ico{width:29px;height:29px}.vs-room-arrow{display:none}.topbar{min-height:73px}.top-title h1{font-size:21px!important}}
@media(max-width:430px){.vs-date{display:none}.vs-room-grid{grid-template-columns:1fr}.vs-feature-content h2{font-size:42px}.vs-metric small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.vs-metric:hover,.vs-room-card:hover{transform:none}}

/* Owner workspace + music lounge */
.vs-personal-hero{padding:clamp(28px,4vw,52px);border-radius:16px;background:linear-gradient(110deg,#103e29 2%,#22573d 65%,#547355);color:#fdf2dc;margin-bottom:19px;position:relative;overflow:hidden}
.vs-personal-hero:after{content:'✳';position:absolute;right:8%;top:-60px;font:240px Georgia;opacity:.08;pointer-events:none}
.vs-personal-hero-kicker{font-size:10px;letter-spacing:.17em;color:#e4bf87;font-weight:800}.vs-personal-hero h2{font:500 clamp(36px,5vw,62px)/1.05 Georgia,serif;color:#fff6df;margin:12px 0}.vs-personal-hero h2 span{color:#efad72}.vs-personal-hero p{max-width:620px;color:#e8e4d7;font-size:14px}
.vs-profile-grid{display:grid;grid-template-columns:minmax(240px,.78fr) minmax(0,1.5fr);gap:17px;margin-bottom:17px}.vs-profile-bottom{grid-template-columns:1fr 1fr}.vs-profile-identity{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px}.vs-big-avatar{width:120px;height:120px;border-radius:50%;background:#dbb880;border:5px solid #f3e8d5;display:grid;place-items:center;color:#16442f;font:600 42px Georgia;overflow:hidden}.vs-big-avatar img{width:100%;height:100%;object-fit:cover}.vs-profile-identity h2{margin:6px 0 0}.vs-profile-identity p{word-break:break-word;color:#766e62}.vs-role-tag{border-radius:50px;background:#e7efe3;color:#20503a;padding:7px 16px;font-size:12px;font-weight:750}.vs-action-stack{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.vs-profile-identity small{max-width:280px;color:#80776d}.vs-toggle-list{display:grid;gap:8px;margin:18px 0}.vs-pref-switch{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f3efe6;padding:13px;border-radius:10px;cursor:pointer}.vs-pref-switch span b,.vs-pref-switch span small{display:block}.vs-pref-switch span b{font-size:13px}.vs-pref-switch span small{color:#7a766a;font-size:11px;margin-top:5px}.vs-pref-switch input{width:20px;height:20px;accent-color:#1d6644;flex-shrink:0}.vs-profile-links{display:flex;flex-wrap:wrap;gap:8px}
.vs-music-hero{background:linear-gradient(110deg,#14371f,#3a4f2e 48%,#985d36)}.vs-music-intro{background:#fff9ed;border:1px solid #e7dcca;border-radius:12px;margin-bottom:18px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.vs-music-intro p{color:#797366;font-size:12px;max-width:730px}.vs-music-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.vs-music-card{border-radius:14px;overflow:hidden;background:#fffaf3;border:1px solid #e6d9c6;box-shadow:0 5px 21px #202a170a}.vs-music-art{min-height:170px;background:radial-gradient(circle at 22% 20%,#ffffff35,transparent 40%),linear-gradient(135deg,var(--vibe-accent),#162d23);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff5d8;position:relative}.vs-music-art span{font:90px Georgia;text-shadow:0 5px 25px #0003}.vs-music-art small{position:absolute;bottom:14px;left:17px;font-size:9px;letter-spacing:.13em}.vs-music-copy{padding:20px}.vs-music-copy>small{color:#9f703e;font-size:10px;font-weight:700}.vs-music-copy h3{font:500 27px Georgia,serif;color:#153c27;margin:9px 0}.vs-music-copy p{color:#767062;font-size:12px;min-height:36px}.vs-music-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.vs-music-actions .btn{font-size:11px}.btn:disabled{opacity:.56;cursor:not-allowed}
body.theme-jungle .vs-music-card,body.theme-jungle .vs-music-intro,body.theme-jungle .vs-pref-switch{background:#173a2a;border-color:#4b654a;color:#fff7e8}body.theme-jungle .vs-music-copy h3,body.theme-jungle .vs-pref-switch b{color:#fff7e8}body.theme-jungle .vs-music-intro p,body.theme-jungle .vs-music-copy p{color:#d9d7c6}
@media(max-width:1100px){.vs-music-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.vs-profile-grid,.vs-profile-bottom,.vs-music-grid{grid-template-columns:1fr}.vs-music-intro{flex-direction:column;align-items:flex-start}.vs-personal-hero{padding:27px}.vs-music-art{min-height:150px}}