:root{
  --bg:#0f0f0f;
  --panel:#161616;
  --panel-2:#202022;
  --line:rgba(255,255,255,.08);
  --text:#f3f3f3;
  --muted:#b8b8b8;
  --gold:#d4b170;
  --gold-strong:#efc97b;
  --danger:#b94a48;
  --danger-soft:rgba(185,74,72,.14);
  --success:#4e8a59;
  --success-soft:rgba(78,138,89,.16);
  --accent:#7b818d;
  --radius:22px;
  --shadow:0 20px 50px rgba(0,0,0,.28);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:
  radial-gradient(circle at top left, rgba(212,177,112,.12), transparent 30%),
  radial-gradient(circle at top right, rgba(123,129,141,.12), transparent 30%),
  var(--bg);
  color:var(--text);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
img{max-width:100%;display:block}

.app-shell{max-width:1500px;margin:0 auto;padding:24px 18px 42px}
.topbar{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
  padding:20px 22px;
  border:1px solid var(--line);
  background:rgba(24,24,24,.88);
  border-radius:28px;
  backdrop-filter:blur(16px);
  box-shadow:var(--shadow);
}
.brand-cluster{display:flex;gap:16px;align-items:center}
.brand-mark{width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 12px 30px rgba(212,177,112,.28))}
.brand-cluster h1{margin:2px 0 6px;font-size:1.72rem}
.subtitle{margin:0;color:var(--muted)}
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:.74rem;
  color:var(--gold);
}
.topbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.session-badge{
  padding:10px 14px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
  color:var(--muted);
  min-width:112px;
  text-align:center;
}
.primary-btn,.ghost-btn,.tool-btn{
  border:none;
  border-radius:14px;
  padding:12px 16px;
  transition:transform .15s ease, background .15s ease, border-color .15s ease;
}
.primary-btn{
  background:linear-gradient(135deg,var(--gold),var(--gold-strong));
  color:#181818;
  font-weight:700;
}
.primary-btn:hover,.ghost-btn:hover,.tool-btn:hover{transform:translateY(-1px)}
.ghost-btn,.tool-btn{
  background:rgba(255,255,255,.04);
  color:var(--text);
  border:1px solid var(--line);
}
.ghost-btn.hidden{display:none}
.tool-btn.danger{border-color:rgba(185,74,72,.34);background:var(--danger-soft)}
.send-btn{min-width:130px}

.hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.95fr);
  gap:18px;
  margin-top:20px;
}
.stats-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.card{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:rgba(24,24,24,.92);
  box-shadow:var(--shadow);
  padding:22px;
}
.hero-card{display:flex;flex-direction:column;justify-content:space-between;min-height:100%}
.branded-hero{background:linear-gradient(180deg, rgba(212,177,112,.10), rgba(255,255,255,.02)), rgba(24,24,24,.92);} 
.brand-facts{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 14px}
.fact-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(212,177,112,.18);background:rgba(255,255,255,.04);color:var(--text);text-decoration:none;font-size:.94rem}
.site-link{color:var(--gold-strong)}
.hero-note{margin:0 0 18px;color:var(--muted);line-height:1.6}
.hero-card h2{margin:10px 0 12px;font-size:1.7rem;line-height:1.22}
.hero-text{margin:0 0 18px;color:var(--muted);font-size:1.02rem}
.quick-prompt-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.quick-prompt{
  border:1px solid rgba(212,177,112,.22);
  background:linear-gradient(180deg, rgba(212,177,112,.12), rgba(255,255,255,.03));
  color:var(--text);
  border-radius:16px;
  padding:14px 16px;
  text-align:left;
  min-height:76px;
  font-weight:600;
}
.quick-prompt:hover{border-color:rgba(212,177,112,.4)}
button:disabled{opacity:.65;cursor:not-allowed;transform:none !important}
.stat-card{display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:145px}
.stat-card strong{font-size:2.2rem;line-height:1}
.stat-card small{color:var(--muted)}
.stat-label{font-size:.84rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.stat-card.danger{background:linear-gradient(180deg,var(--danger-soft), rgba(255,255,255,.02))}
.stat-card.accent{background:linear-gradient(180deg,rgba(123,129,141,.18), rgba(255,255,255,.02))}

.dashboard-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:18px;
  margin-top:18px;
  align-items:start;
}
.assistant-card,
.orders-card,
.recipes-card,
.customers-card,
.profile-card,
.inventory-card,
.analytics-card,
.offers-card,
.restock-card,
.campaigns-card{min-height:240px}

.section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:16px;
}
.section-head h3{margin:4px 0 0;font-size:1.12rem}
.head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.status-pill{
  padding:9px 12px;
  border-radius:999px;
  border:1px solid var(--line);
  color:var(--muted);
  background:rgba(255,255,255,.04);
}

.latest-reply{
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
  border-radius:18px;
  padding:16px;
  margin-bottom:14px;
  white-space:pre-wrap;
}
.latest-reply.empty{color:var(--muted)}
.chat-thread{
  min-height:220px;
  max-height:420px;
  overflow:auto;
  padding-right:4px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.chat-row{display:flex}
.chat-row.user{justify-content:flex-end}
.chat-row.assistant{justify-content:flex-start}
.bubble{
  max-width:min(84%,680px);
  border-radius:18px;
  padding:12px 14px;
  white-space:pre-wrap;
  line-height:1.5;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
}
.chat-row.user .bubble{
  background:linear-gradient(180deg, rgba(212,177,112,.22), rgba(212,177,112,.08));
  border-color:rgba(212,177,112,.25);
}
.bubble small{
  display:block;
  font-size:.74rem;
  color:var(--muted);
  margin-bottom:4px;
}
.empty-state{
  color:var(--muted);
  padding:18px;
  border-radius:18px;
  border:1px dashed var(--line);
  background:rgba(255,255,255,.02);
}
.thinking-state{
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 0 6px;
  color:var(--muted);
}
.thinking-state.hidden{display:none}
.dots{display:inline-flex;gap:6px}
.dots i{
  width:8px;height:8px;border-radius:999px;background:var(--gold);
  animation:pulse 1.2s infinite ease-in-out;
}
.dots i:nth-child(2){animation-delay:.18s}
.dots i:nth-child(3){animation-delay:.36s}
@keyframes pulse{
  0%,80%,100%{opacity:.25;transform:translateY(0)}
  40%{opacity:1;transform:translateY(-2px)}
}
.composer-tools{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 12px}
.composer-wrap{display:flex;gap:12px;align-items:stretch}
.composer-wrap textarea{min-height:116px;flex:1}

.form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.form-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}
.form-grid label{display:flex;flex-direction:column;gap:8px}
.form-grid label.full{grid-column:1 / -1}
label span{color:var(--muted);font-size:.92rem}
input,textarea,select{
  width:100%;
  padding:13px 14px;
  border-radius:16px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.035);
  color:var(--text);
  outline:none;
}
textarea{resize:vertical;min-height:96px}
input:focus,textarea:focus,select:focus{border-color:rgba(212,177,112,.5)}
.helper-text{
  color:var(--muted);
  margin-top:14px;
  line-height:1.5;
}

.list-stack{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.list-card{
  border:1px solid var(--line);
  border-radius:18px;
  padding:15px 16px;
  background:rgba(255,255,255,.035);
}
.list-card-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
  margin-bottom:10px;
}
.list-card-head h4{margin:0;font-size:1rem}
.badge-row{display:flex;gap:8px;flex-wrap:wrap}
.badge{
  padding:6px 10px;
  border-radius:999px;
  border:1px solid var(--line);
  font-size:.78rem;
  color:var(--muted);
}
.badge.low{border-color:rgba(185,74,72,.5);background:var(--danger-soft);color:#f0b3b2}
.badge.ok{border-color:rgba(78,138,89,.45);background:var(--success-soft);color:#b9e0c0}
.badge.accent{border-color:rgba(123,129,141,.45);background:rgba(123,129,141,.18);color:#d8dde4}
.item-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 16px;
  color:var(--muted);
  font-size:.95rem;
}
.actions-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.action-mini{
  border:none;
  border-radius:12px;
  padding:9px 12px;
  background:rgba(255,255,255,.05);
  border:1px solid var(--line);
  color:var(--text);
}
.action-mini:hover{background:rgba(255,255,255,.08)}
.action-mini.danger{border-color:rgba(185,74,72,.5);background:var(--danger-soft)}
.recipe-list{display:flex;flex-direction:column;gap:8px;color:var(--muted)}
.recipe-list strong{color:var(--text)}

.mini-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}
.mini-stat-card{
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(255,255,255,.03);
  padding:14px 15px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.mini-stat-card span{color:var(--muted);font-size:.86rem}
.mini-stat-card strong{font-size:1.2rem}
.analytics-columns{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:16px;
}
.subsection-title{
  margin:0 0 10px;
  font-size:1rem;
}
.compact-list .list-card{padding:12px 14px}
.compact-card .helper-text{font-size:.9rem}
.compact-head{margin-bottom:6px}
.no-top-margin{margin-top:0}
.offer-card .offer-block{
  margin-top:12px;
  padding:12px 13px;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
  display:flex;
  flex-direction:column;
  gap:6px;
  line-height:1.45;
}
.editing-card{
  border-color:rgba(212,177,112,.46);
  box-shadow:0 0 0 1px rgba(212,177,112,.12) inset;
}

.modal{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.58);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  z-index:20;
}
.modal.hidden{display:none}
.modal-card{
  width:min(620px,100%);
  border-radius:24px;
  border:1px solid var(--line);
  background:rgba(18,18,18,.96);
  box-shadow:var(--shadow);
  padding:22px;
}
.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}

.orders-card .list-card .actions-row .action-mini[data-status="completed"],
.orders-card .list-card .actions-row .action-mini[data-status="ready"]{
  background:rgba(78,138,89,.12);
}
.orders-card .list-card .actions-row .action-mini[data-status="preparing"]{
  background:rgba(123,129,141,.16);
}

.hidden{display:none !important}

@media (max-width: 1200px){
  .hero-grid,
  .dashboard-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 820px){
  .app-shell{padding:16px}
  .topbar{padding:18px;flex-direction:column;align-items:stretch}
  .topbar-actions{justify-content:flex-start}
  .brand-cluster{align-items:flex-start}
  .quick-prompt-grid,
  .stats-grid,
  .form-grid,
  .form-grid.compact,
  .item-grid,
  .mini-stats-grid,
  .analytics-columns{
    grid-template-columns:1fr;
  }
  .composer-wrap{flex-direction:column}
  .chat-thread{max-height:320px}
  .brand-mark{width:62px;height:62px}
  .hero-card h2{font-size:1.42rem}
}


.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.showcase-card{min-height:100%}
.compact-bottom{margin-bottom:10px}
.story-points{display:grid;gap:12px}
.story-point{padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03);display:grid;gap:6px}
.story-point span{color:var(--muted);line-height:1.5}
.top-gap{margin-top:8px}
.gold-badge{background:rgba(212,177,112,.18);border-color:rgba(212,177,112,.24);color:var(--gold-strong)}
.showcase-item{background:linear-gradient(180deg, rgba(212,177,112,.08), rgba(255,255,255,.02));}
.product-note{margin-top:10px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px dashed rgba(212,177,112,.18);line-height:1.5}
.toggle-field{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03)}
.toggle-field input[type=checkbox]{width:22px;height:22px;accent-color:var(--gold)}
.toggle-field span{margin:0;color:var(--text)}
@media (max-width: 1100px){.showcase-grid{grid-template-columns:1fr;}}


.restock-item,
.campaign-card{background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02));}
.tight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.campaign-card .offer-block,
.restock-card .offer-block{background:rgba(255,255,255,.03)}
.restock-card .badge.low{background:rgba(185,74,72,.22)}
.campaigns-card .badge.accent{background:rgba(212,177,112,.14);border-color:rgba(212,177,112,.22)}
.campaigns-card .list-card,
.restock-card .list-card{border-color:rgba(212,177,112,.12)}

@media (max-width: 860px){
  .tight-grid{grid-template-columns:1fr}
}


.bundles-card .list-card,
.customer-intel-card .list-card{
  border-color:rgba(212,177,112,.14);
  background:linear-gradient(180deg, rgba(212,177,112,.06), rgba(255,255,255,.02));
}
.bundle-card .offer-block,
.vip-card .offer-block{
  margin-top:12px;
  padding:12px 13px;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
  display:flex;
  flex-direction:column;
  gap:6px;
  line-height:1.45;
}
.compact-story{grid-template-columns:repeat(2,minmax(0,1fr))}
.bundle-card .list-card-head,
.vip-card .list-card-head{align-items:flex-start}
@media (max-width: 860px){
  .compact-story{grid-template-columns:1fr}
}


