/* dashboard.html — shell: sidebar, verification, global verify bar */
    /* ═══ SIDEBAR LIGHT v1 ═══
       Декоративные ::before/::after (radial blobs) убраны: на части браузеров/масштабов
       они визуально «разъезжались» и перекрывали сайдбар/контент (#myorders). */
    .app-sidebar { position:relative; background:#ffffff !important; border-right:1px solid #e8ecf4 !important; overflow:hidden; box-shadow:4px 0 24px rgba(99,102,241,.07) !important; }
    @media (min-width: 769px) { .app-sidebar { position:relative !important; overflow:hidden !important; } }
    @media (max-width: 768px) { .app-sidebar { overflow-y:auto !important; overflow-x:hidden !important; } }
    .app-sidebar .sidebar-brand,.app-sidebar .sb-user-card,.app-sidebar .sidebar-nav,.app-sidebar .sidebar-bottom { position:relative; z-index:1; }
    /* ── Brand ── */
    .app-sidebar .sb-brand-new { display:flex !important; align-items:center !important; gap:12px !important; padding:20px 18px 16px !important; border-bottom:1px solid #f0f2f8 !important; position:relative !important; z-index:1 !important; background:linear-gradient(135deg,#f8f7ff 0%,#ffffff 100%) !important; }
    .app-sidebar .sb-clock-icon { width:44px;height:44px;border-radius:14px;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(99,102,241,.35);animation:sbClockPulse 3s ease-in-out infinite;transition:transform .3s cubic-bezier(.34,1.56,.64,1); }
    .app-sidebar .sb-clock-icon:hover { transform:rotate(15deg) scale(1.12); }
    @keyframes sbClockPulse { 0%,100%{box-shadow:0 4px 16px rgba(99,102,241,.35)} 50%{box-shadow:0 4px 26px rgba(99,102,241,.55),0 0 0 6px rgba(99,102,241,.08)} }
    .app-sidebar .sb-brand-text { display:flex;flex-direction:column;line-height:1;gap:2px; }
    .app-sidebar .sb-brand-time { font:800 17px/1 'Manrope',sans-serif;letter-spacing:-.02em;color:#1e293b; }
    .app-sidebar .sb-brand-profi { font:900 17px/1 'Manrope',sans-serif;letter-spacing:-.02em;background:linear-gradient(90deg,#6366f1 0%,#8b5cf6 35%,#ec4899 65%,#6366f1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 100%;animation:sbProfiShimmer 2.5s linear infinite; }
    @keyframes sbProfiShimmer { 0%{background-position:100%} 100%{background-position:-100%} }
    /* ── Версия тега над логотипом ── */
    .app-sidebar .sb-brand-new::after { content:'PRO'; position:absolute; top:14px; right:14px; background:linear-gradient(135deg,#6366f1,#8b5cf6); color:#fff; font:800 8px/1 'Inter',sans-serif; letter-spacing:.1em; padding:3px 7px; border-radius:20px; box-shadow:0 2px 8px rgba(99,102,241,.4); }
    /* ── User card ── */
    .app-sidebar .sb-user-card { display:flex !important;align-items:center !important;gap:10px;margin:10px 12px;padding:11px 13px;border-radius:16px;background:linear-gradient(135deg,#f5f3ff,#fdf4ff);border:1px solid rgba(139,92,246,.15);position:relative !important;z-index:1 !important;transition:all .25s cubic-bezier(.34,1.3,.64,1); }
    .app-sidebar .sb-user-card:hover { background:linear-gradient(135deg,#ede9fe,#fce7f3);border-color:rgba(139,92,246,.3);box-shadow:0 4px 18px rgba(139,92,246,.15);transform:translateY(-1px); }
    .app-sidebar .sb-user-avatar { width:38px !important;height:38px !important;min-width:38px;min-height:38px;max-width:38px;max-height:38px;border-radius:50% !important;flex-shrink:0 !important;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex !important;align-items:center;justify-content:center;font:700 16px/1 'Manrope',sans-serif;color:#fff;overflow:hidden !important;box-shadow:0 0 0 3px rgba(139,92,246,.2),0 3px 10px rgba(99,102,241,.25);animation:avatarPulse 3.5s ease-in-out infinite; }
    @keyframes avatarPulse { 0%,100%{box-shadow:0 0 0 3px rgba(139,92,246,.2),0 3px 10px rgba(99,102,241,.2)} 50%{box-shadow:0 0 0 5px rgba(139,92,246,.1),0 3px 16px rgba(99,102,241,.35)} }
    .app-sidebar .sb-user-avatar img { width:38px !important;height:38px !important;object-fit:cover;border-radius:50%;display:block; }
    .app-sidebar .sb-user-info { flex:1;min-width:0; }
    .app-sidebar .sb-user-name { font:700 13px/1.2 'Manrope',sans-serif;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
    .app-sidebar .sb-user-role { font:500 11px/1.3 'Inter',sans-serif;color:#94a3b8;margin-top:2px; }
    .app-sidebar .sb-user-settings { width:30px;height:30px;border-radius:9px;border:none;flex-shrink:0;background:#f1f5f9;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);font-size:12px; }
    .app-sidebar .sb-user-settings:hover { background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;transform:rotate(90deg) scale(1.1);box-shadow:0 3px 10px rgba(99,102,241,.35); }
    /* ── Nav group labels ── */
    .app-sidebar .nav-group-label { margin:14px 12px 4px !important;font:700 9px/1 'Inter',sans-serif !important;letter-spacing:.13em !important;text-transform:uppercase !important;color:#a5b4fc !important;display:flex !important;align-items:center !important;gap:6px !important;position:relative !important;z-index:1 !important; }
    .app-sidebar .nav-group-label::after { content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(99,102,241,.15),transparent);margin-left:4px; }
    /* ── Nav items ── */
    .app-sidebar .sidebar-nav { padding:4px 8px;position:relative;z-index:1; }
    .app-sidebar .nav-menu { padding:0;list-style:none;margin:0 0 2px; }
    .app-sidebar .nav-menu li { position:relative; }
    .app-sidebar .nav-menu a { display:flex !important;align-items:center !important;gap:11px !important;color:#64748b !important;padding:9px 12px !important;border-radius:13px !important;font:500 13.5px/1.2 'Inter',sans-serif !important;transition:all .2s cubic-bezier(.34,1.3,.64,1) !important;border:none !important;position:relative !important;overflow:hidden !important;text-decoration:none !important; }
    .app-sidebar .nav-menu a:hover { background:linear-gradient(135deg,#f5f3ff,#fdf4ff) !important;color:#6366f1 !important;transform:translateX(4px) !important;box-shadow:0 2px 12px rgba(99,102,241,.1) !important; }
    .app-sidebar .nav-menu a:hover .nav-icon-wrap { transform:scale(1.18) rotate(-5deg); }
    .app-sidebar .nav-menu a.active { background:linear-gradient(135deg,#eef2ff 0%,#faf5ff 100%) !important;color:#4f46e5 !important;font-weight:700 !important;border-radius:13px !important;box-shadow:0 2px 14px rgba(99,102,241,.15),inset 0 0 0 1px rgba(99,102,241,.12) !important; }
    .app-sidebar .nav-menu a.active::after { content:'';position:absolute;left:0;top:18%;bottom:18%;width:3.5px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#6366f1,#a855f7,#ec4899);box-shadow:0 0 10px rgba(99,102,241,.6);animation:activeBarGlow 2.2s ease-in-out infinite; }
    @keyframes activeBarGlow { 0%,100%{box-shadow:0 0 8px rgba(99,102,241,.6);opacity:1} 50%{box-shadow:0 0 18px rgba(168,85,247,.9);opacity:.8} }
    .app-sidebar .nav-menu a.active .nav-icon-wrap { transform:scale(1.1) !important; }
    /* ── Notification badge ── */
    .app-sidebar .nav-badge { margin-left:auto !important;min-width:19px;height:19px;border-radius:10px !important;background:linear-gradient(135deg,#f43f5e,#e11d48) !important;color:#fff !important;font:700 10px/19px 'Inter',sans-serif !important;text-align:center !important;padding:0 5px !important;animation:badgePulse 2s ease-in-out infinite !important;box-shadow:0 2px 8px rgba(244,63,94,.45) !important;flex-shrink:0 !important; }
    @keyframes badgePulse { 0%,100%{transform:scale(1);box-shadow:0 2px 8px rgba(244,63,94,.4)} 50%{transform:scale(1.18);box-shadow:0 3px 14px rgba(244,63,94,.7)} }
    /* ── Icon wraps (яркие на светлом) ── */
    .app-sidebar .nav-icon-wrap { width:30px;height:30px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s; }
    .app-sidebar .ni-indigo  { background:#eef2ff; color:#6366f1; }
    .app-sidebar .ni-violet  { background:#f5f3ff; color:#7c3aed; }
    .app-sidebar .ni-blue    { background:#eff6ff; color:#2563eb; }
    .app-sidebar .ni-cyan    { background:#ecfeff; color:#0891b2; }
    .app-sidebar .ni-emerald { background:#ecfdf5; color:#059669; }
    .app-sidebar .ni-amber   { background:#fffbeb; color:#d97706; }
    .app-sidebar .ni-rose    { background:#fff1f2; color:#e11d48; }
    .app-sidebar .ni-pink    { background:#fdf2f8; color:#db2777; }
    .app-sidebar .ni-slate   { background:#f8fafc; color:#475569; }
    /* ── Bottom panel ── */
    .app-sidebar .sb-bottom-new { padding:12px 12px calc(12px + env(safe-area-inset-bottom)) !important;border-top:1px solid #f0f2f8 !important;background:#fafbff !important;display:flex;flex-direction:column;gap:6px;position:relative;z-index:1; }
    .app-sidebar .sb-btn { display:flex;align-items:center;gap:9px;width:100%;padding:10px 14px;border-radius:12px;font:600 13px/1 'Inter',sans-serif;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:all .2s cubic-bezier(.34,1.3,.64,1); }
    .app-sidebar .sb-btn:hover { transform:translateY(-2px) !important; }
    .app-sidebar .sb-btn i { transition:transform .25s cubic-bezier(.34,1.56,.64,1); }
    .app-sidebar .sb-btn:hover i { transform:scale(1.2); }
    .app-sidebar .sb-btn-primary { background:#eef2ff;color:#4f46e5;border-color:#c7d2fe; }
    .app-sidebar .sb-btn-primary:hover { background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent;box-shadow:0 4px 16px rgba(99,102,241,.35); }
    .app-sidebar .sb-btn-danger { background:#fff1f2;color:#e11d48;border-color:#fecdd3; }
    .app-sidebar .sb-btn-danger:hover { background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;border-color:transparent;box-shadow:0 4px 14px rgba(244,63,94,.35); }
    .app-sidebar .sb-btn-logout { background:#f8fafc;color:#94a3b8;border-color:#e2e8f0; }
    .app-sidebar .sb-btn-logout:hover { background:#fff1f2;color:#e11d48;border-color:#fecdd3;box-shadow:0 3px 10px rgba(244,63,94,.15); }
    @keyframes vcSlideIn { from{opacity:0;transform:translateY(14px)} to{opacity:1;transform:translateY(0)} }
    @keyframes vcCheck { 0%{transform:scale(0) rotate(-30deg);opacity:0} 60%{transform:scale(1.25) rotate(5deg)} 100%{transform:scale(1) rotate(0deg);opacity:1} }
    @keyframes vcBarShine { 0%{background-position:-200% center} 100%{background-position:200% center} }
    @keyframes vcPulseRed { 0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,0)} 50%{box-shadow:0 0 0 4px rgba(239,68,68,.12)} }
    @keyframes vcPulseGreen { 0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,0)} 60%{box-shadow:0 0 0 6px rgba(16,185,129,.15)} 100%{box-shadow:0 0 0 0 rgba(16,185,129,0)} }
    @keyframes vcShieldSpin { 0%{transform:rotateY(0deg)} 100%{transform:rotateY(360deg)} }
    @keyframes vcGlow { 0%,100%{filter:drop-shadow(0 0 4px rgba(99,102,241,.4))} 50%{filter:drop-shadow(0 0 10px rgba(99,102,241,.8))} }
    @keyframes vcProgressGlow { 0%,100%{box-shadow:0 0 8px rgba(99,102,241,.3)} 50%{box-shadow:0 0 18px rgba(16,185,129,.6)} }
    .vc-item { animation: vcSlideIn .35s ease both; }
    .vc-item:nth-child(1){animation-delay:.05s} .vc-item:nth-child(2){animation-delay:.12s} .vc-item:nth-child(3){animation-delay:.19s} .vc-item:nth-child(4){animation-delay:.26s}
    .vc-check-icon { animation: vcCheck .5s cubic-bezier(.34,1.56,.64,1) both; }
    .vc-item-ok { animation: vcSlideIn .35s ease both, vcPulseGreen .7s ease .4s 1; }
    .vc-item-fail { animation: vcSlideIn .35s ease both, vcPulseRed 1.8s ease 1s infinite; }
    .vc-item-pending { animation: vcSlideIn .35s ease both; }
    #masterVerificationPanel .vc-progress-bar-fill { background: linear-gradient(90deg,#6366f1,#8b5cf6,#10b981); background-size:200% auto; animation: vcBarShine 2s linear infinite; transition: width .6s cubic-bezier(.34,1.2,.64,1); }
    #masterVerificationPanel .vc-progress-bar-fill.full { background: linear-gradient(90deg,#10b981,#059669); animation: none; }
    #masterVerificationPanel { background: linear-gradient(135deg,rgba(99,102,241,.04) 0%,rgba(16,185,129,.03) 100%); border: 1px solid rgba(99,102,241,.14); }
    .vc-action-btn { background:linear-gradient(135deg,#6366f1,#4f46e5); color:#fff; border:none; border-radius:10px; padding:6px 16px; font-size:12px; font-weight:700; cursor:pointer; white-space:nowrap; transition:transform .15s,box-shadow .15s; box-shadow:0 2px 8px rgba(99,102,241,.3); }
    .vc-action-btn:hover { transform:translateY(-1px) scale(1.04); box-shadow:0 4px 14px rgba(99,102,241,.45); }
    .vc-shield-icon { display:inline-flex; width:38px; height:38px; border-radius:12px; align-items:center; justify-content:center; flex-shrink:0; font-size:17px; animation:vcGlow 3s ease-in-out infinite; }
    @keyframes crownGlow { 0%,100%{box-shadow:0 2px 12px rgba(234,179,8,.7),0 0 0 2.5px #fff} 50%{box-shadow:0 3px 20px rgba(234,179,8,1),0 0 0 2.5px #fff,0 0 0 5px rgba(234,179,8,.2)} }
    @keyframes onlinePulse { 0%,100%{opacity:1} 50%{opacity:.4} }
    @keyframes verifyPulse { 0%,100%{box-shadow:0 2px 20px rgba(245,158,11,.15)} 50%{box-shadow:0 2px 30px rgba(245,158,11,.3)} }
    @keyframes slideInRight { from{transform:translateX(120%);opacity:0} to{transform:translateX(0);opacity:1} }
    #globalVerifyBar { display:none; position:sticky; top:0; z-index:100; background:linear-gradient(135deg,#1e1b4b,#312e81); border-bottom:2px solid rgba(245,158,11,.4); padding:12px 20px; animation:verifyPulse 3s ease-in-out infinite; }
    #globalVerifyBar .gvb-inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
    #globalVerifyBar .gvb-icon { width:36px; height:36px; border-radius:10px; background:linear-gradient(135deg,#f59e0b,#ef4444); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
    #globalVerifyBar .gvb-text { flex:1; min-width:200px; }
    #globalVerifyBar .gvb-title { font-size:14px; font-weight:700; color:#f1f5f9; }
    #globalVerifyBar .gvb-sub { font-size:12px; color:rgba(241,245,249,.6); margin-top:2px; }
    #globalVerifyBar .gvb-progress { width:100%; max-width:300px; height:6px; background:rgba(255,255,255,.1); border-radius:999px; overflow:hidden; }
    #globalVerifyBar .gvb-fill { height:100%; background:linear-gradient(90deg,#f59e0b,#10b981); border-radius:999px; transition:width .4s ease; }
    #globalVerifyBar .gvb-btn { padding:8px 18px; border-radius:10px; background:linear-gradient(135deg,#f59e0b,#f97316); color:#fff; border:none; font-size:12px; font-weight:700; cursor:pointer; white-space:nowrap; transition:transform .15s; }
    #globalVerifyBar .gvb-btn:hover { transform:scale(1.05); }
    .verify-gate-overlay { display:none; }
    .verify-gate-overlay.active { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:300px; background:rgba(15,23,42,.75); border-radius:16px; backdrop-filter:blur(6px); text-align:center; padding:40px; margin:20px 0; }
    .verify-gate-overlay .gate-icon { font-size:48px; color:#f59e0b; margin-bottom:16px; }
    .verify-gate-overlay .gate-title { font-size:18px; font-weight:800; color:#f1f5f9; margin-bottom:8px; }
    .verify-gate-overlay .gate-sub { font-size:13px; color:#94a3b8; margin-bottom:18px; max-width:380px; }
    .verify-gate-overlay .gate-btn { padding:10px 24px; border-radius:12px; background:linear-gradient(135deg,var(--primary),#2563eb); color:#fff; border:none; font-size:13px; font-weight:700; cursor:pointer; }
/* Активная секция кабинета — всегда поверх fade-in и без «прозрачного призрака» */
.cabinet-section.active {
  display: block !important;
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}
.cabinet-section.active.fade-in {
  opacity: 1 !important;
  transform: none !important;
}

/* Чат: mobile-profi задаёт .chat-split { min-height: 0 } — без нижней границы блок схлопывается в «пустой» экран */
body.profi-mobile-ready.cabinet-role-master #sec-chat.cabinet-section.active .chat-split:not(.conv-open) {
  min-height: min(58vh, 520px) !important;
}

/* Контент мастера — изоляция слоя + min-width для сетки (без поднятия z-index над сайдбаром) */
body.cabinet-role-master .app-main {
  position: relative;
  isolation: isolate;
  min-width: 0;
}