.zg-concierge-hero { padding:clamp(3.5rem,7vw,6.5rem) 0; background:linear-gradient(135deg,var(--zg-forest-950),var(--zg-forest-800)); color:#fff; }
.zg-concierge-hero__grid { display:grid; grid-template-columns:1.25fr .75fr; align-items:center; gap:clamp(2rem,6vw,5rem); }
.zg-concierge-hero h1 { max-width:820px; }
.zg-concierge-hero p { max-width:700px; color:rgba(255,255,255,.72); font-size:1.1rem; }
.zg-concierge-trust { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1.5rem; }
.zg-concierge-trust span { padding:.45rem .7rem; border:1px solid rgba(255,255,255,.18); border-radius:999px; font-size:.78rem; }
.zg-concierge-status-card { display:flex; align-items:center; gap:1rem; padding:1.4rem; background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.16); color:#fff; backdrop-filter:blur(12px); }
.zg-concierge-status-card p { margin:.2rem 0 0; font-size:.85rem; }
.zg-status-light { width:14px; height:14px; flex:none; border-radius:50%; background:#9bd16f; box-shadow:0 0 0 8px rgba(155,209,111,.14); }
.zg-concierge-layout { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(290px,.65fr); gap:1.25rem; align-items:start; }
.zg-conversation { overflow:hidden; }
.zg-conversation__head { display:flex; justify-content:space-between; gap:1rem; align-items:center; padding:1.2rem 1.3rem; border-bottom:1px solid var(--zg-border); }
.zg-conversation__head h2 { margin:0; font-size:1.7rem; }
.zg-conversation__messages { min-height:410px; max-height:58vh; padding:1.2rem; overflow:auto; background:linear-gradient(180deg,rgba(251,246,233,.55),transparent); }
.zg-ai-message { display:grid; grid-template-columns:42px minmax(0,1fr); gap:.75rem; margin-bottom:1rem; }
.zg-ai-message > span { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:var(--zg-forest-900); color:#fff; font-size:.72rem; font-weight:900; }
.zg-ai-message > div { width:min(100%,740px); padding:1rem; border:1px solid var(--zg-border); border-radius:0 18px 18px 18px; background:#fff; box-shadow:var(--zg-shadow-sm); }
.zg-ai-message.is-user { grid-template-columns:minmax(0,1fr) 42px; }
.zg-ai-message.is-user > span { grid-column:2; background:var(--zg-olive-600); }
.zg-ai-message.is-user > div { grid-column:1; grid-row:1; justify-self:end; background:var(--zg-forest-900); color:#fff; border-radius:18px 0 18px 18px; }
.zg-ai-message p:last-child { margin-bottom:0; }
.zg-ai-products { display:grid; gap:.6rem; margin-top:.8rem; }
.zg-ai-product-card { display:grid; grid-template-columns:72px 1fr; gap:.75rem; padding:.6rem; border:1px solid var(--zg-border); border-radius:13px; background:var(--zg-cream-50); }
.zg-ai-product-card img { width:72px; height:72px; object-fit:cover; border-radius:10px; }
.zg-ai-product-card div { display:grid; }
.zg-ai-product-card span,.zg-ai-product-card em { color:var(--zg-muted); font-size:.75rem; font-style:normal; }
.zg-ai-product-card b { color:var(--zg-forest-900); }
.zg-ai-actions { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.8rem; }
.zg-ai-actions a { color:var(--zg-olive-700); font-size:.82rem; font-weight:800; }
.zg-ai-suggestions { display:flex; gap:.5rem; padding:0 1.2rem 1rem; overflow-x:auto; }
.zg-ai-suggestions button { flex:none; padding:.55rem .75rem; border:1px solid var(--zg-border); border-radius:999px; background:var(--zg-cream-100); color:var(--zg-forest-900); cursor:pointer; }
.zg-ai-compose { display:grid; grid-template-columns:1fr auto; gap:.7rem; padding:1rem 1.2rem; border-top:1px solid var(--zg-border); }
.zg-ai-compose textarea { resize:none; padding:.8rem; border:1px solid var(--zg-border-strong); border-radius:14px; }
.zg-ai-disclaimer { padding:0 1.2rem 1.1rem; color:var(--zg-muted); font-size:.74rem; }
.zg-voice-panel { position:sticky; top:130px; padding:1.35rem; }
.zg-voice-panel > p { color:var(--zg-muted); }
.zg-voice-orb { width:210px; aspect-ratio:1; display:grid; place-items:center; align-content:center; gap:.35rem; margin:1.3rem auto; border-radius:50%; background:radial-gradient(circle,rgba(111,141,77,.23),rgba(215,223,201,.35)); text-align:center; box-shadow:inset 0 0 0 1px var(--zg-border); }
.zg-voice-orb > span { width:30px; height:30px; border-radius:50%; background:var(--zg-olive-600); box-shadow:0 0 0 10px rgba(111,141,77,.12); }
.zg-voice-orb strong { margin-top:.5rem; }
.zg-voice-orb small { max-width:150px; color:var(--zg-muted); }
.zg-voice-orb[data-state='listening'] > span { animation:zg-voice-pulse 1s infinite; }
.zg-voice-orb[data-state='processing'] > span { animation:zg-spin 1s linear infinite; border-radius:35%; }
.zg-voice-orb[data-state='speaking'] > span { animation:zg-voice-pulse .55s infinite; }
.zg-voice-actions { display:grid; grid-template-columns:1fr 1fr; gap:.6rem; }
.zg-toggle { display:flex; gap:.6rem; align-items:flex-start; margin:1rem 0; color:var(--zg-muted); font-size:.85rem; }
.zg-voice-notice { padding:.8rem; border-radius:12px; background:rgba(156,47,47,.08); color:var(--zg-danger); font-size:.83rem; }
.zg-voice-notice button { border:0; background:none; color:inherit; text-decoration:underline; cursor:pointer; }
@keyframes zg-voice-pulse { 50% { transform:scale(1.18); box-shadow:0 0 0 20px rgba(111,141,77,.06); } }
@keyframes zg-spin { to { transform:rotate(360deg); } }
@media(max-width:900px){.zg-concierge-hero__grid,.zg-concierge-layout{grid-template-columns:1fr}.zg-voice-panel{position:static}.zg-conversation__messages{max-height:none}}
@media(max-width:560px){.zg-conversation__head{align-items:flex-start;flex-direction:column}.zg-ai-compose{grid-template-columns:1fr}.zg-ai-compose .zg-btn{width:100%}.zg-ai-message{grid-template-columns:32px minmax(0,1fr)}.zg-ai-message.is-user{grid-template-columns:minmax(0,1fr) 32px}.zg-ai-message>span{width:32px;height:32px}.zg-voice-actions{grid-template-columns:1fr}}