.avatar-card{grid-column:1 / -1}
.avatar-layout{
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(320px,.84fr);
  gap:18px;
  align-items:start;
}
.avatar-bottom-panel{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);
  gap:18px;
  align-items:start;
}
.avatar-bottom-stack{
  display:grid;
  gap:14px;
}
.avatar-monitor{
  position:relative;
  padding:14px;
  border-radius:28px;
  border:1px solid rgba(212,177,112,.28);
  background:linear-gradient(180deg, rgba(212,177,112,.10), rgba(255,255,255,.02)), rgba(10,10,10,.92);
  box-shadow:0 24px 70px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.04);
  overflow:hidden;
}
.monitor-topbar,
.monitor-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.monitor-topbar{margin-bottom:12px}
.monitor-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:var(--muted);
  font-size:.88rem;
}
.monitor-pill.live i{
  width:9px;height:9px;border-radius:999px;background:#57d388;display:inline-block;
  box-shadow:0 0 0 0 rgba(87,211,136,.45);
  animation:livePulse 1.8s infinite;
}
@keyframes livePulse{
  0%{box-shadow:0 0 0 0 rgba(87,211,136,.45)}
  70%{box-shadow:0 0 0 12px rgba(87,211,136,0)}
  100%{box-shadow:0 0 0 0 rgba(87,211,136,0)}
}
.avatar-stage{
  position:relative;
  min-height:540px;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 50% 18%, rgba(212,177,112,.20), rgba(212,177,112,0) 35%),
    radial-gradient(circle at 50% 60%, rgba(255,255,255,.06), rgba(255,255,255,0) 44%),
    linear-gradient(180deg, rgba(8,8,8,1), rgba(18,18,18,.96));
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  padding-left:26px;
  padding-right:clamp(28px, 6vw, 82px);
}
.avatar-bg-glow{
  position:absolute;
  inset:auto 50% 8% 50%;
  width:56%;
  height:34%;
  transform:translateX(-50%);
  border-radius:999px;
  background:radial-gradient(circle, rgba(212,177,112,.18), rgba(212,177,112,0) 72%);
  filter:blur(12px);
}
.avatar-image{
  position:relative;
  z-index:2;
  max-height:520px;
  width:auto;
  max-width:min(74%, 520px);
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 30px 40px rgba(0,0,0,.42));
  transition:transform .28s ease, filter .28s ease;
}
.avatar-speech{
  position:absolute;
  font-weight:600;
  left:24px;
  top:72px;
  z-index:3;
  max-width:min(36%, 360px);
  padding:16px 18px;
  border-radius:24px 24px 24px 6px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.96);
  color:#171717;
  font-size:.98rem;
  line-height:1.45;
  box-shadow:0 18px 40px rgba(0,0,0,.24);
}
.avatar-speech::after{
  content:'';
  position:absolute;
  left:22px;
  bottom:-12px;
  width:20px;
  height:20px;
  background:rgba(255,255,255,.96);
  transform:rotate(45deg);
  border-right:1px solid rgba(0,0,0,.06);
  border-bottom:1px solid rgba(0,0,0,.06);
}
.avatar-monitor.speaking .avatar-image{
  transform:translateY(-6px) scale(1.012);
  filter:drop-shadow(0 34px 55px rgba(212,177,112,.22));
  animation:avatarBob 1.1s ease-in-out infinite;
}
.avatar-monitor.speaking .avatar-speech{
  border-color:rgba(212,177,112,.45);
  box-shadow:0 0 0 1px rgba(212,177,112,.18), 0 18px 44px rgba(0,0,0,.26);
}
.avatar-monitor.speaking .monitor-wave{
  opacity:1;
  transform:scaleX(1);
}
@keyframes avatarBob{
  0%,100%{transform:translateY(0) scale(1.008)}
  50%{transform:translateY(-8px) scale(1.014)}
}
.monitor-footer{
  margin-top:12px;
  color:var(--muted);
  font-size:.9rem;
}
.monitor-wave{
  width:110px;
  height:12px;
  border-radius:999px;
  background:repeating-linear-gradient(90deg, rgba(212,177,112,.24) 0 8px, rgba(212,177,112,.80) 8px 16px);
  opacity:.42;
  transform:scaleX(.86);
  transition:.25s ease;
}
.avatar-side-panel{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.avatar-side-copy h4{
  margin:6px 0 8px;
  font-size:1.2rem;
}
.avatar-side-copy p,
.avatar-demo-note{
  margin:0;
  color:var(--muted);
  line-height:1.6;
}
.avatar-script-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.avatar-script-btn{
  border:none;
  border-radius:18px;
  padding:14px 16px;
  cursor:pointer;
  text-align:left;
  font-weight:700;
  color:var(--text);
  background:linear-gradient(180deg, rgba(212,177,112,.20), rgba(255,255,255,.03));
  border:1px solid rgba(212,177,112,.22);
}
.avatar-script-btn:hover{transform:translateY(-1px); box-shadow:0 10px 24px rgba(0,0,0,.16)}
.avatar-demo-note{
  padding:14px 16px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
}
@media (max-width: 980px){
  .avatar-layout{grid-template-columns:1fr}
  .avatar-bottom-panel{grid-template-columns:1fr}
  .avatar-script-grid{grid-template-columns:1fr 1fr}
  .avatar-wow-grid,.avatar-value-grid{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .avatar-stage{min-height:420px;justify-content:center;padding:18px 18px 110px}
  .avatar-image{max-height:410px;max-width:100%}
  .avatar-speech{top:56px;max-width:74%;font-size:.95rem}
  .avatar-stage-brand{top:16px;right:16px;font-size:.68rem;padding:6px 10px}
  .avatar-speech-label{left:18px;top:16px;font-size:.66rem;padding:6px 10px}
  .avatar-stage-badges{left:14px;right:14px;bottom:14px;gap:8px}
  .avatar-stage-badges span{font-size:.78rem;padding:9px 12px}
  .avatar-script-grid{grid-template-columns:1fr}
}


.showroom-note-box{
  margin-top:14px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(212,177,112,.18);
  background:linear-gradient(180deg, rgba(212,177,112,.10), rgba(255,255,255,.03));
  display:flex;
  flex-direction:column;
  gap:6px;
  color:var(--muted);
}
.showroom-note-box strong{color:var(--text)}

/* v9 compact workspace */
.app-shell.compact-ui{max-width:1540px;padding-top:18px}
.app-shell.compact-ui .topbar{padding:18px 20px;border-radius:24px}
.app-shell.compact-ui .card{padding:18px;border-radius:20px}
.app-shell.compact-ui .hero-grid,
.app-shell.compact-ui .stats-grid,
.app-shell.compact-ui .showcase-grid,
.app-shell.compact-ui .dashboard-grid{gap:14px}
.app-shell.compact-ui .stat-card{min-height:118px}
.app-shell.compact-ui .assistant-card,
.app-shell.compact-ui .orders-card,
.app-shell.compact-ui .recipes-card,
.app-shell.compact-ui .customers-card,
.app-shell.compact-ui .profile-card,
.app-shell.compact-ui .inventory-card,
.app-shell.compact-ui .analytics-card,
.app-shell.compact-ui .offers-card,
.app-shell.compact-ui .restock-card,
.app-shell.compact-ui .campaigns-card,
.app-shell.compact-ui .bundles-card,
.app-shell.compact-ui .customer-intel-card{min-height:unset}

.workspace-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-top:16px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(18,18,18,.86);
  backdrop-filter:blur(10px);
  position:sticky;
  top:10px;
  z-index:9;
  box-shadow:0 14px 36px rgba(0,0,0,.18);
}
.workspace-toolbar-left,
.workspace-toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.workspace-toolbar-label{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);padding-right:4px}
.workspace-filter-btn,
.workspace-action-btn{
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
  color:var(--text);
  border-radius:999px;
  padding:9px 13px;
}
.workspace-filter-btn.is-active,
.workspace-action-btn.is-active{
  background:linear-gradient(135deg,rgba(212,177,112,.22),rgba(212,177,112,.08));
  border-color:rgba(212,177,112,.36);
}
.workspace-filter-btn:hover,.workspace-action-btn:hover{transform:translateY(-1px)}

.showcase-grid,
.dashboard-grid{
  grid-template-columns:repeat(12,minmax(0,1fr));
}
.showcase-grid>.card{grid-column:span 4}
.avatar-card{grid-column:1 / -1}
.assistant-card{grid-column:span 7}
.inventory-card{grid-column:span 5}
.orders-card,.recipes-card,.offers-card,.restock-card,.campaigns-card,.bundles-card,.customer-intel-card{grid-column:span 6}
.profile-card,.customers-card,.analytics-card{grid-column:span 4}

.card.is-collapsible .section-head{cursor:pointer}
.card-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:98px;
  height:36px;
  padding:0 12px;
  border-radius:12px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
  color:var(--text);
  flex:0 0 auto;
}
.card-toggle:hover{background:rgba(255,255,255,.08)}
.card-toggle-label{font-size:.82rem;font-weight:700;line-height:1}
.card-toggle-icon{display:inline-block;transition:transform .18s ease}
.card.is-collapsed .card-toggle-icon{transform:rotate(-90deg)}
.card-body{display:block}
.card.is-collapsed .card-body{display:none}
.card.is-collapsed{padding-bottom:14px}
.card.is-collapsed .section-head{margin-bottom:0}
.workspace-hidden{display:none !important}

.compact-summary-chip{
  display:none;
  margin-top:10px;
  padding:8px 11px;
  border:1px dashed rgba(212,177,112,.22);
  border-radius:999px;
  color:var(--muted);
  background:rgba(255,255,255,.03);
  font-size:.88rem;
}
.card.is-collapsed .compact-summary-chip{display:inline-flex}

.app-shell.compact-ui .form-grid{gap:12px}
.app-shell.compact-ui textarea{min-height:84px}
.app-shell.compact-ui .list-stack{gap:10px}
.app-shell.compact-ui .list-card{padding:13px 14px;border-radius:16px}
.app-shell.compact-ui .mini-stats-grid{gap:10px;margin-top:12px}
.app-shell.compact-ui .mini-stat-card{padding:12px 13px;border-radius:16px}
.app-shell.compact-ui .section-head{margin-bottom:12px}
.app-shell.compact-ui .section-head h3{font-size:1.04rem;line-height:1.3}
.app-shell.compact-ui .hero-card h2{font-size:1.5rem}

@media (max-width: 1300px){
  .showcase-grid>.card{grid-column:span 6}
  .assistant-card,.inventory-card,.orders-card,.recipes-card,.offers-card,.restock-card,.campaigns-card,.bundles-card,.customer-intel-card{grid-column:span 6}
  .profile-card,.customers-card,.analytics-card{grid-column:span 6}
}

@media (max-width: 980px){
  .workspace-toolbar{position:static}
  .showcase-grid,.dashboard-grid{grid-template-columns:1fr}
  .showcase-grid>.card,
  .dashboard-grid>.card,
  .assistant-card,.inventory-card,.orders-card,.recipes-card,.offers-card,.restock-card,.campaigns-card,.bundles-card,.customer-intel-card,.profile-card,.customers-card,.analytics-card{grid-column:auto}
}


