.ops-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.ops-tabs{display:flex;gap:4px;padding:4px;max-width:100%;overflow:auto;scrollbar-width:none}.ops-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;padding:10px 13px;min-height:40px;font-size:13px}.ops-tabs svg,.ops-toolbar svg,.ops-service-row>svg{width:18px;height:18px;flex-shrink:0}.ops-draft{color:var(--muted);font-size:12px;white-space:nowrap}.ops-body{min-height:180px;min-width:0}.ops-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.ops-toolbar h2{font-size:15px;font-weight:600;margin:0 auto 0 0}.ops-toolbar>span{color:var(--muted);font-size:11px}.ops-loading,.ops-error{display:flex;align-items:center;gap:10px;padding:22px 0;font-size:13px;color:var(--muted)}.ops-loading svg,.ops-error svg{width:18px;height:18px}.ops-loading svg{animation:ops-spin 1s linear infinite}.ops-error{color:#c55757}.ops-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ops-health-item{padding:20px 16px;min-width:0;border-bottom:1px solid var(--line)}.ops-health-item>div:first-child{display:flex;gap:9px;align-items:center;margin-bottom:12px}.ops-health-item svg{width:17px;height:17px;color:var(--accent)}.ops-health-item strong{font-size:13px;font-weight:500}.ops-health-item small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:7px;overflow-wrap:anywhere}.ops-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:1.4;color:var(--muted)}.ops-status:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.ops-status[data-state=ok],.ops-status[data-state=ready]{color:#299c7b}.ops-status[data-state=failed],.ops-warning{color:#cf5a64}.ops-status[data-state=warning],.ops-status[data-state=permission],.ops-status[data-state=auth]{color:#b99742}.ops-worker-line{font-size:12px;color:var(--muted);padding:16px 0;line-height:1.8}.ops-section-title{font-size:15px;margin:20px 0 14px}.ops-events{padding:0;margin:0;list-style:none}.ops-events li{display:grid;grid-template-columns:155px 50px minmax(0,1fr) auto;align-items:start;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px;min-width:0}.ops-events time,.ops-events small{font-size:11px;color:var(--muted)}.ops-events small{max-width:190px;overflow-wrap:anywhere}.ops-event-text{overflow-wrap:anywhere}.ops-policy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ops-policy-grid label,.ops-dialog-grid label{display:grid;gap:8px;font-size:12px;color:var(--muted);min-width:0}.ops-policy-grid input,.ops-dialog-grid select{width:100%;min-width:0}.ops-enable{font-size:12px;display:flex;gap:9px;align-items:center}.ops-config-section{padding-top:24px;margin-top:24px;border-top:1px solid var(--line)}.ops-service-row{display:grid;grid-template-columns:20px minmax(0,1fr) 44px 34px 34px;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);min-width:0}.ops-service-row strong{display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere}.ops-service-row small{display:block;font-size:11px;color:var(--muted);margin-top:6px}.ops-service-row .icon-button{width:34px;height:34px}.ops-rules-table td:first-child,.ops-rules-table th:first-child{width:auto;max-width:230px;overflow-wrap:anywhere;white-space:normal}.ops-rules-table td{font-size:12px}.ops-save-toolbar{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;align-items:center;padding-top:22px;border-top:1px solid var(--line)}.ops-save-toolbar>div{display:flex;gap:6px;margin-right:auto}.ops-save-error{margin:18px 0;min-height:16px}.ops-dialog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ops-preview-summary{font-size:13px;line-height:2;margin-bottom:20px}.ops-preview-list{padding:0;list-style:none;max-height:280px;overflow:auto;margin-bottom:20px}.ops-preview-list li{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.ops-preview-list small{display:block;font-size:11px;color:var(--muted);overflow-wrap:anywhere;margin-top:6px}.ops-links-table small{display:block;color:var(--muted);font-size:11px;margin-top:6px;line-height:1.6;overflow-wrap:anywhere}.ops-links-table td:nth-child(2){max-width:220px;min-width:160px;white-space:normal}.ops-links-table td:nth-child(3){max-width:210px;white-space:normal}.ops-warning{display:block;font-size:11px;margin-top:6px}.ops-release-row{border-top:1px solid var(--line);padding:22px 0;min-width:0}.ops-release-row>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.ops-release-row strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}.ops-release-row time{font-size:11px;color:var(--muted);margin-left:auto}.ops-release-row>small{display:block;font-size:12px;color:var(--muted);line-height:1.8;margin:6px 0}.ops-backup-path{overflow-wrap:anywhere}.ops-release-row>button{margin-top:10px}.ops-hash-list{max-height:50svh;overflow:auto}.ops-hash-list>div{padding:14px 0;border-top:1px solid var(--line);min-width:0}.ops-hash-list strong{font-size:12px;display:inline-block;margin-right:10px;overflow-wrap:anywhere}.ops-hash-list small{display:block;font:10px/1.8 Consolas,monospace;color:var(--muted);overflow-wrap:anywhere;margin-top:7px}
@keyframes ops-spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.ops-policy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-events li{grid-template-columns:145px 45px minmax(0,1fr)}.ops-events small{grid-column:3}.ops-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ops-header{display:block;position:relative}.ops-tabs{width:100%;margin-bottom:10px}.ops-tabs button{padding:10px;font-size:12px;gap:5px;flex:1}.ops-draft{display:block;min-height:16px}.ops-events li{grid-template-columns:1fr auto;gap:7px}.ops-event-text{grid-column:1/3}.ops-events small{grid-column:1/3}.ops-health-item{padding:16px 8px}.ops-service-row{grid-template-columns:18px minmax(0,1fr) 44px 30px 30px;gap:7px}.ops-service-row .icon-button{width:30px;height:30px}.ops-toolbar{gap:8px}.ops-release-row time{margin-left:0}.ops-save-toolbar{gap:8px}.ops-save-toolbar>div{width:100%}.ops-dialog-grid{grid-template-columns:1fr}}
@media(max-width:350px){.ops-tabs button{padding:9px 7px;gap:4px;font-size:11px}.ops-tabs svg{width:15px;height:15px}.ops-service-row{grid-template-columns:minmax(0,1fr) 44px 30px 30px}.ops-service-row>svg{display:none}}
@media(prefers-reduced-motion:reduce){.ops-loading svg{animation:none}}