.operations-center{
  --ops-bg:var(--bg-base,#07101d);
  --ops-surface:var(--bg-surface,#0d1726);
  --ops-elevated:var(--bg-elevated,#121f31);
  --ops-border:var(--border-color,#26364c);
  --ops-text:var(--text-primary,#e7edf6);
  --ops-muted:var(--text-secondary,#91a0b5);
  --ops-accent:var(--accent-cyan,#38bdf8);
  --ops-good:var(--success,#22c55e);
  --ops-warn:var(--warning,#f59e0b);
  --ops-danger:var(--danger,#ef4444);
  display:grid;
  width:100%;
  max-width:1680px;
  min-width:0;
  margin:0 auto;
  padding:clamp(12px,2vw,26px);
  gap:18px;
  box-sizing:border-box;
  color:var(--ops-text);
  overflow-x:hidden;
}
.patron-operations-shortcut{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:18px 22px;border:1px solid color-mix(in srgb,var(--ops-accent) 36%,var(--ops-border));border-radius:16px;background:linear-gradient(120deg,color-mix(in srgb,var(--ops-accent) 12%,var(--ops-surface)),var(--ops-elevated));box-shadow:0 12px 30px rgba(0,0,0,.1)}
.patron-operations-shortcut small{display:block;color:var(--ops-accent);font-size:.7rem;font-weight:850;letter-spacing:.13em}
.patron-operations-shortcut h2{margin:5px 0;font-size:1.25rem;color:var(--ops-text)}
.patron-operations-shortcut p{margin:0;color:var(--ops-muted);line-height:1.45}
.patron-operations-shortcut button{flex:0 0 auto;min-height:42px;padding:0 17px;border:1px solid color-mix(in srgb,var(--ops-accent) 55%,var(--ops-border));border-radius:10px;background:color-mix(in srgb,var(--ops-accent) 16%,var(--ops-elevated));color:var(--ops-text);font-weight:800;cursor:pointer}
@media (max-width:720px){.patron-operations-shortcut{align-items:flex-start;flex-direction:column}.patron-operations-shortcut button{width:100%}}
.operations-center *,
.operations-center *::before,
.operations-center *::after{box-sizing:border-box;min-width:0}
.operations-center h1,
.operations-center h2,
.operations-center h3,
.operations-center h4,
.operations-center p{margin:0}
.operations-center button{font:inherit}
.operations-center code{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;overflow-wrap:anywhere}
.operations-kicker{display:block;color:var(--ops-accent);font-size:.72rem;font-weight:850;letter-spacing:.14em;line-height:1.4}
.operations-hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:clamp(20px,3vw,34px);border:1px solid color-mix(in srgb,var(--ops-accent) 28%,var(--ops-border));border-radius:22px;background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--ops-accent) 18%,transparent),transparent 42%),linear-gradient(135deg,#0b1728,#10243a);box-shadow:0 24px 60px rgba(0,0,0,.18);overflow:hidden}
.operations-hero::after{content:"";position:absolute;right:-56px;bottom:-92px;width:260px;height:260px;border:1px solid color-mix(in srgb,var(--ops-accent) 22%,transparent);border-radius:50%;pointer-events:none}
.operations-hero__copy{position:relative;z-index:1;max-width:860px}
.operations-hero h1{margin:6px 0 9px;font-size:clamp(1.8rem,3vw,2.9rem);line-height:1.05;letter-spacing:-.035em}
.operations-hero p{max-width:780px;color:#afbdd0;font-size:clamp(.94rem,1.4vw,1.08rem);line-height:1.55}
.operations-hero__controls{position:relative;z-index:1;display:flex;align-items:flex-end;gap:12px;flex:0 0 auto}
.operations-connection{display:grid;justify-items:end;gap:7px}
.operations-connection small{max-width:260px;color:#a9b8ca;text-align:right}
.operations-refresh{min-height:42px;padding:0 16px;border:1px solid color-mix(in srgb,var(--ops-accent) 48%,var(--ops-border));border-radius:11px;background:color-mix(in srgb,var(--ops-accent) 13%,var(--ops-elevated));color:var(--ops-text);font-weight:780;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.operations-refresh:hover:not(:disabled){border-color:var(--ops-accent);background:color-mix(in srgb,var(--ops-accent) 20%,var(--ops-elevated));transform:translateY(-1px)}
.operations-refresh:focus-visible{outline:3px solid color-mix(in srgb,var(--ops-accent) 40%,transparent);outline-offset:2px}
.operations-refresh:disabled{opacity:.55;cursor:wait}
.operations-readonly-notice,.operations-reduced-notice{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px;padding:14px 17px;border:1px solid color-mix(in srgb,var(--ops-accent) 32%,var(--ops-border));border-radius:14px;background:color-mix(in srgb,var(--ops-accent) 7%,var(--ops-surface))}
.operations-readonly-notice strong,.operations-reduced-notice strong{white-space:nowrap}
.operations-readonly-notice p,.operations-reduced-notice p{color:var(--ops-muted);line-height:1.5}
.operations-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
.operations-summary__card{position:relative;display:grid;align-content:start;gap:7px;min-height:144px;padding:16px;border:1px solid var(--ops-border);border-radius:15px;background:linear-gradient(150deg,color-mix(in srgb,var(--ops-elevated) 85%,transparent),var(--ops-surface));box-shadow:0 10px 30px rgba(0,0,0,.09)}
.operations-summary__card>small{color:var(--ops-muted);font-weight:720}
.operations-summary__card>strong{font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.1;overflow-wrap:anywhere}
.operations-summary__card>p{margin-top:auto;color:var(--ops-muted);font-size:.78rem;line-height:1.35}
.operations-summary__card>.operations-status{position:absolute;top:14px;right:14px}
.operations-panel{display:grid;gap:16px;padding:clamp(16px,2vw,22px);border:1px solid var(--ops-border);border-radius:18px;background:var(--ops-surface);box-shadow:0 16px 42px rgba(0,0,0,.09)}
.operations-section__header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid color-mix(in srgb,var(--ops-border) 80%,transparent)}
.operations-section__header h2{margin:4px 0 5px;font-size:clamp(1.18rem,2vw,1.52rem);letter-spacing:-.02em}
.operations-section__header p{max-width:850px;color:var(--ops-muted);font-size:.9rem;line-height:1.5}
.operations-status{--status-color:#8492a6;display:inline-flex;align-items:center;width:max-content;max-width:100%;gap:6px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--status-color) 44%,var(--ops-border));border-radius:999px;background:color-mix(in srgb,var(--status-color) 10%,var(--ops-elevated));color:color-mix(in srgb,var(--status-color) 78%,white);font-size:.68rem;font-weight:850;line-height:1.15;letter-spacing:.045em;text-transform:uppercase;overflow-wrap:anywhere}
.operations-status__dot{display:block;flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:var(--status-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--status-color) 16%,transparent)}
.operations-status--ok,.operations-status--ready,.operations-status--resolved{--status-color:var(--ops-good)}
.operations-status--warn,.operations-status--degraded,.operations-status--open,.operations-status--human-approval-required{--status-color:var(--ops-warn)}
.operations-status--critical,.operations-status--unavailable,.operations-status--sev0,.operations-status--sev1{--status-color:var(--ops-danger)}
.operations-status--loading{--status-color:var(--ops-accent)}
.operations-status--observed{--status-color:var(--ops-accent)}
.operations-status--not-implemented,.operations-status--actuator-not-deployed{--status-color:#a78bfa}
.operations-status--unknown,.operations-status--idle{--status-color:#7b8798}
.operations-topology__groups{display:grid;gap:19px}
.operations-resource-group{display:grid;gap:10px}
.operations-resource-group>h3{color:#cbd6e5;font-size:.9rem;letter-spacing:.025em}
.operations-resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.operations-resource-card{display:grid;align-content:start;gap:9px;min-height:148px;padding:14px;border:1px solid color-mix(in srgb,var(--ops-border) 86%,transparent);border-radius:13px;background:var(--ops-bg)}
.operations-resource-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.operations-resource-card>header>div{display:grid;gap:5px}
.operations-resource-card code{width:max-content;max-width:100%;padding:3px 6px;border-radius:5px;background:color-mix(in srgb,var(--ops-accent) 10%,transparent);color:var(--ops-accent);font-size:.69rem;font-weight:760}
.operations-resource-card h4{font-size:1rem;line-height:1.25}
.operations-resource-card>strong{color:#c0ccdc;font-size:.8rem}
.operations-resource-card>p{margin-top:auto;color:var(--ops-muted);font-size:.76rem;line-height:1.42}
.operations-health-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.operations-health-grid>article{display:grid;align-content:start;gap:9px;min-height:124px;padding:14px;border:1px solid var(--ops-border);border-radius:13px;background:var(--ops-bg)}
.operations-health-grid h3{font-size:.92rem}
.operations-health-grid p{margin-top:auto;color:var(--ops-muted);font-size:.76rem;line-height:1.4}
.operations-policy{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(200px,1.3fr);gap:0;border:1px solid var(--ops-border);border-radius:13px;background:var(--ops-bg);overflow:hidden}
.operations-policy>div,.operations-policy>code{padding:10px 13px;border-bottom:1px solid var(--ops-border)}
.operations-policy>div{color:var(--ops-muted);font-size:.8rem}
.operations-policy>code{border-left:1px solid var(--ops-border);color:#cbd6e5;font-size:.76rem}
.operations-policy>*:nth-last-child(-n+2){border-bottom:0}
.operations-list{display:grid;gap:8px}
.operations-list__row{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:11px;padding:12px;border:1px solid var(--ops-border);border-radius:12px;background:var(--ops-bg)}
.operations-list__row--task{grid-template-columns:auto minmax(0,1fr)}
.operations-list__row>div{display:grid;gap:4px}
.operations-list__row small,.operations-list__row span{color:var(--ops-muted);font-size:.76rem;overflow-wrap:anywhere}
.operations-list__row strong{font-size:.9rem;line-height:1.4;overflow-wrap:anywhere}
.operations-list__row>b{font-size:.76rem}
.operations-empty{display:grid;place-items:center;gap:9px;min-height:150px;padding:24px;border:1px dashed var(--ops-border);border-radius:13px;background:var(--ops-bg);text-align:center}
.operations-empty p,.operations-neutral-empty{color:var(--ops-muted)}
.operations-empty code{color:#aeb9c9;font-size:.75rem}
.operations-success-empty,.operations-neutral-empty{padding:16px;border:1px solid var(--ops-border);border-radius:12px;background:var(--ops-bg);line-height:1.5}
.operations-success-empty{border-color:color-mix(in srgb,var(--ops-good) 30%,var(--ops-border));color:#b9d8c3}
.operations-agent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.operations-agent-card{display:grid;align-content:start;gap:7px;padding:14px;border:1px solid var(--ops-border);border-radius:13px;background:var(--ops-bg)}
.operations-agent-card>.operations-status{justify-self:end;grid-row:1;grid-column:1}
.operations-agent-card h3{font-size:1rem}
.operations-agent-card>code,.operations-agent-card>small,.operations-agent-card>p{color:var(--ops-muted);font-size:.76rem;overflow-wrap:anywhere}
.operations-proof{width:max-content;max-width:100%;margin-top:3px;padding:4px 7px;border-radius:6px;font-size:.68rem;font-weight:760}
.operations-proof.is-verified{background:color-mix(in srgb,var(--ops-good) 12%,transparent);color:#8fdda9}
.operations-proof.is-unverified{background:color-mix(in srgb,var(--ops-warn) 12%,transparent);color:#f8c96c}
.operations-maintenance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.operations-maintenance-grid>article{display:grid;gap:8px;padding:15px;border:1px solid var(--ops-border);border-radius:13px;background:var(--ops-bg)}
.operations-maintenance-grid small{color:var(--ops-muted)}
.operations-maintenance-grid strong{font-size:1.1rem}
.operations-maintenance-grid code{color:#b8c5d6;font-size:.75rem}
.operations-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.operations-action-grid>article{display:grid;align-content:start;gap:10px;padding:15px;border:1px solid color-mix(in srgb,#a78bfa 25%,var(--ops-border));border-radius:13px;background:linear-gradient(150deg,color-mix(in srgb,#a78bfa 6%,var(--ops-bg)),var(--ops-bg))}
.operations-action-grid h3{font-size:.95rem;line-height:1.3}
.operations-action-grid p{min-height:4.2em;color:var(--ops-muted);font-size:.78rem;line-height:1.4}
.operations-action-button{min-height:39px;margin-top:auto;padding:0 12px;border:1px solid var(--ops-border);border-radius:9px;background:var(--ops-elevated);color:var(--ops-muted);font-weight:750}
.operations-action-button:disabled{cursor:not-allowed;opacity:.62}
.operations-access-denied{display:grid;place-items:center;min-height:360px;padding:30px;border:1px solid var(--ops-border);border-radius:18px;background:var(--ops-surface);text-align:center}
.operations-access-denied h1{margin:7px 0}
.operations-access-denied p{color:var(--ops-muted)}
@media(max-width:1320px){
  .operations-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
  .operations-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .operations-health-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .operations-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  .operations-hero{align-items:flex-start;flex-direction:column}
  .operations-hero__controls{width:100%;justify-content:space-between}
  .operations-connection{justify-items:start}
  .operations-connection small{text-align:left}
  .operations-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .operations-agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .operations-center{padding:10px;gap:13px}
  .operations-hero{padding:19px;border-radius:16px}
  .operations-hero__controls{align-items:stretch;flex-direction:column}
  .operations-refresh{width:100%}
  .operations-readonly-notice,.operations-reduced-notice{grid-template-columns:1fr}
  .operations-readonly-notice strong,.operations-reduced-notice strong{white-space:normal}
  .operations-summary,.operations-resource-grid,.operations-health-grid,.operations-agent-grid,.operations-maintenance-grid,.operations-action-grid{grid-template-columns:1fr}
  .operations-summary__card,.operations-resource-card{min-height:0}
  .operations-policy{grid-template-columns:1fr}
  .operations-policy>code{border-left:0}
  .operations-policy>*:nth-last-child(-n+2){border-bottom:1px solid var(--ops-border)}
  .operations-policy>*:last-child{border-bottom:0}
  .operations-list__row,.operations-list__row--task{grid-template-columns:1fr;align-items:start}
}
@media(prefers-reduced-motion:reduce){.operations-refresh{transition:none}}