/* v14 tidy compact pass */
.app-shell.compact-ui{max-width:1480px}
.app-shell.compact-ui .card{padding:16px;border-radius:18px}
.app-shell.compact-ui .hero-grid,
.app-shell.compact-ui .stats-grid,
.app-shell.compact-ui .showcase-grid,
.app-shell.compact-ui .dashboard-grid{gap:12px}
.workspace-toolbar{padding:10px 12px;border-radius:16px;top:8px}
.workspace-filter-btn,.workspace-action-btn{padding:8px 12px;font-size:.93rem}
.topbar-actions{gap:10px}
.hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(360px,.75fr)}
.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.app-shell.compact-ui .stat-card{min-height:102px;padding:16px}
.app-shell.compact-ui .hero-card h2{font-size:1.34rem;line-height:1.25}
.hero-note,.hero-text{font-size:.96rem}
.quick-prompt-grid{gap:10px}
.quick-prompt{padding:12px 14px;min-height:auto}
.story-point{padding:12px 13px;border-radius:14px}
.assistant-card{grid-column:span 8}
.inventory-card{grid-column:span 4}
.orders-card,.recipes-card,.offers-card,.restock-card,.campaigns-card,.bundles-card,.customer-intel-card{grid-column:span 6}
.profile-card,.customers-card,.analytics-card{grid-column:span 4}
.composer-tools{gap:8px}
.tool-btn{padding:10px 12px}
.composer-wrap{gap:10px}
#chatThread{min-height:160px;max-height:300px}
.app-shell.compact-ui textarea{min-height:72px}
.avatar-stage{min-height:350px;justify-content:flex-end;padding-left:22px;padding-right:30px}
.avatar-image{max-height:340px}
.avatar-speech{font-size:.98rem;max-width:46%}
.avatar-script-grid{gap:10px}
.avatar-demo-note{font-size:.93rem}
.showcase-card .empty-state,
.recipes-card .helper-text,
.customers-card .helper-text,
.analytics-card .helper-text,
.offers-card .helper-text,
.restock-card .helper-text,
.campaigns-card .helper-text,
.bundles-card .helper-text,
.customer-intel-card .helper-text{padding:11px 12px}
@media (max-width:1300px){
  .hero-grid{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .assistant-card{grid-column:span 6}
  .inventory-card{grid-column:span 6}
}
@media (max-width:980px){
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}


.presentation-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.presentation-pill{border:1px solid rgba(212,177,112,.12);background:linear-gradient(180deg, rgba(212,177,112,.09), rgba(255,255,255,.02));border-radius:20px;padding:15px 16px;box-shadow:var(--shadow)}
.presentation-pill strong{display:block;font-size:1rem;margin-bottom:6px}
.presentation-pill p{margin:0;color:var(--muted);line-height:1.45;font-size:.94rem}
.presentation-label{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.hero-demo-route{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}
.hero-route-chip{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid rgba(212,177,112,.16);background:rgba(255,255,255,.03);font-size:.84rem;color:var(--text)}
.hero-route-arrow{color:var(--gold);opacity:.78;font-size:1rem}
.chat-first-card{background:linear-gradient(180deg, rgba(212,177,112,.10), rgba(255,255,255,.02)), rgba(24,24,24,.92)}
.assistant-showcase{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px;margin-bottom:14px}
.assistant-showcase-copy{padding:16px;border:1px solid rgba(212,177,112,.14);border-radius:18px;background:rgba(255,255,255,.03)}
.assistant-showcase-copy h4{margin:8px 0 10px;font-size:1.05rem;line-height:1.3}
.assistant-showcase-copy p{margin:0;color:var(--muted);line-height:1.55}
.assistant-tour-steps{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.tour-step{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid rgba(212,177,112,.16);background:rgba(255,255,255,.03);font-size:.8rem;color:var(--text)}
.assistant-demo-column{display:grid;gap:12px}
.assistant-demo-prompts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.assistant-demo-prompts .quick-prompt{min-height:84px}
.assistant-conversation-frame{border:1px solid rgba(212,177,112,.16);border-radius:20px;background:linear-gradient(180deg, rgba(10,10,10,.6), rgba(255,255,255,.02));padding:14px;box-shadow:var(--shadow)}
.conversation-frame-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.conversation-frame-head strong{display:block;font-size:1rem;line-height:1.3}
.frame-pill{white-space:nowrap}
.conversation-frame-body{display:grid;gap:10px}
.demo-dialogue-bubble{padding:14px 15px;border-radius:18px;max-width:92%;border:1px solid rgba(212,177,112,.12);box-shadow:0 14px 30px rgba(0,0,0,.15)}
.demo-dialogue-bubble small{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;color:var(--gold)}
.demo-dialogue-bubble p{margin:0;line-height:1.5}
.demo-dialogue-bubble.customer{justify-self:start;background:rgba(255,255,255,.05)}
.demo-dialogue-bubble.host{justify-self:end;background:linear-gradient(180deg, rgba(212,177,112,.13), rgba(255,255,255,.03))}
.conversation-frame-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.helper-inline{font-size:.84rem;color:var(--muted);line-height:1.4}
.chat-first-card .latest-reply{background:linear-gradient(180deg, rgba(212,177,112,.08), rgba(255,255,255,.02))}
.chat-first-card .chat-thread{border:1px solid rgba(212,177,112,.10);border-radius:18px;padding:14px 10px 10px;background:rgba(8,8,8,.22)}
.chat-first-card .composer-wrap{margin-top:12px;padding:10px;border:1px solid rgba(212,177,112,.10);border-radius:18px;background:rgba(255,255,255,.02)}
.chat-first-card .composer-tools{margin-top:10px}
.chat-first-card #composer{background:rgba(255,255,255,.04)}
@media (max-width: 1100px){.presentation-strip{grid-template-columns:1fr}.assistant-showcase{grid-template-columns:1fr}.assistant-demo-prompts{grid-template-columns:1fr}.conversation-frame-head,.conversation-frame-actions,.hero-demo-route{flex-direction:column;align-items:flex-start}.demo-dialogue-bubble{max-width:100%}}

.chat-first-card{grid-column:span 8}
.avatar-card{grid-column:1 / -1}


/* v17 presentation focus polish */
.presentation-command-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:12px;margin-top:12px}
.presentation-guide-card,.presentation-script-card{background:linear-gradient(180deg, rgba(212,177,112,.09), rgba(255,255,255,.02)), rgba(18,18,18,.92)}
.presentation-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.presentation-stage-btn{display:flex;align-items:flex-start;gap:12px;text-align:left;border:1px solid rgba(212,177,112,.14);background:rgba(255,255,255,.03);color:var(--text);border-radius:18px;padding:14px;min-height:106px;box-shadow:var(--shadow)}
.presentation-stage-btn:hover{transform:translateY(-2px);border-color:rgba(212,177,112,.26)}
.presentation-stage-btn strong{display:block;margin-bottom:6px;font-size:.98rem}
.presentation-stage-btn small{display:block;color:var(--muted);line-height:1.45}
.stage-step{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:linear-gradient(135deg, rgba(212,177,112,.24), rgba(212,177,112,.10));border:1px solid rgba(212,177,112,.28);color:var(--gold);font-weight:700;flex:0 0 auto}
.presentation-guide-note{margin-top:12px;padding:11px 13px;border-radius:14px;border:1px dashed rgba(212,177,112,.22);background:rgba(255,255,255,.03);color:var(--muted);line-height:1.5}
.quick-anchor-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.anchor-chip{border:1px solid rgba(212,177,112,.16);background:rgba(255,255,255,.03);color:var(--text);border-radius:999px;padding:9px 12px}
.anchor-chip:hover{transform:translateY(-1px);border-color:rgba(212,177,112,.28)}
.ghost-btn.is-active{background:linear-gradient(135deg,rgba(212,177,112,.22),rgba(212,177,112,.08));border-color:rgba(212,177,112,.36)}
.section-pulse{animation:sectionPulse 1.25s ease}
@keyframes sectionPulse{0%{box-shadow:0 0 0 0 rgba(212,177,112,.00)}35%{box-shadow:0 0 0 6px rgba(212,177,112,.10)}100%{box-shadow:0 0 0 0 rgba(212,177,112,.00)}}
@media (max-width: 1100px){.presentation-command-grid{grid-template-columns:1fr}.presentation-route-grid{grid-template-columns:1fr}}


/* v18 executive demo polish */

.executive-deck{
  margin-top:14px;
  background:linear-gradient(180deg, rgba(212,177,112,.10), rgba(255,255,255,.02)), rgba(18,18,18,.92);
}
.executive-deck-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.executive-deck-head h3{margin:8px 0 6px;font-size:1.22rem;line-height:1.28}
.executive-subtitle{margin:0;color:var(--muted);line-height:1.55;max-width:880px}
.executive-top-actions{justify-content:flex-end;flex-wrap:wrap}
.executive-deck-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:14px}
.executive-route-card,.executive-story-card{
  border:1px solid rgba(212,177,112,.14);
  border-radius:20px;
  background:rgba(255,255,255,.03);
  padding:16px;
}
.executive-kicker{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.executive-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.executive-step-btn{display:flex;align-items:flex-start;gap:12px;text-align:left;border:1px solid rgba(212,177,112,.14);background:linear-gradient(180deg, rgba(212,177,112,.08), rgba(255,255,255,.02));color:var(--text);border-radius:18px;padding:14px;min-height:108px}
.executive-step-btn:hover{transform:translateY(-2px);border-color:rgba(212,177,112,.28)}
.executive-step-btn strong{display:block;margin-bottom:6px;font-size:.98rem}
.executive-step-btn small{display:block;color:var(--muted);line-height:1.45}
.executive-anchor-row{margin-top:14px}
.chat-first-card .section-head h3{max-width:760px}
.chat-first-card .assistant-showcase-copy{
  background:linear-gradient(180deg, rgba(212,177,112,.08), rgba(255,255,255,.03));
}
.chat-first-card .assistant-conversation-frame{
  border-color:rgba(212,177,112,.20);
  background:linear-gradient(180deg, rgba(12,12,12,.84), rgba(255,255,255,.03));
}
.chat-first-card .conversation-frame-head{
  padding-bottom:10px;
  border-bottom:1px solid rgba(212,177,112,.10);
}
.chat-first-card .demo-dialogue-bubble.customer{background:rgba(255,255,255,.045)}
.chat-first-card .demo-dialogue-bubble.host{background:linear-gradient(180deg, rgba(212,177,112,.16), rgba(255,255,255,.03))}
@media (max-width: 1100px){
  .executive-deck-head{flex-direction:column;align-items:flex-start}
  .executive-deck-grid{grid-template-columns:1fr}
  .executive-steps{grid-template-columns:1fr}
}


/* v19 presentation pinelies */
.presentation-mini-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.mini-board-card{border:1px solid rgba(212,177,112,.14);background:linear-gradient(180deg, rgba(212,177,112,.08), rgba(255,255,255,.02));border-radius:20px;padding:15px 16px;box-shadow:var(--shadow)}
.mini-board-kicker{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.mini-board-card strong{display:block;font-size:1rem;line-height:1.35;margin-bottom:7px}
.mini-board-card p{margin:0;color:var(--muted);line-height:1.5;font-size:.93rem}
.presenter-note-box{margin-top:14px;padding:12px 13px;border-radius:16px;border:1px solid rgba(212,177,112,.16);background:rgba(255,255,255,.03);color:var(--muted);line-height:1.45;font-size:.9rem}
.chat-chrome{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.chat-chip{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;border:1px solid rgba(212,177,112,.14);background:rgba(255,255,255,.03);font-size:.78rem;color:var(--text)}
.chat-chip.strong{background:linear-gradient(180deg, rgba(212,177,112,.16), rgba(255,255,255,.03));border-color:rgba(212,177,112,.24)}
.chat-chip.live::before{content:"";width:8px;height:8px;border-radius:999px;background:#7ee787;display:inline-block;margin-right:7px;box-shadow:0 0 10px rgba(126,231,135,.45)}
.scenario-note{margin-top:12px;padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px dashed rgba(212,177,112,.18);color:var(--muted);font-size:.88rem;line-height:1.45}
@media (max-width: 1100px){.presentation-mini-board{grid-template-columns:1fr}}


/* v21 logo sharpen + scroll + direct address */
.executive-deck,.presentation-mini-board,.hero-grid,.showcase-grid{display:none !important;}
.topbar{padding:34px 24px 28px;justify-content:center;align-items:center;text-align:center;gap:20px;position:relative;top:auto;z-index:1;overflow:hidden;}
.brand-cluster{width:100%;justify-content:center;align-items:center;flex-direction:column;text-align:center;gap:14px;}
.brand-cluster > div{max-width:980px;}
.brand-mark{width:min(420px,72vw);height:auto;max-height:320px;object-fit:contain;filter:drop-shadow(0 22px 46px rgba(0,0,0,.36));margin-bottom:6px;}
.topbar .eyebrow{letter-spacing:.24em;font-size:.73rem;}
.topbar h1{margin:6px 0 10px;font-size:clamp(1.9rem,4.3vw,3rem);line-height:1.06;}
.subtitle{max-width:880px;margin:0 auto;color:var(--text-muted,#b8b1a6);font-size:1.03rem;line-height:1.55;}
.topbar-actions{justify-content:center;}
.dashboard-grid{display:flex;flex-direction:column;gap:18px;margin-top:20px;}
.assistant-card,.avatar-card{grid-column:auto !important;width:100%;}
.assistant-card{order:1;}
.avatar-card{order:2;}
.services-stack{order:3;display:flex;flex-direction:column;gap:14px;}
.services-intro-card h3{margin:8px 0 6px;font-size:1.15rem;}
.services-intro-card p{margin:0;color:var(--text-muted,#b8b1a6);}
.service-accordion-item{overflow:hidden;padding:0 !important;}
.service-accordion-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;cursor:pointer;user-select:none;}
.service-accordion-summary::-webkit-details-marker{display:none;}
.service-summary-copy{display:flex;flex-direction:column;gap:4px;}
.service-summary-copy strong{font-size:1.04rem;line-height:1.25;}
.service-summary-copy small{color:var(--text-muted,#b8b1a6);font-size:.9rem;max-width:720px;}
.service-summary-icon{position:relative;flex:0 0 18px;width:18px;height:18px;}
.service-summary-icon::before,.service-summary-icon::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;background:linear-gradient(90deg,#f1d18f,#a46a2f);border-radius:999px;transform:translate(-50%,-50%);transition:transform .2s ease,opacity .2s ease;}
.service-summary-icon::after{transform:translate(-50%,-50%) rotate(90deg);}
.service-accordion-item[open] .service-summary-icon::after{opacity:0;}
.service-accordion-item[open] .service-summary{border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);}
.service-accordion-body{padding:16px 18px 18px;}
.service-panel{padding:0;background:transparent;border:none;box-shadow:none;}
.service-panel .section-head{padding:0 0 12px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06);}
.service-panel-actions-only .section-head{justify-content:flex-end;}
.service-panel-actions-only .section-head > div{display:none;}
.service-panel .form-grid,.service-panel .list-stack,.service-panel .mini-stats-grid,.service-panel .analytics-columns{margin-top:0;}
.avatar-card .avatar-layout{margin-top:10px;}
@media (max-width: 820px){
  .topbar{padding:22px 16px;position:relative;}
  .brand-mark{width:min(220px,62vw);max-height:140px;}
  .service-accordion-summary{padding:16px;}
  .service-accordion-body{padding:14px;}
}

.topbar::after{content:"";position:absolute;inset:auto 8% 0 8%;height:1px;background:linear-gradient(90deg,transparent,rgba(212,177,112,.24),transparent);}
.topbar-actions{margin-top:4px;}
.assistant-card,.avatar-card,.services-stack .card{scroll-margin-top:24px;}


/* v22 logo replacement + stronger chat frame */
.brand-mark{width:min(560px,78vw) !important;max-height:420px !important;filter:drop-shadow(0 26px 56px rgba(0,0,0,.40)) drop-shadow(0 0 24px rgba(212,177,112,.12)) !important;}
.topbar{padding:40px 24px 30px !important;}
.assistant-card.chat-first-card{border:1px solid rgba(212,177,112,.24);box-shadow:0 18px 44px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.03);}
.chat-first-card .assistant-conversation-frame{border:2px solid rgba(212,177,112,.38) !important;box-shadow:0 0 0 1px rgba(255,255,255,.03), 0 18px 40px rgba(0,0,0,.24), 0 0 28px rgba(212,177,112,.10) !important;background:linear-gradient(180deg, rgba(22,18,12,.92), rgba(255,255,255,.03)) !important;}
.chat-first-card .conversation-frame-head{border-bottom:1px solid rgba(212,177,112,.18) !important;}
.chat-first-card .chat-thread{border:1px solid rgba(212,177,112,.22) !important;background:rgba(8,8,8,.28) !important;}
.chat-first-card .composer-wrap{border:1px solid rgba(212,177,112,.22) !important;background:rgba(255,255,255,.03) !important;}
.chat-first-card .demo-dialogue-bubble.host{background:linear-gradient(180deg, rgba(212,177,112,.22), rgba(255,255,255,.04)) !important;border:1px solid rgba(212,177,112,.22);}
.chat-first-card .demo-dialogue-bubble.customer{background:rgba(255,255,255,.055) !important;border:1px solid rgba(255,255,255,.06);}
.chat-first-card .chat-chrome{margin-bottom:14px;}
.chat-first-card .chat-chip.strong{border-color:rgba(212,177,112,.34) !important;box-shadow:0 0 18px rgba(212,177,112,.08);}
@media (max-width: 820px){.brand-mark{width:min(300px,76vw) !important;max-height:220px !important;}}


/* v23 real cropped logo + stronger chat card */
.brand-mark{width:min(760px,88vw) !important;max-height:none !important;height:auto !important;filter:drop-shadow(0 28px 60px rgba(0,0,0,.42)) drop-shadow(0 0 30px rgba(212,177,112,.14)) !important;}
.topbar{padding:48px 24px 28px !important;}
.topbar h1{font-size:clamp(1.7rem,3vw,2.55rem) !important;line-height:1.08 !important;margin:4px 0 10px !important;}
.topbar .subtitle{max-width:820px;margin:0 auto;color:rgba(255,255,255,.84);}
.chat-first-card .assistant-conversation-frame{border:2px solid rgba(212,177,112,.58) !important;box-shadow:0 0 0 1px rgba(255,255,255,.06), 0 24px 56px rgba(0,0,0,.34), 0 0 34px rgba(212,177,112,.16) !important;background:linear-gradient(180deg, rgba(28,22,14,.98), rgba(255,255,255,.04)) !important;}
.chat-first-card .conversation-frame-head{padding-bottom:10px;border-bottom:1px solid rgba(212,177,112,.28) !important;}
.chat-first-card .conversation-frame-body{gap:12px !important;}
.chat-first-card .demo-dialogue-bubble{border-radius:18px !important;padding:14px 16px !important;}
.chat-first-card .demo-dialogue-bubble.host{border:1px solid rgba(212,177,112,.34) !important;background:linear-gradient(180deg, rgba(212,177,112,.26), rgba(255,255,255,.05)) !important;}
.chat-first-card .demo-dialogue-bubble.customer{border:1px solid rgba(255,255,255,.10) !important;background:rgba(255,255,255,.065) !important;}
.chat-first-card .conversation-frame-actions{padding-top:4px;}
@media (max-width: 820px){.brand-mark{width:min(380px,84vw) !important;}}


/* v24 stronger live chat shell + clearer service plus/minus */
.live-chat-shell{margin-top:14px;padding:16px;border:2px solid rgba(212,177,112,.38);border-radius:24px;background:linear-gradient(180deg, rgba(30,24,15,.94), rgba(255,255,255,.03));box-shadow:0 24px 60px rgba(0,0,0,.34), 0 0 36px rgba(212,177,112,.10), inset 0 0 0 1px rgba(255,255,255,.04);}
.live-chat-shell-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 2px 14px;margin-bottom:14px;border-bottom:1px solid rgba(212,177,112,.24);}
.live-chat-shell-head strong{display:block;font-size:1.05rem;line-height:1.35;}
.live-chat-pill{border-color:rgba(212,177,112,.30) !important;background:linear-gradient(180deg, rgba(212,177,112,.18), rgba(255,255,255,.03)) !important;box-shadow:0 0 18px rgba(212,177,112,.10);}
.chat-first-card .live-chat-shell .latest-reply{margin-bottom:14px;border:1px solid rgba(212,177,112,.20) !important;background:linear-gradient(90deg, rgba(212,177,112,.10), rgba(255,255,255,.02)) !important;}
.chat-first-card .live-chat-shell .chat-thread{min-height:190px;max-height:360px;border:2px solid rgba(212,177,112,.28) !important;border-radius:20px !important;background:linear-gradient(180deg, rgba(7,7,7,.54), rgba(255,255,255,.02)) !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), 0 10px 26px rgba(0,0,0,.20);}
.chat-first-card .live-chat-shell .composer-wrap{margin-top:12px;border:2px solid rgba(212,177,112,.28) !important;border-radius:20px !important;background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)) !important;}
.chat-first-card .live-chat-shell .composer-tools{margin-top:14px;margin-bottom:0;}
.chat-first-card .live-chat-shell #composer{min-height:82px;}
.chat-first-card .live-chat-shell .tool-btn,.chat-first-card .live-chat-shell .send-btn{box-shadow:0 8px 20px rgba(0,0,0,.18);}
.service-accordion-summary{padding:20px 22px;gap:20px;transition:background .18s ease, border-color .18s ease, transform .18s ease;}
.service-accordion-summary:hover{background:rgba(255,255,255,.03);}
.service-summary-copy strong{font-size:1.08rem;}
.service-summary-icon{position:relative;flex:0 0 40px;width:40px;height:40px;border-radius:999px;border:1px solid rgba(212,177,112,.26);background:linear-gradient(180deg, rgba(212,177,112,.14), rgba(255,255,255,.02));box-shadow:0 10px 24px rgba(0,0,0,.20), inset 0 0 0 1px rgba(255,255,255,.03);}
.service-summary-icon::before,.service-summary-icon::after{width:16px;height:2.5px;background:linear-gradient(90deg,#f7dfad,#cf9e4e);box-shadow:0 0 12px rgba(212,177,112,.22);}
.service-summary-icon::after{transform:translate(-50%,-50%) rotate(90deg);}
.service-accordion-item[open] .service-summary-icon{background:linear-gradient(180deg, rgba(212,177,112,.20), rgba(255,255,255,.04));border-color:rgba(212,177,112,.40);}
.service-accordion-item[open] .service-summary-icon::after{opacity:0;}
.service-accordion-item[open] .service-summary-icon::before{width:16px;}
.service-accordion-item[open] .service-accordion-summary{background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));}
@media (max-width: 820px){.live-chat-shell-head{flex-direction:column;align-items:flex-start}.service-accordion-summary{padding:18px}.service-summary-icon{width:36px;height:36px;flex-basis:36px;}}


/* v25 final presentation polish */
.topbar .eyebrow{letter-spacing:.26em}
.live-chat-shell{position:relative;border:2px solid rgba(212,177,112,.48)!important;box-shadow:0 26px 68px rgba(0,0,0,.38), 0 0 42px rgba(212,177,112,.14), inset 0 0 0 1px rgba(255,255,255,.05)!important}
.live-chat-shell::before{content:'';position:absolute;inset:0 0 auto 0;height:88px;border-radius:24px 24px 0 0;background:linear-gradient(180deg, rgba(212,177,112,.10), rgba(255,255,255,0));pointer-events:none}
.chat-zone-label{display:inline-flex;align-items:center;gap:10px;margin:0 0 12px 2px;padding:9px 14px;border-radius:999px;border:1px solid rgba(212,177,112,.30);background:linear-gradient(180deg, rgba(212,177,112,.16), rgba(255,255,255,.03));font-size:.78rem;font-weight:800;letter-spacing:.14em;color:var(--accent)}
.chat-zone-label::before{content:'';width:9px;height:9px;border-radius:999px;background:#7ee787;box-shadow:0 0 14px rgba(126,231,135,.48)}
.chat-first-card .live-chat-shell .latest-reply{font-size:1.02rem;line-height:1.6;padding:18px 18px!important;border:2px solid rgba(212,177,112,.24)!important}
.chat-first-card .live-chat-shell .chat-thread{border:2px solid rgba(212,177,112,.34)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04), 0 14px 30px rgba(0,0,0,.24)!important}
.chat-first-card .live-chat-shell .composer-wrap{border:2px solid rgba(212,177,112,.34)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.chat-first-card .live-chat-shell #composer{font-size:1rem}
.service-accordion-summary{padding:22px 24px!important;align-items:center}
.service-summary-copy strong{font-size:1.18rem;line-height:1.35;display:block;margin:4px 0 3px}
.service-summary-copy small{font-size:.96rem;line-height:1.45;color:var(--muted)}
.service-summary-icon{width:48px;height:48px;flex:0 0 48px;border-radius:16px;border:1px solid rgba(212,177,112,.34);background:linear-gradient(180deg, rgba(212,177,112,.12), rgba(255,255,255,.03));position:relative;box-shadow:0 10px 24px rgba(0,0,0,.20), inset 0 0 0 1px rgba(255,255,255,.03)}
.service-summary-icon::before,.service-summary-icon::after{content:'';position:absolute;left:50%;top:50%;background:var(--accent);transform:translate(-50%,-50%);border-radius:999px;transition:opacity .18s ease, width .18s ease}
.service-summary-icon::before{width:20px;height:3px}
.service-summary-icon::after{width:3px;height:20px}
.service-accordion-item[open] .service-summary-icon{border-color:rgba(212,177,112,.48)!important;box-shadow:0 12px 28px rgba(0,0,0,.22), 0 0 18px rgba(212,177,112,.12), inset 0 0 0 1px rgba(255,255,255,.05)}
.service-accordion-item[open] .service-summary-icon::before{width:20px!important}
.service-accordion-item[open] .service-summary-icon::after{opacity:0!important}
.service-accordion-summary:hover .service-summary-icon{transform:translateY(-1px)}
.services-intro-card p{font-size:1.02rem;line-height:1.55}
@media (max-width: 820px){
  .service-summary-icon{width:42px;height:42px;flex-basis:42px}
  .service-summary-icon::before{width:18px}
  .service-summary-icon::after{height:18px}
}

/* v27 font spacing cleanup for Windows / Greek readability */
html{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
body,
button,
input,
textarea,
select,
option,
.fact-pill,
.hero-note,
.hero-text,
.subtitle,
.latest-reply,
.empty-state,
.helper-inline,
.service-summary-copy strong,
.service-summary-copy small,
.presentation-pill p,
.mini-board-card p,
.presenter-note-box,
.services-intro-card p,
.card p,
.card li,
.card label,
.card small,
.card strong,
#composer,
input::placeholder,
textarea::placeholder{
  font-family:"Segoe UI", "Noto Sans", Arial, sans-serif !important;
  font-kerning: normal;
  font-variant-ligatures: common-ligatures;
  font-feature-settings:"kern" 1, "liga" 1, "clig" 1;
  letter-spacing: normal;
}
input,
textarea,
select,
button{
  letter-spacing: normal !important;
  line-height:1.45;
}
input::placeholder,
textarea::placeholder{color:rgba(255,255,255,.56)!important;}
.latest-reply,
.bubble,
.demo-dialogue-bubble p,
.service-summary-copy strong,
.service-summary-copy small,
.presenter-note-box,
.services-intro-card p,
.hero-note,
.hero-text{
  word-spacing:normal;
  line-height:1.55;
}
.conversation-frame-head strong,
.chat-zone-label,
.live-chat-pill,
.frame-pill,
.primary-btn,
.ghost-btn,
.tool-btn,
.send-btn{
  font-family:"Segoe UI", "Noto Sans", Arial, sans-serif !important;
}


/* v28 Giannis AI helper frame */
.giannis-ai-helper-frame{margin-top:16px;padding:16px;border:1px solid rgba(212,177,112,.30);border-radius:24px;background:linear-gradient(180deg, rgba(18,16,12,.96), rgba(255,255,255,.025));box-shadow:0 18px 44px rgba(0,0,0,.24), 0 0 22px rgba(212,177,112,.08), inset 0 0 0 1px rgba(255,255,255,.03)}
.giannis-ai-helper-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid rgba(212,177,112,.20)}
.giannis-ai-helper-head h4{margin:4px 0 8px;font-size:1.08rem;line-height:1.45}
.giannis-ai-helper-head p{margin:0;color:var(--muted);line-height:1.6}
.giannis-ai-pill{border-color:rgba(212,177,112,.34)!important;background:linear-gradient(180deg, rgba(212,177,112,.18), rgba(255,255,255,.03))!important;white-space:nowrap}
.giannis-ai-helper-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}
.giannis-ai-mini-card{padding:16px;border-radius:20px;border:1px solid rgba(212,177,112,.18);background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.giannis-mini-kicker{display:block;margin-bottom:8px;font-size:.72rem;font-weight:800;letter-spacing:.12em;color:var(--accent)}
.giannis-ai-mini-card strong{display:block;margin-bottom:8px;font-size:1rem;line-height:1.4}
.giannis-ai-mini-card p{margin:0;color:var(--muted);line-height:1.58}
.giannis-ai-ops-board{padding:14px;border-radius:20px;border:1px dashed rgba(212,177,112,.24);background:linear-gradient(180deg, rgba(212,177,112,.08), rgba(255,255,255,.02))}
.giannis-ai-ops-title{font-size:.84rem;font-weight:800;letter-spacing:.12em;color:var(--accent);margin-bottom:12px}
.giannis-ai-ops-row{display:flex;flex-wrap:wrap;gap:10px}
.giannis-ai-op-chip{padding:10px 14px;border-radius:999px;border:1px solid rgba(212,177,112,.22);background:rgba(255,255,255,.03);font-size:.92rem;line-height:1.4}
@media (max-width: 900px){.giannis-ai-helper-grid{grid-template-columns:1fr}.giannis-ai-helper-head{flex-direction:column}.giannis-ai-pill{white-space:normal}}


.catalog-ops-card textarea,
.stock-flow-card textarea {
  min-height: 92px;
}

.standalone-field {
  display: block;
  margin: 12px 0 0;
}

.standalone-field span {
  display: block;
  margin-bottom: 8px;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted, #c9b07b);
}

.tighter-columns {
  gap: 16px;
}

.category-summary-item,
.price-log-item,
.movement-card,
.staff-order-card {
  border-color: rgba(212, 176, 94, 0.26);
}

.staff-board-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 14px;
}

.staff-column {
  border: 1px solid rgba(212, 176, 94, 0.18);
  border-radius: 18px;
  padding: 14px;
  background: rgba(255,255,255,0.02);
}

.staff-column-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  font-weight: 700;
}

.staff-column-head strong {
  display: inline-flex;
  min-width: 34px;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(212, 176, 94, 0.18);
  color: #f2d48a;
}

@media (max-width: 980px) {
  .staff-board-grid {
    grid-template-columns: 1fr;
  }
}


/* v32 price confirm + staff board */
.wrap-actions{flex-wrap:wrap}
.accent-btn{border-color:rgba(212,176,94,.42)!important;box-shadow:0 0 0 1px rgba(212,176,94,.08) inset;background:linear-gradient(180deg, rgba(212,176,94,.14), rgba(255,255,255,.03))}
.price-preview-panel{margin:14px 0 0;padding:14px 16px;border:1px solid rgba(212,176,94,.24);border-radius:20px;background:linear-gradient(180deg, rgba(212,176,94,.07), rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}
.price-preview-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}
.preview-item{border-style:dashed}
.staff-metrics-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.mini-stat-card{padding:14px;border-radius:18px;border:1px solid rgba(212,176,94,.18);background:rgba(255,255,255,.02)}
.mini-stat-card span{display:block;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.mini-stat-card strong{font-size:1.22rem;color:#fff}
.compact-badge-row .badge{font-size:.76rem}
.rush-card{border-color:rgba(240,87,87,.38)!important;box-shadow:0 0 0 1px rgba(240,87,87,.10) inset}
@media (max-width: 980px){.staff-metrics-row{grid-template-columns:1fr}}

/* v33 staff screen preview like avatar */
.staff-preview-layout{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);
  gap:18px;
  align-items:stretch;
}
.staff-preview-monitor{
  position:relative;
  padding:14px;
  border-radius:28px;
  border:1px solid rgba(212,177,112,.28);
  background:linear-gradient(180deg, rgba(212,177,112,.10), rgba(255,255,255,.02)), rgba(10,10,10,.92);
  box-shadow:0 24px 70px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.04);
  overflow:hidden;
}
.staff-preview-stage{
  min-height:520px;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(8,8,8,1), rgba(18,18,18,.96));
}
.staff-preview-frame{
  width:100%;
  height:520px;
  border:0;
  display:block;
  background:#09090b;
}
.staff-side-panel{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.staff-metrics-compact{margin-top:0}
.staff-mini-columns{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.staff-mini-col{
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(212,176,94,.18);
  background:rgba(255,255,255,.02);
  text-align:center;
}
.staff-mini-col span{
  display:block;
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
  margin-bottom:8px;
}
.staff-mini-col strong{font-size:1.22rem;color:#fff}
.staff-screen-note-box{margin-top:auto}
@media (max-width:980px){
  .staff-preview-layout{grid-template-columns:1fr}
}
@media (max-width:720px){
  .staff-preview-stage,.staff-preview-frame{min-height:420px;height:420px}
  .staff-mini-columns{grid-template-columns:1fr}
}

.price-history-shell {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(212, 175, 55, 0.18);
}

.compact-history-head {
  align-items: flex-start;
  gap: 1rem;
}

.no-margin {
  margin: 0;
}


/* v35 category audit + Giannis AI cockpit */
.price-audit-shell{margin-top:14px;padding:14px 16px;border:1px solid rgba(212,176,94,.20);border-radius:20px;background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(212,176,94,.04));box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}
.audit-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.audit-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(212,176,94,.22);background:rgba(255,255,255,.03);cursor:pointer;transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease}
.audit-pill:hover{transform:translateY(-1px);border-color:rgba(212,176,94,.38)}
.audit-pill input{accent-color:#d4b05e}
.audit-pill strong{font-size:.92rem;color:#fff}
.audit-pill span{font-size:.82rem;color:var(--muted)}
.audit-pill.confirmed{border-color:rgba(212,176,94,.48);box-shadow:0 0 0 1px rgba(212,176,94,.10) inset;background:linear-gradient(180deg, rgba(212,176,94,.16), rgba(255,255,255,.03))}
.giannis-ai-cockpit-shell{margin-top:16px;padding:16px;border-radius:24px;border:1px solid rgba(212,177,112,.22);background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(212,177,112,.04));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.giannis-cockpit-head{align-items:flex-start}
.giannis-ai-cockpit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.giannis-cockpit-card{min-height:112px}
.giannis-alert-card,.giannis-action-card{border-color:rgba(212,176,94,.24)}
.giannis-alert-card.danger-card{border-color:rgba(240,87,87,.34)!important;box-shadow:0 0 0 1px rgba(240,87,87,.08) inset}
.giannis-alert-card .helper-text,.giannis-action-card .helper-text{line-height:1.55}
@media (max-width:980px){.giannis-ai-cockpit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.giannis-ai-cockpit-grid{grid-template-columns:1fr}.audit-row{flex-direction:column;align-items:stretch}.audit-pill{justify-content:space-between}}


.staff-preview-frame{background:#0a0a0c}
.giannis-day-report{padding:18px;border-radius:24px;border:1px solid rgba(212,176,94,.20);background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));}
.giannis-day-card strong{font-size:1.18rem}


/* v39 cleaner pricing frame */
.catalog-ops-card{scroll-margin-top:110px}
.catalog-ops-card .section-head{margin-bottom:12px}
.price-intro-copy{margin-bottom:8px}
.price-example-strip{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 6px}
.price-example-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid rgba(212,176,94,.20);background:rgba(255,255,255,.03);color:var(--text);box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);transition:transform .16s ease,border-color .16s ease,background .16s ease}
.price-example-chip:hover{transform:translateY(-1px);border-color:rgba(212,176,94,.36);background:linear-gradient(180deg, rgba(212,176,94,.10), rgba(255,255,255,.03))}
.price-example-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:rgba(212,176,94,.16);font-size:.95rem}
.catalog-ops-card textarea#priceCommandInput{min-height:84px}
.price-preview-panel,.price-audit-shell{padding:12px 14px;border-radius:18px;background:linear-gradient(180deg, rgba(255,255,255,.022), rgba(212,176,94,.035));box-shadow:none}
.price-preview-panel{border-color:rgba(212,176,94,.18)}
.price-audit-shell{border-color:rgba(212,176,94,.16)}
.compact-catalog-grid{margin-top:14px}
.fixed-height-list{max-height:208px;overflow:auto;padding-right:4px}
.fixed-height-list::-webkit-scrollbar{width:8px}
.fixed-height-list::-webkit-scrollbar-thumb{background:rgba(212,176,94,.20);border-radius:999px}
.price-collapsible{margin-top:14px;padding-top:14px}
.price-collapsible-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px;color:#fff;font-weight:700;cursor:pointer}
.price-collapsible-summary::-webkit-details-marker{display:none}
.price-collapsible-summary::after{content:'Άνοιγμα';font-size:.82rem;font-weight:600;color:var(--muted);padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03)}
.price-collapsible[open] .price-collapsible-summary::after{content:'Κλείσιμο'}
.price-collapsible-body{padding-top:14px}
.history-list{max-height:180px}
@media (max-width:720px){
  .price-example-strip{gap:8px}
  .price-example-chip{width:100%;justify-content:flex-start}
  .fixed-height-list{max-height:none}
}


