/* VMmanager 6 custom theme for WebVirtCloud */
:root{
  --wvc-sidebar-bg:#1f2733; --wvc-sidebar-bg2:#19202a; --wvc-sidebar-fg:#c7d0db;
  --wvc-sidebar-fg-muted:#8a94a3; --wvc-accent:#2f6fed; --wvc-accent-hover:#2559c7;
  --wvc-content-bg:#f5f6f8; --wvc-card-bg:#ffffff; --wvc-border:#e3e7ee;
  --wvc-text:#1f2733; --wvc-text-muted:#6b7686;
  --wvc-ok:#1fa971; --wvc-off:#9aa3af; --wvc-warn:#e0a106; --wvc-danger:#e0483d;
  --wvc-sidebar-w:232px;
}
body{background:var(--wvc-content-bg);color:var(--wvc-text);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;}
.wvc-layout{display:flex;min-height:100vh;}
.wvc-sidebar{width:var(--wvc-sidebar-w);flex:0 0 var(--wvc-sidebar-w);background:var(--wvc-sidebar-bg);color:var(--wvc-sidebar-fg);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;}
.wvc-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;}
.wvc-topbar{background:var(--wvc-card-bg);border-bottom:1px solid var(--wvc-border);padding:14px 24px;font-size:20px;font-weight:600;}
.wvc-content{padding:24px;max-width:none;}
.wvc-brand{display:flex;align-items:center;gap:10px;padding:18px;font-weight:700;font-size:18px;color:#fff;background:var(--wvc-sidebar-bg2);}
.wvc-nav{display:flex;flex-direction:column;padding:10px 0;flex:1 1 auto;overflow-y:auto;}
.wvc-nav-group{padding:14px 18px 6px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--wvc-sidebar-fg-muted);}
.wvc-nav-link{display:flex;align-items:center;gap:10px;padding:10px 18px;color:var(--wvc-sidebar-fg);text-decoration:none;font-size:14px;border-left:3px solid transparent;}
.wvc-nav-link:hover{background:rgba(255,255,255,.05);color:#fff;}
.wvc-nav-link.active{background:rgba(47,111,237,.15);color:#fff;border-left-color:var(--wvc-accent);}
.wvc-sidebar-footer{border-top:1px solid rgba(255,255,255,.07);padding:8px 0;}
a{color:var(--wvc-accent);}

/* Phase 2 Task 3: Component styling */
.card{background:var(--wvc-card-bg);border:1px solid var(--wvc-border);border-radius:10px;box-shadow:0 1px 2px rgba(16,24,40,.04);}
.card-header{background:transparent;border-bottom:1px solid var(--wvc-border);font-weight:600;}
.table{background:var(--wvc-card-bg);border-radius:10px;overflow:hidden;}
.table>thead th{background:#fafbfc;color:var(--wvc-text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--wvc-border);}
.table>tbody td{vertical-align:middle;border-color:var(--wvc-border);}
.btn{border-radius:8px;}
.btn-primary{background:var(--wvc-accent);border-color:var(--wvc-accent);}
.btn-primary:hover{background:var(--wvc-accent-hover);border-color:var(--wvc-accent-hover);}
.nav-pills .nav-link.active{background:var(--wvc-accent);}
.form-control,.form-select{border-radius:8px;border-color:var(--wvc-border);}
.wvc-status{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;vertical-align:middle;}
.wvc-status.run{background:var(--wvc-ok);} .wvc-status.off{background:var(--wvc-off);} .wvc-status.warn{background:var(--wvc-warn);}

/* fix: прибить сайдбар к окну, контент со сдвигом */
.wvc-layout{display:block;}
.wvc-sidebar{position:fixed;top:0;left:0;height:100vh;}
.wvc-main{margin-left:var(--wvc-sidebar-w);min-height:100vh;}

/* Phase 2 Task 4: Login page */
.wvc-login{display:flex;justify-content:center;align-items:center;min-height:75vh;}
.wvc-login-card{width:360px;padding:28px;}
.wvc-login-brand{font-size:22px;font-weight:700;text-align:center;margin-bottom:18px;}