/* Stratum AI Office v4 — compatibility and polish layer for active decision/catalog pages. */
:root{--mint:var(--accent-soft,#d9e9e2);--shadow-float:var(--shadow,0 20px 64px rgba(37,34,28,.08));--ease:cubic-bezier(.2,.78,.2,1)}
.brand-symbol svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.product-shell{width:min(1160px,calc(100% - 44px));padding-top:42px}
.page-topline{padding-bottom:20px}.page-topline h1{font-size:clamp(28px,3.25vw,40px);font-weight:600;letter-spacing:-.043em;text-wrap:balance}.page-topline>p{font-size:10.5px;line-height:1.7}.page-meta{gap:7px}.meta-chip{min-height:26px;padding-inline:9px;background:rgba(255,253,249,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.workspace-panel,.intent-panel,.recommend-card,.inventory{border-color:var(--line);background:rgba(255,253,249,.7);box-shadow:var(--shadow);backdrop-filter:blur(14px)}
.workspace-panel{border-radius:26px}.workspace-panel-head,.recommend-head,.inventory-head{background:rgba(245,241,234,.42)}
.diag-main{padding:32px}.diag-side{background:rgba(236,231,222,.43)}.answer{background:rgba(255,255,255,.57);border-radius:14px}.answer:hover{box-shadow:0 10px 25px rgba(37,34,28,.07)}.answer.selected{background:var(--accent-pale);border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.answer.selected::after{background:var(--accent);border-color:var(--accent)}.progress-track i{background:var(--accent)}.step-dot.done{background:var(--accent)}.step-dot.current{background:color-mix(in srgb,var(--accent) 68%,#17191c)}.score-orb{background:linear-gradient(145deg,var(--surface-solid),var(--accent-soft));border-radius:23px}.result-next{background:var(--accent-pale);border-color:color-mix(in srgb,var(--accent) 24%,var(--line))}.paid-decision{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 58%,white),rgba(255,253,249,.78))}
.catalog-layout{grid-template-columns:270px minmax(0,1fr);gap:13px}.intent-panel{border-radius:21px;top:84px}.intent-button{min-height:56px;border-radius:12px}.intent-button.active{border-color:color-mix(in srgb,var(--accent) 22%,var(--line));box-shadow:0 8px 22px rgba(37,34,28,.06)}.intent-button.active i,.inventory-row.is-recommended .inventory-icon{background:var(--accent-soft)}.recommend-card{position:relative;border-radius:23px;background:linear-gradient(138deg,rgba(255,253,249,.92),color-mix(in srgb,var(--accent-soft) 52%,rgba(255,255,255,.4)));overflow:hidden}.recommend-card::before{content:"";position:absolute;width:240px;height:240px;right:-120px;top:-135px;border:1px solid color-mix(in srgb,var(--accent) 14%,transparent);border-radius:50%;box-shadow:0 0 0 34px color-mix(in srgb,var(--accent) 4%,transparent),0 0 0 68px color-mix(in srgb,var(--accent) 2%,transparent)}.recommend-head,.recommend-body{position:relative;z-index:1}.recommend-body{padding:24px}.recommend-body h2{font-size:clamp(23px,2.75vw,31px);font-weight:600}.recommend-meta span{background:rgba(255,255,255,.54)}.inventory{border-radius:21px}.inventory-row{min-height:75px}.inventory-row.is-recommended{background:color-mix(in srgb,var(--accent-soft) 42%,transparent)}.inventory-row[href]:hover{background:rgba(255,255,255,.56)}.escalation-box{border-radius:18px;background:linear-gradient(135deg,rgba(255,253,249,.7),color-mix(in srgb,var(--accent-soft) 38%,rgba(255,255,255,.4)));box-shadow:0 9px 28px rgba(37,34,28,.035)}
.principle-strip{gap:8px}.principle-cell{background:rgba(255,253,249,.55);border-radius:13px}.action-btn{background:var(--ink);box-shadow:0 10px 22px rgba(23,25,28,.16)}
@media(max-width:760px){.product-shell{width:calc(100% - 28px);padding-top:30px}.page-topline{display:grid;gap:10px}.page-topline h1{font-size:clamp(28px,8.7vw,36px);max-width:13ch}.catalog-layout{grid-template-columns:1fr}.intent-panel{position:static}.intent-buttons{grid-template-columns:1fr 1fr}.recommend-body{grid-template-columns:1fr;align-items:start}.recommend-body .action-btn{width:100%}.diag-layout{grid-template-columns:1fr}.diag-main{padding:22px 17px;border-right:0}.diag-side{border-top:1px solid var(--line)}.option-grid{grid-template-columns:1fr}.memo-grid,.principle-strip{grid-template-columns:1fr}.escalation-box{grid-template-columns:1fr}.escalation-box .action-btn{width:100%}}
@media(max-width:430px){.intent-buttons{grid-template-columns:1fr}.inventory-row{grid-template-columns:34px minmax(0,1fr) 18px}.inventory-tag{display:none}}