.operations-page { max-width: 1120px; margin: 0 auto; padding: 48px 24px 80px; color: #14222d; }
.operations-header { border-bottom: 1px solid #cfd9de; margin-bottom: 32px; padding-bottom: 20px; }
.operations-header h1, .operations-page h2 { margin: 0 0 12px; letter-spacing: 0; }
.operations-eyebrow { color: #036a70; font-weight: 700; margin: 0 0 8px; text-transform: uppercase; }
.operations-grid { display: grid; gap: 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 32px 0; }
.operations-metrics { display: grid; gap: 8px; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); list-style: none; margin: 0; padding: 0; }
.operations-metric { border: 1px solid #cfd9de; border-radius: 6px; min-height: 82px; padding: 14px; }
.operations-metric span { display: block; font-size: 14px; }
.operations-metric strong { display: block; font-size: 28px; margin-top: 8px; }
.operations-table-wrap { margin-top: 32px; overflow-x: auto; }
.operations-table-wrap table { border-collapse: collapse; min-width: 420px; width: 100%; }
.operations-table-wrap caption { caption-side: bottom; padding-top: 8px; text-align: left; }
.operations-table-wrap th, .operations-table-wrap td { border-bottom: 1px solid #cfd9de; padding: 12px; text-align: left; }
.operations-state { border-radius: 4px; display: inline-block; font-weight: 700; padding: 4px 8px; }
.operations-state--available { background: #d9f1dc; color: #185524; }
.operations-request { margin-top: 32px; }
.operations-page :focus-visible { outline: 3px solid #f6b900; outline-offset: 3px; }
@media (max-width: 680px) { .operations-page { padding: 32px 16px 64px; } .operations-grid { grid-template-columns: 1fr; } .operations-metric { min-height: 72px; } }