.operations-nav-badge{float:right;min-width:20px;padding:2px 5px;border-radius:99px;background:#cf2f3c;color:#fff;font-size:10px;font-style:normal;text-align:center}
.operations-page{display:grid;gap:16px}
.operations-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;border-radius:18px;background:linear-gradient(135deg,#102d52,#174f7f);color:#fff;box-shadow:0 12px 30px #183b6122}
.operations-hero small{color:#a8c7e7;font-weight:800;letter-spacing:.08em}.operations-hero h2{margin:4px 0 5px;font-size:28px}.operations-hero p{margin:0;color:#d9e8f7}
.operations-hero button{min-height:44px;padding:10px 16px;border:1px solid #ffffff55;border-radius:11px;background:#ffffff18;color:#fff;font-weight:900}
.operations-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.operations-summary article{padding:16px 18px;border:1px solid #dbe4ee;border-radius:14px;background:#fff}
.operations-summary small{color:#6a7788;font-weight:800}.operations-summary b{display:block;margin:5px 0;font-size:27px}.operations-summary b span{margin-left:3px;font-size:13px}.operations-summary p{margin:0;color:#778496;font-size:12px}
.operations-summary .critical{border-color:#efb6bc;background:#fff5f6;color:#a82431}.operations-summary .warning{border-color:#edcf93;background:#fff9ec;color:#845600}.operations-summary .clear{border-color:#a9d9c3;background:#f1fbf6;color:#0c7049}
.operations-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.operations-categories button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;min-height:72px;padding:12px 13px;border:1px solid #dbe3ec;border-radius:12px;background:#fff;color:#2c4056;text-align:left}
.operations-categories button span{font-weight:900}.operations-categories button b{font-size:20px;color:#173e69}.operations-categories button small{grid-column:1/-1;color:#7b8795;font-size:10px;line-height:1.35}.operations-categories button.active{border-color:#236bb3;background:#edf5ff;box-shadow:0 0 0 2px #236bb31f}
.operations-toolbar{display:flex;align-items:end;gap:10px}.operations-toolbar label{display:grid;flex:1;gap:5px;color:#5c6a7c;font-size:11px;font-weight:800}.operations-toolbar input{min-height:43px;padding:10px 12px;border:1px solid #cdd7e2;border-radius:10px;font-size:14px}.operations-toolbar button{min-height:43px;padding:9px 15px;border:1px solid #ccd7e2;border-radius:10px;background:#fff;font-weight:800}
.operations-loading{padding:28px;border:1px solid #dbe4ee;border-radius:14px;background:#fff;color:#677487;text-align:center}.operations-loading.hidden{display:none}
.operations-list{display:grid;gap:8px}.operations-list>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:2px 3px}.operations-list>header h3{margin:0 0 3px}.operations-list>header p{margin:0;color:#758296;font-size:12px}.operations-list>header>b{font-size:20px}
.operations-row{display:grid;grid-template-columns:48px minmax(0,1fr) 160px 60px;gap:13px;align-items:center;width:100%;padding:13px 15px;border:1px solid #dce4ed;border-left:5px solid #d29a2f;border-radius:12px;background:#fff;color:#21354b;text-align:left;box-shadow:0 3px 10px #1b35520a}
.operations-row.critical{border-left-color:#cf3443}.operations-level{display:grid;place-items:center;min-height:34px;border-radius:8px;background:#fff2d9;color:#805500;font-size:11px;font-weight:900}.operations-row.critical .operations-level{background:#fff0f2;color:#a91f2e}
.operations-row-main{display:grid;gap:3px}.operations-row-main>small{color:#64758a;font-size:10px;font-weight:800}.operations-row-main>b{font-size:15px}.operations-row-main>strong{font-size:12px}.operations-row-main>em{overflow:hidden;color:#68778b;font-size:12px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.operations-row-meta{display:grid;gap:4px;color:#3d5065;font-size:11px;font-weight:800}.operations-row-meta small{color:#758195}.operations-open{color:#1768b3;font-size:12px;font-weight:900;text-align:right}
.operations-empty{display:grid;place-items:center;gap:5px;padding:38px;border:1px dashed #a8d5bf;border-radius:14px;background:#f5fcf8;color:#176d4b;text-align:center}.operations-empty span{font-size:27px}.operations-empty p{margin:0;color:#698878;font-size:12px}
@media(max-width:800px){
  .operations-page{gap:10px}.operations-hero{align-items:flex-start;padding:15px;border-radius:13px}.operations-hero h2{font-size:22px}.operations-hero p{font-size:12px;line-height:1.55}.operations-hero button{min-width:48px;padding:9px;font-size:0}.operations-hero button::after{content:"↻";font-size:22px}
  .operations-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.operations-summary article{padding:10px 8px;border-radius:10px}.operations-summary small{font-size:9px}.operations-summary b{font-size:20px}.operations-summary p{display:none}
  .operations-categories{display:flex;gap:7px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.operations-categories::-webkit-scrollbar{display:none}.operations-categories button{flex:0 0 136px;min-height:62px;padding:9px 10px}.operations-categories button b{font-size:17px}.operations-categories button small{font-size:9px}
  .operations-toolbar{align-items:stretch}.operations-toolbar label span{display:none}.operations-toolbar input{font-size:16px}.operations-toolbar button{padding:8px 10px;font-size:11px}
  .operations-list>header p{display:none}.operations-row{grid-template-columns:38px minmax(0,1fr) 32px;gap:9px;padding:11px 10px;border-left-width:4px}.operations-level{min-height:31px;font-size:9px}.operations-row-main>b{font-size:14px}.operations-row-main>strong{font-size:11px}.operations-row-main>em{font-size:11px}.operations-row-meta{grid-column:2;display:flex;flex-wrap:wrap;gap:4px 9px}.operations-open{grid-column:3;grid-row:1/3;font-size:0}.operations-open::after{content:"›";font-size:22px}
}