.ops-tabs{display:flex;gap:5px;overflow-x:auto;margin:0 0 16px;padding-bottom:7px}.ops-tabs button{white-space:nowrap;flex:0 0 auto}.ops-tabs .active{background:#285b3c;color:#ffe692;border-color:#8d9c64}
.ops-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:12px;margin:16px 0;padding:16px;border:1px solid #3f5746;border-radius:6px;background:#172c20}.ops-filters .field{margin:0;min-width:0}.ops-filters input,.ops-filters select{width:100%;min-width:0}.ops-filters>button{min-height:40px}
.ops-content{padding:20px;min-width:0}.ops-content>h2{margin:24px 0 13px;font-size:16px}.ops-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 18px}.ops-metrics article{padding:15px;background:#263e2e;border:1px solid #45634a;border-radius:5px;min-width:0}.ops-metrics span{display:block;font-size:11px;color:#b5cbbb;line-height:1.5}.ops-metrics strong{display:block;font-size:21px;margin-top:8px;color:#f5df8b;overflow-wrap:anywhere}
.ops-table{width:100%;font-size:12px}.ops-table td{vertical-align:top;overflow-wrap:anywhere}.ops-table small{display:block;margin-top:5px;color:#a6bdad;white-space:normal}.ops-table button{font-size:11px;max-width:100%;overflow-wrap:anywhere;white-space:normal}.ops-empty{padding:20px;color:#b0c3b6}.ops-note{padding:12px;border-left:2px solid #8caa84;color:#b9cbbd;line-height:1.65;font-size:11px}.ops-warning{border-color:#e2b865;color:#efd797}.ops-editor{padding:14px;background:#12251a;border:1px solid #46674c;border-radius:5px}.ops-editor summary{cursor:pointer;color:#eadb9c}.ops-editor>p{font-size:11px;line-height:1.7;color:#aec2b1}.ops-case{padding:17px;margin:12px 0;border:1px solid #45614c;border-radius:5px;background:#223b2a;overflow-wrap:anywhere}.ops-case header{display:flex;justify-content:space-between;gap:15px}.ops-case p{font-size:12px;line-height:1.7}.ops-case small{display:block;font-size:10px;color:#b4c9b8;line-height:1.6;margin-bottom:8px}.ops-case header span{font-size:10px;color:#a8beae}.ops-pages{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;font-size:11px}.ops-builder{padding:16px;border:1px solid #8a8250;border-radius:5px;margin-top:20px;color:#c9d1ba}.ops-builder h2{font-size:15px}.ops-builder p{font-size:12px;line-height:1.7}.ops-digest{font-size:10px;overflow-wrap:anywhere;color:#a7bead;line-height:1.8}.ops-secret{padding:18px;background:#102218;border:1px solid #71865e;overflow-wrap:anywhere;letter-spacing:1px;user-select:all}.ops-recovery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px;background:#102218;user-select:all}.ops-recovery code{overflow-wrap:anywhere;font-size:12px}
#mfa-login-field[hidden]{display:none}
@media(max-width:660px){.ops-tabs{margin:0 12px 12px}.ops-filters{margin:12px;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:10px}.ops-filters>button{grid-column:1/-1}.ops-filters label{font-size:10px}.ops-content{padding:13px;margin:12px}.ops-content .tablewrap{max-width:100%;overflow-x:auto}.ops-table{min-width:480px}.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ops-metrics article{padding:12px}.ops-metrics strong{font-size:18px}.ops-case header{flex-direction:column;gap:5px}.ops-editor .ops-filters{margin:12px 0}.ops-content .ops-note{font-size:11px}.ops-recovery{padding:10px;gap:10px}.ops-pages button{padding:9px}.ops-content>h2{line-height:1.5}}
@media(max-width:340px){.ops-metrics strong{font-size:15px}.ops-filters{grid-template-columns:minmax(0,1fr)}}

@media(min-width:341px) and (max-width:660px){#ops-filter-form:has(>.field):not(:has(>.field~.field)){grid-template-columns:minmax(0,1fr) auto}#ops-filter-form:has(>.field):not(:has(>.field~.field))>button{grid-column:auto;min-width:82px}}
