.automation-os-page{--ao-card: rgba(8, 18, 37, .86);--ao-card-strong: rgba(10, 24, 48, .96);--ao-border: rgba(103, 232, 249, .18);--ao-border-strong: rgba(103, 232, 249, .4);--ao-cyan: #67e8f9;--ao-blue: #60a5fa;--ao-violet: #a78bfa;--ao-green: #34d399;--ao-amber: #fbbf24;--ao-red: #fb7185;background:radial-gradient(circle at 12% 4%,rgba(14,116,144,.18),transparent 32rem),radial-gradient(circle at 88% 15%,rgba(109,40,217,.16),transparent 30rem),#020617}.automation-os-main{min-height:calc(100vh - 160px)}.automation-os-shell{width:min(1500px,calc(100% - 2rem));margin:0 auto;padding:1.35rem 0 4rem}.automation-os-loading{min-height:60vh;display:grid;place-items:center;align-content:center;gap:.7rem;text-align:center}.automation-os-loading span{width:2.5rem;height:2.5rem;border:3px solid rgba(103,232,249,.2);border-top-color:var(--ao-cyan);border-radius:50%;animation:ao-spin .8s linear infinite}@keyframes ao-spin{to{transform:rotate(360deg)}}.ao-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:1rem;align-items:stretch}.ao-hero-copy,.ao-posture,.ao-panel,.ao-template,.ao-provider,.ao-flow-card,.ao-detail,.ao-approval-card,.ao-audit-card{border:1px solid var(--ao-border);border-radius:1.25rem;background:linear-gradient(145deg,#081225eb,#020617f5);box-shadow:0 22px 80px #00000040}.ao-hero-copy{padding:clamp(1.25rem,3vw,2.4rem);overflow:hidden;position:relative}.ao-hero-copy:after{content:"";position:absolute;width:18rem;height:18rem;right:-6rem;top:-8rem;border-radius:50%;background:#67e8f914;filter:blur(2px);pointer-events:none}.ao-kicker{color:var(--ao-cyan);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:900;margin:0 0 .45rem}.ao-hero-copy h1{margin:0;max-width:17ch;font-size:clamp(2.15rem,5vw,5.2rem);line-height:.94;letter-spacing:-.045em}.ao-hero-copy>p:not(.ao-kicker){max-width:72ch;color:var(--clr-text-muted);line-height:1.65}.ao-hero-actions,.ao-actions{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.ao-safety-line{margin-top:1rem;padding:.75rem .9rem;border-radius:.9rem;border:1px solid rgba(52,211,153,.26);background:#064e3b24;color:#d1fae5;font-size:.83rem}.ao-posture{padding:1.15rem;display:grid;gap:.75rem;align-content:start}.ao-posture h2{font-size:1rem;margin:0}.ao-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.ao-stat{border:1px solid rgba(148,163,184,.16);border-radius:.9rem;padding:.8rem;min-width:0}.ao-stat strong{display:block;font-size:1.35rem;color:#fff}.ao-stat span{display:block;color:var(--clr-text-muted);font-size:.72rem;margin-top:.15rem}.ao-persistence{border:1px solid rgba(52,211,153,.28);background:#064e3b24;border-radius:.9rem;padding:.85rem}.ao-persistence strong{color:#a7f3d0;display:block}.ao-persistence small{color:#d1fae5;line-height:1.45}.ao-tabs{position:sticky;top:64px;z-index:12;display:flex;gap:.45rem;overflow-x:auto;margin:1rem 0;padding:.55rem;border:1px solid var(--ao-border);border-radius:1rem;background:#020617eb;backdrop-filter:blur(18px);scrollbar-width:thin}.ao-tab{min-height:44px;white-space:nowrap;border:1px solid transparent;border-radius:.75rem;padding:.65rem .85rem;color:var(--clr-text-muted);background:transparent;font:inherit;font-weight:800;cursor:pointer}.ao-tab:hover,.ao-tab:focus-visible{color:#fff;border-color:var(--ao-border)}.ao-tab.active{color:#03111c;background:var(--ao-cyan)}.ao-view{display:none}.ao-view.active{display:block}.ao-panel{padding:1rem}.ao-panel+.ao-panel{margin-top:1rem}.ao-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.ao-panel-head h2,.ao-panel-head h3{margin:0}.ao-panel-head p{margin:.25rem 0 0;color:var(--clr-text-muted);max-width:72ch}.ao-agent-builder{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem}.ao-agent-builder textarea{min-height:7rem;resize:vertical}.ao-agent-actions{display:flex;flex-direction:column;gap:.55rem;min-width:12rem}.ao-agent-note{margin:.7rem 0 0;color:var(--clr-text-muted);font-size:.8rem}.ao-template-grid,.ao-provider-grid,.ao-workflow-grid,.ao-approval-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.8rem}.ao-template,.ao-provider,.ao-flow-card,.ao-approval-card{padding:.95rem;position:relative;min-width:0}.ao-template{display:flex;flex-direction:column;gap:.6rem}.ao-template h3,.ao-provider h3,.ao-flow-card h3,.ao-detail h3{margin:0;font-size:1rem}.ao-template p,.ao-provider p,.ao-flow-card p{margin:0;color:var(--clr-text-muted);font-size:.82rem;line-height:1.5}.ao-template .btn{margin-top:auto}.ao-tag-row{display:flex;flex-wrap:wrap;gap:.35rem}.ao-tag{display:inline-flex;align-items:center;min-height:24px;padding:.2rem .48rem;border-radius:999px;background:#60a5fa1f;color:#bfdbfe;border:1px solid rgba(96,165,250,.2);font-size:.68rem;font-weight:800}.ao-filter-row{display:grid;grid-template-columns:minmax(220px,1fr) repeat(2,minmax(160px,.3fr));gap:.6rem;margin-bottom:.85rem}.ao-filter-row input,.ao-filter-row select,.ao-agent-builder textarea,.ao-schedule-row select,.ao-schedule-row input{width:100%;border:1px solid rgba(148,163,184,.26);border-radius:.75rem;background:#020617b3;color:#fff;padding:.75rem .8rem;font:inherit}.ao-provider{display:grid;gap:.55rem}.ao-provider-head{display:flex;justify-content:space-between;gap:.65rem;align-items:flex-start}.ao-provider-state{flex:0 0 auto;border-radius:999px;border:1px solid rgba(148,163,184,.2);padding:.2rem .45rem;font-size:.65rem;font-weight:900;color:#cbd5e1}.ao-provider-state[data-state=built-in]{color:#a7f3d0;border-color:#34d3994d}.ao-provider-state[data-state=bridge-ready]{color:#ddd6fe;border-color:#a78bfa4d}.ao-provider-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.ao-provider-meta span{padding:.45rem;border-radius:.6rem;background:#0f172ab8;color:#cbd5e1;font-size:.69rem;overflow-wrap:anywhere}.ao-provider-actions{display:flex;flex-wrap:wrap;gap:.4rem}.ao-provider-actions .btn{min-height:38px;padding:.45rem .65rem;font-size:.72rem}.ao-more{margin:1rem auto 0;display:flex}.ao-workspace{display:grid;grid-template-columns:minmax(270px,.42fr) minmax(0,1fr);gap:1rem;align-items:start}.ao-flow-list{display:grid;gap:.65rem}.ao-flow-card{width:100%;text-align:left;color:inherit;cursor:pointer;font:inherit}.ao-flow-card.active{border-color:var(--ao-border-strong);box-shadow:0 0 0 2px #67e8f917}.ao-flow-head{display:flex;justify-content:space-between;gap:.5rem;align-items:flex-start}.ao-flow-status{text-transform:uppercase;letter-spacing:.08em;font-size:.62rem;color:var(--ao-cyan)}.ao-detail{padding:1rem;min-width:0}.ao-empty{min-height:16rem;display:grid;place-items:center;text-align:center;color:var(--clr-text-muted);border:1px dashed rgba(148,163,184,.25);border-radius:1rem;padding:1rem}.ao-step-list{display:grid;gap:.55rem;margin-top:.85rem}.ao-step{display:grid;grid-template-columns:2.1rem minmax(0,1fr) auto;gap:.65rem;align-items:start;padding:.7rem;border:1px solid rgba(148,163,184,.16);border-radius:.85rem;background:#02061785}.ao-step-index{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.65rem;background:#67e8f91f;color:var(--ao-cyan);font-weight:900}.ao-step strong{display:block}.ao-step small{display:block;color:var(--clr-text-muted);margin-top:.2rem}.ao-approval-badge{border-radius:999px;padding:.22rem .5rem;font-size:.65rem;font-weight:900;text-transform:uppercase}.ao-approval-badge[data-level=read]{color:#bfdbfe;background:#3b82f61f}.ao-approval-badge[data-level=draft]{color:#ddd6fe;background:#8b5cf61f}.ao-approval-badge[data-level=submit]{color:#fde68a;background:#f59e0b1f}.ao-approval-badge[data-level=sensitive]{color:#fecdd3;background:#f43f5e1f}.ao-readiness{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:.8rem 0}.ao-readiness div{border:1px solid rgba(148,163,184,.16);border-radius:.75rem;padding:.65rem}.ao-readiness strong{display:block}.ao-readiness span{display:block;color:var(--clr-text-muted);font-size:.68rem;margin-top:.15rem}.ao-schedule-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:.55rem;margin-top:.75rem}.ao-approval-card{display:grid;gap:.55rem}.ao-approval-card[data-level=sensitive]{border-color:#fb718557}.ao-approval-card p{margin:0;color:var(--clr-text-muted);font-size:.8rem}.ao-audit-list{display:grid;gap:.5rem}.ao-audit-card{padding:.72rem .8rem;display:grid;grid-template-columns:9rem minmax(0,1fr) auto;gap:.7rem;align-items:start}.ao-audit-card time{color:var(--clr-text-muted);font-size:.72rem}.ao-audit-card p{margin:0;font-size:.78rem;overflow-wrap:anywhere}.ao-audit-card span{font-size:.65rem;text-transform:uppercase;color:var(--ao-cyan)}.ao-runner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.8rem}.ao-runner-card{border:1px solid rgba(148,163,184,.17);border-radius:.9rem;padding:.85rem}.ao-runner-card h3{margin:0 0 .35rem}.ao-runner-card p{color:var(--clr-text-muted);font-size:.8rem;line-height:1.5}.ao-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;min-height:44px}.ao-toggle-row input{width:1.2rem;height:1.2rem}.ao-toast{position:fixed;right:1rem;bottom:1rem;z-index:1000;max-width:min(420px,calc(100vw - 2rem));padding:.85rem 1rem;border-radius:.9rem;border:1px solid var(--ao-border-strong);background:#071426;box-shadow:0 20px 60px #00000073;color:#e6fbff}.ao-toast[data-tone=error]{border-color:#fb71858c;color:#ffe4e6}.ao-toast[data-tone=success]{border-color:#34d3997a;color:#d1fae5}@media(max-width:980px){.ao-hero,.ao-workspace{grid-template-columns:1fr}.ao-tabs{top:58px}}@media(max-width:720px){.automation-os-shell{width:min(100% - 1rem,1500px);padding-top:.75rem}.ao-hero-copy h1{font-size:clamp(2rem,12vw,3.5rem)}.ao-agent-builder,.ao-filter-row,.ao-schedule-row{grid-template-columns:1fr}.ao-agent-actions{min-width:0;flex-direction:row;flex-wrap:wrap}.ao-stat-grid,.ao-readiness{grid-template-columns:repeat(2,minmax(0,1fr))}.ao-template-grid,.ao-provider-grid,.ao-workflow-grid,.ao-approval-grid{grid-template-columns:1fr}.ao-audit-card{grid-template-columns:1fr;gap:.25rem}.ao-step{grid-template-columns:2rem minmax(0,1fr)}.ao-step .ao-approval-badge{grid-column:2;justify-self:start}}@media(max-width:430px){.ao-stat-grid,.ao-readiness{grid-template-columns:1fr}.ao-hero-copy,.ao-posture,.ao-panel,.ao-detail{border-radius:1rem}.ao-hero-actions .btn,.ao-actions .btn,.ao-agent-actions .btn{width:100%}}