/*
 TaskMivra VIP Hub - approved visual layer
 Version 1.0 - 2026-08-04
 Visual-only: does not replace app.js, authentication, APIs, hooks, workflows or integrations.
*/
:root {
  --vip-black:#050506; --vip-black-2:#0d0f12; --vip-red:#e31b23;
  --vip-red-deep:#790008; --vip-red-soft:#fff0f1; --vip-gold:#d7b45a;
  --vip-gold-bright:#f2d77a; --vip-canvas:#f7f8fa; --vip-panel:#fff;
  --vip-border:#e5e8ed; --vip-text:#172033; --vip-muted:#667083;
  --vip-shadow:0 1px 2px rgba(10,16,28,.04),0 10px 28px rgba(10,16,28,.07);
  --canvas:var(--vip-canvas)!important; --panel:var(--vip-panel)!important;
  --ink:var(--vip-text)!important; --ink-soft:var(--vip-muted)!important;
  --border:var(--vip-border)!important; --pine:var(--vip-red)!important;
  --pine-dark:var(--vip-red-deep)!important; --pine-tint:var(--vip-red-soft)!important;
  --amber:var(--vip-gold)!important; --gold:var(--vip-gold)!important;
  --shadow:var(--vip-shadow)!important;
}
html,body,#root{background:var(--vip-canvas)!important}
body{color:var(--vip-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.topbar,header.topbar,[class*="topbar"],[class*="top-bar"],header[class*="header"]{background:var(--vip-black)!important;border-bottom-color:#202226!important;color:#fff!important}
.brand-name,[class*="brand-name"]{color:#fff!important;font-weight:700!important}
.brand-tag,[class*="brand-tag"],.vip-hub-product-label{color:var(--vip-gold-bright)!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.role-switch,[class*="role-switch"],[data-role-switch],.vip-hide-role-switch{display:none!important}
.topbar select,.topbar button,[class*="topbar"] select,[class*="topbar"] button,.ctx-select,.reset-btn{background-color:#111317!important;border-color:#30343a!important;color:#fff!important}
.sidebar,aside.sidebar,aside[class*="sidebar"],nav[class*="sidebar"],[class*="side-nav"],[class*="left-nav"]{background:linear-gradient(180deg,#050505,#090a0c)!important;border-right-color:#202226!important;color:#fff!important}
.sidebar .nav-label-group,aside .nav-label-group,[class*="sidebar"] [class*="group-label"]{color:#7f838b!important}
.sidebar .nav-item,aside.sidebar .nav-item,[class*="sidebar"] a,[class*="sidebar"] button,[class*="side-nav"] a,[class*="side-nav"] button{color:#eef0f3!important}
.sidebar .nav-item:hover,aside.sidebar .nav-item:hover,[class*="sidebar"] a:hover,[class*="sidebar"] button:hover{background:#17191d!important;color:#fff!important}
.sidebar .nav-item.active,aside.sidebar .nav-item.active,[class*="sidebar"] .nav-item.active,[class*="side-nav"] .nav-item.active{background:linear-gradient(90deg,#b5000b,#650006)!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--vip-red),0 7px 18px rgba(239,24,34,.16)!important}
.sidebar svg,aside.sidebar svg,[class*="sidebar"] svg{color:currentColor!important;stroke:currentColor!important}
.vip-business-logo-slot{width:78px;height:78px;aspect-ratio:1/1;margin:18px auto 14px;padding:7px;display:flex;align-items:center;justify-content:center;border:1px solid #35383e;border-radius:12px;background:#0d0f12;box-shadow:0 10px 24px rgba(0,0,0,.24);overflow:hidden;flex:0 0 auto}
.vip-business-logo-slot img{width:100%;height:100%;display:block;object-fit:contain;border-radius:7px}
.vip-old-workspace-avatar-hidden{display:none!important}
.main,main,[class*="main-content"],[class*="workspace-content"]{background:var(--vip-canvas)!important}
.card,[class*="dashboard-card"],[class*="panel-card"],[class*="summary-card"],[class*="widget-card"]{background:var(--vip-panel)!important;border-color:var(--vip-border)!important;border-radius:14px!important;box-shadow:var(--vip-shadow)!important}
.page-title,.section-title,.card h1,.card h2,.card h3{color:var(--vip-text)!important}.eyebrow,.card a,[class*="action-link"]{color:var(--vip-red)!important}
input,select,textarea{border-color:#dfe3e9!important;border-radius:8px!important}input:focus,select:focus,textarea:focus{border-color:var(--vip-red)!important;outline-color:rgba(239,24,34,.18)!important}
th{color:#5b6678!important}tr:hover td{background:#fff8f8!important}
.btn-primary,button.btn-primary,[class*="primary-button"]{background:var(--vip-red)!important;border-color:var(--vip-red)!important;color:#fff!important}
.btn-primary:hover,button.btn-primary:hover,[class*="primary-button"]:hover{background:#c81019!important;border-color:#c81019!important}
.badge-active,.chip.active,[class*="status-active"]{background:var(--vip-red-soft)!important;color:var(--vip-red-deep)!important}
.inbox-wrap,[class*="inbox-wrap"],[class*="conversation-layout"]{border-color:var(--vip-border)!important;border-radius:14px!important;box-shadow:var(--vip-shadow)!important}
.conv-item.selected,[class*="conversation-item"].selected,[class*="conversation-item"][aria-selected="true"]{background:var(--vip-red-soft)!important;box-shadow:inset 3px 0 0 var(--vip-red)!important}
.msg-out:not(.ai):not(.auto),[class*="message-outgoing"]:not([class*="ai"]){background:linear-gradient(135deg,#bd0711,var(--vip-red))!important;color:#fff!important}
[class*="team-chat"],[class*="chat-float"],[class*="floating-chat"]{background:var(--vip-black-2)!important;color:#fff!important;border-color:#2f3339!important}
[class*="collapse"]{border-color:#30343a!important}
@media(max-width:900px){.vip-business-logo-slot{width:64px;height:64px;margin-top:12px}}

/* v1.2 stabilization: centered client brand and portal controls */
.sidebar-header.vip-client-brand{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:100%!important;padding:18px 14px 15px!important;gap:10px!important}
.vip-client-business-name{display:block!important;width:100%!important;max-width:210px!important;margin:0 auto!important;text-align:center!important;line-height:1.25!important;overflow-wrap:anywhere!important;color:#fff!important;font-weight:750!important}
.sidebar-header.vip-client-brand .store-logo,.sidebar-header.vip-client-brand .store-logo-fallback{margin:0 auto!important;flex:0 0 auto!important}
.sidebar.compact .vip-client-business-name{display:none!important}