/* Screen-level composition for the AutoSolutions OS kit. Primitives live in the design system;
   only layout that is specific to these screens belongs here. */
.os-hero{display:flex;justify-content:center;padding:var(--space-2400) var(--space-400)}
.os-hero>*{max-width:720px;width:100%}
.os-ask{display:flex;align-items:center;gap:var(--space-200);width:100%;height:44px;padding-inline:var(--space-300);background:var(--color-bg-surface);border-radius:var(--radius-750);box-shadow:var(--shadow-200)}
.os-ask input{flex:1 1 auto;min-width:0;border:0;background:none;outline:none;font-size:var(--type-body-md-size);line-height:var(--type-body-md-line);color:var(--color-text)}
.os-ask input::placeholder{color:var(--color-text-secondary)}
.os-ask__mark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);background:var(--color-ai-fill);color:#fff;flex:0 0 auto}
.os-chips{display:flex;flex-wrap:wrap;gap:var(--space-200);justify-content:center}
.os-chip{display:inline-flex;align-items:center;gap:var(--space-200);height:var(--space-800);padding-inline:var(--space-400);border:0;border-radius:var(--radius-750);background:var(--color-bg-surface);box-shadow:var(--shadow-100);font-size:var(--type-body-md-size);font-weight:var(--font-weight-regular);color:var(--color-text);cursor:pointer;transition:background-color var(--motion-hover),box-shadow var(--motion-hover)}
.os-chip:hover{background:var(--color-bg-surface-hover);box-shadow:var(--shadow-200)}
.os-chip__count{padding-inline:var(--space-200);border-radius:var(--radius-750);background:var(--color-bg-fill-transparent-secondary);font-size:var(--type-body-sm-size);color:var(--color-text-secondary)}
.os-media{height:132px;border-radius:var(--radius-200);background:var(--color-bg-surface-secondary);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center}
.os-activity{display:flex;align-items:center;gap:var(--space-300);padding:var(--space-300) var(--space-400)}
.os-insights{display:grid;grid-template-columns:auto repeat(3,1fr);align-items:center}
.os-insights__lead{display:flex;align-items:center;gap:var(--space-200);padding:var(--space-300) var(--space-400);border-inline-end:var(--border-width-025) solid var(--color-border-secondary);align-self:stretch}
.os-insights__item{display:flex;flex-direction:column;gap:2px;padding:var(--space-300) var(--space-400);border-inline-end:var(--border-width-025) solid var(--color-border-secondary)}
.os-insights__item:last-child{border-inline-end:0}
.os-insights__link{font-size:var(--type-body-md-size);font-weight:var(--font-weight-medium);color:var(--color-text);text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--color-border-hover)}
.os-insights__link:hover{color:var(--color-text-link)}
.os-bulkbar{display:flex;align-items:center;gap:var(--space-300);padding:var(--space-200) var(--space-300);background:var(--color-bg-surface-secondary);border-bottom:var(--border-width-025) solid var(--color-border-secondary)}
.os-step{display:flex;align-items:center;gap:var(--space-300);padding:var(--space-200) var(--space-400)}
.os-step__index{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-bg-fill-transparent-secondary);font-size:var(--type-body-sm-size);color:var(--color-text-secondary);flex:0 0 auto}
.os-meter{height:6px;border-radius:var(--radius-full);background:var(--color-bg-fill-secondary);overflow:hidden}
.os-meter span{display:block;height:100%;background:var(--color-bg-fill-brand)}
.os-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-300);padding:var(--space-2400) var(--space-400);text-align:center}
.os-switcher-layer{position:fixed;inset:0;z-index:var(--z-514)}
.os-appmenu{position:absolute;top:calc(var(--topbar-height) + var(--nav-appname-height) + var(--space-300));inset-inline-start:var(--space-200);width:272px;max-height:calc(100vh - var(--topbar-height) - var(--space-1600));overflow-y:auto;padding:var(--space-200);background:var(--color-bg-surface);border-radius:var(--radius-300);box-shadow:var(--shadow-popover)}
.os-appmenu__group+.os-appmenu__group{margin-top:var(--space-150);padding-top:var(--space-150);border-top:var(--border-width-025) solid var(--color-border-secondary)}
.os-appmenu__group-title{padding:var(--space-150) var(--space-200) var(--space-100);font-size:var(--type-heading-xs-size);line-height:var(--type-heading-xs-line);font-weight:var(--type-heading-xs-weight);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary)}
.os-appmenu__section+.os-appmenu__section{margin-top:var(--space-100)}
.os-appmenu__section-title{padding:var(--space-050) var(--space-200);font-size:var(--type-body-xs-size);line-height:var(--font-line-height-400);color:var(--color-text-disabled)}
.os-appmenu__item{display:flex;align-items:center;gap:var(--space-200);width:100%;min-height:var(--space-800);padding:var(--space-150) var(--space-200);border:0;border-radius:var(--radius-200);background:transparent;cursor:pointer;text-align:start;transition:background-color var(--motion-hover)}
.os-appmenu__item:hover{background:var(--color-bg-fill-transparent-hover)}
.os-appmenu__item.is-selected{background:var(--color-bg-fill-transparent-secondary)}
.os-appmenu__item>.as-app{margin-inline-end:auto}