/* Yalla Social v0.36.0 — final experience, account control and structural template families */

/* Account control lives in one reliable place: the user identity in the top bar. */
.workspace-chip{display:none!important}.user-menu{position:relative;z-index:25;margin:0;padding:0}.user-menu>summary{display:flex;align-items:center;gap:9px;padding:4px 7px;border:1px solid transparent;border-radius:12px;list-style:none;cursor:pointer;transition:.18s}.user-menu>summary::-webkit-details-marker{display:none}.user-menu>summary:hover,.user-menu[open]>summary{border-color:var(--border);background:var(--surface)}.user-menu>summary>span:last-of-type,.user-menu summary strong,.user-menu summary small{display:block}.user-menu summary strong{font-size:11px}.user-menu summary small{margin-top:2px;color:var(--muted);font-size:8px}.user-menu>summary>i{font-style:normal;color:var(--muted);font-size:13px;transition:transform .18s}.user-menu[open]>summary>i{transform:rotate(180deg)}.user-menu-popover{position:absolute;right:0;top:calc(100% + 10px);width:248px;padding:8px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 20px 48px rgba(15,23,42,.16)}.user-menu-popover>div{display:flex;align-items:center;gap:10px;padding:10px 9px 13px;border-bottom:1px solid var(--border)}.user-menu-popover p{min-width:0;margin:0}.user-menu-popover p strong,.user-menu-popover p small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-popover p strong{font-size:11px}.user-menu-popover p small{margin-top:3px;color:var(--muted);font-size:8px}.user-menu-popover>a,.user-menu-popover button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 9px;border:0;border-radius:10px;background:transparent;color:var(--text);font-size:10px;font-weight:800;text-align:left;cursor:pointer}.user-menu-popover>a:hover,.user-menu-popover button:hover{background:color-mix(in srgb,var(--brand-primary),var(--surface) 93%);color:var(--brand-primary)}.user-menu-popover form{margin:3px 0 0;padding-top:3px;border-top:1px solid var(--border)}.user-menu-popover button{color:#bd3850}.user-menu-popover b{font-size:12px}.top-actions>.logout-btn{display:none}

/* Self-service profile: users edit identity without touching balances, role or tenant controls. */
.profile-hero{min-height:220px;margin-bottom:18px;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-radius:23px;color:#fff;overflow:hidden;background:radial-gradient(circle at 88% 13%,color-mix(in srgb,var(--brand-secondary),transparent 30%),transparent 29%),linear-gradient(125deg,#11152d,#1b1a48 58%,#143b6c);box-shadow:0 24px 60px #11193620}.profile-hero>div:first-child>span,.profile-section-head small,.profile-aside small{font-size:8px;font-weight:900;letter-spacing:.17em;color:#aab5d7}.profile-hero h1{max-width:670px;margin:12px 0 9px;font:800 36px/1.06 var(--workspace-font);letter-spacing:-.045em}.profile-hero p{max-width:620px;margin:0;color:#b5c0dd;line-height:1.6}.profile-hero-avatar{width:102px;height:102px;flex:0 0 102px;display:grid;place-items:center;border:1px solid #ffffff2b;border-radius:30px;background:linear-gradient(140deg,var(--brand-accent),var(--brand-primary),var(--brand-secondary));box-shadow:0 22px 48px #07123244;font:800 35px var(--workspace-font)}.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.profile-form-card{padding:28px}.profile-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--border)}.profile-section-head h2{margin:5px 0 0;font:800 21px var(--workspace-font)}.profile-form{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px;margin-top:7px}.profile-form label{margin-top:15px}.profile-form label small{display:block;margin-top:5px;color:var(--muted);font-size:8px;font-weight:600;letter-spacing:0}.profile-form-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}.profile-form-actions span{color:var(--muted);font-size:9px}.profile-aside{display:grid;gap:18px;position:sticky;top:96px}.profile-aside dl{margin:16px 0 0}.profile-aside dt{margin-top:13px;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.profile-aside dd{margin:4px 0 0;font-size:10px;font-weight:800}.profile-security-note>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--brand-primary),#fff 87%);color:var(--brand-primary);font-size:19px}.profile-security-note strong{display:block;margin-top:14px}.profile-security-note p{color:var(--muted);font-size:10px;line-height:1.65}.profile-security-note a{color:var(--brand-primary);font-size:10px;font-weight:900}

/* Public home: substantive proof, not decorative numbering or fake mini dashboards. */
.ys-story-grid>article{min-height:390px;display:flex;flex-direction:column}.ys-story-grid .ys-story-icon{margin:24px 0 22px}.ys-proof-list{display:grid;gap:9px;margin:auto 0 0;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.09);list-style:none}.ys-proof-list li{position:relative;padding-left:17px;color:#a9b2cb;font-size:11px;font-weight:700}.ys-proof-list li:before{content:'✓';position:absolute;left:0;color:#62edba}.ys-intelligence-stream span{font-size:14px}.ys-reseller-copy li>i{width:24px;font-size:15px;font-weight:900}.ys-nav-actions{gap:14px}

/* Template selector previews show layout architecture instead of colour strips. */
.template-swatch{position:relative;isolation:isolate;display:grid!important;grid-template-columns:18px 1fr!important;grid-template-rows:1fr!important;padding:8px!important;background:#eef1f7!important;overflow:hidden}.template-swatch:before{content:'';grid-area:1/1/2/2;border-radius:6px;background:#18213d}.template-swatch:after{content:'';grid-area:1/2/2/3;margin-left:7px;border-radius:5px;background:linear-gradient(#d9deea 0 10px,transparent 10px 17px,#d9deea 17px 34px,transparent 34px 41px,#d9deea 41px 100%)}.template-swatch i{display:none!important}.template-swatch-aurora{grid-template-columns:1fr!important;grid-template-rows:13px 1fr!important;background:#edfaff!important}.template-swatch-aurora:before{grid-area:1/1/2/2;border-radius:5px;background:#fff}.template-swatch-aurora:after{grid-area:2/1/3/2;margin:7px 0 0;border-radius:8px;background:linear-gradient(110deg,#d5f4fb 0 55%,#fff 55%)}.template-swatch-midnight{background:#0a1020!important}.template-swatch-midnight:before{background:#151e36}.template-swatch-midnight:after{background:linear-gradient(#293652 0 10px,transparent 10px 17px,#293652 17px 34px,transparent 34px 41px,#293652 41px 100%)}.template-swatch-atlas{grid-template-columns:15px 1fr!important;background:#f5f7f8!important}.template-swatch-atlas:before{border-radius:1px;background:#fff;border-right:1px solid #cfd8dc}.template-swatch-atlas:after{border-radius:1px;background:linear-gradient(#cbd6dc 0 9px,transparent 9px 16px,#fff 16px 33px,transparent 33px 39px,#fff 39px 100%)}.template-swatch-pulse{grid-template-columns:13px 1fr!important;background:#f4edff!important}.template-swatch-pulse:before{border-radius:6px;background:#482187}.template-swatch-pulse:after{margin-left:6px;border-radius:11px;background:linear-gradient(#7c3aed 0 15px,transparent 15px 22px,#fff 22px 100%);box-shadow:0 5px 12px #53278b18}.template-swatch-atelier{grid-template-columns:1fr!important;grid-template-rows:12px 1fr!important;background:#f8f5ef!important}.template-swatch-atelier:before{grid-area:1/1/2/2;border-radius:1px;background:#342d28}.template-swatch-atelier:after{grid-area:2/1/3/2;margin:7px 0 0;border-radius:1px;background:linear-gradient(90deg,#fffdfa 0 62%,#ede5da 62%)}

/* Each family changes hierarchy, geometry and navigation treatment, not only its colours. */
.template-command .content{max-width:1780px}.template-command .stats{grid-template-columns:repeat(4,minmax(160px,1fr))}.template-aurora .shell{grid-template-columns:250px minmax(0,1fr)}.template-aurora .sidebar{padding:24px 17px;background:linear-gradient(180deg,#102a43,#0d3347)}.template-aurora .brand{padding-bottom:28px}.template-aurora .nav a{padding:12px;border-radius:14px}.template-aurora .content{max-width:1560px;padding:36px 42px}.template-aurora .card{border-radius:24px}.template-aurora .stats{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:21px}.template-aurora .table th,.template-aurora .table td{padding:16px 13px}.template-midnight .content{max-width:1680px}.template-midnight .sidebar{border-right:1px solid #27314b}.template-midnight .stats{grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}.template-midnight .card{border-radius:10px}.template-midnight .table th,.template-midnight .table td{padding:11px 10px}.template-atlas .content{max-width:1540px;padding:24px 34px}.template-atlas .brand{padding-bottom:16px}.template-atlas .nav-label{padding-top:20px}.template-atlas .nav a{padding:9px 10px}.template-atlas .stats{grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.template-atlas .stat{min-height:104px}.template-atlas .table{border:1px solid var(--border)}.template-atlas .table th,.template-atlas .table td{padding:12px}.template-pulse .content{max-width:1620px;padding:35px 34px}.template-pulse .stats{grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:20px}.template-pulse .table-wrap{padding:5px;border-radius:18px;background:#fff}.template-atelier .content{max-width:1320px;padding:42px 54px}.template-atelier .sidebar{padding-inline:17px}.template-atelier .nav{border-top:1px solid #ffffff1a;padding-top:10px}.template-atelier .nav a{padding:11px 8px}.template-atelier .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--border);background:var(--border)}.template-atelier .stat{min-height:132px;background:var(--surface);border:0}.template-atelier .stat:after{display:none}.template-atelier .table th,.template-atelier .table td{padding:15px 12px}.template-atelier .section-head{padding-bottom:14px;border-bottom:1px solid var(--border)}

@media(max-width:900px){.profile-layout{grid-template-columns:1fr}.profile-aside{position:static;grid-template-columns:1fr 1fr}.template-aurora .content,.template-atlas .content,.template-pulse .content,.template-atelier .content{padding:25px}.template-atelier .stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.user-menu summary>span:last-of-type,.user-menu>summary>i{display:none}.user-menu-popover{right:-3px;width:min(248px,calc(100vw - 28px))}.profile-hero{min-height:0;padding:27px 23px;align-items:flex-start}.profile-hero h1{font-size:29px}.profile-hero-avatar{width:58px;height:58px;flex-basis:58px;border-radius:18px;font-size:21px}.profile-form{grid-template-columns:1fr}.profile-form-actions{align-items:flex-start;flex-direction:column}.profile-aside{grid-template-columns:1fr}.ys-story-grid>article{min-height:300px}.template-atelier .content,.template-aurora .content,.template-atlas .content,.template-pulse .content{padding:18px}.template-atelier .stats{grid-template-columns:1fr}}