/* Shared recipe styling: the gallery and generated workspace use the same families. */
.template-dimensions{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}.template-dimensions em{font-size:9px;font-style:normal;border:1px solid #48606b;border-radius:5px;padding:4px 6px;color:#c1d2da}.template-choice:focus-visible{outline:3px solid #bce699;outline-offset:4px}
[data-design-surface=cool]{--design-paper:#edf2f7;--design-nav:#122033}[data-design-surface=neutral]{--design-paper:#f1f3f4;--design-nav:#20282f}[data-design-surface=warm]{--design-paper:#f5f2ec;--design-nav:#2a2925}[data-design-surface=sage]{--design-paper:#eef3e9;--design-nav:#24352a}[data-design-surface=frost]{--design-paper:#edf5f7;--design-nav:#15313c}
.template-mini{background:var(--design-paper,#eff3f6)}.template-mini .mini-nav{background:var(--design-nav,#122033)}.template-mini .mini-widget{border-radius:calc(var(--design-radius,12px)/3)}.template-mini[data-design-chrome=paper] .mini-nav{background:#fff;border-bottom:1px solid #d9e1e6}.template-mini[data-design-chrome=paper] .mini-nav i{background:#8ca0ae}.template-mini[data-design-chrome=paper] .mini-nav i:first-of-type{background:var(--mini-accent)}
.template-mini[data-design-rhythm=quantity] .mini-work{border-top:3px solid var(--mini-accent)}.template-mini[data-design-rhythm=review] .mini-widget{border-left:2px solid var(--mini-accent)}.template-mini[data-design-rhythm=project] .mini-work>small{letter-spacing:2px}.template-mini[data-design-rhythm=network] .mini-widget{border-top:2px solid #b2c1c9}.template-mini[data-design-rhythm=pulse] .mini-nav>b{border-radius:50%}
.template-mini[data-design-family=atlas] .mini-layout{grid-template-columns:1.5fr 1fr}.template-mini[data-design-family=atlas] .mini-widget.lead{grid-column:1;grid-row:span 2;height:102px}.template-mini[data-design-family=atlas] .mini-widget:not(.lead){height:47px}.template-mini[data-design-family=dispatch] .mini-widget.lead{height:78px}.template-mini[data-design-family=executive] .mini-widget.lead{height:44px;background:#e5edf2}.template-mini[data-design-family=executive] .mini-numbers b{font-size:20px}.template-mini[data-design-family=flow] .mini-widget.lead{height:64px}.template-mini[data-design-family=flow] .mini-lines i{height:8px;margin:7px 0}.template-mini[data-design-family=fleet] .mini-layout,.template-mini[data-design-family=driver] .mini-layout{grid-template-columns:1fr 1fr}.template-mini[data-design-family=fleet] .mini-widget.lead,.template-mini[data-design-family=driver] .mini-widget.lead{grid-column:1;grid-row:span 2;height:103px}.template-mini[data-design-family=fleet] .mini-widget:not(.lead),.template-mini[data-design-family=driver] .mini-widget:not(.lead){height:48px}.template-mini[data-design-family=evidence] .mini-widget.lead{height:56px;border-left:3px solid var(--mini-accent)}.template-mini[data-design-family=connect] .mini-widget.lead{height:68px;background:#e7eeea}.template-mini[data-design-family=connect] .mini-connect b{background:white;border:1px solid #c9d7d4}.template-mini[data-design-family=focus] .mini-widget.lead{height:76px;background:var(--design-nav);color:white}.template-mini[data-design-family=focus] .mini-focus>strong{font-size:12px}
.software-frame[data-design-family] .product-sidebar{background:var(--design-nav,#122033)}.software-frame[data-design-family][data-theme=light] .product-main{background:var(--design-paper,#f1f4f6)}.software-frame[data-design-family] .workspace-heading h2{font-size:var(--design-heading,28px);letter-spacing:-.8px}.software-frame[data-design-chrome=paper][data-theme=light] .product-sidebar{background:#fff;color:#263c49;border-right:1px solid #d8e1e7}.software-frame[data-design-chrome=paper][data-theme=light] .product-nav{color:#476171}.software-frame[data-design-chrome=paper][data-theme=light] .product-nav.active{background:#e8edf1;color:#172e3e}.software-frame[data-design-chrome=paper][data-theme=light] .tenant-brand{color:#172e3e}
.kit-dashboard[data-design-family]{gap:var(--design-gap,16px)}.kit-dashboard[data-design-family] .kit-panel{border-radius:var(--design-radius,12px)}.kit-dashboard[data-design-family=dispatch] .kit-panel>header{padding:12px 15px}.kit-dashboard[data-design-family=dispatch] .kit-board>div{border-top:3px solid var(--accent);border-radius:4px}.kit-dashboard[data-design-family=flow] .kit-panel>header{border-bottom:1px solid var(--p-line)}.kit-dashboard[data-design-family=executive] .kit-kpis strong{font-size:40px;letter-spacing:-1.5px}.kit-dashboard[data-design-family=evidence] .widget-evidence .kit-panel{border-left:4px solid var(--accent)}.kit-dashboard[data-design-family=driver] .kit-focus{padding:30px}.kit-dashboard[data-design-family=connect] .connection-grid{gap:14px}.kit-dashboard[data-design-family=connect] .connection-card{padding:22px}.kit-dashboard[data-design-family=focus] .widget-focus .kit-focus{padding:34px;border-top:4px solid var(--accent)}.kit-dashboard[data-design-family=focus] .kit-focus h3{font-size:29px}.kit-dashboard[data-design-rhythm=review] .widget-evidence .kit-panel{border-top:3px solid var(--accent)}.kit-dashboard[data-design-rhythm=quantity] .kit-kpis strong{font-variant-numeric:tabular-nums}.kit-dashboard[data-design-rhythm=project] .kit-focus{border-left:4px solid var(--accent)}
@media(min-width:900px){.expanded .kit-dashboard[data-design-family=atlas]{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.expanded .kit-dashboard[data-design-family=atlas] .widget-map{grid-column:1;grid-row:span 2}.expanded .kit-dashboard[data-design-family=atlas] .widget-kpis{grid-column:2}.expanded .kit-dashboard[data-design-family=atlas] .widget-kpis .kit-kpis{grid-template-columns:1fr}.expanded .kit-dashboard[data-design-family=atlas] .map-canvas{height:410px}.expanded .kit-dashboard[data-design-family=dispatch] .widget-board{grid-column:1/-1}.expanded .kit-dashboard[data-design-family=executive] .widget-focus{grid-column:1}.expanded .kit-dashboard[data-design-family=executive] .widget-orders{grid-column:2}.expanded .kit-dashboard[data-design-family=connect] .widget-connections{grid-column:1/-1}.expanded .kit-dashboard[data-design-family=focus] .widget-focus{grid-column:1;grid-row:span 2}.expanded .kit-dashboard[data-design-family=focus] .widget-kpis{grid-column:2}.expanded .kit-dashboard[data-design-family=focus] .kit-kpis{grid-template-columns:1fr}}
@media(max-width:700px){.kit-dashboard[data-design-family]{display:block}.kit-dashboard[data-design-family]>div{margin-bottom:14px}.kit-dashboard[data-design-family] .kit-focus{padding:20px}.software-frame[data-design-family] .workspace-heading h2{font-size:24px}.template-dimensions{gap:4px}}
@media(prefers-reduced-motion:reduce){.template-choice{transition:none}.template-choice:hover{transform:none}}