.app-shell{max-width:880px;padding-bottom:calc(150px + env(safe-area-inset-bottom))}
.top-actions{display:flex;align-items:center;gap:8px}
.workbench{display:grid;gap:14px}
.hero-card.compact{padding:24px 28px}
.hero-card.compact h2{font-size:30px}
.hero-card.compact>p:not(.eyebrow){margin:7px 0}
.conversation-feed{display:grid;gap:14px;min-height:180px}
.welcome-card{padding:18px 20px;border:1px dashed #b9c7bd;border-radius:18px;color:#40564d;background:rgba(255,255,255,.42)}
.welcome-card p{margin:6px 0 0;color:var(--muted);line-height:1.5}
.message{max-width:88%;padding:13px 16px;border-radius:17px;line-height:1.55;box-shadow:0 7px 20px rgba(22,56,45,.06)}
.user-message{justify-self:end;background:var(--green);color:#fff;border-bottom-right-radius:5px}
.error-message{justify-self:start;background:#f4dfdc;color:#7d2925;border-bottom-left-radius:5px}
.approved-message{justify-self:start;background:#e3edc8;color:var(--green);border-bottom-left-radius:5px}
.conversation-feed .answer-card{margin-top:0}
.composer{position:fixed;z-index:18;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 26px),844px);padding:10px 10px 7px;border:1px solid #ccd6cf;border-radius:20px;background:rgba(255,253,247,.96);box-shadow:0 18px 55px rgba(20,48,39,.2);backdrop-filter:blur(16px)}
.composer textarea{display:block;width:100%;min-height:62px;max-height:150px;resize:vertical;border:0;background:transparent;padding:12px 58px 8px 12px;outline:none;color:var(--ink)}
.composer .send{right:12px;bottom:28px}
.composer>p{margin:0 10px 2px;color:#7a8882;font-size:10px}
.management-dialog{width:min(760px,calc(100% - 20px));max-height:88vh;overflow:auto}
.management-dialog details{border-top:1px solid var(--line);padding:14px 0}
.management-dialog details:last-child{border-bottom:1px solid var(--line)}
.management-dialog summary{font-weight:800;cursor:pointer;margin-bottom:14px}
.management-dialog .form-card,.management-dialog .privacy-note{box-shadow:none;margin:12px 0}
.management-dialog .card-list{margin:10px 0 18px}
.management-dialog .stats{margin:14px 0}
.loading-card{margin-top:0}
.toast{bottom:120px}
.danger-small{background:#f2dedb;color:var(--red)}
@media(max-width:600px){.topbar{align-items:flex-start}.top-actions{flex-direction:column-reverse;align-items:flex-end}.status-pill,.top-actions .ghost{padding:7px 9px;font-size:10px}.hero-card.compact{padding:20px}.hero-card.compact h2{font-size:27px}.message{max-width:94%}.management-dialog{padding:19px}.composer{width:calc(100% - 18px)}}