.crm-side-nav{
      display:flex;
      flex-direction:column;
      gap:18px;
    }

    .crm-nav-section{
      display:flex;
      flex-direction:column;
      gap:6px;
    }

    .crm-nav-label{
      padding:0 8px;
      font-size:10px;
      line-height:1;
      text-transform:uppercase;
      letter-spacing:.16em;
      font-weight:850;
    }

    .crm-nav-item{
      min-height:38px;
      display:flex;
      align-items:center;
      gap:10px;
      padding:9px 10px;
      border-radius:12px;
      text-decoration:none;
      font-size:13px;
      font-weight:750;
      border:1px solid transparent;
      transition:background .16s ease,border-color .16s ease,transform .16s ease,color .16s ease,box-shadow .16s ease;
    }

    .crm-nav-ico{
      width:22px;
      height:22px;
      border-radius:8px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      flex:0 0 22px;
      font-size:13px;
      color:inherit;
    }

    html[data-theme="light-soft"] body[data-theme="light-soft"] .app-sidebar{
      background:
        radial-gradient(circle at 0% 0%, rgba(15,107,75,.06), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.70), rgba(241,245,249,.48)),
        rgba(255,255,255,.54) !important;
      border:1px solid rgba(255,255,255,.72) !important;
      box-shadow:
        0 18px 46px rgba(15,23,42,.12),
        inset 0 1px 0 rgba(255,255,255,.82) !important;
      color:#0f172a !important;
      backdrop-filter:blur(24px) saturate(1.08) !important;
      -webkit-backdrop-filter:blur(24px) saturate(1.08) !important;
      border-radius:28px !important;
    }

    html[data-theme="dark"] body[data-theme="dark"] .app-sidebar{
      background:
        radial-gradient(circle at 0% 0%, rgba(15,107,75,.20), transparent 34%),
        linear-gradient(145deg, rgba(15,23,42,.94), rgba(2,6,23,.96)),
        rgba(2,6,23,.92) !important;
      border:1px solid rgba(148,163,184,.22) !important;
      box-shadow:
        0 24px 60px rgba(0,0,0,.52),
        inset 0 1px 0 rgba(255,255,255,.055) !important;
      color:#f8fafc !important;
      backdrop-filter:blur(20px) saturate(1.08) !important;
      -webkit-backdrop-filter:blur(20px) saturate(1.08) !important;
      border-radius:28px !important;
    }

    html[data-theme="light-soft"] body[data-theme="light-soft"] .app-sidebar .ui-panel{
      background:rgba(255,255,255,.58) !important;
      border:1px solid rgba(255,255,255,.70) !important;
      color:#0f172a !important;
      box-shadow:0 10px 24px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.72) !important;
      border-radius:22px !important;
    }

    html[data-theme="dark"] body[data-theme="dark"] .app-sidebar .ui-panel{
      background:rgba(15,23,42,.88) !important;
      border:1px solid rgba(148,163,184,.18) !important;
      color:#f8fafc !important;
      box-shadow:0 12px 28px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045) !important;
      border-radius:22px !important;
    }

    html[data-theme="light-soft"] body[data-theme="light-soft"] .crm-nav-label{
      color:#64748b !important;
    }

    html[data-theme="dark"] body[data-theme="dark"] .crm-nav-label{
      color:#a8b5c7 !important;
    }

    html[data-theme="light-soft"] body[data-theme="light-soft"] .crm-nav-item{
      color:#334155 !important;
      background:transparent !important;
      border-color:transparent !important;
      box-shadow:none !important;
    }

    html[data-theme="dark"] body[data-theme="dark"] .crm-nav-item{
      color:#dbe3ef !important;
      background:transparent !important;
      border-color:transparent !important;
      box-shadow:none !important;
    }

    html[data-theme="light-soft"] body[data-theme="light-soft"] .crm-nav-item:hover{
      background:rgba(255,255,255,.58) !important;
      border-color:rgba(255,255,255,.68) !important;
      color:#0f172a !important;
      box-shadow:0 10px 24px rgba(15,23,42,.08) !important;
      transform:translateX(1px);
    }

    html[data-theme="dark"] body[data-theme="dark"] .crm-nav-item:hover{
      background:rgba(15,23,42,.92) !important;
      border-color:rgba(148,163,184,.22) !important;
      color:#ffffff !important;
      box-shadow:0 12px 28px rgba(0,0,0,.34) !important;
      transform:translateX(1px);
    }

    html[data-theme] body[data-theme] .crm-nav-item.is-active{
      background:linear-gradient(135deg, rgba(22,163,74,.98), rgba(15,107,75,.94)) !important;
      border-color:rgba(255,255,255,.22) !important;
      color:#fff !important;
      box-shadow:0 16px 32px rgba(15,107,75,.28), inset 0 1px 0 rgba(255,255,255,.18) !important;
    }

    html[data-theme="light-soft"] body[data-theme="light-soft"] .crm-nav-ico{
      background:rgba(255,255,255,.54) !important;
      border:1px solid rgba(255,255,255,.64) !important;
      color:inherit !important;
    }

    html[data-theme="dark"] body[data-theme="dark"] .crm-nav-ico{
      background:rgba(15,23,42,.92) !important;
      border:1px solid rgba(148,163,184,.20) !important;
      color:inherit !important;
    }

    html[data-theme] body[data-theme] .crm-nav-item.is-active .crm-nav-ico{
      background:rgba(255,255,255,.18) !important;
      border-color:rgba(255,255,255,.18) !important;
      color:#fff !important;
    }

