/* Shared visual hierarchy for Aura's existing tools. Loaded after feature styles. */
:root {--bg:#0c111c;--surface:#151d2b;--surface-2:#202b3d;--muted:#a3afc4;--accent:#8c83ff;--radius:16px;color-scheme:dark;}
body {background:var(--bg);line-height:1.5;}
#app {background:radial-gradient(ellipse at 80% 0,#24284135,transparent 50%),var(--bg);}
#app [hidden] {display:none!important;}
button,input,select,textarea {font-family:inherit;}
button {transition:background .15s,border-color .15s,box-shadow .15s;}
button:hover:not(:disabled) {border-color:#9896ca;background-color:#30384f;}
button:focus-visible,summary:focus-visible,a:focus-visible {outline:2px solid #b8b2ff;outline-offset:3px;}
input:focus,textarea:focus,select:focus {outline:2px solid #9b94f6;outline-offset:1px;}
.topbar {background:#0f1623;border-bottom:1px solid #ffffff0d;}
.shell-brand {display:flex;align-items:center;gap:26px;min-width:0;}
#shell-location {font-size:13px;color:#aab7ce;border-left:1px solid #ffffff20;padding-left:24px;}
#new-chat {background:#24253f;border:1px solid #8c83ff50;color:#e5e1ff;}
#views>.view {max-width:1160px;margin:0 auto;}
#views>#view-chat {max-width:880px;}
.view>h2,.daily-heading h2,#view-browser .browser-heading h2 {font-size:30px!important;letter-spacing:-.7px;line-height:1.2;}
.view>.eyebrow,.daily-heading .eyebrow,#view-browser .browser-heading .eyebrow {display:none;}
.view>p.muted {max-width:760px;margin-top:0;margin-bottom:24px;}
.card,.daily-view .card,#view-browser .card {border:1px solid #ffffff10;border-radius:16px;background-color:var(--surface);box-shadow:0 4px 18px #0000000a;}
.card h3 {letter-spacing:-.2px;}
.card p,.view>p {line-height:1.65;}
.daily-heading,#view-browser .browser-heading {margin-bottom:22px;align-items:center;}
.daily-heading h2,#view-browser .browser-heading h2 {margin:0 0 8px;}
.daily-heading p,#view-browser .browser-heading p {margin:0;}
.daily-hero {margin:0 0 22px;padding:18px 22px;background:linear-gradient(110deg,#272641,#192837);border-color:#9690ed25;gap:20px;}
.daily-hero h3 {font-size:16px;margin-bottom:3px;}
.daily-hero p {font-size:13px;}
.daily-hero button {font-size:13px;}
.daily-section-heading {margin-bottom:12px;}
.daily-view .card {padding:22px;}
.daily-view .card>p.muted {font-size:13px;}
.daily-view .daily-grid {align-items:start;}
.workflow-card {display:flex;flex-direction:column;}
.workflow-card .daily-inline {margin-top:auto;}
.workflow-card .daily-inline button:first-child {background:#6660c7;border-color:#9790f050;color:white;}
.workflow-card .daily-inline button:not(:first-child) {background:transparent;font-size:13px;}
.workflow-card p {margin-bottom:20px;min-height:0;}
.workflow-grid {gap:16px;}
#view-chat .chat-welcome {padding:18px 0 22px;}
.chat-welcome h1 {font-size:34px;margin:10px 0;}
.chat-welcome .eyebrow {font-size:10px;}
.starter-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px;}
.starter-grid button {min-height:86px;padding:16px;background:#182132;border-color:#ffffff12;}
.starter-grid span {font-size:14px;}
.starter-grid small {font-size:11px;line-height:1.4;}
.context-bar {background:#121b29;border:1px solid #ffffff12;border-radius:14px;}
.context-selectors label {font-size:12px;}
.context-selectors select {background:#101725;}
.composer {border-top:1px solid #ffffff14;background:#111927;}
.composer #send {background:#7066d5;border-color:#a49af380;color:white;}
@media(min-width:1000px){
 body.no-composer #views {padding-bottom:36px;}
 #views {padding-top:28px;}
}
@media(max-width:999px){
 #shell-location {display:none;}
 #views {padding-top:20px;}
 .view>h2,.daily-heading h2,#view-browser .browser-heading h2 {font-size:26px!important;}
 .daily-heading,#view-browser .browser-heading {margin-bottom:18px;}
 .daily-hero {padding:16px;display:flex;align-items:center;gap:12px;}
 .daily-hero p {display:none;}
 .daily-hero h3 {font-size:14px;margin:0;}
 .daily-hero button {margin:0;font-size:12px;max-width:145px;}
 .daily-view .card {padding:18px;}
 .starter-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
 .starter-grid button {min-height:78px;padding:12px;}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;}}

/* Optional client/project context has the same disclosure on every screen size. */
#context-toggle {display:block;min-height:36px;background:transparent;font-size:12px;padding:6px 10px;}
#context-options:not(.expanded) {display:none;}
.context-heading {align-items:center;}
@media(min-width:1000px) {
 html,body {height:100%;overflow:hidden;}
 #app {height:100dvh;min-height:0;display:grid;grid-template-rows:76px minmax(0,1fr) auto;overflow:hidden;}
 .topbar {grid-row:1;}
 #views,body.no-composer #views {grid-row:2;min-height:0;overflow:auto;padding-bottom:28px;overscroll-behavior:contain;}
 .composer {grid-row:3;position:relative;left:auto;right:auto;bottom:auto;margin:0;max-height:45vh;overflow:auto;}
}
#view-chat .chat-welcome {padding:36px 0 28px;}
.chat-welcome h1 {font-size:clamp(28px,3vw,40px);letter-spacing:-1px;max-width:620px;line-height:1.2;}
.starter-grid {grid-template-columns:repeat(2,minmax(0,1fr));}

.workflow-progress {margin-top:18px;padding:14px;border:1px solid #ffffff20;border-radius:12px;background:#101725;}
.workflow-stage {display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #ffffff0b;font-size:13px;}
.workflow-state {color:#b6c3d8;text-align:right;}
.workflow-state.verified {color:#86d9b1;}
.workflow-state.blocked,.workflow-state.awaiting_approval {color:#f1cb82;}