/* AVANZA Life IA 1.0.16.8 — visible uploaded backgrounds + project creator hardening */

/* The uploaded login wallpaper must actually be visible, not buried by opaque legacy layers. */
.login-body::before{opacity:1!important;filter:saturate(1.08) contrast(1.02)!important}
.login-body::after{
  background:
    radial-gradient(circle at 76% 18%,color-mix(in srgb,var(--primary,#7c3aed) 12%,transparent),transparent 34%),
    linear-gradient(115deg,rgba(2,6,20,calc(var(--login-overlay,.58) * .56)),rgba(3,8,25,calc(var(--login-overlay,.58) * .68)) 48%,rgba(4,10,28,calc(var(--login-overlay,.58) * .78)))!important;
}
.login-visual{background:linear-gradient(145deg,rgba(5,12,34,.22),rgba(6,10,30,.10))!important}
@media(max-width:980px){
  .login-body::after{background:linear-gradient(155deg,rgba(2,7,22,calc(var(--login-overlay,.58) * .62)),rgba(3,9,27,calc(var(--login-overlay,.58) * .72)) 45%,rgba(4,9,24,calc(var(--login-overlay,.58) * .78)))!important}
}
html[data-theme="light"] .login-body::after{
  background:linear-gradient(115deg,rgba(247,249,253,.72),rgba(244,248,253,.78) 48%,rgba(241,246,252,.84))!important;
}
@media(max-width:980px){html[data-theme="light"] .login-body::after{background:linear-gradient(155deg,rgba(247,250,255,.76),rgba(241,246,252,.82))!important}}

/* Sidebar wallpaper: always use the uploaded asset and keep enough contrast for navigation. */
.sidebar{background:color-mix(in srgb,var(--dark-sidebar,#071224) 46%,transparent)!important}
.sidebar-bg{background-image:var(--sidebar-image)!important;background-size:cover!important;background-position:var(--sidebar-bg-position,center bottom)!important;background-repeat:no-repeat!important;opacity:1!important;filter:saturate(1.14) contrast(1.04)!important}
.sidebar-shade{background:linear-gradient(180deg,rgba(3,9,25,.28),rgba(3,11,28,.58) 48%,rgba(2,8,23,.44))!important;backdrop-filter:saturate(1.06)!important}
html[data-theme="light"] .sidebar{background:rgba(5,15,34,.35)!important}
html[data-theme="light"] .sidebar-bg{opacity:1!important;filter:saturate(1.05) brightness(.86)!important}
html[data-theme="light"] .sidebar-shade{background:linear-gradient(180deg,rgba(4,14,32,.28),rgba(4,13,30,.62) 52%,rgba(3,11,25,.42))!important}

/* Project category chooser */
.project-category-field>label span{font-weight:500;color:var(--muted);font-size:.72rem;margin-left:4px}
.project-category-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:7px}
.project-category-option{min-width:0;min-height:70px;padding:9px 7px;border:1px solid var(--line,var(--border));border-radius:13px;background:var(--surface-input,rgba(255,255,255,.035));color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:.16s ease}
.project-category-option i{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;font-size:17px;color:var(--cat-color);background:color-mix(in srgb,var(--cat-color) 12%,transparent)}
.project-category-option span{font-size:.72rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.project-category-option:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--cat-color) 44%,var(--line,var(--border)));background:color-mix(in srgb,var(--cat-color) 5%,var(--surface-input,transparent))}
.project-category-option.active{border-color:var(--cat-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--cat-color) 12%,transparent),0 10px 22px color-mix(in srgb,var(--cat-color) 10%,transparent);background:color-mix(in srgb,var(--cat-color) 9%,var(--surface-input,transparent))}
.project-color-row{display:flex;align-items:center;gap:10px}.project-color-input{width:62px!important;min-width:62px;padding:4px!important}.project-color-row span{font-size:.72rem;color:var(--muted)}
@media(max-width:760px){.project-category-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.project-category-option{min-height:62px}.project-form-grid{grid-template-columns:1fr!important}}
@media(max-width:420px){.project-category-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}