/* v39 order frame + animated staff examples */
.orders-intro-box{display:grid;gap:6px;padding:14px 16px;border-radius:20px;border:1px solid rgba(212,176,94,.22);background:linear-gradient(180deg, rgba(212,176,94,.10), rgba(255,255,255,.02));margin-bottom:14px}
.orders-intro-box strong{font-size:1rem;line-height:1.45}
.orders-intro-box span{color:var(--muted);line-height:1.55}
.order-template-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.order-template-chip{border:1px solid rgba(212,176,94,.22);background:rgba(255,255,255,.03);color:#fff;border-radius:999px;padding:10px 14px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
.order-template-chip:hover{transform:translateY(-1px);border-color:rgba(212,176,94,.42);background:rgba(212,176,94,.10);box-shadow:0 10px 22px rgba(0,0,0,.16)}
.orders-demo-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.order-demo-card{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.order-demo-card strong{display:block;margin:0 0 6px;font-size:.98rem;line-height:1.35}
.order-demo-card p{margin:0;color:var(--muted);line-height:1.48;font-size:.92rem}
.order-demo-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px;flex-wrap:wrap}
.status-pill.demo{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.04em;border:1px solid transparent}
.status-pill.demo.new{background:rgba(212,176,94,.14);border-color:rgba(212,176,94,.26);color:#f2d48a}
.status-pill.demo.preparing{background:rgba(93,123,255,.14);border-color:rgba(93,123,255,.30);color:#c9d4ff}
.status-pill.demo.ready{background:rgba(78,138,89,.16);border-color:rgba(78,138,89,.34);color:#bde8c4}
.category-pill{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;font-size:.76rem;font-weight:700;border:1px solid rgba(255,255,255,.08)}
.category-pill.premium{background:rgba(212,176,94,.14);border-color:rgba(212,176,94,.28);color:#f2d48a}
.category-pill.marinated{background:rgba(78,138,89,.16);border-color:rgba(78,138,89,.30);color:#c1e8c9}
.category-pill.gourmet{background:rgba(136,95,192,.16);border-color:rgba(136,95,192,.28);color:#dbc8ff}
.category-pill.classic{background:rgba(123,129,141,.16);border-color:rgba(123,129,141,.28);color:#dce0e6}
.order-demo-card--new{border-color:rgba(212,176,94,.22)}
.order-demo-card--preparing{border-color:rgba(93,123,255,.22)}
.order-demo-card--ready{border-color:rgba(78,138,89,.24)}
.order-legend-row{display:flex;flex-wrap:wrap;gap:14px;margin:12px 0 4px;color:var(--muted);font-size:.9rem}
.order-legend-row span{display:inline-flex;align-items:center;gap:8px}
.legend-dot{display:inline-flex;width:10px;height:10px;border-radius:999px;box-shadow:0 0 0 1px rgba(255,255,255,.08) inset}
.legend-dot.new{background:#d4b05e}
.legend-dot.preparing{background:#6387ff}
.legend-dot.ready{background:#4e8a59}
.legend-dot.completed{background:#7b818d}
.orders-card .list-card.order-card{position:relative;overflow:hidden;border-width:1px;background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);animation:cardLift 5.8s ease-in-out infinite}
.orders-card .list-card.order-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--order-accent, rgba(212,176,94,.7))}
.orders-card .list-card.order-card.status-new{--order-accent:#d4b05e;border-color:rgba(212,176,94,.22)}
.orders-card .list-card.order-card.status-preparing{--order-accent:#6387ff;border-color:rgba(93,123,255,.20)}
.orders-card .list-card.order-card.status-ready{--order-accent:#4e8a59;border-color:rgba(78,138,89,.24)}
.orders-card .list-card.order-card.status-completed{--order-accent:#7b818d;border-color:rgba(123,129,141,.22)}
.orders-card .list-card.order-card.status-cancelled{--order-accent:#b94a48;border-color:rgba(185,74,72,.24)}
.order-card-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.order-card-main h4{margin:0 0 8px}
.order-category-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.order-status-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid transparent;font-size:.78rem;font-weight:700;letter-spacing:.04em}
.order-status-chip.status-new{background:rgba(212,176,94,.14);border-color:rgba(212,176,94,.26);color:#f2d48a}
.order-status-chip.status-preparing{background:rgba(93,123,255,.14);border-color:rgba(93,123,255,.28);color:#c9d4ff}
.order-status-chip.status-ready{background:rgba(78,138,89,.16);border-color:rgba(78,138,89,.30);color:#bde8c4}
.order-status-chip.status-completed{background:rgba(123,129,141,.18);border-color:rgba(123,129,141,.28);color:#dde1e7}
.order-status-chip.status-cancelled{background:rgba(185,74,72,.16);border-color:rgba(185,74,72,.30);color:#f2b1b0}
.order-card-meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.order-card-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.order-card-note-grid .meta-box{padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02);font-size:.92rem;line-height:1.45}
.order-card-note-grid .meta-box strong{display:block;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.order-card-items{margin:12px 0 0;padding-left:18px;color:var(--text)}
.order-card-items li{margin:0 0 6px}
.order-empty-shell{display:grid;gap:12px}
.order-sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sample-order-card{padding:14px;border-radius:18px;border:1px dashed rgba(255,255,255,.12);background:rgba(255,255,255,.02)}
.sample-order-card strong{display:block;margin:8px 0 6px}
.sample-order-card p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.5}
.compact-board-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:0}
.staff-column-list{display:grid;gap:10px}
.staff-column.status-new{border-color:rgba(212,176,94,.22);background:linear-gradient(180deg, rgba(212,176,94,.10), rgba(255,255,255,.02))}
.staff-column.status-preparing{border-color:rgba(93,123,255,.22);background:linear-gradient(180deg, rgba(93,123,255,.09), rgba(255,255,255,.02))}
.staff-column.status-ready{border-color:rgba(78,138,89,.24);background:linear-gradient(180deg, rgba(78,138,89,.10), rgba(255,255,255,.02))}
.staff-column.status-new .staff-column-head strong{background:rgba(212,176,94,.18);color:#f2d48a}
.staff-column.status-preparing .staff-column-head strong{background:rgba(93,123,255,.18);color:#d1dbff}
.staff-column.status-ready .staff-column-head strong{background:rgba(78,138,89,.18);color:#c7eacc}
.staff-order-card{animation:cardLift 6.2s ease-in-out infinite}
.staff-order-card.status-new{border-color:rgba(212,176,94,.24)}
.staff-order-card.status-preparing{border-color:rgba(93,123,255,.22)}
.staff-order-card.status-ready{border-color:rgba(78,138,89,.24)}
.staff-order-card .order-mini-top{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.staff-order-card .order-mini-top strong{font-size:.95rem}
.staff-order-card .mini-items{font-size:.88rem;color:var(--muted);line-height:1.48}
.staff-order-card .mini-note{margin-top:8px;color:var(--muted);font-size:.86rem;line-height:1.45}
@keyframes cardLift{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media (max-width: 980px){
  .orders-demo-strip,.order-sample-grid,.compact-board-grid{grid-template-columns:1fr}
  .order-card-note-grid{grid-template-columns:1fr}
}

/* v40 stock flow frame with tablet */
.stock-flow-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.92fr);gap:18px;align-items:start;margin-top:14px}
.stock-flow-main{display:grid;gap:14px}
.stock-flow-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.stock-insight-card{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:20px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}
.stock-insight-card.outbound{border-color:rgba(212,176,94,.22);background:linear-gradient(180deg, rgba(212,176,94,.10), rgba(255,255,255,.02))}
.stock-insight-card.surplus{border-color:rgba(93,123,255,.20);background:linear-gradient(180deg, rgba(93,123,255,.08), rgba(255,255,255,.02))}
.stock-insight-card.shortage{border-color:rgba(185,74,72,.22);background:linear-gradient(180deg, rgba(185,74,72,.10), rgba(255,255,255,.02))}
.stock-insight-icon{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;border-radius:14px;background:rgba(0,0,0,.22);font-size:1.1rem;box-shadow:0 10px 20px rgba(0,0,0,.16)}
.stock-insight-copy small{display:block;margin-bottom:6px;color:var(--muted);font-size:.78rem;letter-spacing:.05em;text-transform:uppercase}
.stock-insight-copy strong{display:block;font-size:1.25rem;line-height:1.2;margin-bottom:6px;color:var(--text)}
.stock-insight-copy span{display:block;color:var(--muted);font-size:.92rem;line-height:1.48}
.stock-movements-board{padding:16px;border-radius:22px;border:1px solid rgba(212,176,94,.18);background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.012));display:grid;gap:12px}
.stock-board-head{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.pill-tag{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid rgba(212,176,94,.20);background:rgba(255,255,255,.02);font-size:.82rem;color:var(--muted)}
.stock-movements-enhanced{display:grid;gap:10px}
.movement-card-enhanced{border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:14px;background:rgba(255,255,255,.02)}
.movement-card-enhanced.outbound{border-color:rgba(212,176,94,.20)}
.movement-card-enhanced.surplus{border-color:rgba(93,123,255,.22)}
.movement-card-enhanced.shortage{border-color:rgba(185,74,72,.24)}
.movement-card-topline{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start}
.movement-card-topline h4{margin:0 0 6px;font-size:1rem}
.movement-card-meta{display:flex;gap:8px;flex-wrap:wrap}
.movement-icon-badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;border-radius:12px;background:rgba(255,255,255,.05)}
.zone-badge{border-color:rgba(255,255,255,.10)!important;background:rgba(255,255,255,.03)!important;color:var(--muted)!important}
.stock-tablet-shell{position:relative}
.stock-tablet{position:relative;padding:16px;border-radius:28px;border:1px solid rgba(212,176,94,.22);background:linear-gradient(180deg, rgba(13,14,19,.98), rgba(19,16,11,.94));box-shadow:0 18px 48px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.02);overflow:hidden}
.stock-tablet::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right, rgba(212,176,94,.10), transparent 36%), radial-gradient(circle at bottom left, rgba(93,123,255,.10), transparent 30%);pointer-events:none}
.stock-tablet-top{display:flex;gap:12px;align-items:center;padding-bottom:14px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06);position:relative;z-index:1}
.stock-tablet-top strong{display:block;font-size:1rem}
.stock-tablet-top small{display:block;color:var(--muted);font-size:.88rem;line-height:1.45;margin-top:4px}
.stock-tablet-lights{display:flex;gap:6px}
.stock-tablet-lights span{display:block;width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.18)}
.stock-tablet-lights span:nth-child(1){background:#f2d48a}.stock-tablet-lights span:nth-child(2){background:#7ea2ff}.stock-tablet-lights span:nth-child(3){background:#9dd2ac}
.stock-tablet-meta{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1;margin-bottom:12px}
.stock-tablet-chip{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);font-size:.78rem;color:var(--muted)}
.stock-tablet-rows{display:grid;gap:10px;position:relative;z-index:1}
.stock-tablet-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025)}
.stock-tablet-row strong{display:block;margin-bottom:4px;font-size:.96rem}
.stock-tablet-row small{display:block;color:var(--muted);line-height:1.45}
.stock-tablet-row-icon{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;border-radius:12px;background:rgba(0,0,0,.22)}
.stock-tablet-status{display:inline-flex;align-items:center;justify-content:center;min-width:74px;padding:8px 10px;border-radius:999px;font-size:.8rem;font-weight:700;border:1px solid rgba(255,255,255,.08)}
.stock-tablet-status.good{background:rgba(78,138,89,.14);border-color:rgba(78,138,89,.26);color:#c8eccf}
.stock-tablet-status.warn{background:rgba(185,74,72,.15);border-color:rgba(185,74,72,.26);color:#f5b8b6}
.stock-tablet-status.danger{background:rgba(212,176,94,.14);border-color:rgba(212,176,94,.26);color:#f2d48a}
.stock-tablet-status.neutral{background:rgba(255,255,255,.03);color:var(--muted)}
.stock-tablet-actions{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1;margin-top:12px}
.stock-action-pill{display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;border:1px solid rgba(212,176,94,.18);background:rgba(255,255,255,.03);font-size:.82rem;color:var(--text)}
@media (max-width: 1080px){.stock-flow-layout{grid-template-columns:1fr}.stock-flow-insights{grid-template-columns:1fr}.stock-tablet-shell{order:-1}}
@media (max-width: 720px){.movement-card-topline,.stock-tablet-row{grid-template-columns:1fr}.stock-tablet-status{justify-self:start}.stock-board-head{align-items:flex-start}}


/* v42 pricing assistant + clear close control */
.chat-first-card .section-head h3{max-width:860px}
.owner-demo-prompts .quick-prompt{min-height:86px;font-weight:700}
.assistant-owner-frame{position:relative;overflow:hidden}
.assistant-owner-frame::after{content:'';position:absolute;right:-60px;bottom:-80px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle, rgba(212,177,112,.18), rgba(212,177,112,0));pointer-events:none}
.owner-command-strip{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.owner-command-btn{border:1px solid rgba(212,177,112,.22);background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));color:var(--text);border-radius:999px;padding:10px 14px;font-weight:700;line-height:1.35;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;box-shadow:0 10px 24px rgba(0,0,0,.14)}
.owner-command-btn:hover{transform:translateY(-1px);border-color:rgba(212,177,112,.38);box-shadow:0 14px 28px rgba(0,0,0,.18),0 0 18px rgba(212,177,112,.08)}
.owner-command-btn.featured{background:linear-gradient(180deg, rgba(212,177,112,.24), rgba(255,255,255,.04));border-color:rgba(212,177,112,.42)}
.owner-command-btn.card-style{border-radius:18px;padding:14px 15px;text-align:left;justify-content:flex-start;min-height:82px}
.conversation-welcome{display:grid;gap:12px}
.welcome-row .bubble{max-width:100%;border:1px solid rgba(212,177,112,.24);background:linear-gradient(180deg, rgba(212,177,112,.16), rgba(255,255,255,.03));box-shadow:0 18px 34px rgba(0,0,0,.20)}
.welcome-row .bubble strong{display:block;font-size:1.04rem;line-height:1.4}
.welcome-helper{color:var(--muted);font-size:.95rem;padding:0 2px}
.welcome-command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.giannis-ai-helper-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.giannis-owner-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);gap:14px;margin:16px 0 10px}
.giannis-command-deck{padding:16px;border-radius:22px;border:1px solid rgba(212,177,112,.20);background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.owner-command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.owner-welcome-box{margin-top:12px;padding:14px 16px;border-radius:18px;border:1px dashed rgba(212,177,112,.26);background:linear-gradient(180deg, rgba(212,177,112,.08), rgba(255,255,255,.03));color:var(--text);line-height:1.6}
.giannis-mobile-card{position:relative;padding:14px;border-radius:22px;border:1px solid rgba(212,177,112,.22);background:linear-gradient(180deg, rgba(18,16,12,.96), rgba(255,255,255,.03));box-shadow:0 20px 40px rgba(0,0,0,.26),0 0 24px rgba(212,177,112,.08);overflow:hidden}
.giannis-mobile-card::after{content:'';position:absolute;inset:auto -40px -50px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle, rgba(212,177,112,.16), rgba(212,177,112,0));pointer-events:none}
.giannis-mobile-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.giannis-mobile-topline{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--text)}
.mobile-dot{width:10px;height:10px;border-radius:50%;background:#7ed38f;box-shadow:0 0 12px rgba(126,211,143,.7)}
.mobile-report-pill{border-color:rgba(212,177,112,.26)!important;background:rgba(255,255,255,.04)!important}
.giannis-mobile-screen{position:relative;max-width:320px;margin:0 auto 12px;padding:16px 16px 18px;border-radius:28px;border:1px solid rgba(212,177,112,.24);background:linear-gradient(180deg, rgba(10,10,10,.92), rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 16px 34px rgba(0,0,0,.22)}
.giannis-mobile-brand{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.giannis-mobile-screen strong{display:block;font-size:1.04rem;line-height:1.35;margin-bottom:8px}
.giannis-mobile-screen p{margin:0;color:var(--muted);line-height:1.55;font-size:.94rem}
.mobile-highlight-list{display:grid;gap:8px;margin:12px 0}
.mobile-highlight-pill{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(212,177,112,.18);background:rgba(255,255,255,.04)}
.mobile-highlight-pill span{color:var(--muted);font-size:.9rem}
.mobile-highlight-pill strong{margin:0;font-size:1rem;color:var(--text)}
.mobile-action-line{padding:12px 14px;border-radius:16px;border:1px solid rgba(212,177,112,.18);background:linear-gradient(180deg, rgba(212,177,112,.12), rgba(255,255,255,.03));font-size:.92rem;line-height:1.5}
.accent-card{background:linear-gradient(180deg, rgba(212,177,112,.16), rgba(255,255,255,.03))}
.danger-soft-card{background:linear-gradient(180deg, rgba(185,74,72,.16), rgba(255,255,255,.03))}
@media (max-width: 1180px){.giannis-ai-helper-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.giannis-owner-grid{grid-template-columns:1fr}}
@media (max-width: 900px){.welcome-command-grid,.owner-command-grid{grid-template-columns:1fr}.owner-command-strip{display:grid;grid-template-columns:1fr 1fr}}
@media (max-width: 680px){.owner-command-strip{grid-template-columns:1fr}.giannis-ai-helper-grid{grid-template-columns:1fr}}

.latest-reply.is-meta{
  color:var(--muted);
  font-size:.96rem;
  border-style:dashed !important;
  background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(212,177,112,.045)) !important;
}
.price-command-ai-box{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  margin:12px 0 10px;
  padding:14px 16px;
  border:1px solid rgba(212,176,94,.20);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(212,176,94,.08), rgba(255,255,255,.02));
}
.price-command-ai-copy{display:flex;flex-direction:column;gap:6px;max-width:820px}
.price-command-ai-copy strong{font-size:1rem}
.price-command-ai-copy span{color:var(--muted);line-height:1.55}
.price-command-ai-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.price-command-note{margin:10px 0 4px}
@media (max-width: 820px){
  .price-command-ai-box{flex-direction:column;align-items:flex-start}
  .price-command-ai-actions{justify-content:flex-start}
  .card-toggle{min-width:0;padding:0 10px}
  .card-toggle-label{font-size:.76rem}
}


.avatar-stage-shell{display:flex;flex-direction:column;gap:14px}
.avatar-stage{padding:24px 24px 84px}
.avatar-stage-rim{position:absolute;inset:16px;border-radius:24px;border:1px solid rgba(212,177,112,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 0 0 1px rgba(212,177,112,.05);pointer-events:none;z-index:1}
.avatar-stage-floor{position:absolute;left:10%;right:10%;bottom:-2%;height:118px;border-radius:999px;background:radial-gradient(circle, rgba(212,177,112,.22), rgba(212,177,112,0) 72%);filter:blur(16px);pointer-events:none;z-index:1}
.avatar-stage-brand{position:absolute;top:18px;right:18px;z-index:3;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(8,8,8,.54);backdrop-filter:blur(10px);color:rgba(255,255,255,.84);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}
.avatar-speech-label{position:absolute;left:24px;top:18px;z-index:3;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.10);backdrop-filter:blur(8px);color:rgba(255,255,255,.90);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}
.avatar-speech{top:72px}
.avatar-stage-badges{position:absolute;left:18px;right:18px;bottom:18px;z-index:3;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.avatar-stage-badges span{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;border:1px solid rgba(212,177,112,.20);background:rgba(10,10,10,.62);backdrop-filter:blur(10px);color:rgba(255,255,255,.92);font-size:.86rem;box-shadow:0 10px 24px rgba(0,0,0,.20)}
.avatar-wow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.avatar-wow-card{padding:15px 16px;border-radius:20px;border:1px solid rgba(212,177,112,.18);background:linear-gradient(180deg, rgba(212,177,112,.11), rgba(255,255,255,.025));box-shadow:0 10px 22px rgba(0,0,0,.16);display:flex;flex-direction:column;gap:8px}
.avatar-wow-card strong{font-size:.98rem;line-height:1.3;color:var(--text)}
.avatar-wow-card span{color:var(--muted);font-size:.92rem;line-height:1.55}
.avatar-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.avatar-value-card{padding:14px 15px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);display:flex;flex-direction:column;gap:6px}
.avatar-value-card strong{font-size:.94rem;line-height:1.3;color:var(--text)}
.avatar-value-card span{font-size:.88rem;line-height:1.5;color:var(--muted)}

.avatar-premium-strip{display:flex;flex-wrap:wrap;gap:10px}
.avatar-role-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(212,177,112,.18);background:rgba(255,255,255,.04);color:var(--muted);font-size:.88rem}
.avatar-role-pill.live i{width:9px;height:9px;border-radius:999px;background:#57d388;box-shadow:0 0 0 0 rgba(87,211,136,.45);animation:livePulse 1.8s infinite;display:inline-block}
.avatar-director-note,.avatar-ai-link-box{padding:16px 18px;border-radius:20px;border:1px solid rgba(212,177,112,.18);background:linear-gradient(180deg, rgba(212,177,112,.10), rgba(255,255,255,.03));display:flex;flex-direction:column;gap:8px;color:var(--muted);line-height:1.6}
.avatar-director-note strong,.avatar-ai-link-box strong{color:var(--text)}
.avatar-stack-card{padding:16px 18px;border-radius:22px;border:1px solid rgba(212,177,112,.18);background:linear-gradient(180deg, rgba(212,177,112,.10), rgba(255,255,255,.03));display:flex;flex-direction:column;gap:14px}
.avatar-stack-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.avatar-stack-head strong{font-size:1rem}
.avatar-stack-head span{font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.avatar-stack-list{display:grid;gap:10px}
.stack-step{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:flex-start;padding:12px 13px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.stack-step.active{border-color:rgba(212,177,112,.34);background:linear-gradient(180deg, rgba(212,177,112,.16), rgba(255,255,255,.03))}
.stack-step>span{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:rgba(212,177,112,.16);color:var(--text);font-weight:800;font-size:.92rem}
.stack-step strong{display:block;margin-bottom:4px}
.stack-step small{display:block;color:var(--muted);line-height:1.45}
.avatar-script-btn{min-height:84px;display:flex;align-items:center;justify-content:flex-start}
.avatar-script-btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(0,0,0,.18)}
@media (max-width: 980px){.avatar-stack-head{flex-direction:column;align-items:flex-start}}


/* v44 services roadmap */
.roadmap-service-item{overflow:hidden}
.next-level-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.next-level-card{border:1px solid rgba(212,177,112,.18);border-radius:20px;padding:16px 16px 14px;background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));box-shadow:0 10px 24px rgba(0,0,0,.18)}
.next-level-card strong{display:block;font-size:17px;line-height:1.35;margin-bottom:8px;color:#fff}
.next-level-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.next-level-kicker{display:inline-block;margin-bottom:10px;color:var(--gold);font-size:11px;letter-spacing:.18em;text-transform:uppercase}
@media (max-width: 920px){.next-level-grid{grid-template-columns:1fr}}

/* v46 home registration closed by default */
.landing-topbar{display:grid !important;grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);align-items:center !important;justify-content:stretch !important;text-align:left !important;gap:24px;padding:30px 28px 28px !important;}
.landing-brand{width:auto !important;justify-content:flex-start !important;align-items:center !important;flex-direction:row !important;text-align:left !important;gap:24px !important;}
.landing-copy{max-width:760px}
.landing-topbar .brand-mark{width:min(360px,34vw) !important;max-height:360px !important;height:auto !important;flex:0 0 auto;filter:drop-shadow(0 24px 56px rgba(0,0,0,.42)) drop-shadow(0 0 18px rgba(212,177,112,.10)) !important;}
.landing-topbar .eyebrow{letter-spacing:.22em;font-size:.72rem}
.landing-topbar h1{margin:6px 0 10px !important;font-size:clamp(1.8rem,2.8vw,2.9rem) !important;line-height:1.08 !important;}
.landing-topbar .subtitle{margin:0;color:rgba(255,255,255,.86);font-size:1rem;line-height:1.6;max-width:760px}
.landing-route-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.landing-route-chip{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;border:1px solid rgba(212,177,112,.20);background:rgba(255,255,255,.04);color:var(--text);font-size:.9rem}
.landing-helper-text{margin-top:14px;color:var(--muted);font-size:.94rem;line-height:1.55;max-width:720px}
.topbar-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.landing-actions{justify-content:flex-end !important;align-items:center}
.landing-register-card{padding:18px 18px 16px;border-radius:24px;border:1px solid rgba(212,177,112,.20);background:linear-gradient(180deg, rgba(212,177,112,.12), rgba(255,255,255,.03));box-shadow:0 18px 38px rgba(0,0,0,.26), inset 0 0 0 1px rgba(255,255,255,.03);transition:box-shadow .24s ease,border-color .24s ease,background .24s ease}
.landing-register-card.is-collapsed{padding:16px 18px 15px;background:linear-gradient(180deg, rgba(212,177,112,.08), rgba(255,255,255,.02));box-shadow:0 12px 28px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.025)}
.landing-register-card.is-open{border-color:rgba(212,177,112,.28)}
.landing-register-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.landing-register-head-side{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.landing-register-head h3{margin:6px 0 8px;font-size:1.12rem;line-height:1.32}
.landing-register-head p{margin:0;color:var(--muted);line-height:1.52;font-size:.92rem}
.landing-register-toggle{min-width:180px}
.landing-register-closed-hint{padding:13px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:var(--muted);line-height:1.55;font-size:.92rem}
.landing-register-body{display:flex;flex-direction:column;gap:0}
.register-photo-row{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center;margin-bottom:14px}
.photo-upload-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px;border-radius:20px;border:1px dashed rgba(212,177,112,.26);background:rgba(255,255,255,.03);color:var(--muted);text-align:center;min-height:162px}
.hidden-file-input{display:none !important}
.customer-photo-preview,.customer-photo-placeholder{width:88px;height:88px;border-radius:999px;border:1px solid rgba(212,177,112,.28);background:rgba(255,255,255,.05);display:grid;place-items:center}
.customer-photo-preview{object-fit:cover;background:#111}
.customer-photo-placeholder{font-size:1.8rem;color:var(--gold)}
.register-pass-copy{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);line-height:1.55;color:var(--muted)}
.register-pass-copy strong{color:var(--text)}
.customer-pass-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important}
.landing-register-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.customer-pass-result{margin-top:14px;padding:14px;border-radius:20px;border:1px solid rgba(212,177,112,.22);background:linear-gradient(180deg, rgba(12,12,12,.38), rgba(255,255,255,.02))}
.customer-pass-result-grid{display:grid;grid-template-columns:210px 1fr;gap:16px;align-items:stretch}
.customer-pass-code-box,.customer-pass-link-box{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.customer-pass-code-box strong{display:block;margin:8px 0 6px;font-size:1.45rem;line-height:1.05;letter-spacing:.05em}
.customer-pass-code-box small{display:block;color:var(--muted);line-height:1.45}
.customer-pass-qr-wrap{display:grid;grid-template-columns:132px 1fr;gap:14px;align-items:center}
.customer-pass-qr-wrap img{width:132px;height:132px;border-radius:18px;background:#fff;padding:10px;box-shadow:0 12px 28px rgba(0,0,0,.18)}
.customer-pass-link-copy{display:flex;flex-direction:column;gap:10px}
.customer-pass-link-copy a{color:var(--gold-strong);text-decoration:none;word-break:break-word}
.customer-pass-link-box small{display:block;margin-top:8px;color:var(--muted);line-height:1.45}
.ghost-btn[aria-disabled="true"]{pointer-events:none;opacity:.55}
.avatar-customer-connect-card{padding:16px 18px;border-radius:22px;border:1px solid rgba(212,177,112,.18);background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(212,177,112,.05));display:flex;flex-direction:column;gap:10px}
.avatar-customer-connect-card h5{margin:2px 0 0;font-size:1rem;line-height:1.35}
.avatar-customer-connect-card p{margin:0;color:var(--muted);line-height:1.55}
.avatar-connect-grid{grid-template-columns:1fr !important;gap:12px !important}
.avatar-connect-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.avatar-connect-actions .ghost-btn,.avatar-connect-actions .primary-btn{min-height:46px}
#avatarCustomerDirectLink{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
@media (max-width: 1180px){
  .landing-topbar{grid-template-columns:1fr;padding:24px 18px 22px !important}
  .landing-actions{justify-content:flex-start !important}
}
@media (max-width: 820px){
  .landing-brand{flex-direction:column !important;align-items:center !important;text-align:center !important}
  .landing-topbar .brand-mark{width:min(220px,62vw) !important;max-height:220px !important}
  .landing-topbar h1{font-size:clamp(1.5rem,7vw,2rem) !important;text-align:center}
  .landing-topbar .subtitle,.landing-helper-text{max-width:none;text-align:center}
  .landing-route-chips{justify-content:center}
  .register-photo-row,.customer-pass-result-grid,.customer-pass-qr-wrap{grid-template-columns:1fr}
  .customer-pass-grid{grid-template-columns:1fr !important}
}

@media (max-width: 820px){
  .landing-register-head,.landing-register-head-side{flex-direction:column;align-items:flex-start}
  .landing-register-toggle{width:100%}
}


/* v47 clearer owner chat zone */
:root{
  --chat-accent:#96b8ff;
  --chat-accent-strong:#d9e5ff;
  --chat-accent-line:rgba(150,184,255,.34);
  --chat-accent-glow:rgba(150,184,255,.18);
}
.chat-first-card .live-chat-shell{
  border:2px solid var(--chat-accent-line)!important;
  background:linear-gradient(180deg, rgba(18,22,34,.96), rgba(255,255,255,.03))!important;
  box-shadow:0 28px 70px rgba(0,0,0,.40), 0 0 42px var(--chat-accent-glow), inset 0 0 0 1px rgba(255,255,255,.05)!important;
}
.chat-first-card .live-chat-shell::before{
  background:linear-gradient(180deg, rgba(150,184,255,.14), rgba(255,255,255,0))!important;
}
.chat-first-card .live-chat-shell-head{
  border-bottom:1px solid rgba(150,184,255,.24)!important;
}
.chat-first-card .live-chat-shell-head strong{
  max-width:760px;
}
.chat-zone-label{
  display:inline-flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 14px 2px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(150,184,255,.38);
  background:linear-gradient(180deg, rgba(150,184,255,.16), rgba(255,255,255,.04));
  color:var(--chat-accent-strong);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.12em;
  line-height:1.35;
  text-transform:uppercase;
  box-shadow:0 10px 24px rgba(0,0,0,.18), 0 0 20px rgba(150,184,255,.10);
}
.chat-zone-label::before{
  content:'';
  width:9px;
  height:9px;
  border-radius:999px;
  background:var(--chat-accent-strong);
  box-shadow:0 0 14px rgba(150,184,255,.52);
}
.live-chat-pill{
  border-color:rgba(150,184,255,.34)!important;
  color:var(--chat-accent-strong)!important;
  background:linear-gradient(180deg, rgba(150,184,255,.18), rgba(255,255,255,.04))!important;
  box-shadow:0 0 18px rgba(150,184,255,.12)!important;
}
.chat-first-card .live-chat-shell .owner-command-btn{
  border-color:rgba(150,184,255,.18);
}
.chat-first-card .live-chat-shell .owner-command-btn:hover{
  border-color:rgba(150,184,255,.34);
  box-shadow:0 14px 28px rgba(0,0,0,.18),0 0 18px rgba(150,184,255,.10);
}
.chat-first-card .live-chat-shell .owner-command-btn.featured{
  background:linear-gradient(180deg, rgba(150,184,255,.18), rgba(255,255,255,.04));
  border-color:rgba(150,184,255,.36);
}
.chat-first-card .live-chat-shell .latest-reply{
  border:2px solid rgba(150,184,255,.22)!important;
  background:linear-gradient(90deg, rgba(150,184,255,.10), rgba(255,255,255,.02))!important;
}
.chat-first-card .live-chat-shell .chat-thread{
  border:2px solid rgba(150,184,255,.30)!important;
  background:linear-gradient(180deg, rgba(7,10,18,.72), rgba(255,255,255,.02))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04), 0 14px 30px rgba(0,0,0,.24), 0 0 20px rgba(150,184,255,.08)!important;
  scrollbar-color:rgba(150,184,255,.40) rgba(255,255,255,.06);
}
.chat-first-card .live-chat-shell .composer-wrap{
  border:2px solid rgba(150,184,255,.30)!important;
  background:linear-gradient(180deg, rgba(17,20,30,.94), rgba(255,255,255,.04))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), 0 0 20px rgba(150,184,255,.08)!important;
}
.chat-first-card .live-chat-shell .composer-tools .tool-btn{
  border-color:rgba(150,184,255,.22);
}
.chat-first-card .live-chat-shell #composer{
  background:rgba(255,255,255,.04);
}
.chat-first-card .live-chat-shell #composer:focus{
  border-color:rgba(150,184,255,.46)!important;
  box-shadow:0 0 0 3px rgba(150,184,255,.12)!important;
}
.chat-first-card .live-chat-shell .empty-state{
  border:1px dashed rgba(150,184,255,.24)!important;
  background:rgba(150,184,255,.05)!important;
}
.chat-first-card .live-chat-shell .thinking-state .dots i{
  background:var(--chat-accent-strong)!important;
}
.chat-first-card .live-chat-shell .bubble small{
  color:rgba(217,229,255,.72);
}
@media (max-width: 820px){
  .chat-zone-label{display:flex;width:100%;border-radius:18px}
}

/* v48 tidier landing + autonomous blue chat zones */
.landing-topbar{
  grid-template-columns:minmax(0,1.14fr) minmax(360px,.86fr) !important;
  align-items:flex-start !important;
  gap:28px !important;
}
.landing-brand{
  align-items:flex-start !important;
  gap:28px !important;
}
.landing-topbar .brand-mark{
  width:min(320px,30vw) !important;
  max-height:320px !important;
}
.landing-copy{
  display:grid;
  gap:16px;
  max-width:620px;
  align-self:center;
}
.landing-copy-main,
.landing-copy-meta{
  display:grid;
  gap:12px;
}
.landing-topbar .subtitle{
  max-width:34ch !important;
  line-height:1.58 !important;
}
.landing-helper-card{
  display:grid;
  gap:6px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  color:var(--muted);
  line-height:1.55;
}
.landing-helper-card strong{
  color:var(--text);
  font-size:1rem;
}
.topbar-side{
  width:100%;
  max-width:520px;
  margin-left:auto;
}
.account-quick-panel{
  display:grid;
  gap:14px;
  padding:16px 18px;
  border-radius:22px;
  border:1px solid rgba(212,177,112,.22);
  background:linear-gradient(180deg, rgba(20,20,20,.96), rgba(255,255,255,.03));
  box-shadow:0 18px 38px rgba(0,0,0,.26), inset 0 0 0 1px rgba(255,255,255,.03);
}
.account-quick-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.account-quick-head strong{
  display:block;
  font-size:1rem;
  line-height:1.45;
}
.account-quick-pill{
  border-color:rgba(212,177,112,.24) !important;
  background:rgba(255,255,255,.04) !important;
}
.account-quick-status{
  padding:13px 14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  color:var(--muted);
  line-height:1.55;
}
.account-quick-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.account-quick-grid .ghost-btn,
.account-quick-grid .primary-btn{
  width:100%;
  min-height:48px;
}

.live-chat-toolbar{
  display:grid;
  gap:12px;
  margin-bottom:14px;
}
.chat-tools-strip{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.chat-tools-strip .tool-btn{
  border-color:rgba(150,184,255,.22) !important;
  background:rgba(255,255,255,.04);
}
.live-chat-summary-card{
  margin-bottom:14px;
  display:grid;
  gap:10px;
  padding:14px;
  border-radius:22px;
  border:1px solid rgba(150,184,255,.20);
  background:linear-gradient(180deg, rgba(150,184,255,.08), rgba(255,255,255,.03));
}
.live-chat-summary-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.chat-summary-note{
  color:rgba(217,229,255,.74);
  font-size:.9rem;
  line-height:1.45;
}
.chat-thread-shell{
  display:grid;
  gap:12px;
  margin-bottom:14px;
  padding:16px;
  border-radius:24px;
  border:2px solid rgba(150,184,255,.34);
  background:linear-gradient(180deg, rgba(11,15,26,.94), rgba(255,255,255,.03));
  box-shadow:0 0 24px rgba(150,184,255,.08), inset 0 0 0 1px rgba(255,255,255,.03);
}
.chat-thread-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.chat-thread-head strong,
.composer-panel-head strong{
  display:block;
  font-size:1rem;
  line-height:1.4;
}
.chat-thread-note{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(150,184,255,.22);
  background:rgba(150,184,255,.08);
  color:var(--chat-accent-strong);
  font-size:.82rem;
  font-weight:700;
}
.chat-first-card .live-chat-shell .chat-thread-shell .chat-thread{
  min-height:220px;
  max-height:360px;
  margin:0;
  padding:4px 6px 4px 0;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.chat-thread-shell .thinking-state{
  padding-top:12px;
  border-top:1px solid rgba(150,184,255,.14);
}
.composer-panel{
  display:grid;
  gap:12px;
  padding:16px;
  border-radius:24px;
  border:2px solid rgba(150,184,255,.34);
  background:linear-gradient(180deg, rgba(17,24,38,.96), rgba(255,255,255,.04));
  box-shadow:0 0 24px rgba(150,184,255,.10), inset 0 0 0 1px rgba(255,255,255,.03);
}
.composer-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.composer-pill{
  border-color:rgba(150,184,255,.28) !important;
  color:var(--chat-accent-strong) !important;
  background:rgba(150,184,255,.08) !important;
}
.chat-first-card .live-chat-shell .composer-panel .composer-wrap{
  margin-top:0 !important;
  padding:0 !important;
  gap:12px;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.chat-first-card .live-chat-shell .composer-panel #composer{
  min-height:110px;
  border:2px solid rgba(150,184,255,.30) !important;
  background:linear-gradient(180deg, rgba(10,14,24,.90), rgba(255,255,255,.04)) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.22), 0 0 18px rgba(150,184,255,.08) !important;
}
.chat-first-card .live-chat-shell .composer-panel .send-btn{
  min-height:110px;
  align-self:stretch;
  box-shadow:0 14px 28px rgba(0,0,0,.22), 0 0 18px rgba(150,184,255,.08);
}
.chat-first-card .live-chat-shell .live-chat-summary-card .latest-reply{
  margin-bottom:0;
}
.chat-first-card .live-chat-shell .bubble{
  border-color:rgba(150,184,255,.18);
}
.chat-first-card .live-chat-shell .chat-row.user .bubble{
  background:linear-gradient(180deg, rgba(150,184,255,.22), rgba(150,184,255,.08));
  border-color:rgba(150,184,255,.34);
}
.chat-first-card .live-chat-shell .chat-row.assistant .bubble{
  background:rgba(255,255,255,.04);
}

@media (max-width: 1180px){
  .landing-topbar{
    grid-template-columns:1fr !important;
  }
  .topbar-side{
    max-width:none;
    margin-left:0;
  }
}

@media (max-width: 820px){
  .landing-brand{
    gap:20px !important;
  }
  .landing-copy,
  .landing-copy-main,
  .landing-copy-meta{
    justify-items:center;
  }
  .landing-topbar .subtitle{
    max-width:none !important;
  }
  .landing-helper-card,
  .account-quick-panel,
  .live-chat-summary-card,
  .chat-thread-shell,
  .composer-panel{
    width:100%;
  }
  .account-quick-grid{
    grid-template-columns:1fr;
  }
  .account-quick-head,
  .live-chat-summary-head,
  .chat-thread-head,
  .composer-panel-head{
    flex-direction:column;
    align-items:flex-start;
  }
  .chat-tools-strip{
    width:100%;
  }
  .chat-tools-strip .tool-btn{
    flex:1 1 140px;
  }
  .chat-first-card .live-chat-shell .composer-panel .send-btn{
    min-height:54px;
  }
}


/* v49 tighter landing + account icon + price arrows */
.hidden-presentation{display:none !important;}
.account-icon-btn{min-width:72px;width:72px;display:inline-flex;align-items:center;justify-content:center;padding:12px !important;border-radius:16px !important;}
.account-icon-glyph{display:inline-flex;align-items:center;justify-content:center;line-height:1;}
.account-icon-glyph svg{width:22px;height:22px;display:block;}
.landing-topbar{grid-template-columns:minmax(0,1.02fr) minmax(330px,.78fr) !important;gap:22px !important;padding:24px 24px 22px !important;}
.landing-brand{gap:22px !important;}
.landing-topbar .brand-mark{width:min(280px,26vw) !important;max-height:280px !important;}
.landing-copy{max-width:560px !important;gap:12px !important;}
.landing-copy-main,.landing-copy-meta{gap:10px !important;}
.landing-topbar h1{font-size:clamp(1.68rem,2.45vw,2.55rem) !important;line-height:1.06 !important;margin:4px 0 8px !important;}
.landing-topbar .subtitle{max-width:31ch !important;font-size:.98rem !important;line-height:1.55 !important;}
.landing-route-chips.compact-three-chips{display:grid !important;grid-template-columns:repeat(3,minmax(0,max-content));gap:10px 12px !important;align-items:center;justify-content:start;}
.landing-route-chip{padding:9px 13px !important;font-size:.88rem !important;}
.topbar-side{max-width:470px !important;}
.landing-actions{justify-content:flex-end !important;}
.account-quick-panel{margin-top:10px;padding:14px 16px !important;}
.account-quick-grid{grid-template-columns:1fr !important;}
.account-quick-grid .ghost-btn,.account-quick-grid .primary-btn{min-height:46px !important;}
.price-example-chip{min-height:40px;}
.price-example-icon{font-weight:900;font-size:1rem;width:28px;height:28px;}
.price-example-chip--raise .price-example-icon{background:rgba(120,205,155,.16);color:#c9ffd8;border:1px solid rgba(120,205,155,.26);}
.price-example-chip--lower .price-example-icon{background:rgba(255,120,120,.14);color:#ffd0d0;border:1px solid rgba(255,120,120,.26);}
.catalog-ops-card{padding:26px 24px 24px !important;}
.catalog-ops-card .price-command-ai-box,.catalog-ops-card .price-preview-panel,.catalog-ops-card .price-audit-shell{border-radius:22px !important;}
.catalog-ops-card .fixed-height-list{min-height:78px;}
@media (max-width:1180px){.landing-topbar{grid-template-columns:1fr !important;}.topbar-side{max-width:none !important;}}
@media (max-width:820px){.landing-topbar{padding:20px 18px !important;}.landing-brand{gap:18px !important;}.landing-topbar .brand-mark{width:min(220px,58vw) !important;max-height:220px !important;}.landing-route-chips.compact-three-chips{grid-template-columns:1fr;justify-content:stretch;}.account-icon-btn{width:64px;min-width:64px;}.topbar-side,.account-quick-panel{width:100% !important;}}


/* v50 more obvious home cleanup + dropdown + price arrows */
.account-icon-btn{gap:8px !important;padding-inline:14px !important;min-width:78px !important;width:auto !important;}
.account-icon-chevron{font-size:.86rem;opacity:.82;transform:translateY(1px);}
.landing-topbar{grid-template-columns:minmax(0,1fr) minmax(310px,.72fr) !important;gap:18px !important;padding:22px 22px 20px !important;}
.landing-brand{gap:18px !important;}
.landing-topbar .brand-mark{width:min(248px,23vw) !important;max-height:248px !important;}
.landing-copy{max-width:500px !important;gap:10px !important;}
.landing-topbar .subtitle{max-width:28ch !important;font-size:.96rem !important;line-height:1.5 !important;}
.landing-route-chips.compact-three-chips{grid-template-columns:repeat(3,max-content) !important;gap:8px !important;}
.landing-route-chip{padding:8px 12px !important;font-size:.85rem !important;}
.topbar-side{max-width:400px !important;position:relative;}
.topbar-actions.landing-actions{justify-content:flex-end !important;margin-bottom:6px;}
.account-quick-panel{position:relative;margin-left:auto;max-width:360px;border-color:rgba(212,177,112,.28) !important;box-shadow:0 22px 48px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,255,255,.03) !important;}
.account-quick-head strong{font-size:.94rem !important;line-height:1.38 !important;}
.account-quick-status{font-size:.94rem;}
.landing-register-card{padding:16px !important;border-radius:24px !important;}
.landing-register-head{gap:14px !important;}
.landing-register-card h3{font-size:1.08rem !important;line-height:1.32 !important;}
.catalog-ops-card{padding:28px 26px 26px !important;border-radius:28px !important;min-height:0;box-shadow:0 20px 46px rgba(0,0,0,.24), inset 0 0 0 1px rgba(255,255,255,.02) !important;}
.catalog-ops-card .section-head{margin-bottom:14px !important;}
.price-command-ai-box{padding:14px 16px !important;border-radius:22px !important;}
.price-command-ai-copy span{line-height:1.55;}
.price-example-strip{gap:12px !important;}
.price-example-chip{padding:11px 16px !important;min-height:44px !important;border-width:1px !important;}
.price-example-icon{position:relative;overflow:hidden;font-weight:900;font-size:1rem;width:30px;height:30px;}
.price-example-icon--stack{display:inline-grid !important;place-items:center;line-height:1;}
.price-example-icon--stack .price-icon-core{font-size:.84rem;font-weight:800;transform:translateY(1px);}
.price-arrow-up,.price-arrow-down{position:absolute;font-size:.62rem;line-height:1;left:50%;transform:translateX(-50%);opacity:.95;}
.price-arrow-up{top:3px;}
.price-arrow-down{bottom:3px;}
.price-example-chip--raise .price-example-icon--stack .price-icon-core{color:#d8ffe1;}
.price-example-chip--lower .price-example-icon--stack .price-icon-core{color:#ffe0e0;}
@media (max-width:1180px){.landing-topbar{grid-template-columns:1fr !important;}.topbar-side{max-width:none !important;}.account-quick-panel{max-width:none;}}
@media (max-width:820px){.landing-topbar{padding:18px 16px !important;}.landing-brand{gap:16px !important;}.landing-topbar .brand-mark{width:min(210px,56vw) !important;max-height:210px !important;}.landing-copy{max-width:none !important;}.landing-route-chips.compact-three-chips{grid-template-columns:1fr 1fr 1fr !important;justify-content:stretch;}.landing-route-chip{text-align:center;justify-content:center;}.account-icon-btn{min-width:72px !important;}.catalog-ops-card{padding:22px 18px !important;}}


/* v51 real fix: remove extra closed-hint box on home + show clear up/down arrows inside price chips */
.landing-register-closed-hint{display:none !important;}
.price-example-icon{overflow:visible !important;}
.price-example-icon--stack{display:flex !important;flex-direction:column;align-items:center;justify-content:center;gap:1px;line-height:1;padding-block:2px;}
.price-example-icon--stack-up .price-icon-core,.price-example-icon--stack-down .price-icon-core{font-size:.84rem !important;font-weight:900;line-height:1;}
.price-arrow-up,.price-arrow-down{position:static !important;left:auto !important;top:auto !important;bottom:auto !important;transform:none !important;display:block !important;font-size:.72rem !important;line-height:.72rem !important;font-weight:900;opacity:1 !important;text-shadow:0 0 10px rgba(0,0,0,.25);}
.price-example-chip--raise .price-arrow-up{color:#d8ffe1 !important;}
.price-example-chip--lower .price-arrow-down{color:#ffe0e0 !important;}


/* v52 layout polish: clearer up/down arrows + tighter alignment without touching functionality */
.price-example-icon{
  position:relative !important;
  overflow:visible !important;
  width:32px !important;
  height:32px !important;
}
.price-example-icon--stack{
  position:relative !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
}
.price-example-icon--stack .price-icon-core{
  font-size:.90rem !important;
  font-weight:900 !important;
  line-height:1 !important;
  transform:none !important;
}
.price-arrow-up,
.price-arrow-down{
  position:absolute !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:16px !important;
  height:16px !important;
  border-radius:999px !important;
  font-size:.80rem !important;
  line-height:1 !important;
  font-weight:900 !important;
  text-shadow:none !important;
  box-shadow:0 6px 16px rgba(0,0,0,.28) !important;
}
.price-arrow-up{
  top:-4px !important;
  right:-4px !important;
  left:auto !important;
  bottom:auto !important;
  transform:none !important;
  background:rgba(120,205,155,.22) !important;
  border:1px solid rgba(120,205,155,.34) !important;
  color:#e6ffef !important;
}
.price-arrow-down{
  right:-4px !important;
  bottom:-4px !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;
  background:rgba(255,120,120,.18) !important;
  border:1px solid rgba(255,120,120,.34) !important;
  color:#ffe7e7 !important;
}
.price-example-chip{
  gap:11px !important;
}

.staff-board-card{
  padding:30px 28px 28px !important;
}
.staff-preview-layout{
  grid-template-columns:minmax(0,1.24fr) minmax(330px,.76fr) !important;
  gap:16px !important;
  align-items:stretch !important;
}
.staff-preview-monitor{
  padding:16px !important;
}
.staff-preview-stage{
  min-height:560px !important;
}
.staff-preview-frame{
  height:560px !important;
}
.staff-side-panel{
  min-height:560px !important;
  justify-content:space-between !important;
}

.landing-topbar{
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr) !important;
  gap:14px !important;
  align-items:stretch !important;
}
.landing-brand{
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) !important;
  width:100% !important;
  gap:16px !important;
  align-items:center !important;
}
.landing-topbar .brand-mark{
  width:min(252px,23vw) !important;
  max-height:252px !important;
}
.landing-copy{
  max-width:none !important;
  width:100% !important;
  align-self:center !important;
}
.landing-topbar .subtitle{
  max-width:36ch !important;
}
.topbar-side{
  max-width:460px !important;
  width:100% !important;
  align-self:stretch !important;
}
.topbar-actions.landing-actions{
  margin-bottom:8px !important;
}
.landing-register-card{
  min-height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}
.landing-register-head{
  margin-bottom:0 !important;
}

@media (max-width:1180px){
  .staff-preview-layout,
  .landing-topbar{
    grid-template-columns:1fr !important;
  }
  .topbar-side{
    max-width:none !important;
  }
  .staff-side-panel,
  .staff-preview-stage,
  .staff-preview-frame{
    min-height:auto !important;
    height:auto !important;
  }
}

@media (max-width:820px){
  .staff-board-card{
    padding:24px 18px 22px !important;
  }
  .landing-brand{
    grid-template-columns:1fr !important;
    justify-items:center !important;
    text-align:center !important;
  }
  .landing-copy{
    justify-items:center !important;
  }
  .landing-topbar .subtitle{
    max-width:none !important;
  }
}


/* v53 home card gap fix: keep price chips as-is, remove stretched empty box on home right column */
.landing-topbar{
  grid-template-columns:minmax(0,1fr) minmax(310px,.72fr) !important;
  gap:18px !important;
  align-items:start !important;
}
.landing-brand{
  display:flex !important;
  flex-direction:row !important;
  width:auto !important;
  gap:18px !important;
  align-items:center !important;
}
.landing-topbar .brand-mark{
  width:min(248px,23vw) !important;
  max-height:248px !important;
}
.landing-copy{
  max-width:500px !important;
  width:auto !important;
  align-self:flex-start !important;
}
.landing-topbar .subtitle{
  max-width:28ch !important;
  font-size:.96rem !important;
  line-height:1.5 !important;
}
.topbar-side{
  max-width:400px !important;
  width:100% !important;
  align-self:start !important;
}
.topbar-actions.landing-actions{
  margin-bottom:6px !important;
}
.account-quick-panel{
  margin-top:10px !important;
  margin-bottom:10px !important;
  position:relative !important;
  max-width:360px !important;
}
.landing-register-card{
  min-height:auto !important;
  height:auto !important;
  display:block !important;
  padding:16px 18px 16px !important;
  align-self:start !important;
}
.landing-register-card.is-collapsed{
  padding:16px 18px 16px !important;
}
.landing-register-head{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:start !important;
  justify-content:stretch !important;
  gap:12px !important;
  margin-bottom:0 !important;
}
.landing-register-head > div:first-child{
  min-width:0 !important;
}
.landing-register-head-side{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  justify-content:flex-start !important;
  gap:10px !important;
  flex-wrap:nowrap !important;
}
.landing-register-head p{
  max-width:25ch !important;
}

@media (max-width:1180px){
  .landing-topbar{grid-template-columns:1fr !important;}
  .topbar-side{max-width:none !important;}
}

@media (max-width:820px){
  .landing-topbar{padding:18px 16px !important;}
  .landing-brand{
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
  }
  .landing-topbar .brand-mark{
    width:min(210px,56vw) !important;
    max-height:210px !important;
  }
  .landing-copy{
    max-width:none !important;
  }
  .landing-register-head{
    grid-template-columns:1fr !important;
  }
  .landing-register-head-side{
    align-items:flex-start !important;
    flex-wrap:wrap !important;
  }
}


/* v54 width alignment fix: keep functionality untouched, stretch remaining dashboard cards full-width */
.dashboard-grid{
  align-items:stretch !important;
}
.dashboard-grid > .card,
#servicesAccordionHost,
.services-stack{
  width:100% !important;
  max-width:none !important;
  align-self:stretch !important;
}
.catalog-ops-card,
.staff-board-card{
  width:100% !important;
  max-width:none !important;
  align-self:stretch !important;
}

/* v55 interactive +/- price chips: quick adjustments without typing */
.price-command-note{
  line-height:1.56;
}

.price-example-strip{
  align-items:stretch !important;
}

.price-example-shell{
  display:inline-flex;
  align-items:stretch;
  border-radius:999px;
  border:1px solid rgba(212,176,94,.22);
  background:rgba(255,255,255,.03);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);
  overflow:hidden;
  min-height:46px;
}

.price-example-shell:hover{
  border-color:rgba(212,176,94,.38);
  box-shadow:0 14px 28px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.02);
}

.price-example-main{
  appearance:none;
  border:0;
  background:transparent;
  color:var(--text);
  display:inline-flex;
  align-items:center;
  gap:11px;
  padding:10px 14px 10px 14px;
  cursor:pointer;
  min-height:46px;
  transition:background .16s ease, transform .16s ease;
}

.price-example-main:hover{
  background:linear-gradient(180deg, rgba(212,176,94,.10), rgba(255,255,255,.03));
}

.price-example-main:focus-visible,
.price-chip-step-btn:focus-visible{
  outline:2px solid rgba(212,176,94,.45);
  outline-offset:2px;
}

.price-example-label{
  white-space:nowrap;
  font-weight:700;
}

.price-chip-stepper{
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:4px;
  padding:6px 8px 6px 4px;
  border-left:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
}

.price-chip-step-btn{
  appearance:none;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  color:#fff;
  width:26px;
  height:15px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  cursor:pointer;
  font-size:.82rem;
  font-weight:900;
  line-height:1;
  transition:transform .16s ease, border-color .16s ease, background .16s ease;
}

.price-chip-step-btn:hover{
  transform:translateY(-1px);
}

.price-chip-step-btn[data-step="up"]{
  border-color:rgba(120,205,155,.28);
  background:rgba(120,205,155,.16);
  color:#deffea;
}

.price-chip-step-btn[data-step="down"]{
  border-color:rgba(255,120,120,.24);
  background:rgba(255,120,120,.12);
  color:#ffe7e7;
}

.price-example-shell.price-example-chip--raise .price-example-icon{
  background:rgba(120,205,155,.16);
  color:#c9ffd8;
  border:1px solid rgba(120,205,155,.26);
}

.price-example-shell.price-example-chip--lower .price-example-icon{
  background:rgba(255,120,120,.14);
  color:#ffd0d0;
  border:1px solid rgba(255,120,120,.26);
}

@media (max-width:720px){
  .price-example-shell{
    width:100%;
    justify-content:space-between;
  }

  .price-example-main{
    flex:1 1 auto;
    min-width:0;
  }

  .price-example-label{
    white-space:normal;
  }
}


/* v59 presentation wow polish */
.avatar-demo-rail{padding:16px 18px;border-radius:22px;border:1px solid rgba(212,177,112,.18);background:linear-gradient(180deg, rgba(212,177,112,.10), rgba(255,255,255,.03));display:flex;flex-direction:column;gap:12px;box-shadow:0 14px 30px rgba(0,0,0,.14)}
.avatar-demo-rail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.avatar-demo-rail-head strong{font-size:1rem;color:var(--text)}
.avatar-demo-rail-head span{font-size:.9rem;line-height:1.55;color:var(--muted);max-width:620px}
.avatar-demo-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.avatar-demo-step-pill{appearance:none;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:var(--muted);border-radius:999px;padding:11px 12px;font:inherit;font-size:.86rem;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease}
.avatar-demo-step-pill:hover{transform:translateY(-1px);border-color:rgba(212,177,112,.24);color:var(--text)}
.avatar-demo-step-pill.is-active{background:linear-gradient(135deg, rgba(212,177,112,.94), rgba(239,201,123,.95));color:#191919;border-color:transparent;box-shadow:0 12px 28px rgba(212,177,112,.18)}
.avatar-demo-step-pill.is-complete:not(.is-active){border-color:rgba(212,177,112,.20);color:rgba(255,255,255,.92);background:rgba(212,177,112,.08)}
.stack-step.is-active{border-color:rgba(212,177,112,.32);background:linear-gradient(180deg, rgba(212,177,112,.16), rgba(255,255,255,.04));box-shadow:0 12px 28px rgba(0,0,0,.14)}
.stack-step.is-complete:not(.is-active){border-color:rgba(212,177,112,.18);background:rgba(212,177,112,.06)}
.stack-step.is-active span{background:linear-gradient(135deg, rgba(212,177,112,.94), rgba(239,201,123,.95));color:#171717;border-color:transparent}
.avatar-monitor.demo-running{box-shadow:0 24px 52px rgba(0,0,0,.26), 0 0 0 1px rgba(212,177,112,.16)}
.avatar-monitor.demo-running .avatar-bg-glow{opacity:.98}
.avatar-monitor.demo-running .avatar-stage-floor{transform:scale(1.04)}
.presentation-closing-card{grid-column:1 / -1}
.presentation-closing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.presentation-closing-point{padding:18px 18px 16px;border-radius:22px;border:1px solid rgba(212,177,112,.18);background:linear-gradient(180deg, rgba(212,177,112,.10), rgba(255,255,255,.03));box-shadow:0 12px 26px rgba(0,0,0,.14);display:flex;flex-direction:column;gap:10px}
.presentation-closing-point strong{font-size:1rem;line-height:1.35;color:var(--text)}
.presentation-closing-point p{margin:0;color:var(--muted);line-height:1.6;font-size:.93rem}
.closing-kicker{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.presentation-closing-note{margin-top:16px;padding:18px 20px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);display:flex;flex-direction:column;gap:8px;color:var(--muted);line-height:1.6}
.presentation-closing-note strong{color:var(--text)}
.presentation-mode-active .executive-deck,.presentation-mode-active .presentation-mini-board .mini-board-card,.presentation-mode-active .presentation-closing-card{border-color:rgba(212,177,112,.28);box-shadow:0 28px 64px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.03)}
.presentation-mode-active .workspace-toolbar{border-color:rgba(212,177,112,.24);box-shadow:0 20px 36px rgba(0,0,0,.22)}
.presentation-mode-active .hero-card{border-color:rgba(212,177,112,.22);box-shadow:0 24px 54px rgba(0,0,0,.24)}
.presentation-mode-active .presentation-guide-note{border-color:rgba(212,177,112,.22);background:linear-gradient(180deg, rgba(212,177,112,.12), rgba(255,255,255,.03))}
.presentation-mode-active .avatar-demo-step-pill.is-active,.presentation-mode-active .workspace-filter-btn.is-active,.presentation-mode-active #avatarAutoShowroomBtn{box-shadow:0 12px 28px rgba(212,177,112,.18)}
@media (max-width: 1080px){.avatar-demo-steps,.presentation-closing-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width: 720px){.avatar-demo-steps,.presentation-closing-grid{grid-template-columns:1fr;}.avatar-demo-rail-head{flex-direction:column;align-items:flex-start;}}


/* FOUNDATION V1 */
.foundation-overview{margin:22px 0 18px;padding:28px;border:1px solid rgba(212,177,112,.16);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));box-shadow:0 24px 70px rgba(0,0,0,.24)}
.foundation-overview-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px;flex-wrap:wrap}
.foundation-overview-head h3{margin:6px 0 10px;font-size:1.55rem;line-height:1.12}
.foundation-intro{margin:0;max-width:70ch;color:var(--muted,#cfc7b8);line-height:1.65}
.foundation-head-side{display:flex;gap:10px;flex-wrap:wrap}
.foundation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.foundation-module-card{border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:20px;background:rgba(255,255,255,.02)}
.foundation-module-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.foundation-module-step{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;background:linear-gradient(135deg,#d4b170,#efc97b);color:#141414;font-weight:800}
.foundation-module-status{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:#d4b170}
.foundation-module-card h4{margin:0 0 10px;font-size:1.15rem}
.foundation-module-card p{margin:0 0 12px;color:var(--muted,#cfc7b8);line-height:1.6}
.foundation-module-card ul{margin:0;padding-left:18px;color:#f4efe5;display:grid;gap:8px}
.foundation-next-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.foundation-next-card{border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:20px;background:rgba(255,255,255,.018)}
.foundation-next-card h4{margin:8px 0 12px;font-size:1.08rem}
.foundation-check-list{display:grid;gap:10px;color:#f4efe5}
.foundation-check-list strong{display:inline-block;min-width:1.4rem;color:#d4b170}
@media (max-width: 980px){.foundation-grid,.foundation-next-grid{grid-template-columns:1fr}}


/* FOUNDATION V3 additions */

.foundation-data-spine {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 18px;
  margin-top: 18px;
}
.foundation-data-card {
  border: 1px solid rgba(212, 175, 55, 0.18);
  background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.015));
  border-radius: 22px;
  padding: 20px;
  box-shadow: 0 12px 32px rgba(0,0,0,0.18);
}
.foundation-data-card h4 {
  margin: 8px 0 12px;
  font-size: 1.08rem;
}
.foundation-data-card ul {
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 10px;
}
.foundation-data-card li {
  color: rgba(245,245,245,0.88);
  line-height: 1.55;
}


/* FOUNDATION V4 operational rails */
.foundation-operational-rails{margin-top:18px;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:20px;background:rgba(255,255,255,.018)}
.foundation-rails-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap;margin-bottom:18px}
.foundation-rails-head h4{margin:8px 0 10px;font-size:1.08rem}
.foundation-rails-head p{margin:0;color:var(--muted,#cfc7b8);line-height:1.6;max-width:72ch}
.foundation-rails-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.foundation-rail-card{border:1px solid rgba(212,177,112,.16);border-radius:22px;padding:18px;background:linear-gradient(180deg, rgba(212,177,112,.08), rgba(255,255,255,.02));box-shadow:0 12px 32px rgba(0,0,0,.14)}
.foundation-rail-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.foundation-rail-card h5{margin:0 0 12px;font-size:1.03rem;line-height:1.35}
.rail-mini-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.rail-mini-list span{padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);font-size:.83rem;color:#f4efe5}
.rail-placeholder{padding:14px 15px;border-radius:18px;border:1px dashed rgba(212,177,112,.24);background:rgba(255,255,255,.02);color:var(--muted,#cfc7b8);line-height:1.6;font-size:.94rem}
@media (max-width:980px){.foundation-rails-grid{grid-template-columns:1fr}}


/* FOUNDATION V6 live data handshake */
.foundation-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0 22px;}
.foundation-mini-headline{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px;}
@media (max-width: 980px){.foundation-live-grid{grid-template-columns:1fr;}}


.foundation-action-dock{margin:16px 0 20px 0;}
.foundation-dock-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px;}
.foundation-dock-btn{display:flex;align-items:center;justify-content:center;min-height:48px;text-align:center;font-weight:700;}
.foundation-dock-note{margin:12px 0 0 0;opacity:.8;font-size:.95rem;}
@media (max-width: 900px){.foundation-dock-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* V135: cap module header logos (global hero .brand-mark rule was leaking) */
.topbar:not(.landing-topbar) .brand-mark,.topbar:not(.landing-topbar) .brand-logo{width:auto !important;height:40px !important;max-height:40px !important;max-width:172px !important;object-fit:contain !important;border-radius:8px;margin:0 !important}