/* OTTPROVIDERS Control V3.1 — Production operations */
:root{--v31-green:#22c55e;--v31-amber:#f59e0b;--v31-red:#ef4444;--v31-blue:#1677ff;--v31-purple:#7c3aed;--v31-ink:#10213e;--v31-muted:#71839d;--v31-line:#e3eaf4;--v31-soft:#f6f8fc;--v31-shadow:0 10px 32px rgba(15,38,72,.06)}
.v31-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:18px}.v31-hero .eyebrow{display:block;margin-bottom:5px;color:var(--v31-blue);font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.v31-hero h1{margin:0 0 5px;color:var(--v31-ink);font-size:29px;font-weight:860;letter-spacing:-.045em}.v31-hero p{margin:0;color:var(--v31-muted);font-size:12px}.v31-hero-actions{display:flex;gap:9px;flex-wrap:wrap}.v31-overall{min-width:180px;display:flex;align-items:center;gap:11px;padding:12px 15px;border:1px solid var(--v31-line);border-radius:14px;background:#fff;box-shadow:var(--v31-shadow)}.v31-overall>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;font-size:17px}.v31-overall span{display:flex;flex-direction:column}.v31-overall small{color:#8595aa;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.v31-overall strong{font-size:13px}.v31-overall.v31-ok>i{color:#0f9d55;background:#eafbf2}.v31-overall.v31-warning>i{color:#c87800;background:#fff6df}.v31-overall.v31-critical>i{color:#d92d3a;background:#fff0f2}
.v31-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.v31-health-card{position:relative;display:flex;align-items:center;gap:13px;min-height:106px;padding:16px;border:1px solid var(--v31-line);border-radius:15px;background:#fff;box-shadow:var(--v31-shadow);overflow:hidden}.v31-health-card:after{position:absolute;right:-28px;bottom:-50px;width:120px;height:120px;border-radius:50%;content:"";opacity:.35}.v31-health-icon{flex:0 0 43px;width:43px;height:43px;display:grid;place-items:center;border-radius:12px;font-size:18px;z-index:1}.v31-health-card>div{position:relative;z-index:1;min-width:0}.v31-health-card small{display:block;color:#8796aa;font-size:9px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.v31-health-card strong{display:block;margin:3px 0 2px;color:var(--v31-ink);font-size:14px}.v31-health-card p{margin:0;color:#74859c;font-size:10px}.v31-health-card.v31-ok .v31-health-icon{color:#109b55;background:#eafbf2}.v31-health-card.v31-ok:after{background:#baf1d3}.v31-health-card.v31-warning .v31-health-icon{color:#ca7900;background:#fff5db}.v31-health-card.v31-warning:after{background:#ffe0a0}.v31-health-card.v31-critical .v31-health-icon{color:#d83243;background:#fff0f2}.v31-health-card.v31-critical:after{background:#ffc7cf}.v31-health-card.v31-neutral .v31-health-icon{color:#6c7f99;background:#f0f3f7}.v31-health-card.v31-neutral:after{background:#dce4ed}
.v31-layout-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-bottom:14px}.v31-card{overflow:hidden;border:1px solid var(--v31-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--v31-shadow)!important}.v31-card .card-head{min-height:66px;padding:14px 16px!important;display:flex;align-items:center;justify-content:space-between;gap:12px}.v31-card .card-head h2{margin:0 0 3px;font-size:14px;font-weight:820}.v31-card .card-head p{margin:0;color:#7b8da5;font-size:10px}.v31-card .card-head>a{font-size:10px;font-weight:750}
.v31-check-list{display:grid;grid-template-columns:1fr 1fr;padding:8px 16px 16px}.v31-check-list>div{display:flex;align-items:center;gap:10px;min-height:55px;padding:9px;border-bottom:1px solid #edf1f6}.v31-check-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px}.v31-check-icon.is-ok{color:#0c9c54;background:#eafaf1}.v31-check-icon.is-bad{color:#da3342;background:#fff0f2}.v31-check-list strong,.v31-check-list small{display:block}.v31-check-list strong{color:var(--v31-ink);font-size:10px}.v31-check-list small{margin-top:2px;color:#7c8ca2;font-size:9px}
.v31-alert-list{max-height:390px;overflow:auto}.v31-alert-row{display:flex;gap:10px;padding:12px 15px;border-bottom:1px solid #edf1f6;color:inherit!important;text-decoration:none!important}.v31-alert-row>i{margin-top:3px}.v31-alert-row span{min-width:0;display:block}.v31-alert-row strong,.v31-alert-row small,.v31-alert-row em{display:block}.v31-alert-row strong{color:var(--v31-ink);font-size:10px}.v31-alert-row small{margin:2px 0;color:#75879e;font-size:9px;line-height:1.45}.v31-alert-row em{color:#9aa8ba;font-size:8px;font-style:normal}.v31-alert-row.is-unread{background:#f7faff}.v31-sev-critical>i{color:#e33545}.v31-sev-warning>i{color:#e88b17}.v31-empty{min-height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#8a9ab0}.v31-empty i{font-size:27px;color:#25b66d}.v31-empty strong{color:var(--v31-ink);font-size:12px}.v31-empty span{font-size:10px}.v31-empty.compact{min-height:90px}
.v31-backup-list,.v31-update-list{padding:7px 15px 15px}.v31-backup-list>div,.v31-update-list>div{min-height:53px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf1f6}.v31-backup-list>div>i{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#edf5ff;color:var(--v31-blue)}.v31-backup-list span:nth-child(2),.v31-update-list span:nth-child(2){min-width:0;flex:1}.v31-backup-list strong,.v31-backup-list small,.v31-update-list strong,.v31-update-list small{display:block}.v31-backup-list strong,.v31-update-list strong{font-size:9px;color:var(--v31-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v31-backup-list small,.v31-update-list small{margin-top:2px;font-size:8px;color:#8797ac}.v31-update-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px}.v31-update-icon.is-ok{color:#15985a;background:#eafaf2}.v31-update-icon.is-bad{color:#da3443;background:#fff0f2}.v31-update-list em{color:#8495ab;font-size:8px;font-style:normal}
.v31-ops-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:14px}.v31-ops-kpis article{display:flex;align-items:center;gap:11px;min-height:78px;padding:13px 15px;border:1px solid var(--v31-line);border-radius:14px;background:#fff;box-shadow:0 7px 22px rgba(15,38,72,.04)}.v31-ops-kpis i{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#edf5ff;color:var(--v31-blue)}.v31-ops-kpis span{display:flex;min-width:0;flex-direction:column}.v31-ops-kpis small{color:#8494a9;font-size:8px;text-transform:uppercase;font-weight:750}.v31-ops-kpis strong{margin-top:3px;color:var(--v31-ink);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v31-settings-form{align-items:start}.v31-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:15px}.v31-form-grid label{display:flex;flex-direction:column;gap:6px;margin:0}.v31-form-grid label.span-2{grid-column:1/-1}.v31-form-grid label>span{color:#51647e;font-size:9px;font-weight:750}.v31-form-grid input,.v31-form-grid select,.v31-form-grid textarea{width:100%;min-height:39px;padding:8px 10px;border:1px solid #dce5ef;border-radius:10px;background:#fbfcfe;color:var(--v31-ink);font-size:10px}.v31-form-grid textarea{min-height:86px;resize:vertical}.v31-command{margin:0 15px 15px;padding:12px;border:1px solid #dae6f5;border-radius:11px;background:#f7faff}.v31-command span,.v31-command code,.v31-command small{display:block}.v31-command span{margin-bottom:6px;color:#58708d;font-size:8px;font-weight:800;text-transform:uppercase}.v31-command code{overflow:auto;color:#163d70;font-size:9px;white-space:nowrap}.v31-command small{margin-top:6px;color:#8192a8;font-size:8px}.v31-actions-card{min-height:160px}.v31-action-stack{padding:15px}.v31-action-bar{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 14px}.v31-action-bar form{margin:0}.v31-row-note{display:block;margin-top:3px;color:#8a9aaf;font-size:8px;max-width:430px;white-space:normal}.v31-row-note.error{color:#cc4150}
.v31-log-tabs{display:flex;gap:6px;margin-bottom:12px;padding:5px;border:1px solid var(--v31-line);border-radius:12px;background:#fff;box-shadow:0 5px 16px rgba(15,38,72,.03)}.v31-log-tabs a{padding:8px 12px;border-radius:8px;color:#62758f;font-size:10px;font-weight:750}.v31-log-tabs a:hover,.v31-log-tabs a.active{background:#edf5ff;color:var(--v31-blue)}.v31-log-filter{display:flex;gap:8px;align-items:center;padding:13px 15px;border-bottom:1px solid #edf1f6}.v31-log-filter>label{position:relative;display:block;flex:1;margin:0}.v31-log-filter>label i{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#91a0b4;font-size:10px}.v31-log-filter input{width:100%;height:38px;padding:8px 10px 8px 31px;border:1px solid #dce5ef;border-radius:10px;background:#fbfcfe;font-size:10px}.v31-log-filter select{height:38px;min-width:155px;border:1px solid #dce5ef;border-radius:10px;background:#fff;font-size:10px}.v31-log-level{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:800;text-transform:uppercase}.v31-level-error,.v31-level-failed{background:#fff0f2;color:#c93041}.v31-level-warning,.v31-level-pending,.v31-level-queued{background:#fff7df;color:#a76700}.v31-level-success,.v31-level-sent{background:#eafaf1;color:#128b50}.v31-level-info{background:#edf5ff;color:#1766c6}
.v31-system-nav{margin-top:2px!important}.v31-admin-alert-center{position:relative}.v31-admin-alert-count{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border:2px solid #fff;border-radius:999px;background:#ef4057;color:#fff;font-size:8px;font-weight:900}.v31-admin-alert-menu{position:absolute;top:49px;right:0;z-index:1200;width:min(370px,calc(100vw - 28px));overflow:hidden;border:1px solid #dce5ef;border-radius:14px;background:#fff;box-shadow:0 22px 60px rgba(8,26,52,.18)}.v31-admin-alert-menu[hidden]{display:none!important}.v31-admin-alert-menu header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #edf1f6}.v31-admin-alert-menu header strong{font-size:11px}.v31-admin-alert-menu header small{color:#7d8da3;font-size:8px}.v31-admin-alert-items a{display:flex;gap:10px;padding:11px 13px;border-bottom:1px solid #edf1f6;color:inherit;text-decoration:none}.v31-admin-alert-items i{margin-top:3px;color:#ed8b16}.v31-admin-alert-items strong,.v31-admin-alert-items small{display:block}.v31-admin-alert-items strong{font-size:9px;color:var(--v31-ink)}.v31-admin-alert-items small{margin-top:2px;color:#7c8da4;font-size:8px;line-height:1.4}.v31-admin-alert-menu footer{padding:9px 12px;text-align:center}.v31-admin-alert-menu footer a{font-size:9px;font-weight:750}
@media(max-width:1100px){.v31-health-grid{grid-template-columns:repeat(2,1fr)}.v31-ops-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.v31-hero{align-items:flex-start;flex-direction:column}.v31-overall{width:100%}.v31-layout-two{grid-template-columns:1fr}.v31-check-list{grid-template-columns:1fr}.v31-log-filter{align-items:stretch;flex-direction:column}.v31-log-filter select{width:100%}.v31-form-grid{grid-template-columns:1fr}.v31-form-grid label.span-2{grid-column:auto}}
@media(max-width:560px){.v31-health-grid,.v31-ops-kpis{grid-template-columns:1fr}.v31-hero h1{font-size:25px}.v31-action-bar{display:grid}.v31-action-bar .btn{width:100%}}