html{--vks-bg:#131820;--vks-panel:#1c232d;--vks-text:#e7edf6;--vks-muted:#a3afc1;--vks-line:#323e4e;--vks-accent:#a6c0ff;--vks-soft:#293b59;color-scheme:dark}
html[data-class-theme=light]{--vks-bg:#f4f6f9;--vks-panel:#fff;--vks-text:#202b3c;--vks-muted:#637086;--vks-line:#dfe5ee;--vks-accent:#245cce;--vks-soft:#eaf0fc;color-scheme:light}
html body{background:var(--vks-bg);color:var(--vks-text);font-family:Inter,Segoe UI,Arial,sans-serif;--bs-body-color:var(--vks-text);--bs-body-bg:var(--vks-bg);--bs-border-color:var(--vks-line);--bs-secondary-color:var(--vks-muted);--bs-tertiary-bg:var(--vks-panel)}
body #navbar{height:auto;min-height:72px;background:var(--vks-panel);border-bottom:1px solid var(--vks-line)}
#navbar>.container{max-width:1440px;padding:12px 28px!important;gap:16px;flex-wrap:wrap}
#navbar .navbar-brand{color:var(--vks-text);font-size:29px;font-weight:750;letter-spacing:-1.4px;margin-right:auto}
#navbar .navbar-brand>:not(.vks-native-brand){display:none}
.vks-native-brand span{color:var(--vks-accent)}
.logo-wrapper:has(.vks-login-brand){width:400px;max-width:100%;height:auto;min-height:120px;padding-top:8px}
.logo-wrapper:has(.vks-login-brand)>img{display:none}
.vks-login-brand{display:block;font-size:42px;font-weight:750;letter-spacing:-2px;color:var(--vks-text)!important;text-decoration:none;margin-bottom:14px}
.vks-login-brand span{color:var(--vks-accent)}
.logo-wrapper .vks-native-tools{justify-content:center}
.vks-native-tools{display:flex;align-items:center;gap:8px}
.vks-native-tools a,.vks-native-tools button{display:inline-flex;white-space:nowrap;padding:8px 12px;border:1px solid var(--vks-line);border-radius:5px;background:var(--vks-panel);color:var(--vks-text);font:inherit;font-size:13px;text-decoration:none;line-height:1.5;cursor:pointer}
.vks-native-tools a:hover,.vks-native-tools button:hover{background:var(--vks-soft)}
body .card,body .modal-content,body .dropdown-menu,body .popover,body .list-group-item,body .bg-white,body #navbar-menu{background:var(--vks-panel)!important;color:var(--vks-text);border-color:var(--vks-line)!important}
body .bg-light,body #footer,body .background-whitesmoke{background:var(--vks-bg)!important}
body .wide-white{background:var(--vks-panel)!important}
body .room-icon,body .participants-badge,body .online-badge,body .shared-badge{background:var(--vks-soft)!important;color:var(--vks-text)!important}
body #footer-container{border-color:var(--vks-line)!important}
body .card,body .modal-content,body .dropdown-menu{border-radius:6px!important}
body .card-shadow,body .shadow,body .shadow-sm{box-shadow:none!important;border:1px solid var(--vks-line)!important}
body .text-black,body .text-dark,body .text-body,body .text-reset{color:var(--vks-text)!important}
body .text-muted,body .text-secondary,body .form-text,body .form-label,body .breadcrumb-item{color:var(--vks-muted)!important}
body a,body .btn-link,body #navbar-menu a{color:var(--vks-accent)!important}
body .border,body .border-bottom,body .border-top,body .border-end,body .border-start,body hr{border-color:var(--vks-line)!important}
body .form-control,body .form-select,body .input-group-text,body .form-check-input{background-color:var(--vks-bg);color:var(--vks-text);border-color:var(--vks-line);border-radius:5px}
body .form-control::placeholder{color:var(--vks-muted);opacity:1}
body .form-control:focus,body .form-select:focus{background-color:var(--vks-bg);color:var(--vks-text);border-color:var(--vks-accent);box-shadow:0 0 0 2px var(--vks-soft)}
body .form-check-input:checked{background-color:#426dab;border-color:#426dab}
html[data-class-theme=dark] .form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23a3afc1' stroke-width='2'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}
body .btn{border-radius:5px;font-weight:500}
body .btn-brand,body .btn-primary,body .btn-dark{background:#426dab;color:#fff!important;border-color:#426dab}
body .btn-brand:hover,body .btn-primary:hover,body .btn-dark:hover{background:#345b92;border-color:#345b92}
body .btn-outline-brand,body .btn-outline-dark,body .btn-outline-secondary{color:var(--vks-text);border-color:var(--vks-line)}
body .btn-outline-brand:hover,body .btn-outline-dark:hover,body .btn-outline-secondary:hover{background:var(--vks-soft);color:var(--vks-text);border-color:var(--vks-line)}
body .dropdown-item{color:var(--vks-text)!important}
body .dropdown-item:hover,body .dropdown-item:focus,body #admin-panel .dropdown-item:active{background:var(--vks-soft)!important;color:var(--vks-text)!important}
body .table{color:var(--vks-text);--bs-table-bg:var(--vks-panel);--bs-table-color:var(--vks-text);--bs-table-hover-bg:var(--vks-soft);--bs-table-hover-color:var(--vks-text);--bs-table-border-color:var(--vks-line)}
body .table>:not(caption)>*>*{background-color:var(--vks-panel);color:inherit;border-color:var(--vks-line)!important}
body #admin-panel .admin-table table,body #admin-panel .admin-table td,body #admin-panel .admin-table tr{border-color:var(--vks-line)!important}
body #admin-panel #admin-sidebar{border-right:1px solid var(--vks-line);padding:20px 14px}
body #admin-sidebar .nav-link{color:var(--vks-muted)!important;padding:12px;border-radius:4px;line-height:1.5}
body #admin-sidebar .nav-link.active{background:var(--vks-soft)!important;color:var(--vks-accent)!important;font-weight:600}
body #admin-panel>h3{font-size:28px;font-weight:600;letter-spacing:-.6px;padding-top:32px!important;padding-bottom:28px!important}
body #admin-panel h3{color:var(--vks-text)}
body .page-link,body .role-badge{background:var(--vks-panel)!important;color:var(--vks-text);border-color:var(--vks-line)}
body .page-item.active .page-link{background:var(--vks-soft)!important;border-color:var(--vks-accent)}
body .form-control:disabled,body .form-select:disabled,body .form-check-input:disabled{opacity:.6}
html[data-class-theme=dark] .btn-close{filter:invert(1) grayscale(1)}
body .text-brand,body .presentation-upload .card-title{color:var(--vks-accent)!important}
body .nav-tabs{border-color:var(--vks-line)}
body .nav-tabs .nav-link{color:var(--vks-muted)!important;background:transparent;border-color:transparent;opacity:1}
body .nav-tabs .nav-link.active{color:var(--vks-text)!important;background:var(--vks-soft)!important;border-color:var(--vks-line)!important;border-bottom-color:var(--vks-accent)!important;font-weight:600}
body .nav-tabs .nav-link:hover,body .nav-tabs .nav-link:focus-visible{color:var(--vks-text)!important;background:var(--vks-soft);border-color:var(--vks-line)!important}
body .btn-delete,body .danger-light-button{background:var(--vks-panel)!important;color:#ff9e9e!important;border:1px solid #9a5252}
html[data-class-theme=light] .btn-delete,html[data-class-theme=light] .danger-light-button{color:#a32929!important;border-color:#d99898}
body .btn-delete:hover,body .danger-light-button:hover{background:var(--vks-soft)!important}
body .btn-neutral,body .btn-brand-outline,body .btn-brand-outline-color,body .badge-brand-outline{background:var(--vks-panel)!important;color:var(--vks-text)!important;border-color:var(--vks-line)!important}
body .btn-brand-light{background:var(--vks-soft)!important;color:var(--vks-accent)!important;border-color:var(--vks-line)!important}
body .setting-select button,body .setting-select button:hover,body .setting-select button:focus,body .setting-select button:active{background:var(--vks-panel)!important;color:var(--vks-text)!important;border-color:var(--vks-line)!important}
body #nav-user-dropdown:hover,body #nav-user-dropdown:active,body #nav-user-dropdown:focus{background:var(--vks-soft)!important;color:var(--vks-text)!important}
body .dropdown a,body .dropdown a:hover{color:var(--vks-text)!important}
body .dropdown a:focus,body .dropdown a:active{background:var(--vks-soft)!important}
body .icon-circle{background:var(--vks-soft)!important;color:var(--vks-accent)}
.vks-tenant-explanation{font-size:14px;line-height:1.6;color:var(--vks-muted);margin:14px 0 0}
.vks-native-tools :focus-visible,body .nav-link:focus-visible{outline:2px solid var(--vks-accent);outline-offset:3px}
@media(max-width:700px){#navbar>.container{padding:12px 18px!important;gap:10px}.vks-native-tools{order:3;width:100%;flex-wrap:wrap}.vks-native-tools a,.vks-native-tools button{font-size:12px;padding:7px 10px}body #admin-panel #admin-sidebar{border-right:0;border-bottom:1px solid var(--vks-line);min-height:0}body #admin-panel>h3{font-size:24px;padding-top:24px!important;padding-bottom:20px!important}}
