/* =========================================================
   NEON OPERATIONS CENTER // PHASE 9D.1
   Integration orchestrator: provider router + source runtime.
   Additive only; loaded after phase9c.css.
   ========================================================= */
:root{--p9d-line:color-mix(in srgb,var(--cyan,#00d9ff) 20%,var(--line,#292a33));--p9d-bg:color-mix(in srgb,var(--panel,#111217) 88%,#06070a)}
.p9d-provider-router{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:8px 12px;border-top:1px solid var(--line-soft,#20212a);background:color-mix(in srgb,var(--panel,#111217) 86%,#07080b)}
.p9d-provider-router label{display:flex;align-items:center;gap:8px;font:8px var(--telemetry,monospace);letter-spacing:.08em;color:var(--muted,#8f8d99)}
.p9d-provider-router select{appearance:none;min-height:32px;padding:5px 28px 5px 9px;border:1px solid var(--p9d-line);border-radius:8px;background:var(--p9d-bg);color:var(--text,#f0eef5);font:9px var(--telemetry,monospace);outline:0}
.p9d-provider-router select:focus{border-color:color-mix(in srgb,var(--cyan,#00d9ff) 65%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--cyan,#00d9ff) 18%,transparent)}
#p9dProviderState{font:8px var(--telemetry,monospace);letter-spacing:.08em;color:var(--cyan,#00d9ff);text-align:center}#p9dProviderState[data-state="warn"]{color:var(--amber,#ffba4a)}
.p9d-provider-router small{font:7px var(--telemetry,monospace);letter-spacing:.07em;color:var(--muted,#8f8d99)}
.p9d-source-runtime{margin:0 var(--p9c-pad,20px) 16px;padding:16px;border:1px solid var(--p9d-line);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--cyan,#00d9ff) 2.5%,var(--panel,#111217)),var(--panel,#111217));box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}
.p9d-runtime-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:13px}.p9d-runtime-head h3{margin:3px 0 0;font:500 18px var(--editorial,serif)}.p9d-runtime-head .actions{display:flex;gap:7px;flex-wrap:wrap}
.p9d-runtime-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--line-soft,#20212a);border-radius:10px;overflow:hidden;background:var(--line-soft,#20212a)}
.p9d-runtime-grid article{min-width:0;padding:12px;background:#0b0c10;display:grid;gap:5px}.p9d-runtime-grid span{font:8px var(--telemetry,monospace);letter-spacing:.08em;color:var(--muted,#8f8d99)}.p9d-runtime-grid b{font:500 13px var(--editorial,serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p9d-runtime-grid b[data-state="ready"]{color:var(--cyan,#00d9ff)}.p9d-runtime-grid b[data-state="warn"]{color:var(--amber,#ffba4a)}.p9d-runtime-grid small{font:8px var(--telemetry,monospace);line-height:1.4;color:var(--muted,#8f8d99);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p9d-runtime-note{margin-top:10px;padding:9px 11px;border-left:2px solid var(--mag,#ff3ea5);background:color-mix(in srgb,var(--mag,#ff3ea5) 4%,transparent);font:8px var(--telemetry,monospace);line-height:1.5;letter-spacing:.05em;color:var(--muted,#8f8d99)}
@media(max-width:1100px){.p9d-runtime-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.p9d-provider-router{grid-template-columns:1fr}.p9d-provider-router small{grid-column:1}.p9d-runtime-head{display:grid}.p9d-runtime-grid{grid-template-columns:1fr}.p9d-source-runtime{margin:0 12px 12px;padding:12px}.p9d-runtime-head .actions>*{min-height:44px}}
@media(prefers-reduced-motion:reduce){.p9d-provider-router *,.p9d-source-runtime *{transition-duration:.01ms!important;animation-duration:.01ms!important}}