.ops-page { max-width: 1320px; margin: auto; padding: 8rem 1.5rem 5rem; }
.ops-heading { display: flex; align-items: start; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }
.ops-heading h1 { font-size: clamp(2.2rem,5vw,4rem); letter-spacing: -.05em; max-width: 700px; }
.ops-heading nav { display: grid; gap: 1rem; max-width: 250px; }
.ops-kicker { font-size: .75rem; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; color: #087580; }
.ops-toolbar,.ops-tabs,.ops-run-actions { display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; margin: 1.5rem 0; }
.ops-tabs a,.ops-page button { border: 1px solid #cad9dc; background: #eef8f7; color: #123343; border-radius: 12px 4px 12px 4px; padding: .7rem 1rem; font: inherit; font-weight: 700; cursor: pointer; }
.ops-page button:disabled { opacity: .5; cursor: wait; }
.ops-page button:hover,.ops-tabs a:hover { background: #d6eeec; }
.ops-page :focus-visible { outline: 3px solid #087580; outline-offset: 3px; }
.ops-panel { padding: clamp(1.2rem,3vw,2.4rem); border: 1px solid #dce4e8; border-radius: 28px 8px 28px 8px; margin: 2rem 0; background: #fff; scroll-margin-top: 110px; }
.ops-section-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.ops-panel h2 { font-size: clamp(1.5rem,3vw,2.2rem); margin-bottom: .7rem; }
.ops-panel details { margin: 1.5rem 0; }
.ops-panel summary { cursor: pointer; font-weight: 700; padding: .7rem 0; }
.ops-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin: 1.5rem 0; }
.ops-page label { display: grid; gap: .45rem; font-size: .87rem; font-weight: 600; }
.ops-page input,.ops-page textarea,.ops-page select { width: 100%; min-width: 0; border: 1px solid #c6d3dc; border-radius: 8px; padding: .7rem; font: inherit; background: #fff; color: #142838; }
.ops-toolbar select { max-width: 600px; flex: 1; }
.ops-span { grid-column: 1 / -1; }
.ops-page .ops-check { display: flex; align-items: center; }
.ops-check input { width: 20px; }
.ops-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; margin-top: 1.5rem; }
.ops-work-card { padding: 1.5rem; background: #f5f8fa; border-radius: 6px 24px 6px 24px; min-width: 0; overflow-wrap: anywhere; }
.ops-work-card h3 { margin: .8rem 0; font-size: 1.1rem; }
.ops-work-card p { margin: .6rem 0; }
.ops-tag { display: inline-block; font-size: .73rem; text-transform: uppercase; letter-spacing: .06em; color: #365764; }
.ops-table-wrap { overflow-x: auto; margin: 1rem 0; }
.ops-page table { width: 100%; border-collapse: collapse; text-align: left; font-size: .88rem; }
.ops-page th,.ops-page td { padding: .9rem; border-bottom: 1px solid #e4eaee; vertical-align: top; }
.ops-page small { display: block; color: #596976; }
.ops-error { background: #fff0f0; color: #8e2020; padding: 1rem; border-radius: 12px; }
.ops-feedback { color: #215f50; }
.auth-portal-switch { display: flex; gap: 1.25rem; flex-wrap: wrap; margin-bottom: 1.5rem; }
@media(max-width:900px) { .ops-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .ops-heading { flex-direction: column; } .ops-form,.ops-card-grid { grid-template-columns: minmax(0,1fr); } .ops-page { padding-inline: 1rem; } .ops-toolbar { align-items: stretch; flex-direction: column; } }
@media print { body > header,body > footer,.ops-heading,.ops-toolbar,.ops-tabs,#opsContent,#opsFeedback,.ops-run-actions,#opsRunDetail button,#opsRunDetail form,#opsRunDetail details { display:none !important; } .ops-page { padding:0; } #opsRunDetail { border:0; margin:0; } .ops-table-wrap { overflow:visible; } }
.ops-comments { margin-top: 1.5rem; padding: 1rem 1.25rem; border: 1px solid #dce4e8; border-radius: 12px; background: #f9fbfc; }
.ops-comments p { margin: .6rem 0; }
.ops-page table small { white-space: pre-wrap; }