/* Chat is the primary Coveroo workspace. Reuse approved art and shared tokens. */
.shared-header{background:var(--white)}
.shared-header .header-inner{max-width:1440px;min-height:96px;padding:18px 40px;gap:28px}
.shared-header .brand{display:block;background:none;padding:0;border-radius:0}
.shared-header .brand-wordmark{width:192px;height:auto;max-height:48px;object-fit:contain}
.shared-header .tagline{font-size:10px;letter-spacing:1px;margin:4px 0 0 6px}
.shared-header .primary-nav{display:flex!important;gap:40px;position:static;background:none;border:0;padding:0}
.shared-header .primary-nav a{display:flex;gap:10px;align-items:center;font-size:18px;min-height:48px;padding:12px 2px}
.header-account{min-height:44px;display:inline-flex;align-items:center;font-weight:700;color:var(--navy)}
.chat-route .site-footer{display:none}
.chat-first-page{max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr);gap:52px;padding:36px 48px 28px;align-items:center;min-height:calc(100svh - 98px)}
.chat-roo{align-self:stretch;background:transparent;border-radius:0;display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:0;padding:30px 20px}
.chat-roo .chat-roo-art{max-width:100%;width:auto;height:min(65svh,640px);object-fit:contain}
.chat-roo>p{margin:20px 0 0;font-size:14px;color:var(--muted)}
.chat-main{min-width:0;max-width:740px;width:100%;margin:auto}
.chat-heading .eyebrow{margin-bottom:12px;color:var(--muted);font-size:12px}
.chat-heading h1{font-size:clamp(38px,4.2vw,60px);line-height:1.1;letter-spacing:-1.5px;margin-bottom:14px}
.chat-heading h1 span{color:var(--action)}
.chat-intro{font-size:20px;line-height:1.5;margin-bottom:10px}
.chat-state{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 14px}
.chat-connection{font-size:12px;color:var(--muted)}
.chat-state .text-link{font-size:12px;min-height:44px;padding:10px 0}
.chat-starters{display:grid;gap:10px;margin-bottom:22px}
.chat-starters .prompt-button{display:flex;align-items:center;justify-content:initial;gap:14px;padding:15px 18px;min-height:64px;font-size:18px;background:var(--white);border:1px solid var(--line);border-radius:var(--control);text-align:left}
.chat-starters .prompt-button .ui-icon{width:22px;height:22px}
.chat-starters .prompt-button span{flex:1;font-weight:800}
.chat-starters .prompt-button:hover{border-color:var(--action);background:var(--soft)}
.chat-input-label{display:block;font-size:15px;font-weight:800;margin-bottom:10px}
.chat-main .composer{border:1px solid #CBD6E4;border-radius:var(--control);padding:12px;align-items:center;background:var(--white);min-height:100px}
.chat-main .composer textarea{min-height:70px;padding:8px 12px;font-size:16px;resize:vertical}
.chat-main .send-button{background:var(--action);width:54px;height:54px;border-radius:50%;flex:none}
.chat-main .composer-note{font-size:12px;line-height:1.6;margin:10px 0 0}
.chat-main .needs-summary{margin:14px 0 0;padding:10px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;font-size:13px}
.chat-main .needs-summary summary{min-height:32px;padding:6px 0}
.chat-main .chat-boundary{font-size:12px;line-height:1.5;margin:12px 0 0;color:var(--muted)}
.chat-messages:empty{display:none}
.chat-main .messages{padding:0;margin:0 0 16px;min-height:0;max-height:none;overflow:visible;flex:none;background:none}
.chat-main .chat-message{margin:0 0 14px;padding:16px 18px;border-radius:var(--control)}
.chat-main .chat-message p{font-size:16px;line-height:1.65}
.chat-first-page.has-messages{grid-template-columns:minmax(190px,.4fr) minmax(0,1fr);align-items:start;padding-top:30px}
.has-messages .chat-roo{position:sticky;top:24px;align-self:start;padding:24px 12px}
.has-messages .chat-roo .chat-roo-art{height:280px}
.has-messages .chat-heading h1{font-size:30px;letter-spacing:-.6px}
.has-messages .chat-intro{font-size:16px}
.has-messages .chat-main .messages{max-height:calc(100svh - 450px);min-height:120px;overflow-y:auto;overscroll-behavior:contain;padding-right:8px}
.chat-saved{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:12px;color:var(--muted)}
.chat-saved strong{font-weight:800}
.pouch-tools summary{cursor:pointer;min-height:44px;padding:12px 14px;font-weight:700;font-size:14px}
.pouch-tools a{margin-left:8px}
.pouch-page[data-empty="true"][data-route="/pouch"] .pouch-content>.stats-grid{display:none}
.pouch-page[data-empty="true"] .welcome-panel{margin-top:24px}
.pouch-page .welcome-panel .welcome-emblem{height:220px;width:auto;max-width:38%;object-fit:contain}
.pouch-first-use{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;align-items:start}
.pouch-first-use-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.step-companion,.roo-moment{box-shadow:none}
@media(max-width:1100px) and (min-width:801px){
 .shared-header .primary-nav{gap:22px}.shared-header .brand-wordmark{width:160px}
 .chat-first-page{gap:30px;padding:24px 30px;grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr)}
 .chat-heading h1{font-size:40px}.chat-roo .chat-roo-art{height:500px}
}
@media(max-width:800px){
 .shared-header .header-inner{display:grid;grid-template-columns:1fr auto;padding:12px 20px 0;gap:4px 20px;min-height:100px}
 .shared-header .brand-wordmark{width:145px;max-height:36px}.shared-header .tagline{font-size:8px;margin-top:2px}
 .shared-header .primary-nav{grid-column:1/-1;grid-row:2;justify-content:center;gap:22px;width:100%}
 .shared-header .primary-nav a{font-size:13px;gap:6px;min-height:44px;padding:10px 0}
 .shared-header .primary-nav .ui-icon{width:17px;height:17px}.header-account{font-size:13px}
 .chat-first-page{display:flex;flex-direction:column;gap:14px;padding:16px 22px 24px;min-height:calc(100svh - 100px);align-items:stretch}
 .chat-roo{background:none;flex-direction:row;padding:0;min-height:72px;align-self:stretch;gap:14px;justify-content:flex-start;border-radius:0}
 .chat-roo .chat-roo-art{height:82px;width:auto}.chat-roo>p{font-size:13px;margin:0;max-width:160px}
 .chat-heading .eyebrow{display:none}.chat-heading h1{font-size:32px;letter-spacing:-.8px;margin-bottom:10px}.chat-intro{font-size:16px;margin-bottom:4px}
 .chat-state{margin-bottom:8px}.chat-starters{gap:8px;margin-bottom:16px}.chat-starters .prompt-button{min-height:48px;font-size:14px;padding:11px 14px}
 .chat-main .composer{min-height:86px;padding:8px}.chat-main .composer textarea{min-height:60px;padding:8px;font-size:16px}.chat-main .send-button{width:48px;height:48px}
 .chat-main .composer-note{font-size:12px}.chat-input-label{font-size:14px;margin-bottom:8px}
 .chat-first-page.has-messages{padding-top:20px}.has-messages .chat-roo{display:none}.has-messages .chat-heading h1{font-size:25px}
 .has-messages .chat-main .messages{max-height:45svh;min-height:120px}
 .chat-saved{align-items:start;flex-direction:column;gap:2px}
 .pouch-page .welcome-panel .welcome-emblem{height:160px;max-width:35%}
}

