.control-panel .control-tabs.has-ops{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));max-width:1280px}.ops-page{color:#e9f8fc}.ops-page[hidden],.ops-card[hidden]{display:none!important}.ops-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 18px;padding:27px 32px;border:1px solid #40798d;border-radius:25px;background:radial-gradient(circle at 80% 15%,#307c8659,transparent 38%),linear-gradient(120deg,#092333,#123f50);box-shadow:0 18px 42px #082b3a24}.ops-hero span,.ops-card-head span{font-size:10px;font-weight:900;letter-spacing:.16em;color:#8bdedb}.ops-hero h2{margin:7px 0;font-size:29px}.ops-hero p,.ops-card-head p{margin:0;color:#a7c8d0;font-size:13px}.ops-live-dot{width:18px;height:18px;border-radius:50%;background:#65e2bb;box-shadow:0 0 0 8px #65e2bb20,0 0 27px #65e2bb;animation:ops-pulse 2.5s ease-in-out infinite}@keyframes ops-pulse{50%{box-shadow:0 0 0 14px #65e2bb10,0 0 35px #65e2bb}}
.ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ops-card{min-width:0;padding:24px;border:1px solid #356d7f;border-radius:23px;background:radial-gradient(circle at 95% 0,#256f8550,transparent 35%),linear-gradient(155deg,#0a2738,#0e3548);box-shadow:0 18px 35px #051d2921}.ops-card-wide{grid-column:1/-1}.ops-card-head{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:20px}.ops-card-head h3{margin:7px 0;font-size:22px}.ops-card-head button,.ops-filter button,.ops-more,.ops-event-filters button{border:1px solid #448496;border-radius:11px;background:#153f51;color:#d8f7f5;padding:9px 13px;cursor:pointer;font-weight:750}.ops-card-head button:hover,.ops-filter button:hover,.ops-more:hover,.ops-event-filters button:hover{background:#226979}.ops-filter{display:grid;grid-template-columns:minmax(100px,1fr) 145px auto;gap:8px;margin-bottom:12px}.ops-filter input,.ops-filter select,.ops-dialog input,.ops-dialog textarea{min-width:0;border:1px solid #497c8a;border-radius:10px;background:#0c2f40;color:#eefcfc;padding:10px 12px;font:inherit}.ops-list{display:grid;gap:8px;max-height:510px;overflow:auto;scrollbar-color:#4d8495 transparent}.ops-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 14px;border:1px solid #37667a;border-radius:12px;background:#ffffff08}.ops-row>div{min-width:0}.ops-row strong,.ops-row small{display:block;overflow-wrap:anywhere}.ops-row strong{font-size:13px}.ops-row small{font-size:11px;color:#a0c0ca;margin-top:4px}.ops-row>span{flex:0 0 auto;text-align:right;color:#8fd5d3;font-size:11px}.ops-row.is-error,.ops-row.level-error{border-color:#c77670}.ops-row.is-error>span{color:#ffb6a8}.ops-row.is-success{border-left:3px solid #64d9b2}.ops-row.source-order{border-left:3px solid #f6bd6e}.ops-row.source-player{border-left:3px solid #67c5f2}.ops-row.source-support{border-left:3px solid #b7a3ec}.ops-row.source-admin{border-left:3px solid #70dfc2}.ops-note{margin:12px 0 0;color:#94bdc8;font-size:11px;line-height:1.5}.ops-note.is-error{color:#ffc0a9}.ops-empty{color:#a8cad1;padding:20px;text-align:center}.ops-more{margin-top:12px;width:100%}.ops-event-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.ops-event-filters button{font-size:11px}.ops-event-filters button.active{background:#47bdad;color:#062b36;border-color:#64ead4}.ops-server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.ops-server{padding:20px;border:1px solid #4c8393;border-radius:17px;background:#0b3042}.ops-server.is-ready{box-shadow:inset 0 0 35px #41cba819}.ops-server.is-off{border-color:#a96f6b}.ops-server-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.ops-server-head strong{font-size:17px}.ops-server-head span{padding:6px 9px;border-radius:30px;background:#52d5a928;color:#8beac8;font-size:10px;font-weight:900}.ops-server.is-off .ops-server-head span{background:#f3a58820;color:#ffbba7}.ops-server>small{display:block;margin:6px 0 17px;color:#a3c4cb}.ops-server-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ops-server-stats .ops-row{padding:8px}.ops-server-stats .ops-row strong{font-size:11px}.ops-server-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.ops-server-actions button{border:1px solid #4ca598;border-radius:10px;background:#146d6b;color:#fff;padding:10px 13px;cursor:pointer;font-weight:800}.ops-server-actions button.stop{border-color:#c2766b;background:#6f3839}.ops-server-actions button:disabled{opacity:.35;cursor:not-allowed}.ops-dialog{border:1px solid #6da8ad;border-radius:19px;background:#0a2838;color:#eaf9fa;width:min(440px,calc(100% - 32px));box-shadow:0 30px 100px #001922}.ops-dialog::backdrop{background:#03131cbb}.ops-dialog form{display:grid;gap:15px}.ops-dialog h3{margin:0}.ops-dialog p{margin:0;color:#a9c6cd}.ops-dialog label{display:grid;gap:6px;font-size:12px;font-weight:800}.ops-dialog textarea{min-height:80px;resize:vertical}.ops-dialog form>div{display:flex;gap:9px;justify-content:flex-end}.ops-dialog button{border:1px solid #62c8b6;background:#168c80;color:#fff;border-radius:9px;padding:10px 14px;cursor:pointer}.ops-dialog button[data-cancel]{background:#173b4a;border-color:#577987}@media(max-width:1000px){.ops-grid,.ops-server-grid{grid-template-columns:1fr}}@media(max-width:600px){.ops-card,.ops-hero{padding:18px}.ops-card-head{display:block}.ops-card-head button{margin-top:10px}.ops-filter{grid-template-columns:1fr}.ops-row{align-items:start}.ops-row>span{max-width:36%}}@media(max-width:960px){.control-panel .control-tabs.has-ops{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.control-panel .control-tabs.has-ops{grid-template-columns:1fr}}

/* Balanced operations navigation: four cards per row on wide screens. */
.control-panel .control-tabs.has-ops{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1280px}
@media(max-width:1050px){.control-panel .control-tabs.has-ops{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.control-panel .control-tabs.has-ops{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.control-panel .control-tabs.has-ops{grid-template-columns:minmax(0,1fr)}}
