/* CRMiAgenda V206 — canonical premium desktop visual layer. Presentation only. */
@media (min-width:821px){
  :root{
    --v206-navy:#0b1220;
    --v206-navy-2:#111827;
    --v206-blue:#2563eb;
    --v206-blue-2:#3b82f6;
    --v206-bg:#f4f7fb;
    --v206-surface:#ffffff;
    --v206-surface-2:#f8fafc;
    --v206-line:#e2e8f0;
    --v206-line-2:#cbd5e1;
    --v206-text:#0f172a;
    --v206-muted:#64748b;
    --v206-soft:#eff6ff;
    --v206-shadow:0 12px 34px rgba(15,23,42,.08);
    --v206-shadow-soft:0 6px 18px rgba(15,23,42,.06);
  }

  html,body{background:var(--v206-bg)!important}
  .admin-page,.admin-shell-v52,.admin-main{background:var(--v206-bg)!important;color:var(--v206-text)!important}

  /* Sidebar */
  .admin-nav{
    width:258px!important;min-width:258px!important;
    background:linear-gradient(180deg,var(--v206-navy) 0%,var(--v206-navy-2) 100%)!important;
    border-right:1px solid rgba(255,255,255,.08)!important;
    box-shadow:18px 0 40px rgba(15,23,42,.12)!important;
    padding:14px 12px 18px!important;
    color:#cbd5e1!important;
  }
  .admin-nav .admin-brand,
  .admin-nav .admin-brand.side{
    margin:0 4px 14px!important;padding:8px 8px 18px!important;
    border-bottom:1px solid rgba(255,255,255,.09)!important;
    background:transparent!important;
  }
  .admin-nav .admin-brand h1,.admin-nav .admin-brand strong{color:#fff!important;font-size:18px!important;letter-spacing:-.02em!important}
  .admin-nav .admin-brand p,.admin-nav .admin-brand small{color:#94a3b8!important}
  .admin-nav img{filter:none!important}

  .admin-nav>button,
  .admin-nav>a,
  .admin-nav>[role="button"]{
    width:100%!important;min-height:42px!important;margin:2px 0!important;padding:9px 11px!important;
    display:flex!important;align-items:center!important;gap:10px!important;
    border:1px solid transparent!important;border-radius:11px!important;
    background:transparent!important;color:#cbd5e1!important;
    box-shadow:none!important;text-align:left!important;text-decoration:none!important;
    font-size:12px!important;font-weight:760!important;letter-spacing:-.01em!important;
    transition:background .16s ease,color .16s ease,transform .16s ease,border-color .16s ease!important;
  }
  .admin-nav>button:hover,.admin-nav>a:hover,.admin-nav>[role="button"]:hover{
    background:rgba(255,255,255,.07)!important;color:#fff!important;border-color:rgba(255,255,255,.05)!important;
    transform:translateX(2px)!important;
  }
  .admin-nav>button>span,.admin-nav>a>span,.admin-nav>[role="button"]>span{
    flex:0 0 30px!important;width:30px!important;height:30px!important;
    display:grid!important;place-items:center!important;border-radius:9px!important;
    background:#182235!important;color:#8fb8ff!important;
  }
  .admin-nav>button.active,.admin-nav>a.active,.admin-nav>[role="button"].active{
    background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important;
    border-color:#3b82f6!important;box-shadow:0 10px 24px rgba(37,99,235,.30)!important;
  }
  .admin-nav>button.active>span,.admin-nav>a.active>span,.admin-nav>[role="button"].active>span{
    background:rgba(255,255,255,.14)!important;color:#fff!important;
  }
  .admin-nav>.admin-nav-bottom{
    margin-top:14px!important;padding-top:14px!important;border-top:1px solid rgba(255,255,255,.10)!important;
  }
  .admin-nav>.admin-nav-bottom a,.admin-nav>.admin-nav-bottom button{color:#aab4c3!important;background:transparent!important}
  #crmi-marketplace-nav-item{background:transparent!important;color:#cbd5e1!important;box-shadow:none!important}
  #crmi-marketplace-nav-item:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
  #crmi-marketplace-nav-item.active{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important}

  /* Header */
  .admin-main-header{
    min-height:80px!important;padding:18px 28px!important;
    background:rgba(255,255,255,.92)!important;backdrop-filter:blur(16px)!important;
    border-bottom:1px solid var(--v206-line)!important;
    box-shadow:0 4px 18px rgba(15,23,42,.04)!important;
    position:sticky!important;top:0!important;z-index:40!important;
  }
  .admin-main-header h1,.admin-main-header h2{color:var(--v206-text)!important;font-size:27px!important;letter-spacing:-.035em!important;font-weight:850!important}
  .admin-main-header p,.admin-main-header small{color:var(--v206-muted)!important}
  .admin-badge,.notification-button,.business-switcher{
    background:#fff!important;color:#334155!important;border:1px solid var(--v206-line)!important;
    border-radius:12px!important;box-shadow:var(--v206-shadow-soft)!important;
  }

  /* Main surfaces */
  .admin-card,.v86-home-card,.cash-topbar,.cash-stats>div,.expense-form-card,.cash-history,
  .salon-config-block,.theme-config-block,.v84-agenda-top,.v84-day-shell,.v84-week-grid>article,
  .v84-month-calendar,.v84-month-day{
    background:var(--v206-surface)!important;color:var(--v206-text)!important;
    border:1px solid var(--v206-line)!important;border-radius:18px!important;
    box-shadow:var(--v206-shadow-soft)!important;
  }
  .admin-card{padding:22px!important}
  .admin-card h1,.admin-card h2,.admin-card h3,.admin-card h4{color:var(--v206-text)!important;letter-spacing:-.02em!important}
  .admin-card p,.admin-card small{color:var(--v206-muted)!important}

  /* Dashboard */
  .v86-home{gap:18px!important}
  .v86-home-hero{background:linear-gradient(135deg,#ffffff 0%,#f8fbff 100%)!important;border:1px solid #dce6f3!important;border-radius:22px!important;box-shadow:var(--v206-shadow)!important}
  .v86-stat-grid{gap:12px!important}
  .v86-stat-grid article,.v86-stat-grid .v87-stat-button{
    background:#fff!important;border:1px solid var(--v206-line)!important;border-radius:16px!important;
    box-shadow:var(--v206-shadow-soft)!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
  }
  .v86-stat-grid article:hover,.v86-stat-grid .v87-stat-button:hover{transform:translateY(-2px)!important;border-color:#bfdbfe!important;box-shadow:var(--v206-shadow)!important}
  .v86-stat-grid strong,.v86-stat-grid b{color:var(--v206-text)!important}
  .v86-stat-grid small,.v86-stat-grid p{color:var(--v206-muted)!important}
  .v86-quick-grid button{background:#fff!important;border:1px solid var(--v206-line)!important;border-radius:14px!important;box-shadow:none!important}
  .v86-quick-grid button:hover{background:#f8fbff!important;border-color:#bfdbfe!important}

  /* Calendar / agenda */
  .v84-agenda{gap:16px!important}
  .v84-agenda-top{padding:22px 24px!important;background:linear-gradient(135deg,#fff 0%,#f8fbff 100%)!important;border-color:#dbe6f3!important;box-shadow:var(--v206-shadow)!important}
  .v84-agenda-top h3{font-size:28px!important;letter-spacing:-.035em!important;color:var(--v206-text)!important}
  .v84-agenda-top p{color:var(--v206-muted)!important;font-size:12px!important}
  .v84-agenda-actions button,.v84-agenda-actions input{height:44px!important;border-radius:11px!important;border:1px solid var(--v206-line-2)!important;background:#fff!important;color:var(--v206-text)!important}
  .v84-agenda-actions .today{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important;border-color:#2563eb!important;box-shadow:0 8px 20px rgba(37,99,235,.20)!important}
  .v84-agenda-toolbar{background:rgba(244,247,251,.92)!important;border-radius:14px!important;padding:7px 8px!important;backdrop-filter:blur(12px)!important}
  .v84-view-switch{background:#eaf0f7!important;border:1px solid #d7e0ea!important;border-radius:12px!important;padding:4px!important}
  .v84-view-switch button{min-height:38px!important;padding:8px 14px!important;border-radius:9px!important;color:#64748b!important;font-weight:780!important}
  .v84-view-switch button.active{background:#fff!important;color:#1d4ed8!important;box-shadow:0 3px 10px rgba(15,23,42,.08)!important}
  .v84-day-shell{overflow:hidden!important;box-shadow:var(--v206-shadow)!important}
  .v84-corner,.v84-pro-head{background:#f8fafc!important;border-color:var(--v206-line)!important}
  .v84-pro-head b{color:var(--v206-text)!important}.v84-pro-head small{color:var(--v206-muted)!important}
  .v84-day-grid>time{background:#f8fafc!important;color:#64748b!important;border-color:var(--v206-line)!important}
  .v84-slot{background:#fff!important;border-color:#edf2f7!important;transition:background .14s ease!important}
  .v84-slot:hover{background:#f8fbff!important}

  /* Appointment cards and list rows */
  .v84-appt,.v84-appt.c1,.v84-appt.c2,.v84-appt.c3,.v84-appt.c4{
    background:#f8fafc!important;color:var(--v206-text)!important;border:1px solid #dce4ee!important;
    border-left:4px solid #64748b!important;border-radius:11px!important;padding:9px 10px!important;
    box-shadow:0 3px 10px rgba(15,23,42,.05)!important;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease!important;
  }
  .v84-appt:hover,.v84-appt.c1:hover,.v84-appt.c2:hover,.v84-appt.c3:hover,.v84-appt.c4:hover{
    transform:translateY(-1px)!important;background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 8px 18px rgba(15,23,42,.10)!important;
  }
  .v84-appt b{color:var(--v206-text)!important;font-weight:800!important}
  .v84-appt small,.v84-appt span,.v84-appt em{color:#64748b!important}
  .appointment-row,.client-row,.professional-row,.cash-appt-row{
    border-color:var(--v206-line)!important;transition:background .14s ease,border-color .14s ease!important;
  }
  .appointment-row:hover,.client-row:hover,.professional-row:hover,.cash-appt-row:hover{background:#f8fbff!important}
  .appointment-row.large{border-radius:12px!important;padding:14px 12px!important;margin:2px 0!important}
  .appointment-row em{background:#eff6ff!important;color:#1d4ed8!important;border:1px solid #bfdbfe!important;border-radius:999px!important;padding:3px 8px!important}

  /* Forms */
  input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea{
    background:#fff!important;color:var(--v206-text)!important;border:1px solid var(--v206-line-2)!important;border-radius:11px!important;
  }
  input:focus,select:focus,textarea:focus{outline:none!important;border-color:#60a5fa!important;box-shadow:0 0 0 3px rgba(59,130,246,.12)!important}

  /* Drawer */
  .detail-overlay,.lookup-overlay{background:rgba(15,23,42,.44)!important;backdrop-filter:blur(5px)!important}
  .detail-drawer{
    width:min(560px,96vw)!important;background:#fff!important;color:var(--v206-text)!important;
    padding:28px 30px 34px!important;box-shadow:-24px 0 60px rgba(15,23,42,.20)!important;
    border-left:1px solid var(--v206-line)!important;
  }
  .detail-drawer h1,.detail-drawer h2,.detail-drawer h3{color:var(--v206-text)!important;letter-spacing:-.03em!important}
  .drawer-close,.lookup-close{width:40px!important;height:40px!important;border-radius:50%!important;background:#fff!important;color:#475569!important;border:1px solid var(--v206-line)!important;box-shadow:var(--v206-shadow-soft)!important}
  .detail-grid{gap:12px!important}
  .detail-grid>div,.client-summary-grid>span{
    background:#f8fafc!important;border:1px solid var(--v206-line)!important;border-radius:13px!important;padding:14px!important;box-shadow:none!important;
  }
  .detail-grid label,.detail-grid small,.client-summary-grid small{color:#64748b!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-size:9px!important;font-weight:800!important}
  .detail-grid b,.detail-grid strong,.client-summary-grid b{color:var(--v206-text)!important}
  .reschedule-box{
    background:#f8fafc!important;border:1px solid var(--v206-line)!important;border-radius:16px!important;
    padding:18px!important;box-shadow:none!important;margin-top:16px!important;
  }
  .reschedule-box h3{font-size:20px!important;margin-bottom:14px!important}
  .reschedule-box input,.reschedule-box select{background:#fff!important;border:1px solid var(--v206-line-2)!important;min-height:44px!important}
  .reschedule-box button{
    min-height:48px!important;border-radius:11px!important;background:linear-gradient(135deg,#0f172a,#1e293b)!important;
    color:#fff!important;border:1px solid #0f172a!important;font-weight:850!important;letter-spacing:.01em!important;
    box-shadow:0 8px 18px rgba(15,23,42,.15)!important;
  }
  .reschedule-box button:disabled{background:#e2e8f0!important;color:#64748b!important;border-color:#cbd5e1!important;box-shadow:none!important;opacity:1!important}
  .status-actions{gap:8px!important}.status-actions button{min-height:42px!important;border-radius:10px!important;font-weight:800!important}
  .status-actions .danger{background:#fff!important;color:#b91c1c!important;border:1px solid #fecaca!important}

  /* Floating AI */
  .crm-ai-fab{
    width:auto!important;min-width:62px!important;height:52px!important;padding:0 16px!important;border-radius:16px!important;
    background:linear-gradient(135deg,#0f172a,#1d4ed8)!important;color:#fff!important;
    box-shadow:0 14px 30px rgba(15,23,42,.22)!important;border:1px solid rgba(255,255,255,.12)!important;
    right:24px!important;bottom:24px!important;transform:none!important;
  }
  .crm-ai-fab:hover{transform:translateY(-2px)!important;box-shadow:0 18px 36px rgba(15,23,42,.28)!important}
  body:has(.detail-drawer) .crm-ai-fab,body:has(.detail-drawer) .crm-ai-panel{display:none!important;visibility:hidden!important;pointer-events:none!important}
}