/* Text-sized map cards must remain tappable at narrow widths. */
.pouch-tools a{display:flex;align-items:center;gap:8px;min-height:44px}
.pouch-page[data-route="/pouch/map"] .stat-card{min-width:0;overflow-wrap:anywhere}
@media(max-width:800px){.pouch-page[data-route="/pouch/map"] .stats-grid{grid-template-columns:1fr}.pouch-page[data-route="/pouch/map"] .stat-card>strong{font-size:24px}.pouch-page[data-route="/pouch/map"] .stat-card>span{font-size:13px}}

/* Customer-requested single-font, single-color wordmark. */
.coveroo-mark{display:inline-block;font-family:"Nunito Sans",sans-serif;font-weight:900;font-style:normal;font-size:42px;line-height:1;letter-spacing:-1.8px;color:var(--navy);white-space:nowrap;text-align:left}
.shared-header .brand-wordmark{width:auto;height:auto;max-height:none}
.footer-wordmark{width:auto;height:auto;font-size:36px}
@media(max-width:800px){.shared-header .brand-wordmark{width:auto;max-height:none;font-size:34px;letter-spacing:-1.4px}}

/* The illustrated home starts at the top edge, behind the shared header. */
.chat-route{background-color:#fff;background-image:url("assets/roo-warm/home-watercolor.webp");background-repeat:no-repeat;background-position:left top;background-size:100% auto}
.chat-route .shared-header{background:transparent;border-bottom:0}
.chat-route .chat-first-page{background:none;align-items:start;padding-top:24px}
.chat-route .chat-main{margin:0 auto}
.chat-route .chat-roo{align-self:start;padding-top:0;padding-bottom:0}
.chat-roo>p{display:none}
.chat-route .chat-starters .prompt-button{background:rgba(255,255,255,.6)}
.chat-route .composer{background:rgba(255,255,255,.82)}
@media(max-width:800px){
 .chat-route{background-image:linear-gradient(90deg,rgba(255,255,255,.62),rgba(255,255,255,.9)),url("assets/roo-warm/home-watercolor.webp");background-size:auto,auto 700px;background-position:0 0,left -170px top}
 .chat-route .chat-first-page{padding-top:12px}
 .chat-route .chat-roo{padding:0}
}