/* CRM SIDEBAR FINAL OVERRIDE SAFE */

    html[data-theme="light-soft"] body[data-theme="light-soft"] .app-sidebar{
      background:
        radial-gradient(circle at 0% 0%, rgba(15,107,75,.055), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.76), rgba(241,245,249,.56)),
        rgba(255,255,255,.62) !important;
      border:1px solid rgba(255,255,255,.76) !important;
      box-shadow:0 18px 46px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.86) !important;
      color:#0f172a !important;
      backdrop-filter:blur(24px) saturate(1.08) !important;
      -webkit-backdrop-filter:blur(24px) saturate(1.08) !important;
    }

    html[data-theme="dark"] body[data-theme="dark"] .app-sidebar{
      background:
        radial-gradient(circle at 0% 0%, rgba(15,107,75,.18), transparent 34%),
        linear-gradient(145deg, rgba(15,23,42,.96), rgba(2,6,23,.98)),
        rgba(2,6,23,.94) !important;
      border:1px solid rgba(148,163,184,.22) !important;
      box-shadow:0 24px 60px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.055) !important;
      color:#f8fafc !important;
      backdrop-filter:blur(20px) saturate(1.06) !important;
      -webkit-backdrop-filter:blur(20px) saturate(1.06) !important;
    }

    html[data-theme="light-soft"] body[data-theme="light-soft"] .app-sidebar,
    html[data-theme="light-soft"] body[data-theme="light-soft"] .app-sidebar *:not(.crm-nav-item.is-active):not(.crm-nav-item.is-active *){
      color:#0f172a !important;
      opacity:1 !important;
    }

    html[data-theme="dark"] body[data-theme="dark"] .app-sidebar,
    html[data-theme="dark"] body[data-theme="dark"] .app-sidebar *:not(.crm-nav-item.is-active):not(.crm-nav-item.is-active *){
      color:#e5edf8 !important;
      opacity:1 !important;
    }

    html[data-theme="light-soft"] body[data-theme="light-soft"] .crm-nav-label{
      color:#64748b !important;
    }

    html[data-theme="dark"] body[data-theme="dark"] .crm-nav-label{
      color:#a8b5c7 !important;
    }

    html[data-theme] body[data-theme] .crm-nav-item.is-active,
    html[data-theme] body[data-theme] .crm-nav-item.is-active *{
      color:#fff !important;
      opacity:1 !important;
    }
