/* Shared editorial surfaces. Product UI keeps its semantic status colors. */
:is(.v48-shell,.v48-scope) main section.af-section-surface{position:relative;isolation:isolate;background-image:none!important}
:is(.v48-shell,.v48-scope) main section.af-surface-white{background-color:#fff!important}
:is(.v48-shell,.v48-scope) main section.af-surface-dark{background-color:#242720!important;color:#f7f7f2}
:is(.v48-shell,.v48-scope) .af-surface-dark>h2,:is(.v48-shell,.v48-scope) .af-surface-dark>.ai-heading h2{color:#f7f7f2}
:is(.v48-shell,.v48-scope) main section.af-halftone-frame::after{content:none}
:is(.v48-shell,.v48-scope) .af-halftone-frame>.af-flowing-mesh{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.78;mask-image:linear-gradient(90deg,#000,transparent 29%,transparent 71%,#000);-webkit-mask-image:linear-gradient(90deg,#000,transparent 29%,transparent 71%,#000)}
:is(.v48-shell,.v48-scope) .af-halftone-frame[data-mesh-corner="1"]>.af-flowing-mesh{transform:scaleY(-1)}
:is(.v48-shell,.v48-scope) .af-halftone-frame[data-mesh-corner="2"]>.af-flowing-mesh{transform:scaleX(-1)}
:is(.v48-shell,.v48-scope) .af-surface-dark>.af-flowing-mesh{opacity:.3}
@media(max-width:760px){:is(.v48-shell,.v48-scope) .af-halftone-frame>.af-flowing-mesh{opacity:.5;mask-image:linear-gradient(90deg,#000,transparent 16%,transparent 84%,#000)}:is(.v48-shell,.v48-scope) .af-surface-dark>.af-flowing-mesh{opacity:.22}}
:is(.v48-shell,.v48-scope) .ai-lifecycle-track{gap:24px!important}
:is(.v48-shell,.v48-scope) .ai-lifecycle-track article{min-width:0}
:is(.v48-shell,.v48-scope) .ai-life-panel{background:#30342d;border:1px solid #5b6151;border-radius:12px;padding:22px 18px;margin:25px 0;min-height:235px;box-shadow:0 14px 28px #0002;color:#f3f3ec;position:relative}
:is(.v48-shell,.v48-scope) .ai-life-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;font:9px var(--mono);letter-spacing:.7px}
:is(.v48-shell,.v48-scope) .ai-life-state{background:#e4e9d6;color:#37432b;border-radius:20px;padding:6px 9px;letter-spacing:0}
:is(.v48-shell,.v48-scope) .ai-life-state.is-disabled{background:#f0dbcd;color:#654631}
:is(.v48-shell,.v48-scope) .ai-life-name{font-size:20px;letter-spacing:-.4px;margin:25px 0 18px}
:is(.v48-shell,.v48-scope) .ai-life-row{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #555b4b;padding:13px 0;font-size:11px;color:#d5d8cd}
:is(.v48-shell,.v48-scope) .ai-life-row strong{font-weight:500;color:#fff;text-align:right}:is(.v48-shell,.v48-scope) .ai-life-row code{font:10px var(--mono)}
:is(.v48-shell,.v48-scope) .ai-life-foot{font:9px var(--mono);color:#c4c8b9;border-top:1px solid #555b4b;padding-top:15px;margin-top:2px}
@media(max-width:900px){:is(.v48-shell,.v48-scope) .ai-lifecycle-track{grid-template-columns:1fr!important}:is(.v48-shell,.v48-scope) .ai-life-panel{min-height:0}:is(.v48-shell,.v48-scope) .ai-life-name{font-size:23px}:is(.v48-shell,.v48-scope) .ai-life-row{font-size:13px}}