:root{
  --bg:#0f0d0b;--panel:#181512;--panel2:#201b17;--cream:#f4ead8;--muted:#b9aa96;
  --gold:#c89b4b;--gold2:#e2bd72;--teal:#2fa59b;--purple:#8b6be8;--orange:#d88442;--danger:#d06464;
  --line:rgba(244,234,216,.11);--shadow:0 16px 40px rgba(0,0,0,.28);--radius:22px;
}
*{box-sizing:border-box} html{background:var(--bg);color:var(--cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif} body{margin:0;background:
radial-gradient(circle at 15% 0%,rgba(200,155,75,.09),transparent 28%),
linear-gradient(180deg,#0f0d0b,#0b0a09 48%,#0e0c0b);min-height:100vh}
button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;padding-bottom:88px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(16px,4vw,44px);background:rgba(15,13,11,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.brand{display:flex;gap:11px;align-items:center;cursor:pointer}.brand-mark{width:38px;height:38px;border:1px solid rgba(226,189,114,.55);border-radius:11px;display:grid;place-items:center;color:var(--gold2);font-family:Georgia,serif;font-weight:700;letter-spacing:.04em}.brand-name{font-family:Georgia,serif;font-weight:700;letter-spacing:.07em;font-size:15px}.brand-sub{font-size:10px;color:var(--gold2);letter-spacing:.24em;text-transform:uppercase;margin-top:2px}.credit-pill{border:1px solid rgba(226,189,114,.35);background:rgba(200,155,75,.08);color:var(--cream);border-radius:999px;padding:8px 12px;display:flex;gap:7px;align-items:center;cursor:pointer}.credit-pill span{font-size:11px;color:var(--gold2);font-weight:700}.credit-pill strong{font-size:13px}.content{width:min(1120px,100%);margin:0 auto;padding:22px clamp(16px,4vw,36px) 44px}.hero-card{position:relative;overflow:hidden;min-height:310px;border:1px solid rgba(226,189,114,.22);border-radius:30px;padding:clamp(28px,6vw,66px);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(180px,.65fr);align-items:center;gap:16px;background:
linear-gradient(135deg,rgba(200,155,75,.10),rgba(255,255,255,.015) 38%,rgba(47,165,155,.05)),var(--panel);box-shadow:var(--shadow)}
.hero-card:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-120px;top:-150px;background:radial-gradient(circle,rgba(226,189,114,.17),transparent 68%)}.eyebrow{margin:0 0 8px;color:var(--gold2);font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.hero-card h1,.page-title h1{font-family:Georgia,serif;font-weight:500;line-height:1.02;margin:.1em 0 .34em}.hero-card h1{font-size:clamp(38px,7vw,70px);max-width:720px}.hero-copy{max-width:660px;color:#d7c8b4;font-size:clamp(16px,2.3vw,20px);line-height:1.6;margin:0}.hero-copy strong{color:var(--cream)}.glass-art{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 20px 26px rgba(0,0,0,.35));opacity:.95}.glass-bowl{width:145px;height:112px;border:2px solid rgba(244,234,216,.55);border-top:0;border-radius:0 0 78px 78px;overflow:hidden;position:relative}.drink-fill{position:absolute;left:0;right:0;bottom:0;height:60%;background:linear-gradient(180deg,rgba(226,189,114,.46),rgba(200,155,75,.22))}.glass-stem{width:2px;height:65px;background:rgba(244,234,216,.5)}.glass-base{width:98px;height:2px;background:rgba(244,234,216,.5)}
.mentor-note{margin:18px 0 28px;padding:16px 18px;border:1px solid rgba(200,155,75,.21);border-radius:18px;background:rgba(200,155,75,.055);display:flex;gap:14px;align-items:flex-start}.mentor-note.slim{margin-top:12px}.mentor-icon{width:46px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--gold),#89652c);color:#18120a;display:grid;place-items:center;font-weight:900;font-size:10px;letter-spacing:.035em;flex:0 0 auto}.mentor-note span{color:var(--gold2);font-size:10px;font-weight:900;letter-spacing:.16em}.mentor-note p{margin:4px 0 0;color:#ddcfbd;line-height:1.5}.section-head{display:flex;justify-content:space-between;gap:14px;align-items:end;margin:28px 0 14px}.section-head.compact{margin-top:34px}.section-head h2,.panel h2{font-family:Georgia,serif;font-weight:500;margin:0;font-size:28px}.text-btn{border:0;background:none;color:var(--gold2);cursor:pointer;padding:6px}.text-btn.danger{color:#e39a9a}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card{padding:18px;border-radius:18px;background:var(--panel);border:1px solid var(--line);min-height:128px;display:flex;flex-direction:column;justify-content:space-between}.stat-card span{color:var(--muted);font-size:12px}.stat-card strong{font-family:Georgia,serif;font-size:35px;font-weight:500}.stat-card small{color:#8f8171;line-height:1.3}.stat-card.accent{border-color:rgba(47,165,155,.32);background:linear-gradient(145deg,rgba(47,165,155,.12),var(--panel))}.stat-card.warning{border-color:rgba(216,132,66,.28);background:linear-gradient(145deg,rgba(216,132,66,.08),var(--panel))}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.feature-card{color:var(--cream);text-align:left;border-radius:20px;border:1px solid var(--line);padding:20px;background:var(--panel);display:flex;align-items:center;gap:15px;cursor:pointer;transition:transform .18s ease,border-color .18s ease}.feature-card:hover{transform:translateY(-2px)}.feature-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:rgba(255,255,255,.05)}.feature-card strong{display:block;font-size:16px;margin-bottom:4px}.feature-card small{display:block;color:var(--muted);line-height:1.4}.feature-card.teal{border-color:rgba(47,165,155,.22)}.feature-card.purple{border-color:rgba(139,107,232,.24)}.feature-card.orange{border-color:rgba(216,132,66,.24)}.feature-card.gold{border-color:rgba(200,155,75,.24)}
.home-gigs{margin-top:4px}.home-gigs-head{align-items:center}.home-gigs-list{display:grid;gap:9px}.home-gig-row{min-width:0;display:grid;grid-template-columns:minmax(150px,.55fr) minmax(0,1.45fr) auto;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.home-gig-date,.home-gig-copy{min-width:0}.home-gig-date strong{display:block;color:var(--gold2);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.home-gig-date span{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.35}.home-gig-copy h3{margin:0;overflow:hidden;color:var(--cream);font-family:Georgia,serif;font-size:19px;font-weight:500;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.home-gig-copy p{margin:4px 0 0;color:var(--muted);font-size:11px}.home-gig-open{min-width:72px;min-height:44px}.home-gigs-empty{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 15px;border:1px dashed var(--line);border-radius:15px;color:var(--muted);font-size:12px}.home-gigs-empty .text-btn{flex:0 0 auto}
.page-title{padding:18px 2px 8px}.page-title h1{font-size:clamp(38px,6vw,62px);max-width:800px}.page-title>p:last-child{color:var(--muted);font-size:16px;line-height:1.65;max-width:760px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-top:18px}.panel-head{display:flex;justify-content:space-between}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.form-grid label,.ask-preview label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:12px;font-weight:700}.form-grid input,.form-grid select,.ask-preview textarea{width:100%;border:1px solid var(--line);background:#100e0c;color:var(--cream);border-radius:13px;padding:12px;outline:none}.form-grid input:focus,.form-grid select:focus{border-color:rgba(226,189,114,.55)}.primary-btn{border:0;border-radius:13px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#16100a;padding:12px 16px;font-weight:900;cursor:pointer;align-self:end}.primary-btn:disabled{opacity:.45;cursor:not-allowed}.inventory-list{display:grid;gap:10px}.inventory-item{display:grid;grid-template-columns:minmax(0,1.6fr) .8fr .7fr auto;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px 16px}.inventory-item strong{display:block}.inventory-item small{color:var(--muted)}.qty-wrap{display:flex;align-items:center;gap:8px}.qty-btn{width:30px;height:30px;border-radius:10px;border:1px solid var(--line);background:#100e0c;color:var(--cream);cursor:pointer}.low-badge{display:inline-flex;border-radius:999px;padding:5px 8px;background:rgba(216,132,66,.13);color:#e8a36e;font-size:10px;font-weight:900;letter-spacing:.06em}.remove-btn{border:0;background:transparent;color:#a98f80;cursor:pointer;font-size:18px}.empty-state{padding:30px;border:1px dashed rgba(244,234,216,.15);border-radius:18px;color:var(--muted);text-align:center}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.chip{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:8px 12px;cursor:pointer}.chip.active{border-color:rgba(226,189,114,.4);color:var(--cream);background:rgba(200,155,75,.08)}.recipe-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.recipe-list.expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;min-height:160px;display:flex;flex-direction:column;gap:10px}.recipe-card.ready{border-color:rgba(47,165,155,.28)}.recipe-card.near{border-color:rgba(216,132,66,.24)}.recipe-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.recipe-card h3{font-family:Georgia,serif;font-size:23px;margin:0}.match-badge{font-size:10px;border-radius:999px;padding:5px 8px;background:rgba(47,165,155,.12);color:#77d5cb;font-weight:900;white-space:nowrap}.match-badge.missing{background:rgba(216,132,66,.12);color:#e7a36f}.recipe-card p{margin:0;color:var(--muted);line-height:1.5;font-size:13px}.ingredients{display:flex;gap:6px;flex-wrap:wrap}.ingredient{font-size:10px;padding:5px 7px;border-radius:999px;border:1px solid var(--line);color:#cabbA7}.ingredient.missing{border-color:rgba(216,132,66,.34);color:#e6a06a}.event-form{grid-template-columns:repeat(4,minmax(0,1fr))}.event-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.result-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px}.result-card strong{font-family:Georgia,serif;font-size:31px;font-weight:500;display:block}.result-card span{font-size:12px;color:var(--muted)}.result-card small{display:block;color:#887b6d;margin-top:5px}.event-disclaimer{grid-column:1/-1;border-left:3px solid var(--gold);padding:12px 14px;background:rgba(200,155,75,.06);color:var(--muted);border-radius:8px;line-height:1.5}.ai-card{border:1px solid rgba(139,107,232,.28);background:linear-gradient(145deg,rgba(139,107,232,.10),var(--panel));border-radius:24px;padding:24px;margin-top:14px}.ai-badge{width:48px;height:48px;border-radius:15px;background:rgba(139,107,232,.15);display:grid;place-items:center;color:#ba9fff;font-size:22px}.ai-card h2{font-family:Georgia,serif;font-size:30px;font-weight:500;margin:16px 0 8px}.ai-card p{color:var(--muted);max-width:690px;line-height:1.5}.credit-bar{height:8px;border-radius:99px;background:#0e0c0b;overflow:hidden;margin:18px 0 7px}.credit-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--gold2));border-radius:99px}.ai-card small{color:var(--muted)}.ask-preview textarea{min-height:120px;resize:vertical;margin-bottom:12px}.more-list{display:grid;gap:10px}.more-list button{text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;border:1px solid var(--line);background:var(--panel);color:var(--cream);border-radius:18px;padding:18px;cursor:default}.more-list button span{font-weight:800}.more-list button small{grid-column:1;color:var(--muted);line-height:1.4}.more-list button b{grid-column:2;grid-row:1/3;align-self:center;color:var(--gold2);font-size:11px}.more-list button.locked{border-color:rgba(139,107,232,.25);background:linear-gradient(145deg,rgba(139,107,232,.07),var(--panel))}.bottom-nav{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:30;width:min(620px,calc(100% - 22px));display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:7px;border:1px solid rgba(244,234,216,.12);border-radius:22px;background:rgba(22,19,16,.94);backdrop-filter:blur(16px);box-shadow:0 18px 40px rgba(0,0,0,.35)}.nav-btn{border:0;background:transparent;color:#8f8171;border-radius:15px;padding:7px 4px;display:flex;flex-direction:column;gap:2px;align-items:center;cursor:pointer}.nav-btn span{font-size:18px}.nav-btn small{font-size:10px}.nav-btn.active{background:rgba(200,155,75,.09);color:var(--gold2)}
@media (max-width:820px){.hero-card{grid-template-columns:1fr;min-height:0}.glass-art{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}.recipe-list,.recipe-list.expanded{grid-template-columns:1fr}.form-grid,.event-form{grid-template-columns:repeat(2,1fr)}.event-results{grid-template-columns:repeat(2,1fr)}.inventory-item{grid-template-columns:1fr auto;}.inventory-meta{display:none}.inventory-item .qty-wrap{justify-self:end}.inventory-item .remove-btn{grid-column:2}.quick-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.content{padding-top:15px}.hero-card{padding:28px 22px;border-radius:23px}.hero-card h1{font-size:42px}.hero-copy{font-size:15px}.stat-grid{gap:9px}.stat-card{min-height:115px;padding:15px}.stat-card strong{font-size:30px}.quick-grid{grid-template-columns:1fr}.feature-card{padding:16px}.form-grid,.event-form{grid-template-columns:1fr}.event-results{grid-template-columns:repeat(2,1fr)}.section-head{align-items:center}.section-head h2{font-size:24px}.page-title h1{font-size:42px}.inventory-item{grid-template-columns:1fr auto;gap:8px}.brand-name{font-size:13px}.brand-mark{width:34px;height:34px}.topbar{padding-inline:14px}}
@media (max-width:700px){.home-gig-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.home-gig-date{grid-column:1}.home-gig-copy{grid-column:1}.home-gig-open{grid-column:2;grid-row:1/3;align-self:center}.home-gig-copy h3{font-size:18px}}
@media (max-width:560px){.home-gigs-head{align-items:flex-end}.home-gigs-head .text-btn{font-size:11px;padding-inline:0}.home-gig-row{padding:13px 12px}.home-gig-date span{max-width:210px}.home-gig-copy h3{max-width:calc(100vw - 150px)}.home-gig-open{min-width:68px}.home-gigs-empty{padding:10px 12px}.home-gigs-empty .text-btn{font-size:11px;padding:5px 0}}

/* Desktop navigation: keep the phone-friendly bottom bar on smaller screens,
   but move primary navigation to a left rail on laptops/desktops so it never
   covers reading or working space. */
@media (min-width:900px){
  .app-shell{padding-left:208px;padding-bottom:0}
  .bottom-nav{
    left:0;
    top:67px;
    bottom:0;
    transform:none;
    width:208px;
    display:flex;
    flex-direction:column;
    gap:7px;
    padding:20px 12px;
    border-left:0;
    border-bottom:0;
    border-radius:0;
    background:rgba(18,15,13,.96);
    box-shadow:8px 0 30px rgba(0,0,0,.18);
    backdrop-filter:blur(16px)
  }
  .nav-btn{
    width:100%;
    min-height:48px;
    padding:11px 13px;
    border-radius:13px;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    gap:12px;
    text-align:left
  }
  .nav-btn span{width:24px;font-size:19px;text-align:center}
  .nav-btn small{font-size:13px;font-weight:650;letter-spacing:.01em}
  .nav-btn.active{background:rgba(200,155,75,.12);box-shadow:inset 2px 0 0 var(--gold2)}
  .content{width:min(1240px,100%);padding-left:34px;padding-right:34px}
}

/* Build 1.2 — Bar Craft / Modern navigation icon system */
.nav-icon{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  flex:0 0 28px;
  border-radius:10px;
  color:currentColor;
  transition:transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}
.nav-icon svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
  overflow:visible;
}
.nav-icon .accent-stroke{
  stroke:var(--gold2);
  opacity:.6;
}
.nav-btn:hover .nav-icon{
  transform:translateY(-1px);
  color:#d8c6aa;
  background:rgba(244,234,216,.045);
}
.nav-btn.active .nav-icon{
  color:var(--gold2);
  background:linear-gradient(145deg,rgba(226,189,114,.15),rgba(200,155,75,.055));
  box-shadow:inset 0 0 0 1px rgba(226,189,114,.13),0 5px 14px rgba(0,0,0,.18);
}
.nav-btn.active .nav-icon .accent-stroke{opacity:1}
.nav-btn.active small{color:var(--cream)}

@media (max-width:899px){
  .nav-icon{width:24px;height:24px;border-radius:8px;flex-basis:24px}
  .nav-icon svg{width:19px;height:19px}
}

@media (min-width:900px){
  .nav-btn{min-height:54px;gap:13px}
  .nav-btn span.nav-icon{width:31px;height:31px;font-size:inherit;text-align:initial}
  .nav-btn small{font-size:13.5px}
  .nav-btn.active{box-shadow:inset 2px 0 0 var(--gold2),0 5px 18px rgba(0,0,0,.08)}
}

/* Build 1.3 — hero glassware group, using the branding board as the visual north star. */
.glass-trio{
  width:min(350px,100%);
  min-height:260px;
  justify-content:center;
  gap:8px;
}
.hero-glass-svg{
  width:100%;
  height:auto;
  overflow:visible;
  filter:drop-shadow(0 22px 32px rgba(0,0,0,.42));
}
.hero-glass{
  fill:none;
  stroke:rgba(244,234,216,.66);
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.hero-glass .liquid{
  stroke:none;
  fill:url(#amberFill);
}
.hero-glass .liquid.strong{fill:url(#amberFillStrong)}
.hero-glass .accent-line{
  stroke:var(--gold2);
  stroke-opacity:.58;
  stroke-width:1.4;
}
.hero-glass .ice-line{
  stroke:rgba(244,234,216,.34);
  stroke-width:1.3;
}
.hero-glass .olive{
  fill:rgba(200,155,75,.55);
  stroke:var(--gold2);
  stroke-width:1.4;
}
.hero-glass .pick{
  stroke:rgba(226,189,114,.85);
  stroke-width:1.4;
}
.wine-glass{opacity:.58}
.rocks-glass{opacity:.82}
.martini-glass{
  stroke:rgba(244,234,216,.82);
  filter:drop-shadow(0 0 8px rgba(226,189,114,.08));
}
.glass-caption{
  color:rgba(226,189,114,.66);
  font-size:9px;
  font-weight:800;
  letter-spacing:.23em;
  text-align:center;
  white-space:nowrap;
  margin-top:-12px;
}
.glass-caption span{color:rgba(244,234,216,.28);padding:0 5px}

@media (max-width:1060px) and (min-width:821px){
  .glass-trio{width:300px}
  .hero-card{grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr)}
}

/* Build 2.0 — My Bar workspace */
.is-hidden{display:none!important}
.bar-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:6px}
.bar-page-title{flex:1}
.add-item-cta{min-width:158px;margin-bottom:12px;box-shadow:0 10px 28px rgba(200,155,75,.14)}
.bar-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:18px 0 14px}
.bar-metric{position:relative;overflow:hidden;padding:17px 18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.02),var(--panel));min-height:116px;display:flex;flex-direction:column;justify-content:space-between}
.bar-metric:after{content:"";position:absolute;right:-34px;top:-42px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(226,189,114,.08),transparent 70%)}
.bar-metric span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.bar-metric strong{font-family:Georgia,serif;font-size:34px;font-weight:500;line-height:1;color:var(--cream)}
.bar-metric small{color:#897b6c;line-height:1.35}
.bar-metric.low{border-color:rgba(216,132,66,.28);background:linear-gradient(145deg,rgba(216,132,66,.07),var(--panel))}
.bar-metric.match{border-color:rgba(47,165,155,.28);background:linear-gradient(145deg,rgba(47,165,155,.08),var(--panel))}
.bar-match-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 20px;margin:12px 0 20px;border:1px solid rgba(47,165,155,.25);border-radius:20px;background:linear-gradient(110deg,rgba(47,165,155,.10),rgba(47,165,155,.03) 48%,var(--panel));box-shadow:0 16px 34px rgba(0,0,0,.15)}
.bar-match-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:rgba(47,165,155,.14);border:1px solid rgba(75,205,190,.18);color:#72d7cb;font-size:20px;font-weight:900}
.bar-match-banner .eyebrow{display:block;margin:0 0 4px;color:#58cbbd}
.bar-match-banner h2{margin:0;font-family:Georgia,serif;font-size:24px;font-weight:500}
.bar-match-banner p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.45}
.bar-match-banner .text-btn{white-space:nowrap;color:#72d7cb}
.bar-add-panel{border-color:rgba(226,189,114,.24);background:linear-gradient(145deg,rgba(200,155,75,.06),var(--panel));margin:8px 0 22px}
.bar-add-head{align-items:flex-start;gap:18px}
.bar-add-head p:last-child{color:var(--muted);font-size:12px;line-height:1.5;max-width:680px;margin:6px 0 0}
.icon-close{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:#100e0c;color:var(--muted);font-size:21px;cursor:pointer;flex:0 0 auto}
.bar-form-grid{grid-template-columns:1.4fr .8fr .7fr .65fr .65fr .7fr auto;align-items:end}
.bar-form-grid .wide-field{grid-column:auto}
.bar-save-btn{min-width:132px}
.bar-tools{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:26px 0 8px;flex-wrap:wrap}
.bar-search-wrap{display:flex;align-items:center;gap:9px;min-width:245px;flex:0 1 330px;border:1px solid var(--line);background:#100e0c;border-radius:14px;padding:0 12px;transition:border-color .18s ease}
.bar-search-wrap:focus-within{border-color:rgba(226,189,114,.42)}
.bar-search-wrap svg{width:18px;height:18px;fill:none;stroke:#887b6d;stroke-width:1.7;stroke-linecap:round}
.bar-search-wrap input{width:100%;border:0;background:transparent;color:var(--cream);padding:12px 2px;outline:none}
.bar-search-wrap input::placeholder{color:#736759}
.bar-filter-row{margin:0;justify-content:flex-end;flex:1}
.bar-inventory-head{margin-top:18px}
.bar-result-count{margin:4px 0 0;color:#837668;font-size:12px}
.inventory-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.inventory-card{display:flex;flex-direction:column;gap:14px;padding:17px;background:linear-gradient(145deg,rgba(255,255,255,.018),var(--panel));border-radius:19px;min-width:0;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.inventory-card:hover{transform:translateY(-1px);border-color:rgba(226,189,114,.18);box-shadow:0 12px 26px rgba(0,0,0,.12)}
.inventory-card.low{border-color:rgba(216,132,66,.28);background:linear-gradient(145deg,rgba(216,132,66,.065),var(--panel))}
.inventory-card.out{border-color:rgba(187,95,82,.28);opacity:.85}
.inventory-card-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}
.category-art{width:52px;height:58px;border-radius:15px;display:grid;place-items:center;background:rgba(200,155,75,.075);border:1px solid rgba(226,189,114,.12);color:#c9a45d;flex:0 0 auto}
.category-art svg{width:35px;height:35px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.category-art svg .fill-line{fill:rgba(200,155,75,.15);stroke:var(--gold2)}
.category-art.beer{color:#d89d58;background:rgba(216,132,66,.07)}
.category-art.wine{color:#b88dbe;background:rgba(139,107,232,.07)}
.category-art.mixer{color:#4fbbae;background:rgba(47,165,155,.07)}
.category-art.garnish{color:#7fc06c;background:rgba(97,166,78,.07)}
.inventory-title{min-width:0}
.inventory-title>span{display:block;color:var(--gold2);font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;margin-bottom:3px}
.inventory-title h3{font-family:Georgia,serif;font-weight:500;font-size:22px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inventory-title small{display:block;color:#87796a;margin-top:4px}
.stock-status{justify-self:end;align-self:start;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.08em;border:1px solid rgba(47,165,155,.22);background:rgba(47,165,155,.08);color:#67cfc2}
.stock-status.low{border-color:rgba(216,132,66,.26);background:rgba(216,132,66,.09);color:#e5a36e}
.stock-status.out{border-color:rgba(187,95,82,.28);background:rgba(187,95,82,.08);color:#db8e82}
.inventory-card-body{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 0;border-top:1px solid rgba(244,234,216,.07);border-bottom:1px solid rgba(244,234,216,.07)}
.inventory-card-body>div{min-width:0}
.inventory-card-body>div+div{border-left:1px solid rgba(244,234,216,.07);padding-left:14px}
.inventory-card-body small{display:block;color:#7f7264;font-size:9px;font-weight:900;letter-spacing:.10em}
.inventory-card-body strong{display:inline-block;margin-top:5px;font-family:Georgia,serif;font-size:24px;font-weight:500;color:var(--cream)}
.inventory-card-body span{margin-left:5px;color:#8d8070;font-size:11px}
.inventory-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.inventory-record-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.edit-btn{border:0;background:transparent;color:var(--gold2);cursor:pointer;font-weight:800;padding:8px 4px}.edit-btn:hover,.edit-btn:focus-visible{text-decoration:underline;text-underline-offset:3px}.inventory-preserved-field{color:var(--muted)!important;cursor:not-allowed}.field-help{display:block;color:var(--muted);font-size:10px;line-height:1.35;min-height:0}
.inventory-card-actions .qty-wrap{gap:7px}
.inventory-card-actions .qty-wrap>span{font-size:10px;color:#817466;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.inventory-card-actions .qty-btn{width:32px;height:32px;border-radius:11px;transition:border-color .18s ease,background .18s ease}
.inventory-card-actions .qty-btn:hover{border-color:rgba(226,189,114,.34);background:rgba(200,155,75,.06)}
.remove-btn.labeled{font-size:11px;padding:7px 9px;border-radius:9px;color:#9d887b}
.remove-btn.labeled:hover{background:rgba(187,95,82,.07);color:#d99b91}
.inventory-empty{grid-column:1/-1;display:flex;flex-direction:column;gap:6px}
.inventory-empty strong{color:var(--cream);font-family:Georgia,serif;font-size:22px;font-weight:500}
.pro-inventory-teaser{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin:30px 0 10px;padding:20px;border:1px solid rgba(139,107,232,.24);border-radius:22px;background:linear-gradient(125deg,rgba(139,107,232,.09),rgba(139,107,232,.025) 55%,var(--panel));cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.pro-inventory-teaser:hover{transform:translateY(-1px);border-color:rgba(139,107,232,.42);box-shadow:0 12px 28px rgba(0,0,0,.16)}.pro-inventory-teaser:focus-visible{outline:3px solid rgba(226,189,114,.55);outline-offset:3px;border-color:rgba(139,107,232,.48)}
.pro-lock{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:rgba(139,107,232,.12);border:1px solid rgba(139,107,232,.18);color:#b69bf1;font-weight:900;font-size:12px}
.pro-inventory-teaser h2{font-family:Georgia,serif;font-weight:500;margin:0;font-size:23px}
.pro-inventory-teaser p:last-child{color:var(--muted);line-height:1.5;font-size:13px;margin:5px 0 0;max-width:750px}
.coming-pill{white-space:nowrap;border-radius:999px;padding:7px 10px;border:1px solid rgba(139,107,232,.23);background:rgba(139,107,232,.08);color:#b69bf1;font-size:9px;font-weight:900;letter-spacing:.08em}

@media (max-width:1180px) and (min-width:900px){
  .bar-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bar-form-grid .wide-field{grid-column:span 2}
  .bar-save-btn{grid-column:3}
}
@media (max-width:900px){
  .bar-title-row{align-items:flex-start}
  .bar-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inventory-card-grid{grid-template-columns:1fr}
  .bar-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bar-form-grid .wide-field{grid-column:span 2}
  .bar-save-btn{grid-column:span 2}
  .pro-inventory-teaser{grid-template-columns:auto 1fr}
  .coming-pill{grid-column:2;justify-self:start}
}
@media (max-width:640px){
  .bar-title-row{display:block}
  .add-item-cta{width:100%;margin:0 0 8px}
  .bar-overview{gap:9px}
  .bar-metric{min-height:105px;padding:14px}
  .bar-metric strong{font-size:30px}
  .bar-match-banner{grid-template-columns:auto 1fr;padding:16px}
  .bar-match-banner .text-btn{grid-column:2;justify-self:start;padding-left:0}
  .bar-form-grid{grid-template-columns:1fr}
  .bar-form-grid .wide-field,.bar-save-btn{grid-column:auto}
  .bar-tools{display:block}
  .bar-search-wrap{max-width:none;width:100%;margin-bottom:12px}
  .bar-filter-row{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}
  .bar-filter-row .chip{white-space:nowrap}
  .inventory-card-top{grid-template-columns:auto minmax(0,1fr)}
  .stock-status{grid-column:2;grid-row:2;justify-self:start;margin-top:-6px}
  .inventory-title h3{font-size:20px}
  .pro-inventory-teaser{grid-template-columns:1fr}
  .pro-lock{width:44px;height:44px}
  .coming-pill{grid-column:1}
}

/* Build 2.1 — section identity heroes */
.section-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);
  align-items:center;
  gap:24px;
  min-height:236px;
  padding:30px 34px;
  margin:4px 0 18px;
  border:1px solid rgba(226,189,114,.16);
  border-radius:25px;
  background:linear-gradient(135deg,rgba(200,155,75,.055),rgba(255,255,255,.012) 42%,rgba(255,255,255,.018)),var(--panel);
  box-shadow:0 14px 34px rgba(0,0,0,.16);
}
.section-hero:after{
  content:"";
  position:absolute;
  width:310px;height:310px;border-radius:50%;
  right:-116px;top:-136px;
  background:radial-gradient(circle,rgba(226,189,114,.10),transparent 68%);
  pointer-events:none;
}
.section-hero-bar{background:linear-gradient(135deg,rgba(200,155,75,.055),rgba(255,255,255,.012) 42%,rgba(47,165,155,.045)),var(--panel)}
.section-hero-recipes{background:linear-gradient(135deg,rgba(200,155,75,.045),rgba(255,255,255,.012) 42%,rgba(139,107,232,.045)),var(--panel)}
.section-hero-events{background:linear-gradient(135deg,rgba(200,155,75,.045),rgba(255,255,255,.012) 42%,rgba(216,132,66,.05)),var(--panel)}
.section-hero-ask{background:linear-gradient(135deg,rgba(139,107,232,.055),rgba(255,255,255,.012) 48%,rgba(47,165,155,.035)),var(--panel)}
.section-hero-more{background:linear-gradient(135deg,rgba(200,155,75,.05),rgba(255,255,255,.012) 48%,rgba(200,155,75,.025)),var(--panel)}
.section-hero-copy{position:relative;z-index:2;min-width:0}
.section-hero-copy h1{
  font-family:Georgia,serif;
  font-weight:500;
  line-height:1.03;
  font-size:clamp(40px,5vw,60px);
  margin:.08em 0 .28em;
  max-width:780px;
}
.section-hero-copy>p:last-of-type{color:var(--muted);font-size:15px;line-height:1.65;max-width:760px;margin-bottom:0}
.section-hero-copy .add-item-cta{margin:18px 0 0;min-width:158px}
.section-hero-art{
  position:relative;
  z-index:2;
  width:min(340px,100%);
  justify-self:end;
  align-self:center;
  opacity:.96;
  filter:drop-shadow(0 20px 30px rgba(0,0,0,.34));
}
.section-hero-art svg{width:100%;height:auto;display:block;overflow:visible}
.silhouette-line{
  fill:none;
  stroke:rgba(244,234,216,.56);
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.silhouette-line .accent-line{stroke:rgba(226,189,114,.82);stroke-width:1.55}
.silhouette-glow{opacity:.9}
.section-art-caption{
  margin-top:-7px;
  color:rgba(226,189,114,.64);
  font-size:9px;
  font-weight:850;
  letter-spacing:.22em;
  text-align:center;
  white-space:nowrap;
}
.section-hero-bar .section-hero-art{color:var(--teal)}
.section-hero-recipes .silhouette-line .accent-line{stroke:rgba(174,144,242,.82)}
.section-hero-events .silhouette-line .accent-line{stroke:rgba(229,154,95,.9)}
.section-hero-ask .silhouette-line .accent-line{stroke:rgba(174,144,242,.92)}
.section-hero-ask .section-art-caption{color:rgba(174,144,242,.72)}

/* Build 2.1 — show the inventory adjustment unit so the control feels deliberate. */
.inventory-card-actions .qty-wrap>span{min-width:72px;text-align:center}

@media (max-width:1080px) and (min-width:821px){
  .section-hero{grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);padding:27px 28px}
  .section-hero-art{width:285px}
}
@media (max-width:820px){
  .section-hero{grid-template-columns:1fr;min-height:0;padding:26px 24px;border-radius:22px}
  .section-hero-art{display:none}
  .section-hero-copy h1{font-size:42px}
}

/* Build 3 — Recipes: search, favorites, match scoring, and teaching detail */
.recipe-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px}
.recipe-metric{position:relative;overflow:hidden;min-height:110px;padding:16px 18px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,rgba(255,255,255,.018),rgba(200,155,75,.018)),var(--panel)}
.recipe-metric:after{content:"";position:absolute;width:92px;height:92px;border-radius:50%;right:-34px;bottom:-48px;background:radial-gradient(circle,rgba(200,155,75,.1),transparent 70%)}
.recipe-metric span{display:block;color:#cfb485;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.recipe-metric strong{display:block;margin:7px 0 2px;font-family:Georgia,serif;font-size:34px;font-weight:500;color:var(--cream)}
.recipe-metric small{color:#8d7c69;font-size:11px}
.recipe-metric.ready{border-color:rgba(47,165,155,.24);background:linear-gradient(145deg,rgba(47,165,155,.055),rgba(255,255,255,.01)),var(--panel)}
.recipe-metric.near{border-color:rgba(216,132,66,.22)}
.recipe-metric.favorite{border-color:rgba(139,107,232,.22);background:linear-gradient(145deg,rgba(139,107,232,.05),rgba(255,255,255,.01)),var(--panel)}

.recipe-match-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin:0 0 14px;padding:17px 20px;border:1px solid rgba(47,165,155,.25);border-radius:19px;background:linear-gradient(120deg,rgba(47,165,155,.08),rgba(47,165,155,.018) 48%,rgba(200,155,75,.025)),var(--panel)}
.recipe-match-mark{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;color:#62d2c6;background:rgba(47,165,155,.12);border:1px solid rgba(47,165,155,.22);font-family:Georgia,serif;font-size:24px}
.recipe-match-banner h2{font-family:Georgia,serif;font-weight:500;font-size:24px;margin:1px 0 2px}
.recipe-match-banner p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.recipe-match-banner .text-btn{white-space:nowrap;color:#70d6cc}

.recipe-tools{display:flex;align-items:center;gap:14px;margin:18px 0 14px}
.recipe-search-wrap{display:flex;align-items:center;gap:9px;min-width:260px;max-width:350px;flex:0 1 350px;border:1px solid var(--line);background:#100e0c;border-radius:14px;padding:0 13px}
.recipe-search-wrap svg{width:17px;height:17px;fill:none;stroke:#8f8171;stroke-width:1.8}
.recipe-search-wrap input{width:100%;border:0;outline:0;background:transparent;color:var(--cream);padding:13px 0;font:inherit}
.recipe-search-wrap input::placeholder{color:#746758}
.recipe-filter-row{margin:0;flex:1;justify-content:flex-end}
.recipe-library-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:18px 0 12px}
.recipe-library-head h2{font-family:Georgia,serif;font-size:29px;font-weight:500;margin:2px 0}
.recipe-result-count{font-size:11px;color:#8d7c69;margin:0}
.recipe-teach-line{color:#8f8171;font-size:12px;text-align:right}.recipe-teach-line strong{color:var(--gold2)}
.recipe-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.recipe-library-card{padding:0;min-height:0;overflow:hidden;display:grid;grid-template-columns:138px minmax(0,1fr);background:linear-gradient(145deg,rgba(255,255,255,.015),transparent 42%),var(--panel);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.recipe-library-card:hover{transform:translateY(-2px);border-color:rgba(226,189,114,.24);box-shadow:0 15px 30px rgba(0,0,0,.18)}
.recipe-library-card.ready{border-color:rgba(47,165,155,.3)}
.recipe-library-card.near{border-color:rgba(216,132,66,.28)}
.recipe-card-visual{position:relative;overflow:hidden;min-height:100%;display:grid;place-items:center;border-right:1px solid var(--line);background:radial-gradient(circle at 50% 38%,rgba(200,155,75,.13),transparent 55%),#12100e}
.recipe-card-visual:after{content:"";position:absolute;inset:auto -25px -42px -25px;height:105px;background:radial-gradient(ellipse,rgba(200,155,75,.1),transparent 70%)}
.recipe-card-visual.tequila{background:radial-gradient(circle at 50% 38%,rgba(47,165,155,.13),transparent 55%),#12100e}
.recipe-card-visual.whiskey{background:radial-gradient(circle at 50% 38%,rgba(216,132,66,.16),transparent 55%),#12100e}
.recipe-card-visual.rum{background:radial-gradient(circle at 50% 38%,rgba(226,189,114,.14),transparent 55%),#12100e}
.recipe-card-visual.gin{background:radial-gradient(circle at 50% 38%,rgba(47,165,155,.11),transparent 55%),#12100e}
.recipe-card-visual.vodka{background:radial-gradient(circle at 50% 38%,rgba(139,107,232,.13),transparent 55%),#12100e}
.recipe-family{position:absolute;top:12px;left:12px;z-index:2;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--gold2)}
.recipe-glass-art{position:relative;z-index:1;width:84px;height:84px;margin-top:12px}
.recipe-glass-art svg,.recipe-dialog-glass svg{width:100%;height:100%;fill:none;stroke:rgba(244,234,216,.6);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.recipe-glass-art svg .fill,.recipe-dialog-glass svg .fill{fill:rgba(200,155,75,.22);stroke:rgba(226,189,114,.62)}
.recipe-favorite{position:absolute;z-index:3;top:9px;right:9px;width:34px;height:34px;border-radius:11px;border:1px solid rgba(244,234,216,.1);display:grid;place-items:center;background:rgba(8,7,6,.58);color:#a8947c;cursor:pointer}
.recipe-favorite svg,.recipe-dialog-favorite svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}
.recipe-favorite.active,.recipe-dialog-favorite.active{color:var(--gold2);border-color:rgba(226,189,114,.28);background:rgba(200,155,75,.09)}
.recipe-favorite .heart-fill,.recipe-dialog-favorite .heart-fill{fill:currentColor}
.recipe-card-content{padding:16px 17px;display:flex;flex-direction:column;min-width:0}
.recipe-card-title-row{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.recipe-card-title-row h3{font-family:Georgia,serif;font-size:25px;font-weight:500;margin:0;color:var(--cream)}
.recipe-card-title-row p{margin:3px 0 0;color:#9c8974;font-size:11px}
.recipe-description{margin:11px 0;color:var(--muted);font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.recipe-match-row{display:flex;justify-content:space-between;gap:10px;color:#8f8171;font-size:10px;margin-top:auto}.recipe-match-row strong{color:#c9b38f}
.recipe-progress{height:5px;border-radius:99px;background:#0d0b0a;overflow:hidden;margin:6px 0 9px}.recipe-progress span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--purple),var(--gold2))}.recipe-library-card.ready .recipe-progress span{background:linear-gradient(90deg,var(--teal),#72d7cd)}
.recipe-ready-line{font-size:10px;color:#72d7cd;font-weight:800;letter-spacing:.04em}
.recipe-missing-line{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-height:25px}.recipe-missing-line small{font-size:8px;font-weight:900;letter-spacing:.1em;color:#9a765e}.recipe-missing-line span{font-size:9px;color:#dea071;border:1px solid rgba(216,132,66,.2);border-radius:999px;padding:3px 6px;background:rgba(216,132,66,.06)}
.recipe-why{border-top:1px solid rgba(244,234,216,.07);margin-top:11px;padding-top:10px}.recipe-why span{font-size:8px;font-weight:900;letter-spacing:.12em;color:#b69bf1}.recipe-why p{font-size:11px;color:#a69683;line-height:1.45;margin:4px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.recipe-open-btn{margin:12px 0 0;padding:10px 0 0;border:0;border-top:1px solid rgba(244,234,216,.06);background:transparent;color:var(--cream);display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;cursor:pointer;text-align:left}.recipe-open-btn span{color:var(--gold2);font-size:16px}
.recipe-card-compact .recipe-compact-actions{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:auto;padding-top:6px}.recipe-card-compact .recipe-compact-actions>span{color:#8e7d6a;font-size:10px}.recipe-card-compact .text-btn{padding:0;font-size:10px}
.recipe-empty{grid-column:1/-1;display:flex;flex-direction:column;gap:6px}.recipe-empty strong{font-family:Georgia,serif;font-size:22px;font-weight:500;color:var(--cream)}

.recipe-dialog{width:min(960px,calc(100% - 28px));max-height:90vh;padding:0;border:1px solid rgba(226,189,114,.2);border-radius:26px;background:#0e0c0a;color:var(--cream);box-shadow:0 30px 90px rgba(0,0,0,.65);overflow:auto}
.recipe-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}
.recipe-dialog-shell{position:relative}
.recipe-dialog-close{position:absolute;z-index:5;right:15px;top:15px;width:38px;height:38px;border-radius:12px;border:1px solid rgba(244,234,216,.12);background:rgba(8,7,6,.72);color:var(--cream);font-size:23px;line-height:1;cursor:pointer}
.recipe-dialog-hero{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:24px;align-items:center;padding:29px 34px 25px;border-bottom:1px solid rgba(244,234,216,.08);background:radial-gradient(circle at 88% 45%,rgba(200,155,75,.13),transparent 32%),linear-gradient(135deg,rgba(200,155,75,.07),transparent 55%)}
.recipe-dialog-hero.tequila,.recipe-dialog-hero.gin{background:radial-gradient(circle at 88% 45%,rgba(47,165,155,.13),transparent 32%),linear-gradient(135deg,rgba(200,155,75,.06),transparent 55%)}
.recipe-dialog-hero.whiskey{background:radial-gradient(circle at 88% 45%,rgba(216,132,66,.15),transparent 32%),linear-gradient(135deg,rgba(200,155,75,.06),transparent 55%)}
.recipe-dialog-hero.vodka{background:radial-gradient(circle at 88% 45%,rgba(139,107,232,.14),transparent 32%),linear-gradient(135deg,rgba(200,155,75,.06),transparent 55%)}
.recipe-dialog-hero h2{font-family:Georgia,serif;font-size:46px;font-weight:500;line-height:1;margin:5px 0 10px}.recipe-dialog-hero p{max-width:620px;color:var(--muted);line-height:1.55;font-size:13px;margin:0}
.recipe-dialog-glass{width:150px;height:150px;justify-self:end}
.recipe-dialog-status{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:14px 34px;background:rgba(216,132,66,.055);border-bottom:1px solid rgba(244,234,216,.07)}.recipe-dialog-status.ready{background:rgba(47,165,155,.055)}.recipe-dialog-status span{display:block;font-size:9px;font-weight:900;letter-spacing:.12em;color:#dea071}.recipe-dialog-status.ready span{color:#6fd1c7}.recipe-dialog-status strong{display:block;margin-top:2px;font-size:12px;color:#c9baa8}
.recipe-dialog-favorite{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:12px;background:#12100e;color:#9b8874;padding:8px 11px;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}
.recipe-dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.recipe-dialog-grid>section{padding:27px 34px}.recipe-dialog-grid>section+section{border-left:1px solid rgba(244,234,216,.08)}
.dialog-kicker{font-size:9px;font-weight:900;letter-spacing:.13em;color:var(--gold2)}.recipe-dialog-grid h3{font-family:Georgia,serif;font-size:28px;font-weight:500;margin:4px 0 16px}
.recipe-measures{list-style:none;padding:0;margin:0;display:grid;gap:7px}.recipe-measures li{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid rgba(244,234,216,.07);border-radius:12px;background:rgba(255,255,255,.012)}.recipe-measures li>span{color:var(--gold2);font-family:Georgia,serif;font-size:15px}.recipe-measures li strong{font-size:12px}.recipe-measures li em{font-style:normal;font-size:9px;color:#63cfc4}.recipe-measures li.missing{border-color:rgba(216,132,66,.18);background:rgba(216,132,66,.035)}.recipe-measures li.missing em{color:#df9e6c}
.recipe-service{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.recipe-service div{padding:10px;border-radius:11px;background:#12100e;border:1px solid rgba(244,234,216,.07)}.recipe-service small{display:block;font-size:8px;color:#8b7966;letter-spacing:.08em}.recipe-service strong{display:block;margin-top:4px;font-size:10px;color:#c9baa8;line-height:1.35}
.recipe-steps{list-style:none;padding:0;margin:0;display:grid;gap:11px}.recipe-steps li{display:grid;grid-template-columns:30px 1fr;gap:11px;align-items:start}.recipe-steps li>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(200,155,75,.09);border:1px solid rgba(226,189,114,.18);color:var(--gold2);font-family:Georgia,serif}.recipe-steps p{margin:3px 0 0;color:#b6a794;font-size:12px;line-height:1.5}
.recipe-teaching-panel{display:grid;grid-template-columns:auto 1fr;gap:13px;margin:0 34px 24px;padding:17px 18px;border:1px solid rgba(139,107,232,.22);border-radius:17px;background:linear-gradient(125deg,rgba(139,107,232,.08),rgba(200,155,75,.025))}.recipe-teaching-panel>div:last-child>span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#b69bf1}.recipe-teaching-panel h3{font-family:Georgia,serif;font-size:20px;font-weight:500;margin:4px 0 5px}.recipe-teaching-panel p{margin:0;color:#a99a88;line-height:1.5;font-size:12px}
.recipe-dialog-missing{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 34px 30px;padding:14px 16px;border:1px solid rgba(216,132,66,.18);border-radius:15px;background:rgba(216,132,66,.04)}.recipe-dialog-missing span{display:block;font-size:8px;font-weight:900;letter-spacing:.1em;color:#da9b6b}.recipe-dialog-missing strong{display:block;margin-top:3px;font-size:12px;color:#c9baa8}

@media (max-width:1100px){.recipe-library-card{grid-template-columns:112px minmax(0,1fr)}.recipe-overview{grid-template-columns:repeat(2,1fr)}.recipe-tools{align-items:flex-start;flex-direction:column}.recipe-search-wrap{width:100%;max-width:none;flex:auto}.recipe-filter-row{justify-content:flex-start}.recipe-library-grid{grid-template-columns:1fr}}
@media (max-width:820px){.recipe-match-banner{grid-template-columns:auto 1fr}.recipe-match-banner .text-btn{grid-column:2;justify-self:start;padding-left:0}.recipe-library-head{display:block}.recipe-teach-line{display:block;text-align:left;margin-top:6px}.recipe-dialog-hero{grid-template-columns:1fr;padding:25px 22px}.recipe-dialog-glass{display:none}.recipe-dialog-status{padding:13px 22px}.recipe-dialog-grid{grid-template-columns:1fr}.recipe-dialog-grid>section{padding:23px 22px}.recipe-dialog-grid>section+section{border-left:0;border-top:1px solid rgba(244,234,216,.08)}.recipe-teaching-panel,.recipe-dialog-missing{margin-left:22px;margin-right:22px}.recipe-service{grid-template-columns:1fr}}
@media (max-width:600px){.recipe-overview{grid-template-columns:1fr 1fr;gap:8px}.recipe-metric{padding:13px;min-height:96px}.recipe-metric strong{font-size:29px}.recipe-match-banner{padding:15px}.recipe-card-visual{min-height:118px;border-right:0;border-bottom:1px solid var(--line)}.recipe-library-card{grid-template-columns:1fr}.recipe-glass-art{width:72px;height:72px}.recipe-family{top:10px}.recipe-dialog-hero h2{font-size:37px}.recipe-dialog-status{align-items:flex-start;flex-direction:column}.recipe-measures li{grid-template-columns:58px 1fr}.recipe-measures li em{grid-column:2}.recipe-dialog-missing{align-items:flex-start;flex-direction:column}.recipe-dialog-missing .primary-btn{width:100%}.recipe-filter-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;width:100%}.recipe-filter-row .chip{white-space:nowrap}}


/* Build 4 — Events: signature cocktail planning, recipe-based shopping, and saved event plans */
.event-mentor{margin-bottom:16px}
.event-setup,.event-menu-panel{padding:22px 23px}
.event-panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.event-panel-title h2{margin:1px 0 5px;font-family:Georgia,serif;font-weight:500;font-size:29px}
.event-panel-title>div>p:last-child{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.event-step-badge{flex:0 0 auto;border:1px solid rgba(226,189,114,.22);border-radius:999px;padding:7px 10px;color:#cdb37f;background:rgba(200,155,75,.055);font-size:8px;font-weight:900;letter-spacing:.12em}
.event-step-badge.purple{border-color:rgba(139,107,232,.23);color:#b69bf1;background:rgba(139,107,232,.055)}
.event-step-badge.limit{border-color:rgba(216,132,66,.35);color:#e7a36f;background:rgba(216,132,66,.08)}
.event-form-expanded{display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:11px;margin-top:18px;align-items:end}
.event-field{position:relative;display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:11px;font-weight:800}
.event-field-wide{grid-column:span 2}
.event-field input,.event-field select{width:100%;height:44px;border:1px solid var(--line);background:#100e0c;color:var(--cream);border-radius:13px;padding:10px 12px;outline:none}
.event-field input:focus,.event-field select:focus{border-color:rgba(226,189,114,.52)}
.event-field>small{position:absolute;right:10px;bottom:14px;color:#776956;font-size:8px;pointer-events:none}
.event-step-one-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;min-width:0;margin-top:5px;padding:14px 0 3px;border-top:1px solid rgba(244,234,216,.07)}
.event-calc-btn{width:auto;max-width:100%;height:44px;white-space:nowrap}
.event-menu-panel{border-color:rgba(139,107,232,.14)}
.event-recipe-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:16px}
.event-recipe-choice{min-height:68px;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);border-radius:14px;padding:10px;background:#12100e;color:var(--cream);cursor:pointer;transition:.16s ease}
.event-recipe-choice:hover{border-color:rgba(226,189,114,.22);transform:translateY(-1px)}
.event-recipe-choice.active{border-color:rgba(139,107,232,.34);background:linear-gradient(135deg,rgba(139,107,232,.10),rgba(200,155,75,.035))}
.event-choice-check{width:28px;height:28px;border-radius:9px;border:1px solid rgba(244,234,216,.12);display:grid;place-items:center;flex:0 0 auto;color:#9c8975;font-weight:900}
.event-recipe-choice.active .event-choice-check{background:rgba(139,107,232,.15);border-color:rgba(139,107,232,.28);color:#c0a8ff}
.event-recipe-choice strong{display:block;font-family:Georgia,serif;font-size:15px;font-weight:500}.event-recipe-choice small{display:block;margin-top:3px;color:#8e7d69;font-size:9px}
.event-picker-note{margin-top:13px;border-left:2px solid rgba(139,107,232,.55);padding:9px 11px;color:#998976;background:rgba(139,107,232,.035);border-radius:7px;font-size:10px;line-height:1.5}.event-picker-note strong{color:#c1ad91}
.event-results-head{align-items:flex-end}.event-plan-subtitle{color:#8f7f6b;font-size:11px;margin:4px 0 0}.event-save-tools{display:grid;justify-items:end;gap:7px}.event-actions{display:flex;gap:8px}.event-save-status{min-height:17px;margin:0;color:#77c9c0;font-size:10px;font-weight:800;text-align:right;opacity:0}.event-save-status.is-visible{opacity:1}.event-save-status[data-tone="error"]{color:#e29a74}.secondary-btn{border:1px solid var(--line);background:#12100e;color:#c6b7a4;border-radius:12px;padding:10px 12px;font-size:10px;font-weight:850;cursor:pointer}.secondary-btn.gold{border-color:rgba(226,189,114,.22);color:var(--gold2);background:rgba(200,155,75,.055)}
.event-results-pro{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0}
.event-results-pro .result-card{position:relative;overflow:hidden;min-height:125px}.event-results-pro .result-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-42px;bottom:-52px;background:radial-gradient(circle,rgba(200,155,75,.10),transparent 70%)}
.event-results-pro .result-card.event-result-primary{border-color:rgba(226,189,114,.24);background:linear-gradient(145deg,rgba(200,155,75,.07),var(--panel))}
.event-results-pro .result-card.beer{border-color:rgba(47,165,155,.18)}.event-results-pro .result-card.wine{border-color:rgba(139,107,232,.16)}.event-results-pro .result-card.cocktail{border-color:rgba(216,132,66,.22)}.event-results-pro .result-card.spirits{border-color:rgba(226,189,114,.2)}
.event-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.event-detail-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:20px;min-width:0}
.event-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid rgba(244,234,216,.07);padding-bottom:13px;margin-bottom:13px}.event-detail-head h2{font-family:Georgia,serif;font-size:25px;font-weight:500;margin:1px 0 0}.event-detail-head>span{font-size:8px;font-weight:900;letter-spacing:.1em;color:#9c8974;border:1px solid var(--line);border-radius:999px;padding:6px 8px;text-transform:uppercase}
.event-menu-allocation{display:grid;gap:8px}.event-menu-card{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid rgba(244,234,216,.07);background:#12100e;border-radius:13px;padding:11px 12px}.event-menu-card>div>span{font-size:8px;font-weight:900;color:#b69bf1;letter-spacing:.09em;text-transform:uppercase}.event-menu-card h3{font-family:Georgia,serif;font-size:17px;font-weight:500;margin:2px 0}.event-menu-card>div>small{font-size:9px;color:#827461}.event-menu-card>strong{font-family:Georgia,serif;font-size:25px;font-weight:500;color:var(--cream);text-align:right}.event-menu-card>strong small{display:block;font-family:Inter,ui-sans-serif,system-ui;font-size:7px;letter-spacing:.1em;color:#8c7d69;text-transform:uppercase}
.event-detail-empty{border:1px dashed rgba(244,234,216,.13);border-radius:13px;padding:22px;color:#8f806d;text-align:center;font-size:11px;line-height:1.5}.event-garnish-line{display:grid;grid-template-columns:1fr auto;gap:2px 12px;margin-top:11px;padding-top:11px;border-top:1px solid rgba(244,234,216,.06)}.event-garnish-line span{font-size:9px;color:#8e7d69}.event-garnish-line strong{font-size:11px;color:#c8b79f}.event-garnish-line small{grid-column:1/-1;font-size:8px;color:#6f6354}
.event-shopping-list{list-style:none;padding:0;margin:0;display:grid;gap:7px}.event-shopping-list li{display:grid;grid-template-columns:55px 1fr auto;gap:9px;align-items:center;padding:9px 10px;border:1px solid rgba(244,234,216,.07);border-radius:11px;background:#12100e}.event-shopping-list li>span{font-size:7px;font-weight:900;letter-spacing:.09em;color:#c39e5c}.event-shopping-list li>strong{font-size:10px}.event-shopping-list li>b{font-size:9px;font-weight:800;color:#c7b79f;text-align:right}.event-shopping-list li>b em{font-style:normal;color:#796c5c;font-weight:500}.event-shopping-list li>b>span{display:block}.event-shopping-list li>b>span+span{margin-top:3px;color:#d7ba72}.event-shopping-empty{grid-template-columns:1fr!important}.event-shopping-empty b{font-weight:500!important;color:#7f715f!important;text-align:left!important;margin-top:2px}
.event-basics-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(244,234,216,.07)}.event-basics-list div{display:flex;justify-content:space-between;gap:8px;border-radius:10px;background:rgba(255,255,255,.012);padding:8px 9px}.event-basics-list span{font-size:8px;color:#817361}.event-basics-list strong{font-size:9px;color:#c6b59e}.event-pro-note{grid-column:1/-1;margin:0}
.saved-event-panel{margin-top:12px}.saved-event-list{display:grid;gap:8px;margin-top:14px}.saved-event-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:11px 12px;border:1px solid rgba(244,234,216,.07);border-radius:13px;background:#12100e}.saved-event-row strong{display:block;font-size:11px}.saved-event-row small{display:block;color:#806f5c;font-size:9px;margin-top:3px}.saved-event-row>div:nth-child(2){text-align:right}.saved-event-row b{display:block;font-family:Georgia,serif;font-size:20px;font-weight:500}.saved-event-row span{display:block;color:#806f5c;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.saved-event-row button{width:28px;height:28px;border:1px solid var(--line);border-radius:9px;background:transparent;color:#8c7866;cursor:pointer}

@media (max-width:1100px){.event-form-expanded{grid-template-columns:repeat(3,minmax(0,1fr))}.event-field-wide{grid-column:span 1}.event-recipe-picker{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.event-form-expanded{grid-template-columns:1fr 1fr}.event-step-one-actions{grid-column:1/-1;margin-top:4px}.event-recipe-picker{grid-template-columns:1fr 1fr}.event-detail-grid{grid-template-columns:1fr}.event-results-pro{grid-template-columns:1fr 1fr}.event-results-head{align-items:flex-start;flex-direction:column}.event-save-tools{width:100%;justify-items:stretch}.event-actions{width:100%}.event-actions button{flex:1}.event-save-status{text-align:left}}
@media (max-width:560px){.event-setup,.event-menu-panel{padding:18px}.event-panel-title{flex-direction:column}.event-form-expanded{grid-template-columns:1fr}.event-step-one-actions{display:block;width:100%;padding-bottom:2px}.event-step-one-actions .event-calc-btn{width:100%;max-width:none}.event-recipe-picker{grid-template-columns:1fr}.event-results-pro{grid-template-columns:1fr 1fr}.event-results-pro .result-card{min-height:112px;padding:14px}.event-results-pro .result-card strong{font-size:27px}.event-shopping-list li{grid-template-columns:48px 1fr}.event-shopping-list li>b{grid-column:2;text-align:left}.event-basics-list{grid-template-columns:1fr}.event-actions{flex-direction:column}.event-actions button{width:100%}}


/* Build 4.1 — clearer event workflow + click feedback */
.event-calc-btn,.event-final-btn{transition:transform .12s ease,box-shadow .18s ease,filter .18s ease}
.event-calc-btn:hover,.event-final-btn:hover{filter:brightness(1.06);box-shadow:0 9px 24px rgba(200,155,75,.13)}
.event-calc-btn:active,.event-final-btn:active{transform:translateY(2px) scale(.985);box-shadow:0 2px 8px rgba(200,155,75,.11)}
.event-button-confirmed{transform:scale(.985);box-shadow:0 0 0 3px rgba(226,189,114,.14),0 8px 24px rgba(200,155,75,.16)!important}
.event-step-actions{display:flex;justify-content:flex-end;margin-top:15px;padding-top:14px;border-top:1px solid rgba(244,234,216,.07)}
.event-final-btn{min-width:210px;height:44px}
.event-focus-pulse{animation:eventFocusPulse .85s ease}
@keyframes eventFocusPulse{0%{box-shadow:0 0 0 0 rgba(226,189,114,0)}35%{box-shadow:0 0 0 4px rgba(226,189,114,.13)}100%{box-shadow:0 0 0 0 rgba(226,189,114,0)}}
@media(max-width:560px){.event-step-actions{display:block}.event-final-btn{width:100%}}

/* Build 4.2 — clearer event scroll stops + clickable recipe overview cards */
#eventMenuPanel,.event-results-head,.recipe-library-head{scroll-margin-top:96px}
button.recipe-metric{appearance:none;width:100%;color:inherit;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
button.recipe-metric:hover{transform:translateY(-2px);border-color:rgba(226,189,114,.34);box-shadow:0 10px 30px rgba(0,0,0,.18)}
button.recipe-metric:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
button.recipe-metric.selected{border-color:rgba(226,189,114,.55);box-shadow:inset 0 0 0 1px rgba(226,189,114,.12),0 8px 24px rgba(0,0,0,.14)}
button.recipe-metric.ready.selected{border-color:rgba(47,165,155,.5)}
button.recipe-metric.near.selected{border-color:rgba(216,132,66,.5)}
button.recipe-metric.favorite.selected{border-color:rgba(139,107,232,.5)}

/* Build 4.3 — clickable overview metrics */
.dashboard-metric{font:inherit;color:inherit;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.dashboard-metric:hover{transform:translateY(-2px);border-color:rgba(226,189,114,.48);box-shadow:0 12px 30px rgba(0,0,0,.18)}
.dashboard-metric:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
.dashboard-metric em{position:relative;z-index:1;margin-top:8px;color:var(--gold2);font-size:10px;font-style:normal;font-weight:800;letter-spacing:.045em;opacity:.72;transition:opacity .18s ease,transform .18s ease}
.dashboard-metric:hover em{opacity:1;transform:translateX(2px)}
.bar-metric.dashboard-metric{width:100%}
.stat-card.dashboard-metric{width:100%}

/* Build 5 — Ask STSB bartender coach */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ask-status-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:14px;margin-top:18px}
.ask-credit-card{margin:0;min-height:100%}.ai-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-mode-badge{border:1px solid rgba(139,107,232,.35);background:rgba(139,107,232,.10);color:#c5b3ff;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900;letter-spacing:.12em}.ask-credit-card p strong{color:var(--cream)}
.ask-context-card{border:1px solid rgba(47,165,155,.25);background:linear-gradient(145deg,rgba(47,165,155,.08),var(--panel));border-radius:24px;padding:22px}.ask-context-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.ask-context-stats div{padding:13px 8px;border-radius:14px;border:1px solid var(--line);background:rgba(0,0,0,.10);text-align:center}.ask-context-stats strong{display:block;font-family:Georgia,serif;font-size:28px;font-weight:500}.ask-context-stats span{display:block;color:var(--muted);font-size:10px;line-height:1.2;margin-top:3px}.ask-context-link{width:100%;cursor:pointer}
.ask-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr);gap:14px;align-items:start}.ask-chat-panel{padding:0;overflow:hidden}.ask-chat-head{padding:20px 22px 16px;display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border-bottom:1px solid var(--line)}.ask-chat-head h2{font-size:32px}.ask-chat-head p:last-child{margin:5px 0 0;color:var(--muted);font-size:13px}.ask-clear-btn{cursor:pointer;padding:8px 11px}
.ask-prompt-row{display:flex;gap:8px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.012)}.ask-prompt-row button{border:1px solid rgba(139,107,232,.25);background:rgba(139,107,232,.06);color:#d8cdfb;border-radius:999px;padding:8px 11px;cursor:pointer;font-size:11px}.ask-prompt-row button:hover{border-color:rgba(139,107,232,.55);background:rgba(139,107,232,.12)}
.ask-context-strip{padding:12px 18px;border-bottom:1px solid rgba(139,107,232,.2);background:rgba(139,107,232,.045)}.ask-context-strip>div{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.ask-context-strip>div>strong{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#cfc3f5}.ask-context-chips{display:flex;gap:7px;flex-wrap:wrap}.ask-context-chip{border:1px solid rgba(139,107,232,.32);background:#18141e;color:#e0d8f8;border-radius:999px;padding:7px 10px;font-size:11px;cursor:pointer}.ask-context-chip span{margin-left:6px;color:#ad9ce5}.ask-context-strip p{margin:7px 0 0;color:#968aa7;font-size:10px;line-height:1.45}.ask-context-strip.is-warning p{color:#e2bd72}.ask-context-used{display:block;margin-top:9px;padding-top:8px;border-top:1px solid rgba(244,234,216,.09);color:#9f91c9;font-size:10px;line-height:1.4}.ask-context-used button{border:0;background:transparent;color:var(--gold2);padding:0;margin-left:5px;font:inherit;cursor:pointer;text-decoration:underline}.bar-hero-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:18px}.bar-hero-actions .add-item-cta{margin-top:0}
.ask-chat{height:430px;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth;background:radial-gradient(circle at 80% 0%,rgba(139,107,232,.06),transparent 32%)}.ask-message{display:flex;gap:10px;align-items:flex-start;max-width:92%}.ask-message.user{align-self:flex-end;flex-direction:row-reverse}.ask-avatar{width:36px;height:36px;flex:0 0 auto;border-radius:11px;display:grid;place-items:center;font-size:9px;font-weight:900;letter-spacing:.04em;background:linear-gradient(145deg,var(--gold),#89652c);color:#18120a}.ask-message.user .ask-avatar{background:#29231e;color:#d4c5b2;border:1px solid var(--line)}.ask-bubble{border:1px solid var(--line);background:#171411;border-radius:4px 18px 18px 18px;padding:13px 15px;min-width:120px}.ask-message.user .ask-bubble{background:rgba(139,107,232,.11);border-color:rgba(139,107,232,.25);border-radius:18px 4px 18px 18px}.ask-bubble>span{display:block;color:var(--gold2);font-size:9px;font-weight:900;letter-spacing:.14em;margin-bottom:5px}.ask-message.user .ask-bubble>span{color:#bba9f3}.ask-bubble p{margin:0;color:#dfd1bf;line-height:1.62;font-size:14px}.ask-bubble strong{color:var(--cream)}.ask-credit-refill{margin-top:13px;min-height:44px;width:100%}
.ask-composer{padding:16px 18px 18px;border-top:1px solid var(--line);background:#15120f}.ask-composer textarea{width:100%;min-height:88px;max-height:190px;resize:vertical;border:1px solid var(--line);background:#0f0d0b;color:var(--cream);border-radius:15px;padding:13px 14px;outline:none;line-height:1.5}.ask-composer textarea:focus{border-color:rgba(139,107,232,.55);box-shadow:0 0 0 3px rgba(139,107,232,.08)}.ask-composer-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.ask-composer-footer span{font-size:10px;color:#8f8171}.ask-composer-footer .primary-btn{min-width:116px}.ask-composer-footer .primary-btn:active{transform:translateY(1px) scale(.99)}
.ask-side-stack{display:grid;gap:14px}.ask-side-stack .panel{margin-top:18px}.ask-guide-card{padding:18px}.ask-guide-card>button{width:100%;text-align:left;border:0;border-top:1px solid var(--line);background:transparent;color:var(--cream);padding:13px 2px;display:flex;flex-direction:column;gap:3px;cursor:pointer}.ask-guide-card>button:first-of-type{margin-top:8px}.ask-guide-card>button:hover{color:var(--gold2)}.ask-guide-card button span{font-size:11px;color:var(--muted)}.ask-philosophy-card{position:relative;overflow:hidden}.ask-philosophy-card .mentor-icon{margin-bottom:16px}.ask-philosophy-card blockquote{font-family:Georgia,serif;font-size:22px;line-height:1.32;margin:8px 0 14px;color:#e8dac7}.ask-philosophy-card blockquote strong{color:var(--gold2)}.ask-philosophy-card>p:last-child,.ask-plus-card p{color:var(--muted);line-height:1.55;font-size:13px}.ask-plus-card{border-color:rgba(139,107,232,.25);background:linear-gradient(145deg,rgba(139,107,232,.08),var(--panel))}.ask-plus-card h3{font-family:Georgia,serif;font-size:22px;font-weight:500;margin:15px 0 7px}

@media(max-width:900px){.ask-status-grid,.ask-workspace{grid-template-columns:1fr}.ask-side-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.ask-side-stack .panel{margin-top:0}.ask-chat{height:390px}}
@media(max-width:700px){.ask-side-stack{grid-template-columns:1fr}.ask-context-stats{grid-template-columns:repeat(3,1fr)}.ask-chat{height:360px}.ask-composer-footer{align-items:flex-end}.ask-composer-footer span{max-width:190px}.ask-status-grid{margin-top:12px}}
@media(max-width:480px){.ask-context-stats{gap:5px}.ask-context-stats strong{font-size:24px}.ask-chat-head{padding:18px}.ask-prompt-row{padding:12px}.ask-context-strip{padding:11px 12px}.ask-chat{padding:14px;height:330px}.ask-message{max-width:98%}.ask-composer{padding:13px}.ask-composer-footer{flex-direction:column;align-items:stretch}.ask-composer-footer .primary-btn{width:100%}.bar-hero-actions>*{width:100%}.event-actions{flex-wrap:wrap}.event-actions button{min-width:calc(50% - 4px)}}

/* Build 5.1 — STSB identity + permanent Ask STSB navigation */
.bottom-nav{grid-template-columns:repeat(6,1fr);width:min(720px,calc(100% - 22px))}
.nav-label{display:flex;flex-direction:column;min-width:0;line-height:1.05}
.nav-label em{display:none;font-style:normal;color:#7f7468;font-size:9.5px;line-height:1.25;margin-top:4px;font-weight:550;white-space:normal}
.nav-btn-ask .nav-icon{color:#b39aec}
.nav-btn-ask.active .nav-icon{color:var(--gold2)}
.stsb-identity{display:inline-flex;align-items:center;gap:11px;margin-top:18px;padding:10px 13px 10px 10px;border:1px solid rgba(226,189,114,.18);border-radius:14px;background:rgba(200,155,75,.055);color:#d9cbb8}
.stsb-identity span{display:grid;place-items:center;min-width:42px;height:30px;padding:0 7px;border-radius:9px;background:linear-gradient(145deg,var(--gold2),var(--gold));color:#191108;font-size:10px;font-weight:950;letter-spacing:.06em}
.stsb-identity strong{font-size:12px;letter-spacing:.025em}
.ask-chat-head strong{color:#d9cbb8;font-weight:750}
.more-list .about-card{border-color:rgba(226,189,114,.22);background:linear-gradient(145deg,rgba(200,155,75,.07),var(--panel))}
.more-list .about-card small strong{color:#d9cbb8}

@media (max-width:899px){
  .bottom-nav{grid-template-columns:repeat(6,1fr);gap:2px;padding-inline:5px}
  .nav-btn{padding-left:2px;padding-right:2px}
  .nav-btn small{font-size:9px;white-space:nowrap}
  .nav-btn-ask .nav-label em{display:none}
}

@media (min-width:900px){
  .app-shell{padding-left:226px}
  .bottom-nav{width:226px}
  .nav-btn-ask{min-height:67px;align-items:flex-start}
  .nav-btn-ask .nav-icon{margin-top:3px}
  .nav-btn-ask .nav-label{padding-top:3px}
  .nav-btn-ask .nav-label small{font-size:13.5px}
  .nav-btn-ask .nav-label em{display:block}
}


/* Build 6 — My Creations */
.section-hero-creations{background:linear-gradient(135deg,rgba(139,107,232,.08),rgba(200,155,75,.055),var(--panel));}
.creation-silhouette .accent-fill{fill:rgba(226,189,114,.58);stroke:none}
.creation-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:18px 0 18px}
.creation-metric{position:relative;text-align:left;min-height:116px;padding:17px 18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.02),var(--panel));color:var(--cream);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;transition:.18s ease}
.creation-metric:hover{transform:translateY(-2px);border-color:rgba(226,189,114,.28);box-shadow:0 14px 30px rgba(0,0,0,.18)}
.creation-metric span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.creation-metric strong{font-family:Georgia,serif;font-size:34px;font-weight:500}.creation-metric small{color:var(--gold2);font-size:10px;font-weight:800}
.creation-workspace{border:1px solid var(--line);border-radius:24px;background:rgba(24,21,18,.62);padding:22px;margin-bottom:18px}.creation-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:flex-end}.creation-toolbar h2{margin:0;font-family:Georgia,serif;font-size:32px;font-weight:500}.creation-toolbar-actions{display:flex;gap:9px;align-items:center}.creation-toolbar-actions input{min-width:250px}
.creation-filters{margin:16px 0}.creation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.creation-card{border:1px solid var(--line);border-radius:19px;background:var(--panel);padding:18px;display:flex;flex-direction:column;gap:12px;min-height:240px}.creation-card-top{display:flex;justify-content:space-between;gap:12px}.creation-family{font-size:10px;color:var(--gold2);text-transform:uppercase;letter-spacing:.12em;font-weight:800}.creation-card h3{font-family:Georgia,serif;font-size:26px;font-weight:500;margin:3px 0 0}.creation-fav{border:1px solid var(--line);width:36px;height:36px;border-radius:50%;background:#12100e;color:#877765;font-size:20px;cursor:pointer}.creation-fav.active{color:#e5a06d;border-color:rgba(229,160,109,.28)}.creation-meta{display:flex;gap:7px;flex-wrap:wrap}.creation-meta span{font-size:10px;border:1px solid var(--line);border-radius:999px;padding:5px 8px;color:var(--muted)}.creation-ingredients{display:flex;gap:6px;flex-wrap:wrap}.creation-ingredients span{font-size:10px;padding:5px 7px;border-radius:999px;background:rgba(200,155,75,.055);border:1px solid rgba(200,155,75,.12);color:#cdbda7}.creation-card-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:11px;display:flex;flex-direction:column;gap:7px}.creation-card-bottom>span:last-child{color:var(--muted);font-size:12px;line-height:1.45}.stars{color:var(--gold2);letter-spacing:.06em;font-size:14px}.creation-card-actions{display:flex;gap:7px}.creation-card-actions button{border:1px solid var(--line);background:#12100e;color:#d6c6b2;border-radius:10px;padding:8px 10px;font-size:11px;font-weight:800;cursor:pointer}.creation-card-actions button:hover{border-color:rgba(226,189,114,.28)}.creation-card-actions .danger-link{margin-left:auto;color:#d77a70}
.creation-empty{grid-column:1/-1;min-height:250px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}.creation-empty .primary-btn{margin-top:4px}
.creation-editor{border:1px solid rgba(226,189,114,.19);border-radius:24px;background:linear-gradient(145deg,rgba(200,155,75,.06),var(--panel));padding:22px;margin:18px 0}.creation-editor-head{margin:0 0 16px}.creation-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.creation-form label{display:flex;flex-direction:column;gap:6px;color:#d7c8b4;font-size:11px;font-weight:800}.creation-form label span small{display:block;color:#807364;font-weight:500;margin-top:3px}.creation-form input,.creation-form select,.creation-form textarea,.creation-toolbar input{width:100%;border:1px solid var(--line);background:#100e0c;color:var(--cream);border-radius:12px;padding:11px 12px;outline:none}.creation-form input:focus,.creation-form select:focus,.creation-form textarea:focus,.creation-toolbar input:focus{border-color:rgba(226,189,114,.42);box-shadow:0 0 0 3px rgba(200,155,75,.06)}.creation-wide{grid-column:1/-1}.creation-rating{border:1px solid var(--line);border-radius:14px;padding:14px}.creation-rating legend{padding:0 7px;color:#d7c8b4;font-size:11px;font-weight:800}.rating-buttons{display:flex;gap:3px}.rating-buttons button{border:0;background:transparent;color:#554a3f;font-size:27px;cursor:pointer;padding:2px 4px}.rating-buttons button.active{color:var(--gold2)}.creation-rating small{color:var(--muted)}.creation-form-actions{display:flex;gap:9px;justify-content:flex-end}.dialog-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.more-list button[data-nav]{cursor:pointer}.more-list button[data-nav]:hover{border-color:rgba(226,189,114,.28);background:linear-gradient(145deg,rgba(200,155,75,.055),var(--panel))}
.more-list .more-destination{text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;border:1px solid var(--line);background:var(--panel);color:var(--cream);border-radius:18px;padding:18px;text-decoration:none;cursor:pointer}.more-list .more-destination span{font-weight:800}.more-list .more-destination small{grid-column:1;color:var(--muted);line-height:1.4}.more-list .more-destination b{grid-column:2;grid-row:1/3;align-self:center;color:var(--gold2);font-size:11px}.more-list .more-destination:hover,.more-list .more-destination:focus-visible{border-color:rgba(226,189,114,.28);background:linear-gradient(145deg,rgba(200,155,75,.055),var(--panel));outline:2px solid rgba(226,189,114,.45);outline-offset:2px}
@media(max-width:820px){.creation-overview{grid-template-columns:repeat(2,1fr)}.creation-grid{grid-template-columns:1fr}.creation-toolbar{align-items:stretch;flex-direction:column}.creation-toolbar-actions{align-items:stretch;flex-direction:column}.creation-toolbar-actions input{min-width:0}.creation-form{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.creation-form{grid-template-columns:1fr}.creation-wide{grid-column:1}.creation-overview{gap:8px}.creation-workspace,.creation-editor{padding:16px}.creation-form-actions{flex-direction:column}.creation-form-actions button{width:100%}}


/* Build 7 — Bar Library */
.section-hero-library{background:linear-gradient(135deg,rgba(47,165,155,.07),rgba(200,155,75,.06),var(--panel))}.library-silhouette .accent-fill{fill:rgba(226,189,114,.55);stroke:none}.library-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:18px 0}.library-metric{min-height:116px;padding:17px 18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.02),var(--panel));color:var(--cream);text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;transition:.18s ease}.library-metric:hover{transform:translateY(-2px);border-color:rgba(47,165,155,.28);box-shadow:0 14px 30px rgba(0,0,0,.17)}.library-metric span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.library-metric strong{font-family:Georgia,serif;font-size:34px;font-weight:500}.library-metric small{color:#74c9c1;font-size:10px;font-weight:800}.library-workspace{border:1px solid var(--line);border-radius:24px;background:rgba(24,21,18,.62);padding:22px}.library-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.library-toolbar h2{font-family:Georgia,serif;font-size:32px;font-weight:500;margin:0}.library-toolbar input{min-width:300px;border:1px solid var(--line);background:#100e0c;color:var(--cream);border-radius:12px;padding:11px 12px;outline:none}.library-toolbar input:focus{border-color:rgba(47,165,155,.42);box-shadow:0 0 0 3px rgba(47,165,155,.06)}.library-filters{margin:16px 0 8px}.library-result-count{font-size:11px;color:#817365;margin:9px 0 13px}.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.library-card{border:1px solid var(--line);border-radius:19px;background:var(--panel);padding:17px;display:grid;grid-template-columns:72px minmax(0,1fr);gap:15px;cursor:pointer;transition:.18s ease;min-height:170px}.library-card:hover,.library-card:focus{transform:translateY(-2px);border-color:rgba(226,189,114,.25);outline:none;box-shadow:0 14px 28px rgba(0,0,0,.15)}.library-card-art{width:70px;height:70px;border-radius:17px;display:grid;place-items:center;background:rgba(200,155,75,.055);border:1px solid rgba(200,155,75,.12);color:#cdb37c}.library-card-art svg{width:46px;height:46px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.library-card-art .accent-stroke{stroke:var(--gold2)}.library-card-art.beer-wine{color:#d7aa67;background:rgba(216,132,66,.06)}.library-card-art.glassware{color:#b9d9d6;background:rgba(47,165,155,.05)}.library-card-art.methods{color:#b39cf1;background:rgba(139,107,232,.06)}.library-card-copy>span{font-size:9px;color:var(--gold2);text-transform:uppercase;letter-spacing:.11em;font-weight:800}.library-card h3{font-family:Georgia,serif;font-size:25px;font-weight:500;margin:4px 0 7px}.library-card p{font-size:12px;color:var(--muted);line-height:1.5;margin:0}.library-card b{display:block;margin-top:10px;color:#d8c3a2;font-size:10px}.library-empty{grid-column:1/-1;min-height:230px}.library-why{margin-top:18px}.library-related{margin-top:18px;border-top:1px solid var(--line);padding-top:15px}.library-related h3{font-family:Georgia,serif;font-size:20px;font-weight:500;margin:0 0 9px}.library-related div{display:flex;gap:7px;flex-wrap:wrap}.library-related button{border:1px solid var(--line);background:#12100e;color:#d7c8b4;border-radius:999px;padding:7px 10px;cursor:pointer;font-size:11px}.library-related button:hover{border-color:rgba(226,189,114,.3);color:var(--gold2)}
@media(max-width:820px){.library-overview{grid-template-columns:repeat(2,1fr)}.library-grid{grid-template-columns:1fr}.library-toolbar{align-items:stretch;flex-direction:column}.library-toolbar input{min-width:0;width:100%}}
@media(max-width:560px){.library-workspace{padding:16px}.library-card{grid-template-columns:58px minmax(0,1fr);gap:12px}.library-card-art{width:56px;height:56px;border-radius:14px}.library-card-art svg{width:38px;height:38px}}


/* Build 8 — desktop navigation + Calendar & Gigs */
@media (max-width:899px){
  .desktop-only-nav{display:none!important}
}
@media (min-width:900px){
  .bottom-nav{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(226,189,114,.22) transparent}
  .desktop-only-nav{display:flex}
}
.section-hero-calendar{border-color:rgba(216,132,66,.19)}
.calendar-silhouette .accent-fill{fill:var(--orange);stroke:none}
.calendar-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:18px 0}
.calendar-metric{min-height:116px;padding:17px 18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(216,132,66,.05),var(--panel));color:var(--cream);text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;transition:.18s ease}
.calendar-metric:hover{transform:translateY(-2px);border-color:rgba(216,132,66,.28);box-shadow:0 14px 30px rgba(0,0,0,.16)}
.calendar-metric span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.calendar-metric strong{font-family:Georgia,serif;font-size:32px;font-weight:500}.calendar-metric small{font-size:10px;color:#dda06f;font-weight:800;line-height:1.3}
.calendar-form-panel{margin:18px 0;border:1px solid rgba(216,132,66,.22);border-radius:24px;background:rgba(24,21,18,.82);padding:22px}.calendar-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.calendar-form label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:11px;font-weight:800}.calendar-form label span{letter-spacing:.04em}.calendar-form input,.calendar-form select,.calendar-form textarea{border:1px solid var(--line);background:#100e0c;color:var(--cream);border-radius:12px;padding:11px 12px;outline:none}.calendar-form input:focus,.calendar-form select:focus,.calendar-form textarea:focus{border-color:rgba(216,132,66,.42);box-shadow:0 0 0 3px rgba(216,132,66,.05)}.calendar-form textarea{resize:vertical}.calendar-wide{grid-column:span 2}.calendar-save{grid-column:1/-1;justify-self:start}
.calendar-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.72fr);gap:15px;margin-top:18px}.calendar-main,.calendar-agenda{border:1px solid var(--line);border-radius:24px;background:rgba(24,21,18,.66);padding:20px}.calendar-toolbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:17px}.calendar-toolbar>div{text-align:center}.calendar-toolbar h2,.calendar-agenda h2{font-family:Georgia,serif;font-weight:500;font-size:30px;margin:0}.calendar-arrow{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#100e0c;color:var(--cream);font-size:26px;cursor:pointer}.calendar-arrow:hover{border-color:rgba(226,189,114,.3);color:var(--gold2)}
.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;min-width:0}.calendar-weekdays{margin-bottom:6px}.calendar-weekdays span{text-align:center;color:#887a69;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.calendar-day{min-width:0;max-width:100%;min-height:88px;overflow:hidden;border:1px solid rgba(244,234,216,.075);border-radius:13px;background:#12100e;color:var(--cream);padding:9px;text-align:left;cursor:pointer;position:relative;transition:.15s ease}.calendar-day:hover{border-color:rgba(226,189,114,.22);background:#17130f}.calendar-day.outside{opacity:.28}.calendar-day.today{border-color:rgba(226,189,114,.42)}.calendar-day.selected{box-shadow:inset 0 0 0 1px var(--gold2);background:rgba(200,155,75,.07)}.calendar-day-number{font-weight:900;font-size:11px}.calendar-dots{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px}.calendar-dot{height:6px;width:6px;border-radius:99px;background:var(--orange)}.calendar-dot.shift{background:var(--teal)}.calendar-dot.reminder{background:var(--purple)}.calendar-day-titles{min-width:0;max-width:100%;overflow:hidden}.calendar-day-titles small{display:block;min-width:0;max-width:100%;color:#9d8e7b;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px}
.calendar-agenda-head{margin-bottom:10px}.calendar-agenda-filters{margin:12px 0 14px}.calendar-agenda-list{display:grid;gap:9px}.agenda-item{border:1px solid var(--line);border-radius:15px;background:#12100e;padding:13px;cursor:pointer}.agenda-item:hover{border-color:rgba(216,132,66,.25)}.agenda-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.agenda-type{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#dda06f}.agenda-item strong{display:block;margin:4px 0 5px}.agenda-item p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.agenda-date{font-size:10px;color:#927f69;white-space:nowrap}.agenda-actions{display:flex;gap:7px;margin-top:10px}.agenda-actions button{border:1px solid var(--line);background:transparent;color:#cdbda9;border-radius:10px;padding:6px 8px;font-size:10px;cursor:pointer}.agenda-actions button:hover{color:var(--gold2);border-color:rgba(226,189,114,.24)}.agenda-actions button.danger{color:#d58b8b}.calendar-empty{padding:24px 14px;border:1px dashed var(--line);border-radius:14px;text-align:center;color:var(--muted);font-size:12px;line-height:1.5}
@media(max-width:1050px){.calendar-workspace{grid-template-columns:1fr}.calendar-agenda{min-height:0}}
@media(max-width:820px){.calendar-overview{grid-template-columns:repeat(2,1fr)}.calendar-form{grid-template-columns:repeat(2,1fr)}.calendar-day{min-width:0;min-height:74px;padding:7px}.calendar-day-titles small{font-size:8px}.calendar-wide{grid-column:span 2}}
@media(max-width:560px){.calendar-main,.calendar-agenda,.calendar-form-panel{padding:15px}.calendar-form{grid-template-columns:1fr}.calendar-wide{grid-column:1}.calendar-save{width:100%}.calendar-day{min-width:0;min-height:52px;padding:6px}.calendar-day-titles{display:none}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.calendar-overview{gap:8px}.calendar-metric{min-height:104px;padding:14px}.calendar-metric strong{font-size:27px}}


/* Build 9 — Professional Inventory AI+ prototype */
.section-hero-proinventory{border-color:rgba(139,107,232,.2);background:linear-gradient(135deg,rgba(139,107,232,.07),rgba(200,155,75,.035)),var(--panel)}
.proinventory-silhouette .accent-fill{fill:var(--purple);stroke:none}.pro-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.pro-hero-actions .primary-btn,.pro-hero-actions .ghost-btn{align-self:auto}
.proinventory-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:18px 0}.proinventory-metric{min-height:116px;padding:17px 18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(139,107,232,.045),var(--panel));color:var(--cream);text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;transition:.18s ease}.proinventory-metric:hover{transform:translateY(-2px);border-color:rgba(139,107,232,.27);box-shadow:0 14px 30px rgba(0,0,0,.16)}.proinventory-metric span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.proinventory-metric strong{font-family:Georgia,serif;font-size:31px;font-weight:500}.proinventory-metric small{font-size:10px;color:#ad99e8;font-weight:800;line-height:1.3}.proinventory-metric.warning{border-color:rgba(216,132,66,.2)}.proinventory-metric.warning small{color:#dda06f}.proinventory-metric.accent{border-color:rgba(47,165,155,.18)}.proinventory-metric.accent small{color:#75c9c1}
.proinventory-ai-preview{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid rgba(139,107,232,.22);border-radius:21px;background:linear-gradient(145deg,rgba(139,107,232,.095),rgba(24,21,18,.82));padding:20px;margin:18px 0}.proinventory-ai-preview h2{font-family:Georgia,serif;font-size:28px;font-weight:500;margin:7px 0 5px}.proinventory-ai-preview p{margin:0;color:#c7b8a5;line-height:1.5;max-width:800px}
.proinventory-workspace,.pro-restock-section,.count-session-panel{border:1px solid var(--line);border-radius:24px;background:rgba(24,21,18,.68);padding:21px;margin-top:17px}.proinventory-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:15px}.proinventory-toolbar h2{font-family:Georgia,serif;font-size:31px;font-weight:500;margin:0}.proinventory-toolbar p:last-child{margin:5px 0 0;color:var(--muted);font-size:12px}.proinventory-toolbar input{min-width:280px;border:1px solid var(--line);background:#100e0c;color:var(--cream);border-radius:12px;padding:11px 12px;outline:none}.proinventory-toolbar input:focus{border-color:rgba(139,107,232,.4);box-shadow:0 0 0 3px rgba(139,107,232,.05)}
.proinventory-table{display:grid;gap:8px}.pro-row{display:grid;grid-template-columns:minmax(170px,1.55fr) .65fr .65fr .8fr .75fr .75fr;gap:10px;align-items:center;border:1px solid var(--line);border-radius:15px;background:#12100e;padding:12px}.pro-row.pro-head{background:transparent;border:0;padding:0 12px 5px;color:#8c7e6e;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.pro-item strong{display:block}.pro-item small{color:var(--muted);font-size:10px}.pro-row input{width:100%;border:1px solid var(--line);background:#0f0d0b;color:var(--cream);border-radius:10px;padding:8px;outline:none}.pro-row input:focus{border-color:rgba(139,107,232,.35)}.pro-number{font-size:12px}.pro-number b{display:block;font-family:Georgia,serif;font-size:19px;font-weight:500}.pro-number small{color:#887968}.pro-row.is-low{border-color:rgba(216,132,66,.24);background:linear-gradient(90deg,rgba(216,132,66,.05),#12100e)}
.pro-restock-list{display:grid;gap:8px}.pro-restock-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:14px;background:#12100e;padding:13px}.pro-restock-item strong{display:block}.pro-restock-item small{color:var(--muted)}.pro-restock-item b{font-family:Georgia,serif;font-size:21px;font-weight:500}.pro-restock-empty{padding:25px;text-align:center;border:1px dashed var(--line);border-radius:15px;color:var(--muted)}
.count-session-panel .section-head p:last-child{margin:5px 0 0;color:var(--muted);font-size:12px}.count-session-table{display:grid;gap:8px}.count-row{display:grid;grid-template-columns:minmax(180px,1fr) .55fr .65fr .55fr;gap:10px;align-items:center;border:1px solid var(--line);border-radius:14px;background:#12100e;padding:12px}.count-row.count-head{border:0;background:transparent;padding-top:0;padding-bottom:3px;color:#877969;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.count-row input{width:100%;border:1px solid var(--line);background:#0d0c0a;color:var(--cream);border-radius:10px;padding:8px}.count-variance.negative{color:#e29a74}.count-variance.positive{color:#78cfc6}.count-session-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.count-session-footer span,.count-session-footer small{display:block;color:var(--muted);font-size:10px}.count-session-footer strong{display:block;font-family:Georgia,serif;font-size:29px;font-weight:500}
.proinventory-plan-note{display:flex;align-items:flex-start;gap:15px;border:1px solid rgba(139,107,232,.22);background:rgba(139,107,232,.055);border-radius:20px;padding:19px;margin-top:18px}.proinventory-plan-note h3{font-family:Georgia,serif;font-size:23px;font-weight:500;margin:0 0 5px}.proinventory-plan-note p{margin:0;color:var(--muted);line-height:1.5}
@media(max-width:1050px){.pro-row{grid-template-columns:minmax(160px,1.4fr) .55fr .55fr .7fr .65fr .65fr}.proinventory-overview{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.proinventory-toolbar,.proinventory-ai-preview{align-items:stretch;flex-direction:column}.proinventory-toolbar input{min-width:0;width:100%}.pro-row.pro-head{display:none}.pro-row{grid-template-columns:1fr 1fr 1fr}.pro-item{grid-column:1/-1}.count-row{grid-template-columns:1fr 1fr 1fr}.count-row>strong{grid-column:1/-1}.count-row.count-head{display:none}}
@media(max-width:560px){.proinventory-workspace,.pro-restock-section,.count-session-panel{padding:15px}.proinventory-overview{gap:8px}.proinventory-metric{padding:14px;min-height:106px}.proinventory-metric strong{font-size:27px}.pro-row{grid-template-columns:1fr 1fr}.pro-number:last-child{grid-column:1/-1}.count-row{grid-template-columns:1fr 1fr}.count-variance{grid-column:1/-1}.count-session-footer{align-items:stretch;flex-direction:column}.count-session-footer .primary-btn{width:100%}.pro-restock-item{grid-template-columns:1fr auto}.pro-restock-item b:last-child{grid-column:1/-1}.proinventory-plan-note{flex-direction:column}}

/* Professional Inventory first-run, count completion, and restock trust */
.pro-count-start-help{min-height:1.35em;margin:8px 0 0;color:#dda06f;font-size:11px;font-weight:700;line-height:1.35}
.pro-empty-state{margin:18px 0;padding:26px;border:1px solid rgba(226,189,114,.3);border-radius:22px;background:linear-gradient(145deg,rgba(200,155,75,.08),rgba(24,21,18,.92));text-align:center;scroll-margin-top:86px}
.pro-empty-state h2{margin:6px auto 8px;max-width:620px;font-family:Georgia,serif;font-size:30px;font-weight:500}.pro-empty-state>p:not(.eyebrow){max-width:700px;margin:0 auto;color:var(--muted);line-height:1.55}.pro-empty-state>div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}.pro-empty-state button{min-height:44px}
.pro-field-help{display:block;color:#8f8171;font-size:9px;font-weight:600;letter-spacing:0;line-height:1.35;text-transform:none}.pro-add-product-form label>.pro-field-help{min-height:2.7em}.pro-advanced label>.pro-field-help{min-height:2.7em}
.pro-guide-dialog{width:min(680px,calc(100% - 28px));max-height:90vh;padding:0;border:1px solid rgba(226,189,114,.24);border-radius:24px;background:#100e0c;color:var(--cream);box-shadow:0 30px 90px rgba(0,0,0,.68);overflow:auto}.pro-guide-dialog::backdrop{background:rgba(0,0,0,.74);backdrop-filter:blur(5px)}.pro-guide-dialog.dialog-visible{display:block}.pro-guide-dialog[open]{z-index:9999}.pro-guide-dialog.dialog-fallback{position:fixed;inset:5vh 14px auto;margin:auto;z-index:9998;max-height:90vh}.pro-dialog-shell{position:relative;padding:28px}.pro-dialog-shell h2{margin:5px 42px 8px 0;font-family:Georgia,serif;font-size:34px;font-weight:500}.pro-dialog-intro,.pro-receipt-time{margin:0;color:var(--muted);line-height:1.55}.pro-dialog-close{position:absolute;right:16px;top:16px;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#17130f;color:var(--cream);font-size:25px;line-height:1;cursor:pointer}.pro-dialog-close:hover,.pro-dialog-close:focus-visible{border-color:rgba(226,189,114,.5);outline:2px solid rgba(226,189,114,.35);outline-offset:2px}
.pro-quick-start-steps{list-style:none;display:grid;gap:10px;margin:20px 0;padding:0}.pro-quick-start-steps li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start;padding:13px;border:1px solid var(--line);border-radius:14px;background:#15120f}.pro-quick-start-steps li>b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(226,189,114,.12);color:var(--gold2)}.pro-quick-start-steps strong,.pro-quick-start-steps span{display:block}.pro-quick-start-steps span{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.45}.pro-dialog-done{width:100%;min-height:44px}
.pro-receipt-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:18px 0}.pro-receipt-summary>div{padding:12px;border:1px solid var(--line);border-radius:13px;background:#15120f}.pro-receipt-summary span{display:block;color:var(--muted);font-size:9px;line-height:1.3;text-transform:uppercase;letter-spacing:.06em}.pro-receipt-summary strong{display:block;margin-top:7px;font-family:Georgia,serif;font-size:21px;font-weight:500}.pro-receipt-changes{margin-top:18px}.pro-receipt-changes h3{margin:0 0 9px;font-family:Georgia,serif;font-size:23px;font-weight:500}.pro-receipt-changes>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;padding:10px 0;border-top:1px solid var(--line)}.pro-receipt-changes>div strong,.pro-receipt-changes>div span{display:block}.pro-receipt-changes>div span{color:var(--muted);font-size:11px}.pro-receipt-changes>div b{grid-column:2;grid-row:1/3;align-self:center}.pro-receipt-changes .negative{color:#e29a74}.pro-receipt-changes .positive{color:#78cfc6}.pro-receipt-changes>p{color:var(--muted);line-height:1.5}.pro-receipt-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.pro-receipt-actions button{min-height:44px}
@media(max-width:760px){.pro-receipt-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-receipt-summary>div:last-child{grid-column:1/-1}}
@media(max-width:560px){.pro-hero-actions>*{min-height:44px}.pro-empty-state{padding:21px 16px}.pro-empty-state>div{display:grid}.pro-empty-state button{width:100%}.pro-guide-dialog{position:fixed;inset:auto 0 0;width:100%;max-width:none;max-height:88dvh;margin:0;border-radius:22px 22px 0 0}.pro-dialog-shell{padding:24px 18px max(22px,env(safe-area-inset-bottom))}.pro-dialog-shell h2{font-size:30px}.pro-receipt-actions{display:grid}.pro-receipt-actions button{width:100%}}

/* Professional Inventory count workflow, latest count, and mobile physical-count controls */
.pro-ai-context-note{display:block;margin-top:8px;color:#9586bb;font-size:10px;line-height:1.45}.count-session-tools{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(150px,.75fr) minmax(170px,.85fr);gap:10px;margin:16px 0 7px}.count-session-tools label{display:grid;gap:6px;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.count-session-tools input,.count-session-tools select{width:100%;min-width:0;min-height:44px;border:1px solid var(--line);border-radius:11px;background:#0d0c0a;color:var(--cream);padding:10px 11px;font:inherit;text-transform:none;letter-spacing:normal}.count-session-tools input:focus,.count-session-tools select:focus{border-color:rgba(139,107,232,.48);outline:2px solid rgba(139,107,232,.14);outline-offset:1px}.count-filter-status{min-height:18px;margin:0 0 10px;color:#8e806e;font-size:10px;line-height:1.4}.count-group-heading{position:sticky;top:0;z-index:2;margin-top:6px;padding:8px 11px;border:1px solid rgba(139,107,232,.18);border-radius:10px;background:#17131d;color:#baa7ef;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.count-product strong,.count-product small,.count-book small,.count-input-label span,.count-confirmed-label{display:block}.count-product small,.count-book small,.count-input-label span,.count-confirmed-label{color:var(--muted);font-size:9px;line-height:1.35}.count-book small,.count-input-label span{display:none}.count-row.is-confirmed{border-color:rgba(47,165,155,.28)}.counted-input{min-height:44px;font-size:16px}.count-confirmed-label{margin-top:3px}.count-session-footer{position:sticky;bottom:0;z-index:5;margin:16px -8px -8px;padding:14px 10px calc(10px + env(safe-area-inset-bottom));border:1px solid rgba(226,189,114,.2);border-radius:15px;background:rgba(16,14,12,.97);box-shadow:0 -12px 30px rgba(0,0,0,.28);backdrop-filter:blur(10px)}.count-session-progress strong{font-family:Georgia,serif;font-size:22px;font-weight:500}.count-session-footer button{min-height:44px}.count-session-footer button:disabled{opacity:.48;cursor:not-allowed}.pro-last-count{display:grid;grid-template-columns:minmax(210px,1fr) minmax(0,2fr) auto;gap:18px;align-items:center;margin-top:17px;padding:18px 20px;border:1px solid rgba(47,165,155,.2);border-radius:20px;background:linear-gradient(145deg,rgba(47,165,155,.055),rgba(24,21,18,.88))}.pro-last-count h2{margin:4px 0;font-family:Georgia,serif;font-size:25px;font-weight:500}.pro-last-count p{margin:0;color:var(--muted);font-size:11px}.pro-last-count-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pro-last-count-summary span{display:block;padding:9px 10px;border-left:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:10px;line-height:1.35}.pro-last-count-summary b{display:block;margin-bottom:3px;color:var(--cream);font-family:Georgia,serif;font-size:18px;font-weight:500}.pro-last-count button{min-height:44px;white-space:nowrap}
@media(max-width:899px){.count-session-footer{bottom:calc(72px + env(safe-area-inset-bottom));padding-bottom:12px}}
@media(max-width:820px){.count-session-tools{grid-template-columns:1fr 1fr}.count-session-tools label:first-child{grid-column:1/-1}.pro-last-count{grid-template-columns:1fr auto}.pro-last-count-summary{grid-column:1/-1;grid-row:2}.pro-last-count button{grid-column:2;grid-row:1}}
@media(max-width:560px){.count-session-tools{grid-template-columns:1fr}.count-session-tools label:first-child{grid-column:auto}.count-group-heading{top:0}.count-row{grid-template-columns:minmax(0,1fr) minmax(118px,.68fr)}.count-product{grid-column:1/-1}.count-book small,.count-input-label span{display:block}.count-input-label{display:grid;gap:4px}.count-variance{grid-column:auto}.count-session-footer{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:10px;bottom:calc(70px + env(safe-area-inset-bottom))}.count-session-footer .primary-btn{grid-column:1/-1}.count-session-progress strong{font-size:19px}.count-session-variance{text-align:right}.pro-last-count{grid-template-columns:1fr;padding:17px}.pro-last-count-summary{grid-column:1;grid-row:auto;grid-template-columns:1fr 1fr}.pro-last-count button{grid-column:1;grid-row:auto;width:100%}}

/* Release C shared-workflow affordances */
.event-calendar-choice,.calendar-sync-choice{display:flex!important;align-items:center;gap:12px;border:1px solid rgba(226,189,114,.24);border-radius:14px;padding:13px 15px;background:rgba(226,189,114,.06)}
.event-calendar-choice input,.calendar-sync-choice input{width:18px;height:18px;accent-color:var(--gold)}.event-calendar-choice span{display:grid;gap:3px}.event-calendar-choice small{color:var(--muted)}
.event-snapshot-note,.calendar-linked-notice{border:1px solid rgba(139,107,232,.28);border-radius:14px;background:rgba(139,107,232,.08);padding:13px;color:var(--muted)}.event-snapshot-note strong,.calendar-linked-notice strong{color:var(--cream)}
.calendar-linked-notice{display:flex;align-items:center;gap:10px}.calendar-linked-notice span{flex:1}.calendar-linked-notice button{border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--gold);padding:8px 10px}
.linked-record-badge{display:inline-flex!important;width:max-content;margin-top:7px;border:1px solid rgba(226,189,114,.28);border-radius:999px;padding:4px 8px;color:var(--gold)!important;font-size:9px!important;text-transform:uppercase;letter-spacing:.06em}.linked-record-badge.review{border-color:rgba(216,132,66,.35);color:#e29a74!important}
.saved-event-row.is-linked,.agenda-item.is-linked{border-color:rgba(226,189,114,.24)}.saved-event-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:max-content}.saved-event-actions button{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;min-height:36px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--cream);padding:8px 12px;line-height:1.1;white-space:nowrap}.saved-event-actions button.danger{color:#e29a74}
.inventory-match-status{min-height:18px;color:var(--gold);font-size:11px}.pro-record{border:1px solid var(--line);border-radius:15px;background:#12100e;overflow:hidden}.pro-record.is-low{border-color:rgba(216,132,66,.24)}.pro-record .pro-row{border:0;border-radius:0;background:transparent}.pro-advanced{border-top:1px solid var(--line);padding:10px 12px}.pro-advanced summary{cursor:pointer;color:var(--gold);font-size:11px;font-weight:800}.pro-advanced>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.pro-advanced label{display:grid;gap:5px;color:var(--muted);font-size:10px}.pro-advanced input,.pro-advanced textarea{width:100%;border:1px solid var(--line);background:#0f0d0b;color:var(--cream);border-radius:10px;padding:8px}.pro-detail-wide{grid-column:1/-1}.inventory-review-panel{margin-top:18px}.inventory-review-row{display:grid;gap:9px;border-top:1px solid var(--line);padding:14px 0}.inventory-review-row:first-child{border-top:0}.inventory-review-row>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inventory-review-row p{margin:0;color:var(--muted)}.inventory-review-row button{border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--cream);padding:8px 10px}
@media(max-width:820px){.calendar-linked-notice{align-items:flex-start;flex-direction:column}.pro-advanced>div{grid-template-columns:1fr 1fr}.saved-event-actions{grid-column:1/-1;min-width:0}}
@media(max-width:560px){.pro-advanced>div{grid-template-columns:1fr}.pro-detail-wide{grid-column:auto}.saved-event-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:8px}.saved-event-actions button{width:100%;padding-inline:8px}}


/* Build 10 — Professional Inventory usability + Plans & AI Credits */
.pro-add-product-panel{margin-top:22px}
.pro-add-product-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pro-add-product-form label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.pro-add-product-form input,.pro-add-product-form select{width:100%;background:#0e0d0b;border:1px solid #373025;color:var(--cream);border-radius:12px;padding:12px 13px;text-transform:none;letter-spacing:normal;font-weight:500}
.pro-add-product-form .pro-wide{grid-column:span 2}
.pro-cost-help{margin:14px 0 18px;padding:13px 15px;border:1px solid rgba(226,189,114,.25);border-radius:14px;background:rgba(226,189,114,.06);display:flex;gap:12px;align-items:flex-start;color:var(--muted)}
.pro-cost-help strong{color:var(--gold);white-space:nowrap}.pro-restock-actions{display:flex;gap:10px;flex-wrap:wrap}
.section-hero-plans{border-color:rgba(226,189,114,.28)}
.plan-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.plan-card{background:linear-gradient(180deg,rgba(31,28,23,.96),rgba(17,16,14,.96));border:1px solid #373127;border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:14px;min-height:420px}
.plan-card h2{font-family:var(--serif);font-size:1.65rem;margin:0}.plan-card p,.plan-card li{color:var(--muted);line-height:1.55}.plan-card ul{margin:0;padding-left:20px;display:grid;gap:8px}.plan-price{font-family:var(--serif);font-size:2.4rem;color:var(--cream)}.plan-price small{font-family:var(--sans);font-size:.82rem;color:var(--muted);font-weight:600}.plan-core{border-color:rgba(226,189,114,.45)}.plan-credit{border-color:rgba(55,199,185,.35)}.plan-plus{border-color:rgba(155,105,230,.38)}
.plan-status,.plan-target{margin-top:auto;border-radius:13px;padding:12px;background:rgba(255,255,255,.035);color:var(--muted);font-size:.86rem}.plan-target{margin-top:0}.credit-center{margin-top:22px;background:#151310;border:1px solid #342f27;border-radius:22px;padding:24px}.credit-balance{text-align:right}.credit-balance span,.credit-balance small{display:block;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.credit-balance strong{display:block;font-family:var(--serif);font-size:2.5rem;color:var(--gold)}.credit-ledger{display:grid;gap:8px;margin-top:16px}.credit-ledger-row{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border:1px solid #2f2a23;border-radius:13px;background:#100f0d}.credit-ledger-row strong,.credit-ledger-row small{display:block}.credit-ledger-row small{color:var(--muted);margin-top:4px}.credit-ledger-row b{font-size:1.05rem}.credit-ledger-row b.positive{color:#78cfc6}.credit-ledger-row b.negative{color:#e29a74}.plan-principle{margin-top:22px;display:flex;gap:18px;align-items:flex-start;padding:22px;border:1px solid rgba(226,189,114,.27);border-radius:20px;background:rgba(226,189,114,.04)}.plan-principle h3{margin:0 0 6px;font-family:var(--serif);font-size:1.5rem}.plan-principle p{margin:0;color:var(--muted);line-height:1.55}
@media(max-width:900px){.plan-overview{grid-template-columns:1fr}.pro-add-product-form{grid-template-columns:1fr 1fr}.plan-card{min-height:0}}
@media(max-width:620px){.pro-add-product-form{grid-template-columns:1fr}.pro-add-product-form .pro-wide{grid-column:auto}.pro-cost-help{flex-direction:column}.credit-center .section-head{align-items:flex-start}.credit-balance{text-align:left}}


/* Build 11 — Account, Settings & Backup */
.section-hero-account{border-color:rgba(226,189,114,.24)}
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.account-panel{background:linear-gradient(180deg,rgba(25,23,20,.97),rgba(16,15,13,.97));border:1px solid #353029;border-radius:22px;padding:24px}.account-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.account-form label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.account-form input,.account-form select{background:#0e0d0b;border:1px solid #383129;color:var(--cream);padding:13px;border-radius:12px;text-transform:none;letter-spacing:normal;font-weight:500}.account-wide{grid-column:1/-1}.quick-start-list{display:grid;gap:9px}.quick-start-list button{width:100%;border:1px solid #302b25;background:#100f0d;color:inherit;border-radius:14px;padding:13px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;text-align:left;cursor:pointer}.quick-start-list button:hover{border-color:rgba(226,189,114,.48);transform:translateY(-1px)}.quick-start-list b{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(226,189,114,.12);color:var(--gold)}.quick-start-list strong,.quick-start-list small{display:block}.quick-start-list small{color:var(--muted);margin-top:3px}.quick-start-list em{font-style:normal;color:var(--gold);font-size:.78rem}.data-panel{margin-top:18px}.data-actions{display:flex;gap:10px;flex-wrap:wrap}.file-label{cursor:pointer;display:inline-flex;align-items:center}.danger-btn{border:1px solid rgba(226,120,100,.35);background:rgba(226,120,100,.07);color:#e7a18f;border-radius:12px;padding:11px 15px;font-weight:700;cursor:pointer}.data-status{margin-top:14px;color:var(--muted);padding:12px 14px;background:#100f0d;border:1px solid #302a23;border-radius:13px}.cloud-panel{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:24px}.cloud-panel h2{font-family:var(--serif);font-size:1.7rem;margin:10px 0 6px}.cloud-panel p{color:var(--muted);max-width:700px}.cloud-roadmap{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cloud-roadmap span{border:1px solid #3a3329;border-radius:999px;padding:8px 10px;color:var(--muted);font-size:.76rem;white-space:nowrap}
@media(max-width:900px){.account-grid{grid-template-columns:1fr}.cloud-panel{align-items:flex-start;flex-direction:column}.cloud-roadmap{justify-content:flex-start}}
@media(max-width:620px){.account-form{grid-template-columns:1fr}.account-wide{grid-column:auto}.data-actions>*{width:100%;justify-content:center}}
\n\n/* Build 12 — commercial shell, billing, legal, and cleaner account settings */\n.billing-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 22px}.billing-status-card{appearance:none;text-align:left;border:1px solid rgba(226,189,114,.20);background:linear-gradient(145deg,rgba(35,30,24,.82),rgba(18,16,14,.96));border-radius:18px;padding:19px;color:var(--text);cursor:pointer;transition:.18s transform,.18s border-color,.18s background}.billing-status-card:hover{transform:translateY(-2px);border-color:rgba(226,189,114,.48)}.billing-status-card span{display:block;font-size:.72rem;letter-spacing:.16em;color:var(--gold);font-weight:800;margin-bottom:8px}.billing-status-card strong{display:block;font-family:var(--serif);font-size:1.28rem}.billing-status-card small{display:block;color:var(--muted);margin-top:7px;line-height:1.4}.billing-status-card.credit{border-color:rgba(32,191,169,.28)}.billing-status-card.plus{border-color:rgba(151,98,236,.32)}\n.billing-center{margin-top:24px;border:1px solid rgba(226,189,114,.18);background:rgba(24,21,18,.72);border-radius:22px;padding:24px}.billing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.billing-grid article{border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px;background:rgba(8,8,8,.28)}.billing-grid span{font-size:.68rem;letter-spacing:.14em;color:var(--gold);font-weight:800}.billing-grid strong{display:block;font-family:var(--serif);font-size:1.2rem;margin:8px 0}.billing-grid p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.5}.billing-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.billing-prototype-status{color:var(--muted);font-size:.82rem;margin:12px 0 0}\n.advanced-data-panel{margin-top:22px}.advanced-data-panel summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center}.advanced-data-panel summary::-webkit-details-marker{display:none}.advanced-data-panel summary h2,.advanced-data-panel summary p{margin-top:0}.advanced-data-panel summary>span{border:1px solid rgba(226,189,114,.28);padding:8px 13px;border-radius:999px;color:var(--gold);font-size:.78rem}.advanced-data-panel[open] summary>span{font-size:0}.advanced-data-panel[open] summary>span:after{content:'Close';font-size:.78rem}.advanced-data-body{border-top:1px solid rgba(255,255,255,.07);margin-top:16px;padding-top:16px;color:var(--muted)}\n.more-legal{margin-top:22px;padding:22px;border:1px solid rgba(226,189,114,.14);border-radius:18px;background:rgba(20,17,14,.62)}.legal-link-row{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 8px}.legal-link-row a{color:var(--cream);text-decoration:none;border:1px solid rgba(226,189,114,.24);padding:10px 13px;border-radius:12px}.legal-link-row a:hover{border-color:var(--gold);color:var(--gold)}.more-legal small{color:var(--muted)}\n@media(max-width:900px){.billing-status-grid,.billing-grid{grid-template-columns:1fr}.billing-center{padding:18px}}\n
.account-session-row{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:15px}.account-session-row strong{display:block;margin-top:4px;color:var(--cream)}

/* Build 14 cleanup: event planning defaults live with Events, not Profile. */
.event-buffer-field{gap:6px}.event-buffer-field>small{position:static!important;right:auto!important;bottom:auto!important;color:#8f8171!important;font-size:9px!important;line-height:1.2}.event-default-link{border:0;background:transparent;color:var(--gold2);font:inherit;font-size:9px;font-weight:900;text-align:left;padding:0;cursor:pointer;width:max-content}.event-default-link:hover{text-decoration:underline}.event-default-link:focus-visible{outline:2px solid rgba(226,189,114,.6);outline-offset:3px;border-radius:3px}

/* Build 14: About is informational, not a dead button. */
.more-list .more-static-card{text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;border:1px solid rgba(226,189,114,.22);background:linear-gradient(145deg,rgba(200,155,75,.07),var(--panel));color:var(--cream);border-radius:18px;padding:18px}.more-list .more-static-card span{font-weight:800}.more-list .more-static-card small{grid-column:1;color:var(--muted);line-height:1.4}.more-list .more-static-card small strong{color:#d9cbb8}.more-list .more-static-card b{grid-column:2;grid-row:1/3;align-self:center;color:var(--gold2);font-size:11px}

/* Build 15 — scalable event recipe picker */
.event-recipe-tools{display:grid;gap:10px;margin:14px 0 12px}.event-recipe-tools input{width:100%;background:#0e0d0b;border:1px solid #3c3429;color:#f8f1e5;border-radius:12px;padding:12px 14px;font:inherit}.event-family-row{display:flex;flex-wrap:wrap;gap:8px}.event-recipe-result-count{color:#9f917d;letter-spacing:.04em}.event-recipe-picker{max-height:520px;overflow:auto;padding-right:4px}@media(max-width:760px){.event-recipe-picker{max-height:none;overflow:visible}}

/* Build 16 — recipe ↔ Bar Library cross-links */
.recipe-library-links{margin:18px 0;padding:18px;border:1px solid #423722;border-radius:16px;background:linear-gradient(135deg,rgba(208,160,56,.06),rgba(126,76,220,.04))}.recipe-library-links h3{margin:5px 0 12px}.recipe-library-links>div{display:flex;flex-wrap:wrap;gap:8px}.recipe-library-links button{background:#12100d;border:1px solid #4b3d26;color:#f4eadb;border-radius:999px;padding:9px 12px;cursor:pointer}.recipe-library-links button:hover{border-color:#d4af37;color:#f0c75e}.recipe-library-links button span{color:#d4af37;margin-left:4px}

.recipe-service-link{border:0;background:none;color:var(--cream);font:inherit;font-weight:700;padding:0;cursor:pointer;text-align:left}.recipe-service-link span{color:var(--gold2)}.recipe-service-link:hover{color:var(--gold2);text-decoration:underline;text-underline-offset:3px}
.credit-pill strong{min-width:1.6ch;text-align:center}.plan-card button:disabled{opacity:.55;cursor:not-allowed}


/* Build 26I — interaction, billing clarity, and control polish */
.ghost-btn{border:1px solid rgba(226,189,114,.24);background:linear-gradient(145deg,rgba(200,155,75,.055),#12100e);color:#e8dcc8;border-radius:12px;padding:10px 14px;font-weight:800;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.ghost-btn:hover{border-color:rgba(226,189,114,.48);background:linear-gradient(145deg,rgba(200,155,75,.10),#15120f);transform:translateY(-1px)}.ghost-btn:focus-visible{outline:2px solid rgba(226,189,114,.55);outline-offset:2px}.ghost-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.credit-pill:focus-visible,.recipe-open-btn:focus-visible,.library-card:focus-visible{outline:2px solid rgba(226,189,114,.65);outline-offset:3px}
body.detail-dialog-open{overflow:hidden}.recipe-dialog.dialog-visible{display:block}.recipe-dialog[open]{z-index:9999}.recipe-dialog-fallback-backdrop{display:none}.detail-dialog-open .recipe-dialog-fallback-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(5px);z-index:9997}.recipe-dialog.dialog-fallback{position:fixed;inset:5vh 14px auto;margin:auto;z-index:9998;max-height:90vh}
.billing-grid article strong.status-active{color:#78cfc6}.billing-grid article strong.status-pending{color:#d8c3a2}.billing-grid article p{line-height:1.5}
.pro-hero-actions button,.proinventory-ai-preview button,.account-session-row button,.billing-actions button{appearance:none;-webkit-appearance:none}

/* Build 26L: fast direct inventory quantity entry */
.on-hand-editable{cursor:text;}
.inventory-qty-entry{display:flex;align-items:baseline;gap:.45rem;margin-top:.18rem;}
.inventory-qty-input{width:7.5rem;max-width:100%;padding:.2rem .25rem;border:0;border-bottom:1px solid rgba(231,181,74,.42);border-radius:0;background:transparent;color:var(--cream,#f5ead6);font:700 1.55rem/1.1 Georgia,serif;outline:none;}
.inventory-qty-input:focus{border-bottom-color:var(--gold,#e8b44a);background:rgba(232,180,74,.06);box-shadow:0 2px 0 rgba(232,180,74,.12);}
.inventory-qty-entry>span{font-size:.8rem;color:var(--muted,#b7a58c);}
@media(max-width:620px){.inventory-qty-input{width:6.5rem;font-size:1.35rem;}}


/* Build 26P — mobile Calendar access without changing desktop navigation */
.calendar-label-mobile{display:none;}
@media (max-width:899px){
  .calendar-label-desktop{display:none;}
  .calendar-label-mobile{display:inline;}
}
@media (min-width:900px){
  .calendar-label-desktop{display:inline;}
  .calendar-label-mobile{display:none;}
}

/* Build 26Q — uniform, slightly larger mobile bottom-nav labels */
@media (max-width:899px){
  .bottom-nav .nav-btn small{
    font-size:10.5px;
    font-weight:600;
    letter-spacing:0;
    line-height:1.15;
    white-space:nowrap;
  }
  .bottom-nav .nav-btn small > span{
    width:auto;
    font-size:inherit;
    font-weight:inherit;
    letter-spacing:inherit;
    line-height:inherit;
    text-align:inherit;
  }
}

/* Build 26S — desktop Calendar & Gigs label matches the rest of the sidebar */
@media (min-width:900px){
  .bottom-nav .nav-btn small > .calendar-label-desktop{
    width:auto;
    font-size:inherit;
    font-weight:inherit;
    letter-spacing:inherit;
    line-height:inherit;
    text-align:left;
  }
}

/* Build 26V: permanent AI credit pack choices */
.credit-pack-options{display:grid;gap:10px;margin:14px 0}.credit-pack-choice{appearance:none;width:100%;border:1px solid rgba(211,162,69,.28);background:rgba(255,255,255,.025);border-radius:14px;padding:12px 14px;color:inherit;text-align:left;display:grid;grid-template-columns:1fr auto;gap:3px 12px;cursor:pointer}.credit-pack-choice strong{font-size:15px}.credit-pack-choice span{font-weight:700;color:var(--gold,#d3a245)}.credit-pack-choice small{grid-column:1/-1;opacity:.7}.credit-pack-choice:hover{border-color:rgba(211,162,69,.6);transform:translateY(-1px)}

/* Build 26Z — secondary Sign Out interaction polish */
.more-list #signOutTopPourMore{
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,transform .12s ease,box-shadow .18s ease;
}
.more-list #signOutTopPourMore:hover{
  border-color:rgba(226,189,114,.48);
  background:linear-gradient(145deg,rgba(200,155,75,.10),#15120f);
  box-shadow:0 8px 24px rgba(0,0,0,.16);
}
.more-list #signOutTopPourMore:hover b{
  color:#f0c86e;
}
.more-list #signOutTopPourMore:active{
  transform:translateY(1px) scale(.997);
  box-shadow:none;
}
.more-list #signOutTopPourMore:focus-visible{
  outline:2px solid rgba(226,189,114,.62);
  outline-offset:2px;
  border-color:rgba(226,189,114,.55);
}

/* Build 26AC — About The Top Pour page */
.section-hero-about{border-color:rgba(226,189,114,.24);background:linear-gradient(135deg,rgba(200,155,75,.07),rgba(255,255,255,.012) 48%,rgba(47,165,155,.035)),var(--panel)}
.section-hero-about .silhouette-line .accent-line{stroke:rgba(226,189,114,.9)}
.about-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.about-page-grid article{border:1px solid var(--line);border-radius:22px;background:var(--panel);padding:24px}
.about-page-grid h2{font-family:Georgia,serif;font-size:32px;font-weight:500;line-height:1.12;margin:6px 0 14px}
.about-page-grid h3{font-family:Georgia,serif;font-size:26px;font-weight:500;margin:6px 0 14px}
.about-page-grid p{color:var(--muted);line-height:1.65;margin:0 0 12px}
.about-philosophy-card{background:linear-gradient(145deg,rgba(200,155,75,.08),var(--panel))!important;border-color:rgba(226,189,114,.22)!important}
.about-philosophy-card blockquote{font-family:Georgia,serif;font-size:30px;line-height:1.28;color:var(--cream);margin:10px 0 18px}
.about-info-card ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;color:var(--muted)}
.about-info-card li{padding:10px 0;border-bottom:1px solid var(--line);line-height:1.45}
.about-info-card li:last-child{border-bottom:0}
.about-info-card strong{color:var(--cream)}
.about-link-stack{display:grid;gap:9px;margin-top:8px}
.about-link-stack a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:#100e0c;color:var(--cream);text-decoration:none;transition:.16s ease}
.about-link-stack a:hover,.about-link-stack a:focus-visible{border-color:rgba(226,189,114,.34);color:var(--gold2);transform:translateY(-1px);outline:none}
.about-back-row{margin:18px 0 8px}
.more-list button.about-card{border-color:rgba(226,189,114,.22);background:linear-gradient(145deg,rgba(200,155,75,.07),var(--panel));cursor:pointer}
.more-list button.about-card:hover,.more-list button.about-card:focus-visible{border-color:rgba(226,189,114,.36);background:linear-gradient(145deg,rgba(200,155,75,.12),var(--panel));outline:none}
@media(max-width:760px){.about-page-grid{grid-template-columns:1fr}.about-page-grid article{padding:20px}.about-philosophy-card blockquote{font-size:26px}.about-page-grid h2{font-size:29px}}

/* P0 — explicit legacy recovery for account-scoped browser data */
.topbar-actions{display:flex;align-items:center;gap:9px}.sync-pill{border:1px solid rgba(55,199,185,.28);background:rgba(55,199,185,.08);color:#8dd9d1;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:800;letter-spacing:.04em;white-space:nowrap}.sync-pill[data-state="offline"],.sync-pill[data-state="issue"]{border-color:rgba(226,189,114,.32);background:rgba(226,189,114,.08);color:var(--gold2)}.sync-pill[data-state="review"]{border-color:rgba(226,130,89,.38);background:rgba(226,130,89,.09);color:#e6a06a}
.event-style-field>small{position:static;margin-top:1px;line-height:1.35;pointer-events:auto}.event-service-field{border:1px solid var(--line);border-radius:15px;padding:13px 14px;background:rgba(16,14,12,.7);margin:0;align-self:stretch}.event-service-field legend{padding:0 5px;color:var(--cream);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.event-service-field>p{margin:0;color:#8f8171;font-size:10px;line-height:1.4;font-weight:600}.event-service-options{display:flex;gap:8px;flex-wrap:wrap}.event-service-options label{position:relative;cursor:pointer}.event-service-options input{position:absolute;opacity:0;pointer-events:none}.event-service-options span{display:inline-flex;align-items:center;min-height:38px;padding:9px 13px;border:1px solid var(--line);border-radius:12px;background:#100e0c;color:var(--muted);font-size:11px;font-weight:900;transition:.16s border-color,.16s background,.16s color}.event-service-options input:checked+span{border-color:rgba(226,189,114,.58);background:rgba(200,155,75,.12);color:var(--cream)}.event-service-options input:focus-visible+span{outline:2px solid rgba(226,189,114,.65);outline-offset:2px}.event-service-error{position:static!important;min-height:1.2em;color:#e6a06a!important;font-size:10px!important;line-height:1.2;pointer-events:auto!important}
.sync-conflict-panel{margin-top:14px;padding:14px;border:1px solid rgba(226,130,89,.35);border-radius:14px;background:rgba(226,130,89,.07)}.sync-conflict-panel strong{color:#e6a06a}.sync-conflict-panel p{margin:6px 0 11px}.sync-conflict-panel>div{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:560px){.event-service-options{display:grid;grid-template-columns:repeat(3,1fr)}.event-service-options span{justify-content:center;padding-inline:8px}.sync-pill{max-width:112px;overflow:hidden;text-overflow:ellipsis}.topbar-actions{gap:6px}}
.legacy-recovery{margin:0 0 22px;padding:22px;border:1px solid rgba(229,183,73,.4);border-radius:18px;background:linear-gradient(135deg,rgba(229,183,73,.12),rgba(22,18,14,.96));box-shadow:0 16px 38px rgba(0,0,0,.24)}
.legacy-recovery h2{margin:5px 0 9px;font-size:clamp(21px,3vw,30px)}
.legacy-recovery p{max-width:820px;margin:7px 0;color:#bfb19c;line-height:1.55}
.legacy-recovery p strong{color:#f0e2c7}
.legacy-sample-choice{display:flex;align-items:center;gap:9px;margin-top:13px;color:#d7c8ad;font-size:11px;line-height:1.4}.legacy-sample-choice input{width:17px;height:17px;accent-color:#c89b4b}
.legacy-recovery-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.legacy-recovery .data-status{min-height:0;margin:10px 0 0;color:#d7ba72}
@media(max-width:560px){.legacy-recovery{padding:18px}.legacy-recovery-actions{align-items:stretch;flex-direction:column}.legacy-recovery-actions button{width:100%}}

/* Release D Candidate 2 — contextual Ask STSB discoverability and Events readability */
.ask-stsb-cta{
  appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:44px;max-width:100%;padding:11px 16px;border:1px solid rgba(181,151,255,.58);border-radius:13px;
  background:linear-gradient(135deg,#7047cf 0%,#5639bb 48%,#305cae 100%);color:#fff9ff;
  box-shadow:0 8px 24px rgba(91,61,184,.22),inset 0 1px 0 rgba(255,255,255,.16);
  font:850 13px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;text-align:center;white-space:normal;cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease;
}
.ask-stsb-cta::before{content:'✦';font-size:12px;color:#e5dcff;line-height:1}
.ask-stsb-cta:hover{transform:translateY(-1px);border-color:rgba(220,207,255,.86);filter:brightness(1.08);box-shadow:0 10px 28px rgba(91,61,184,.34),0 0 18px rgba(117,88,212,.16)}
.ask-stsb-cta:active{transform:translateY(0);filter:brightness(.98)}
.ask-stsb-cta:focus-visible{outline:3px solid rgba(191,171,255,.62);outline-offset:3px;border-color:#e3d8ff}
.ask-stsb-cta:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none;box-shadow:none}
.mentor-note-actionable{align-items:center}.mentor-note-actionable .mentor-note-copy{min-width:0;flex:1}.mentor-note-actionable .ask-stsb-cta{flex:0 0 auto;margin-left:auto}
.bar-hero-actions,.calendar-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.bar-hero-actions .ask-stsb-cta,.calendar-hero-actions .ask-stsb-cta,.pro-hero-actions .ask-stsb-cta{align-self:auto}
.creation-context-actions{display:flex;justify-content:flex-start;margin:14px 0 4px}

.event-panel-title>div>p:last-child{font-size:13px}
.event-step-badge{font-size:10px;line-height:1.2}
.event-field{font-size:13px}
.event-field>small,.event-buffer-field>small{font-size:11px!important;line-height:1.35}
.event-default-link{font-size:11px}
.event-recipe-choice small{font-size:11px;line-height:1.35}
.event-picker-note{font-size:12px}
.event-plan-subtitle{font-size:13px;line-height:1.45}
.event-save-status{font-size:12px;line-height:1.35}
.event-actions{gap:10px;flex-wrap:wrap;justify-content:flex-end}
.event-actions button{min-height:44px;padding:11px 15px;font-size:13px;line-height:1.2}
.event-detail-head>span{font-size:10px}
.event-menu-card>div>span{font-size:10px}.event-menu-card>div>small{font-size:11px}.event-menu-card>strong small{font-size:9px}
.event-detail-empty{font-size:12px}.event-garnish-line span{font-size:11px}.event-garnish-line strong{font-size:12px}.event-garnish-line small{font-size:10px}
.event-shopping-list li>span{font-size:9px}.event-shopping-list li>strong{font-size:12px}.event-shopping-list li>b{font-size:11px}
.event-basics-list span{font-size:10px}.event-basics-list strong{font-size:11px}
.saved-event-row strong{font-size:13px}.saved-event-row small{font-size:11px}.saved-event-row span{font-size:9px}
.linked-record-badge{font-size:10px!important}
.saved-event-actions button{min-height:44px;padding:10px 13px;font-size:12px}
.event-service-field legend{font-size:12px}.event-service-field>p{font-size:12px}.event-service-options span{font-size:12px;min-height:44px}.event-service-error{font-size:11px!important}

@media(max-width:1024px){.event-actions button{flex:1 1 180px}.event-save-tools{width:100%;justify-items:stretch}.event-actions{width:100%}}
@media(max-width:820px){.mentor-note-actionable{align-items:flex-start;flex-wrap:wrap}.mentor-note-actionable .ask-stsb-cta{margin-left:52px}.event-actions{justify-content:stretch}.event-actions button{flex:1 1 190px}}
@media(max-width:560px){
  .mentor-note-actionable{flex-direction:column}.mentor-note-actionable .ask-stsb-cta{width:100%;margin-left:0}
  .bar-hero-actions,.calendar-hero-actions{align-items:stretch;flex-direction:column}.bar-hero-actions>*,.calendar-hero-actions>*{width:100%}
  .creation-context-actions .ask-stsb-cta{width:100%}
  .event-actions{display:grid;grid-template-columns:1fr}.event-actions button{width:100%;min-width:0}
  .saved-event-actions button{font-size:11px}
}