/* Components */
.vr-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:10px 16px;font-weight:800;font-size:14px;line-height:1.2;min-height:42px;transition:.18s ease;cursor:pointer}.vr-button--primary{background:var(--vr-color-primary);color:#fff;box-shadow:0 10px 24px rgba(79,70,229,.24)}.vr-button--primary:hover{background:var(--vr-color-primary-hover);color:#fff;transform:translateY(-1px)}.vr-button--secondary{background:#fff;border-color:var(--vr-color-border);color:var(--vr-color-text)}.vr-button--secondary:hover{border-color:var(--vr-color-primary);color:var(--vr-color-primary)}.vr-button--ghost{background:transparent;color:var(--vr-color-muted)}.vr-button--ghost:hover{background:var(--vr-color-surface-muted);color:var(--vr-color-text)}.vr-button--danger{background:#FEF2F2;color:var(--vr-color-error);border-color:#FECACA}.vr-button--danger:hover{background:#FEE2E2;color:#991B1B}.vr-button:disabled,.vr-button.is-disabled{opacity:.55;pointer-events:none}.vr-card{background:#fff;border:1px solid var(--vr-color-border);border-radius:var(--vr-radius-card);box-shadow:var(--vr-shadow-soft);padding:24px}.vr-card--flat{box-shadow:none}.vr-card--dark{background:#0F172A;color:#fff;border-color:#1E293B}.vr-grid{display:grid;gap:20px}.vr-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.vr-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.vr-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.vr-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#F1F5F9;color:#475569;font-weight:750;font-size:12px;padding:6px 10px}.vr-badge--primary{background:#EEF2FF;color:#4338CA}.vr-badge--accent{background:#ECFEFF;color:#0E7490}.vr-badge--success{background:#DCFCE7;color:#166534}.vr-badge--warning{background:#FEF3C7;color:#92400E}.vr-badge--danger{background:#FEE2E2;color:#991B1B}.vr-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;border-radius:999px;padding:6px 10px;background:#F1F5F9;color:#475569}.vr-status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.vr-status--success{background:#DCFCE7;color:#166534}.vr-status--warning{background:#FEF3C7;color:#92400E}.vr-status--error{background:#FEE2E2;color:#991B1B}.vr-status--info{background:#DBEAFE;color:#1D4ED8}.vr-status--draft{background:#F1F5F9;color:#64748B}.vr-status--blocked{background:#FEE2E2;color:#7F1D1D}.vr-status--archived{background:#E2E8F0;color:#334155}.vr-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.vr-form-group{display:grid;gap:8px;margin-bottom:16px}.vr-label{font-weight:800;font-size:14px}.vr-help{font-size:13px;color:var(--vr-color-muted)}.vr-input,.vr-select,.vr-textarea{width:100%;border:1px solid var(--vr-color-border);border-radius:12px;background:#fff;color:var(--vr-color-text);padding:11px 13px;min-height:46px;outline:none;transition:.15s ease}.vr-textarea{min-height:120px;resize:vertical}.vr-input:focus,.vr-select:focus,.vr-textarea:focus{border-color:var(--vr-color-primary);box-shadow:0 0 0 4px rgba(79,70,229,.12)}.vr-input.is-invalid,.vr-select.is-invalid,.vr-textarea.is-invalid{border-color:var(--vr-color-error);box-shadow:0 0 0 4px rgba(220,38,38,.1)}.vr-field-error{display:none;color:var(--vr-color-error);font-size:13px}.is-invalid~.vr-field-error,.vr-form-group.is-invalid .vr-field-error{display:block}.vr-check{display:flex;gap:10px;align-items:flex-start}.vr-check input{margin-top:4px}.vr-toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.vr-toggle input{position:absolute;opacity:0}.vr-toggle__ui{width:48px;height:28px;border-radius:999px;background:#CBD5E1;position:relative;transition:.18s ease;flex:0 0 auto}.vr-toggle__ui:before{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:.18s ease}.vr-toggle input:checked+.vr-toggle__ui{background:var(--vr-color-primary)}.vr-toggle input:checked+.vr-toggle__ui:before{transform:translateX(20px)}.vr-progress{height:10px;background:#E2E8F0;border-radius:999px;overflow:hidden}.vr-progress__bar{height:100%;background:linear-gradient(90deg,var(--vr-color-primary),var(--vr-color-accent));border-radius:999px;transition:width .3s ease}.vr-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.vr-tab{border:1px solid var(--vr-color-border);background:#fff;border-radius:999px;padding:9px 13px;font-weight:800;font-size:13px;color:var(--vr-color-muted);cursor:pointer}.vr-tab.is-active{background:#EEF2FF;color:var(--vr-color-primary);border-color:#C7D2FE}.vr-state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.vr-state-card{border:1px dashed #CBD5E1;background:#fff;border-radius:16px;padding:16px;min-height:120px}.vr-state-card h4{font-size:15px;margin:0 0 8px}.vr-skeleton{position:relative;overflow:hidden;background:#E2E8F0;border-radius:12px}.vr-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:vr-shimmer 1.3s infinite}@keyframes vr-shimmer{100%{transform:translateX(100%)}}.vr-empty{display:grid;place-items:center;text-align:center;padding:28px;border:1px dashed #CBD5E1;border-radius:18px;background:#F8FAFC}.vr-empty img{width:160px;margin-bottom:14px}.vr-toast-stack{position:fixed;right:18px;bottom:18px;z-index:1100;display:grid;gap:10px}.vr-toast{background:#0F172A;color:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 18px 48px rgba(15,23,42,.24);max-width:340px}.vr-profile-card{display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:start}.vr-profile-card__avatar{width:92px;height:92px;border-radius:24px;object-fit:cover;background:#E2E8F0}.vr-profile-card__name{font-size:18px;font-weight:900;margin:0 0 4px}.vr-profile-card__meta{font-size:13px;color:var(--vr-color-muted);margin-bottom:10px}.vr-profile-card__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.vr-demo-card{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;border:1px solid var(--vr-color-border);border-radius:16px;padding:12px;background:#fff}.vr-demo-card img{height:74px;width:120px;border-radius:12px;object-fit:cover}.vr-kpi{display:grid;gap:4px}.vr-kpi__value{font-size:32px;line-height:1;font-weight:950;letter-spacing:-.04em}.vr-kpi__label{font-size:13px;color:var(--vr-color-muted);font-weight:700}.vr-table-wrap{overflow:auto;border:1px solid var(--vr-color-border);border-radius:18px;background:#fff}.vr-table{width:100%;border-collapse:collapse;min-width:760px}.vr-table th,.vr-table td{padding:14px 16px;border-bottom:1px solid var(--vr-color-border);vertical-align:middle}.vr-table th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--vr-color-muted);background:#F8FAFC}.vr-table tr:last-child td{border-bottom:0}.vr-filter-panel{background:#fff;border:1px solid var(--vr-color-border);border-radius:18px;padding:18px;box-shadow:var(--vr-shadow-soft)}.vr-filter-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.vr-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--vr-color-border);background:#fff;border-radius:999px;padding:7px 10px;font-weight:750;font-size:12px}.vr-chip button{border:0;background:transparent;color:var(--vr-color-muted);padding:0;line-height:1;cursor:pointer}.vr-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.55);display:none;align-items:center;justify-content:center;z-index:1000;padding:20px}.vr-modal-backdrop.is-open{display:flex}.vr-modal{background:#fff;border-radius:20px;box-shadow:0 24px 80px rgba(15,23,42,.32);width:min(520px,100%);padding:24px}.vr-modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.vr-danger-zone{border-color:#FECACA;background:#FFFBFB}.vr-alert{padding:14px 16px;border-radius:14px;border:1px solid var(--vr-color-border);background:#fff}.vr-alert--info{background:#EFF6FF;border-color:#BFDBFE;color:#1D4ED8}.vr-alert--warning{background:#FFFBEB;border-color:#FDE68A;color:#92400E}.vr-alert--success{background:#F0FDF4;border-color:#BBF7D0;color:#166534}.vr-alert--error{background:#FEF2F2;border-color:#FECACA;color:#991B1B}

/* P0 v3: richer states, contacts, LK pages */
.vr-state-stage{margin-top:18px}.vr-state-card--wide{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center;min-height:120px}.vr-state-avatar{width:72px;height:72px;border-radius:22px}.vr-state-stack{display:grid;gap:10px}.vr-state-demo-line{height:12px;border-radius:999px}.is-muted{opacity:.72}.vr-contact-card{border:1px solid var(--vr-color-border);border-radius:18px;background:#fff;padding:18px}.vr-contact-list{display:grid;gap:10px}.vr-contact-row{display:grid;grid-template-columns:120px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--vr-color-border);border-radius:14px;background:#F8FAFC}.vr-contact-row code{white-space:normal;color:#0F172A}.vr-contact-row.is-locked{opacity:.78;background:#F1F5F9}.vr-contact-row.is-locked code{color:#94A3B8}.vr-media-builder{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.vr-media-list{display:grid;gap:14px}.vr-media-card{display:grid;grid-template-columns:130px 1fr auto;gap:14px;align-items:center;border:1px solid var(--vr-color-border);border-radius:18px;background:#fff;padding:14px}.vr-media-card img{width:130px;height:80px;object-fit:cover;border-radius:14px}.vr-invite-card{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;border:1px solid var(--vr-color-border);border-radius:18px;background:#fff;padding:18px}.vr-invite-card--urgent{border-color:#FDE68A;background:#FFFBEB}.vr-account-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.vr-right-stack{display:grid;gap:16px}.vr-inline-actions{display:flex;gap:8px;flex-wrap:wrap}.vr-state-note{border-left:4px solid var(--vr-color-accent);padding:10px 12px;background:#ECFEFF;border-radius:0 12px 12px 0}.vr-hidden{display:none!important}@media (max-width: 991.98px){.vr-media-builder,.vr-account-grid{grid-template-columns:1fr}.vr-media-card{grid-template-columns:96px 1fr}.vr-media-card .vr-inline-actions{grid-column:1/-1}.vr-contact-row{grid-template-columns:1fr}.vr-state-card--wide{grid-template-columns:1fr}.vr-state-avatar{width:100%;height:54px}}


/* P0 v4 normalization */
.vr-button--lk{font-weight:900}
.vr-lk-container{width:min(1440px,calc(100% - 32px));margin:0 auto}
.vr-shell.vr-lk-container{grid-template-columns:260px minmax(0,1fr)}
.vr-workspace{width:100%;max-width:none}
.vr-lk-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:end}
.vr-settings-note{border:1px solid var(--vr-color-border);border-radius:16px;background:#F8FAFC;padding:14px}
.vr-profile-public-grid .vr-demo-card:not(.vr-locked){border-color:#C7D2FE;background:#F8FAFF}
@media (max-width: 991.98px){.vr-shell.vr-lk-container{grid-template-columns:1fr}.vr-sidebar{position:static}.vr-header__actions .vr-button--ghost{display:none}}


/* VoiceRoom P0 v5 refinements */
[data-prototype-only] { position: relative; }
[data-prototype-only]::after { content: "proto"; display: inline-flex; margin-left: 6px; padding: 1px 5px; border-radius: 999px; font-size: 10px; font-weight: 700; background: rgba(79,70,229,.10); color: var(--vr-color-primary); vertical-align: middle; }
.vr-header--auth { background: #0f172a; border-bottom-color: rgba(255,255,255,.08); color: #fff; }
.vr-header--auth .vr-logo__name, .vr-header--auth .vr-logo__tagline, .vr-header--auth a { color: #fff; }
.vr-header--auth .vr-header__nav a { color: rgba(255,255,255,.78); }
.vr-header--auth .vr-header__nav a:hover { color: #fff; }
.vr-user-chip { display: inline-flex; align-items: center; gap: 10px; color: #fff; padding: 6px 10px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; }
.vr-user-chip__avatar { width: 28px; height: 28px; border-radius: 50%; background: #4f46e5; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800; }
.vr-notify { position: relative; width: 40px; height: 40px; border-radius: 999px; border: 1px solid rgba(255,255,255,.16); color: #fff; background: rgba(255,255,255,.06); display: inline-flex; align-items: center; justify-content: center; }
.vr-notify::after { content: "3"; position: absolute; top: -4px; right: -4px; min-width: 18px; height: 18px; border-radius: 999px; background: #dc2626; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; }
.vr-lk-container { max-width: 1440px; margin-inline: auto; padding-inline: 24px; width: 100%; }
.vr-shell { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 24px; align-items: start; }
.vr-lk-main { min-width: 0; width: 100%; }
.vr-lk-sidebar { position: sticky; top: 96px; border-radius: 18px; border: 1px solid var(--vr-color-border); background: #fff; padding: 16px; }
.vr-lk-sidebar__title { font-size: 12px; font-weight: 800; color: var(--vr-color-muted); text-transform: uppercase; letter-spacing: .08em; margin: 8px 10px 10px; }
.vr-lk-sidebar a { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--vr-color-text); text-decoration: none; padding: 10px 12px; border-radius: 12px; margin-bottom: 4px; }
.vr-lk-sidebar a:hover, .vr-lk-sidebar a.is-active { background: #eef2ff; color: var(--vr-color-primary); }
.vr-lk-hero { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 24px; align-items: stretch; }
.vr-action-priority { border: 1px solid rgba(79,70,229,.25); background: linear-gradient(135deg,#eef2ff,#fff); }
.vr-action-row { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.vr-form-actions { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; padding-top: 16px; border-top: 1px solid var(--vr-color-border); }
.vr-action-note { color: var(--vr-color-muted); font-size: 14px; }
.vr-filter-toolbar { display: grid; grid-template-columns: minmax(220px, 1fr) repeat(3, minmax(150px, 200px)) auto; gap: 12px; align-items: end; }
.vr-filter-count { display: inline-flex; align-items: center; min-width: 24px; height: 24px; justify-content: center; border-radius: 999px; background: #eef2ff; color: var(--vr-color-primary); font-weight: 800; font-size: 12px; }
.vr-profile-card__avatar { object-fit: cover; }
.vr-demo-player { border: 1px solid var(--vr-color-border); border-radius: 18px; padding: 16px; background: #f8fafc; }
.vr-demo-player__bar { height: 56px; border-radius: 14px; background: linear-gradient(90deg,rgba(6,182,212,.16),rgba(79,70,229,.16)); display:flex; align-items:center; gap:6px; padding:0 16px; }
.vr-wave-stick { display:block; width: 4px; height: 20px; border-radius: 99px; background: #06b6d4; opacity:.7; }
.vr-wave-stick:nth-child(2n){height:32px}.vr-wave-stick:nth-child(3n){height:14px}.vr-wave-stick:nth-child(5n){height:40px}
.vr-visibility-warning { border:1px solid rgba(245,158,11,.35); background:#fffbeb; border-radius:16px; padding:16px; }
.vr-legal-version { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; color: var(--vr-color-muted); }
.vr-auth-simple { max-width: 1040px; margin-inline:auto; display:grid; grid-template-columns: minmax(0, 1fr) 320px; gap:24px; align-items:start; }
.vr-auth-card { background:#fff; border:1px solid var(--vr-color-border); border-radius:18px; padding:28px; }
.vr-auth-note { background:#f8fafc; border:1px solid var(--vr-color-border); border-radius:18px; padding:22px; }
.vr-state-stage .vr-screen-state { display: none; }
.vr-state-stage .vr-screen-state.is-active { display: block; }
.vr-state-switcher { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0; }
.vr-state-switcher button { border:1px solid var(--vr-color-border); background:#fff; border-radius:999px; padding:7px 12px; font-weight:700; color:var(--vr-color-muted); }
.vr-state-switcher button.is-active { border-color: var(--vr-color-primary); color:var(--vr-color-primary); background:#eef2ff; }
.vr-skeleton { position: relative; overflow: hidden; background: #e2e8f0; border-radius: 12px; }
.vr-skeleton::after { content:""; position:absolute; inset:0; transform:translateX(-100%); background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent); animation: vr-shimmer 1.4s infinite; }
@keyframes vr-shimmer { 100% { transform: translateX(100%); } }
.vr-state-card { display:flex; gap:16px; padding:18px; border:1px solid var(--vr-color-border); border-radius:18px; background:#fff; }
.vr-state-avatar { width:64px; height:64px; flex:0 0 64px; border-radius:50%; }
.vr-state-stack { flex:1; display:grid; gap:10px; align-content:center; }
.vr-state-demo-line { height: 14px; }
.w80{width:80%}.w60{width:60%}.w40{width:40%}
.vr-empty { text-align:center; border:1px dashed #cbd5e1; border-radius:18px; padding:28px; background:#f8fafc; }
.vr-empty img { max-width:96px; margin-bottom:12px; }
.vr-login-gate { border:1px solid rgba(37,99,235,.22); background:#eff6ff; border-radius:18px; padding:22px; }
.vr-danger-zone { border-color: rgba(220,38,38,.25)!important; background:#fef2f2!important; }
.vr-contact-grid { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:12px; }
.vr-contact-item { border:1px solid var(--vr-color-border); border-radius:14px; padding:14px; background:#fff; }
.vr-contact-item small { color:var(--vr-color-muted); display:block; }
.vr-contact-item strong { display:block; margin-top:3px; }
.vr-search-results { display:grid; gap:14px; }
.vr-project-row, .vr-candidate-row { display:grid; grid-template-columns: minmax(0,1.5fr) repeat(3, minmax(120px,.6fr)) auto; gap:12px; align-items:center; }
.vr-component-tag { display:inline-flex; border:1px solid var(--vr-color-border); border-radius:999px; padding:4px 8px; font-size:12px; color:var(--vr-color-muted); background:#fff; }
.vr-modal-backdrop { position: fixed; inset:0; display:none; align-items:center; justify-content:center; background: rgba(15,23,42,.56); z-index: 1000; padding: 20px; }
.vr-modal-backdrop.is-open { display:flex; }
.vr-modal { max-width: 520px; width: 100%; background:#fff; border-radius:18px; padding:24px; box-shadow: 0 24px 80px rgba(15,23,42,.32); }
.vr-body-locked { overflow:hidden; }
.vr-mobile-toggle[aria-expanded="true"] { background:#eef2ff; color:var(--vr-color-primary); }
.vr-toast-stack { position: fixed; right: 18px; bottom: 18px; z-index: 1100; display:grid; gap:10px; }
.vr-toast { background:#0f172a; color:#fff; padding:12px 14px; border-radius:12px; box-shadow: 0 10px 30px rgba(15,23,42,.24); }
.is-hidden { display:none!important; }
@media (max-width: 991.98px) {
  .vr-shell, .vr-lk-hero, .vr-auth-simple { grid-template-columns: 1fr; }
  .vr-lk-sidebar { position: static; }
  .vr-filter-toolbar { grid-template-columns: 1fr; }
  .vr-project-row, .vr-candidate-row { grid-template-columns: 1fr; }
  .vr-contact-grid { grid-template-columns: 1fr; }
  .vr-header__nav, .vr-header__actions { display:none; }
  .vr-header.is-open .vr-header__nav, .vr-header.is-open .vr-header__actions { display:flex; position:absolute; left:16px; right:16px; top:72px; flex-direction:column; background:#fff; border:1px solid var(--vr-color-border); border-radius:18px; padding:16px; z-index:50; box-shadow:0 18px 60px rgba(15,23,42,.18); }
  .vr-header--auth.is-open .vr-header__nav, .vr-header--auth.is-open .vr-header__actions { background:#0f172a; border-color:rgba(255,255,255,.12); }
}


/* P0 v6 acceptance fixes */
:root { --vr-lk-topbar-height: 72px; }
.vr-card, .vr-auth-card, .vr-filter-panel, .vr-form-section, .vr-contact-item, .vr-modal, .vr-empty, .vr-alert, .vr-state-card { color: var(--vr-color-text); }
.vr-card--dark .vr-muted, .vr-profile-hero .vr-muted, .vr-hero .vr-muted { color:#CBD5E1!important; }
.vr-card--dark .vr-kicker { color:#67E8F9; }
.vr-card--dark .vr-kicker:before { background:#67E8F9; }
.vr-button--secondary { color: var(--vr-color-text)!important; }
.vr-button--ghost { color:#334155; }
.vr-button--ghost:hover { color:#0F172A; }
.vr-footer .vr-button--ghost, .vr-hero .vr-button--ghost, .vr-profile-hero .vr-button--ghost { color:#E2E8F0; }
.vr-prototype-only { outline: 1px dashed rgba(79,70,229,.35); outline-offset: 2px; }
.vr-lk-topbar { position: sticky; top:0; z-index: 120; background:#0B1118; color:#E2E8F0; border-bottom:1px solid rgba(148,163,184,.18); }
.vr-lk-topbar__inner { min-height: var(--vr-lk-topbar-height); display:flex; align-items:center; gap:20px; justify-content:space-between; }
.vr-lk-topbar .vr-logo__name { color:#fff; }
.vr-lk-topbar .vr-logo__tagline { color:#94A3B8; }
.vr-lk-topbar__nav { display:flex; gap:16px; align-items:center; font-size:14px; font-weight:750; }
.vr-lk-topbar__nav a { color:#CBD5E1; }
.vr-lk-topbar__nav a:hover { color:#fff; }
.vr-lk-topbar__actions { display:flex; gap:10px; align-items:center; }
.vr-lk-topbar .vr-button--ghost { color:#E2E8F0; }
.vr-lk-layout { display:grid; grid-template-columns:260px minmax(0,1fr); gap:24px; align-items:start; padding:24px 0 48px; }
.vr-lk-main { min-width:0; width:100%; }
.vr-lk-sidebar { position:sticky; top:calc(var(--vr-lk-topbar-height) + 20px); max-height:calc(100vh - var(--vr-lk-topbar-height) - 40px); overflow:auto; }
.vr-lk-footer { padding:18px 0 28px; color:#64748B; font-size:13px; border-top:1px solid var(--vr-color-border); background:#F8FAFC; }
.vr-lk-notify { position:relative; width:42px; height:42px; border-radius:12px; border:1px solid rgba(148,163,184,.3); background:#111827; color:#fff; font-weight:900; }
.vr-notifications { position:relative; }
.vr-notifications__popover { display:none; position:absolute; right:0; top:50px; width:min(360px, calc(100vw - 32px)); background:#fff; color:#0F172A; border:1px solid var(--vr-color-border); border-radius:18px; box-shadow:0 24px 80px rgba(15,23,42,.28); padding:12px; z-index:200; }
.vr-notifications.is-open .vr-notifications__popover { display:grid; gap:8px; }
.vr-notifications__head { display:flex; justify-content:space-between; align-items:center; padding:4px 4px 8px; border-bottom:1px solid var(--vr-color-border); }
.vr-notification-item { display:grid; gap:6px; padding:12px; border-radius:14px; color:#0F172A; }
.vr-notification-item:hover { background:#F8FAFC; color:#0F172A; }
.vr-notification-item small { color:#64748B; }
.vr-notification-row { display:grid; grid-template-columns:130px minmax(0,1fr) auto; gap:16px; align-items:center; }
.vr-filter-toolbar { grid-template-columns: repeat(3, minmax(150px,1fr)); }
.vr-filter-toolbar > div:first-child { grid-column: span 3; }
.vr-filter-toolbar .form-check { align-self:center; margin-top:0!important; }
.vr-footer__inner--public { grid-template-columns:1.6fr repeat(2,1fr)!important; }
.form-check-label, .vr-toggle { color:var(--vr-color-text); }
.vr-field-error { color:var(--vr-color-error); }
@media (max-width: 991.98px){ .vr-lk-layout{grid-template-columns:1fr}.vr-lk-sidebar{position:static;max-height:none}.vr-lk-topbar__inner{flex-wrap:wrap;padding:12px 0}.vr-lk-topbar__nav{order:3;width:100%;overflow:auto}.vr-lk-topbar__actions{flex-wrap:wrap}.vr-notification-row{grid-template-columns:1fr}.vr-filter-toolbar{grid-template-columns:1fr}.vr-filter-toolbar>div:first-child{grid-column:auto}.vr-footer__inner--public{grid-template-columns:1fr!important} }

/* Working prototype refinements: no permanent inline styles. */
.vr-progress--64 .vr-progress__bar{width:64%}
.vr-progress--68 .vr-progress__bar{width:68%}
.vr-profile-card__avatar--xl{width:180px;height:180px}
.vr-work-filter-summary{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;color:var(--vr-color-muted)}
.vr-work-empty{margin-top:16px}
.vr-card.is-read{opacity:.68;background:#f8fafc}
.vr-card.is-read::after{content:'Прочитано';display:inline-flex;margin-top:8px;border:1px solid var(--vr-color-border);border-radius:999px;padding:3px 8px;font-size:12px;color:var(--vr-color-muted)}


/* Product frame update: public/LK cross-navigation */
.vr-header__lk { white-space: nowrap; }
.vr-lk-topbar__public { color:#67E8F9!important; }
.vr-lk-sidebar__public { border:1px dashed rgba(79,70,229,.28); background:#F8FAFC; }
@media (max-width: 991.98px) {
  .vr-header.is-open .vr-header__actions .vr-button--ghost,
  .vr-header.is-open .vr-header__actions .vr-header__lk { display:inline-flex; }
}