/* Compatibility and final visual refinements for the AngelBoard glass UI. */
[hidden]{display:none!important}
.glass-filter-definitions{display:none}
.loginScreen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#fff8df,transparent 35%),linear-gradient(135deg,#f7f6f2,#fff)}
.loginCard{width:min(100%,420px);padding:42px;border:1px solid #eee1bd;border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 18px 60px #7c641c24;display:grid;gap:15px}.loginCard h1{margin:8px 0 0}.loginCard p{margin:0;color:#777}.loginCard label{display:grid;gap:6px;font-size:.82rem;font-weight:700;color:#605a4b}.loginCard input{padding:13px;border:1px solid #ded7c8;border-radius:9px;font:inherit}.loginCard .gold{width:100%;margin-top:6px}.loginError{min-height:20px;color:#a32828!important;font-size:.9rem}
.userForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:18px;border:1px solid #eee5cf;border-radius:12px;margin-bottom:22px}.userForm label{display:grid;gap:5px;font-size:.8rem;font-weight:700}.userForm input,.userForm select{padding:10px;border:1px solid #ddd4c2;border-radius:7px}.userForm .wide{grid-column:1/-1}@media(max-width:650px){.userForm{grid-template-columns:1fr}}

/* Official AngelBoard logo: shared by the sign-in card and the glass sidebar. */
.brand{width:166px;min-height:70px;padding:0!important;gap:0!important;background:url('angelboard-logo.png') center/166px 70px no-repeat;font-size:0!important}.brand span,.brand small{display:none!important}.loginCard .brand{margin:0 auto 10px}aside .brand{margin:0 0 20px}@media(max-width:820px){.brand{width:142px;min-height:60px;background-size:142px 60px}}

/* Liquid-glass layers adapted from the supplied card and button system. */
.glass-card,.glass-button{--bg-color:rgba(255,255,255,.28);--highlight:rgba(255,255,255,.85);--text:#9b670f;--pointer-x:50%;--pointer-y:50%;--pointer-opacity:0;position:relative;isolation:isolate;overflow:hidden}.glass-card>.glass-filter,.glass-card>.glass-overlay,.glass-card>.glass-specular,.glass-button>.glass-filter,.glass-button>.glass-overlay,.glass-button>.glass-specular{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.glass-card>.glass-filter,.glass-button>.glass-filter{z-index:1;backdrop-filter:blur(7px) saturate(120%);filter:url(#glass-distortion) saturate(120%) brightness(1.1);opacity:.2}.glass-card>.glass-overlay,.glass-button>.glass-overlay{z-index:2;background:var(--bg-color)}.glass-card>.glass-specular,.glass-button>.glass-specular{z-index:3;box-shadow:inset 1px 1px 1px var(--highlight),inset -1px -1px 1px rgba(184,127,28,.12);background:radial-gradient(circle 160px at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.62) 0%,rgba(255,239,192,.24) 28%,rgba(255,255,255,0) 64%);opacity:var(--pointer-opacity);transition:opacity .22s ease}.glass-card>*:not(.glass-filter):not(.glass-overlay):not(.glass-specular){position:relative;z-index:4}.glass-button{border:1px solid rgba(208,159,57,.74)!important;background:transparent!important;color:#9b670f!important;box-shadow:0 2px 0 #c99122,0 7px 16px rgba(154,107,39,.18);transition:transform .2s ease,box-shadow .2s ease}.glass-button:hover{transform:translateY(-2px) scale(1.025);box-shadow:0 3px 0 #bd8114,0 12px 22px rgba(154,107,39,.24)}.glass-button:active{transform:translateY(1px) scale(.985)}.glass-button>.glass-content{position:relative;z-index:4;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:inherit;font:inherit}.glass-button>.glass-content svg{width:1.15em;height:1.15em}.glass-button.glass-button{padding:12px 19px}.bellBtn.glass-button{padding:0}.bellBtn.glass-button>.glass-content{width:100%;height:100%}.stageTabs button.glass-button{padding:10px 13px}.stageTabs button.glass-button.active{--bg-color:rgba(198,138,29,.68);--text:#fff;color:#fff!important}.stageTabs button.glass-button.active .glass-content{color:#fff}.glass-card:before{content:'';position:absolute;inset:-30%;z-index:0;pointer-events:none;background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.36),transparent 30%),radial-gradient(circle at 78% 78%,rgba(240,191,93,.16),transparent 34%);background-size:180% 180%;animation:angelboardGlassFloat 12s ease-in-out infinite}@keyframes angelboardGlassFloat{0%,100%{background-position:0% 0%}50%{background-position:100% 100%}}
.glass-sidebar{--bg-color:rgba(255,255,255,.36);--highlight:rgba(255,255,255,.92);box-shadow:0 16px 38px rgba(92,68,29,.14),inset 0 1px 0 rgba(255,255,255,.92)!important}.glass-sidebar nav{padding:4px 0;flex:1}.glass-sidebar nav button{border-radius:18px;margin:2px 0}.glass-sidebar .profile{margin-top:auto}

/* Glass icon tiles from the supplied icon-grid treatment. */
.glass-icon{--bg-color:rgba(255,255,255,.46);--highlight:rgba(255,255,255,.9);position:relative;isolation:isolate;overflow:hidden;cursor:default;transition:transform .2s ease}.glass-icon:hover{transform:scale(1.06)}.glass-icon>.glass-filter,.glass-icon>.glass-overlay,.glass-icon>.glass-specular{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.glass-icon>.glass-filter{z-index:1;backdrop-filter:blur(5px) saturate(120%);filter:url(#glass-distortion) saturate(120%);opacity:.2}.glass-icon>.glass-overlay{z-index:2;background:var(--bg-color)}.glass-icon>.glass-specular{z-index:3;box-shadow:inset 1px 1px 1px var(--highlight)}.glass-icon>svg{position:relative;z-index:4}.metricIcon.glass-icon,.avatarLg.glass-icon,.avatarSm.glass-icon{color:#b77a10!important}

/* Glass login/form treatment: visual only; account creation remains management-only. */
.loginCard.glass-card{--bg-color:rgba(255,255,255,.56);--highlight:rgba(255,255,255,.98);border:1px solid rgba(214,174,90,.42)}.loginCard.glass-card input{background:rgba(255,255,255,.58);border-color:rgba(210,170,91,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.loginCard.glass-card input:focus{outline:0;border-color:#bd8114;box-shadow:0 0 0 3px rgba(202,148,42,.14),inset 0 1px 0 rgba(255,255,255,.9)}

/* Glass dropdown and toggle primitives are ready for expandable CRM settings. */
.glass-dropdown-list{--bg-color:rgba(255,255,255,.3);--highlight:rgba(255,255,255,.8);display:grid;gap:12px;width:100%}.glass-dropdown{position:relative}.dropdown-toggle,.toggle-input{position:absolute;opacity:0;pointer-events:none}.dropdown-header,.dropdown-content{position:relative;overflow:hidden;border-radius:15px;border:1px solid rgba(213,171,88,.35);background:rgba(255,255,255,.32)}.dropdown-header{display:block;cursor:pointer}.dropdown-header .glass-content,.dropdown-content .glass-content{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;color:#7d591c}.dropdown-arrow{width:19px;height:19px;transition:transform .3s ease}.dropdown-content{max-height:0;margin-top:7px;transition:max-height .3s ease}.dropdown-content .glass-content{opacity:0;transform:translateY(-8px);transition:.3s}.dropdown-toggle:checked~.dropdown-header .dropdown-arrow{transform:rotate(180deg)}.dropdown-toggle:checked~.dropdown-content{max-height:220px}.dropdown-toggle:checked~.dropdown-content .glass-content{opacity:1;transform:translateY(0)}.glass-toggle{display:inline-flex;align-items:center;gap:10px;color:#70551e;cursor:pointer}.toggle-track{position:relative;width:48px;height:28px;border-radius:999px;overflow:hidden;border:1px solid rgba(204,158,66,.6);background:rgba(255,255,255,.35)}.toggle-thumb{position:absolute;z-index:4;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#fff,#e9c676);box-shadow:0 2px 5px rgba(122,83,17,.25);transition:transform .2s ease}.toggle-input:checked+.toggle-track{background:rgba(195,133,17,.42)}.toggle-input:checked+.toggle-track .toggle-thumb{transform:translateX(20px)}

/* Gold-and-white liquid spinner used only while a workspace is loading. */
.loadingWorkspace{display:flex;align-items:center;justify-content:center;gap:12px}.glass-spinner{--spinner-size:46px;--ring-size:35px;--core-size:12px;position:relative;width:var(--spinner-size);height:var(--spinner-size);border-radius:50%;overflow:hidden;isolation:isolate;display:inline-grid;place-items:center;background:rgba(255,255,255,.38);border:1px solid rgba(215,178,101,.42)}.glass-spinner>.glass-filter,.glass-spinner>.glass-overlay,.glass-spinner>.glass-specular{position:absolute;inset:0;border-radius:inherit}.glass-spinner>.glass-filter{z-index:1;backdrop-filter:blur(4px);filter:url(#glass-distortion) saturate(120%);opacity:.2}.glass-spinner>.glass-overlay{z-index:2;background:rgba(255,255,255,.28)}.glass-spinner>.glass-specular{z-index:3;box-shadow:inset 1px 1px 1px rgba(255,255,255,.85)}.glass-spinner>.glass-content{position:relative;z-index:4;width:100%;height:100%;display:grid;place-items:center}.spinner-ring{position:absolute;width:var(--ring-size);height:var(--ring-size);border:2px solid transparent;border-top-color:#c58d23;border-right-color:#edca7c;border-radius:50%;animation:angelboardSpin 1s linear infinite}.spinner-core{width:var(--core-size);height:var(--core-size);background:#fff8df;border:1px solid #d29b34;border-radius:50%;animation:angelboardPulse 1s ease-in-out infinite alternate}@keyframes angelboardSpin{to{transform:rotate(360deg)}}@keyframes angelboardPulse{from{transform:scale(.76);opacity:.5}to{transform:scale(1);opacity:.95}}