/* PulseBoard V13 — social editor, learning lab, and language selector polish */
:root{
  --pb13-cyan:#27e6d3;
  --pb13-blue:#6ea8ff;
  --pb13-violet:#9f7cff;
  --pb13-coral:#ff856e;
  --pb13-gold:#f2c47c;
  --pb13-panel:#0a1b25;
  --pb13-panel-2:#0d2430;
  --pb13-line:rgba(205,238,246,.14);
}

/* ---------------- Language control ---------------- */
.site-language-switcher{
  isolation:isolate;
  display:grid!important;
  grid-template-columns:32px auto minmax(110px,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-width:230px!important;
  min-height:50px!important;
  padding:6px 8px 6px 10px!important;
  border:1px solid rgba(var(--accent-rgb),.32)!important;
  border-radius:14px!important;
  background:
    linear-gradient(135deg,rgba(var(--accent-rgb),.12),transparent 48%),
    linear-gradient(180deg,#0b1e28,#07141c)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 26px rgba(0,0,0,.22)!important;
  color:var(--text)!important;
  overflow:hidden;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
.site-language-switcher:hover,
.site-language-switcher:focus-within{
  transform:translateY(-1px)!important;
  border-color:rgba(var(--accent-rgb),.7)!important;
  box-shadow:0 0 0 3px rgba(var(--accent-rgb),.11),0 16px 34px rgba(0,0,0,.28)!important;
}
.site-language-switcher__icon{
  width:32px;height:32px;display:grid;place-items:center;border-radius:10px;
  background:linear-gradient(135deg,rgba(var(--accent-rgb),.25),rgba(110,168,255,.16));
  border:1px solid rgba(255,255,255,.09);color:rgb(var(--accent-rgb));
}
.site-language-switcher__icon svg{width:17px;height:17px;display:block;stroke:currentColor}
.site-language-switcher__label{
  display:grid;gap:1px;line-height:1!important;text-transform:none!important;letter-spacing:0!important;
  color:var(--text)!important;font-weight:800!important;font-size:.75rem!important;white-space:nowrap;
}
.site-language-switcher__label small{
  font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,237,226,.46);
}
.site-language-switcher__select-wrap{position:relative;min-width:0}
.site-language-switcher select{
  width:100%!important;min-width:0!important;max-width:none!important;height:38px!important;
  padding:0 34px 0 12px!important;border-radius:10px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:#102b37!important;color:#f8f4ec!important;
  font:800 .86rem/1 Inter,system-ui,sans-serif!important;cursor:pointer!important;outline:none!important;
  appearance:none!important;color-scheme:dark;
}
.site-language-switcher select:focus{border-color:rgba(var(--accent-rgb),.72)!important;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12)!important}
.site-language-switcher__chevron{position:absolute;right:11px;top:50%;width:8px;height:8px;border-right:2px solid rgba(244,237,226,.72);border-bottom:2px solid rgba(244,237,226,.72);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.site-language-switcher select option,.site-language-mobile select option{background:#0d202a!important;color:#f8f4ec!important}

.site-language-mobile{
  margin:10px 12px 14px!important;padding:14px!important;border:1px solid var(--pb13-line)!important;border-radius:16px!important;
  background:linear-gradient(135deg,rgba(var(--accent-rgb),.10),transparent 54%),#0a1b25!important;
}
.site-language-mobile label{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:12px!important;align-items:center!important;width:100%!important}
.site-language-mobile__icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(var(--accent-rgb),.14);border:1px solid rgba(var(--accent-rgb),.25);color:rgb(var(--accent-rgb))}
.site-language-mobile__icon svg{width:19px;height:19px;stroke:currentColor}
.site-language-mobile__body{display:grid;gap:7px;min-width:0}
.site-language-mobile__title{display:flex;justify-content:space-between;gap:8px;align-items:center;font-weight:850;color:var(--text)}
.site-language-mobile__title small{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--accent-rgb),.9)}
.site-language-mobile select{width:100%;height:42px;padding:0 38px 0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.11);background:#0d2733;color:#fff;font-weight:800;appearance:none;outline:none}

@media(max-width:1320px){.site-language-switcher{min-width:190px!important;grid-template-columns:30px minmax(0,1fr)!important}.site-language-switcher__label{display:none!important}}
@media(max-width:760px){.site-language-switcher{display:none!important}}

/* ---------------- Developer Edit social workspace ---------------- */
.theme-manager #socialDialog{
  width:auto!important;max-width:none!important;max-height:none!important;overflow:visible!important;
}
.theme-manager #socialDialog::backdrop{background:rgba(1,8,12,.78)!important}
.theme-manager #socialDialog .bulk-card.social-dialog-card{
  width:min(980px,calc(100vw - 28px))!important;max-height:min(88vh,820px);overflow:auto;
  padding:0!important;border-radius:22px!important;border:1px solid rgba(39,230,211,.24)!important;
  background:
    radial-gradient(circle at 9% 8%,rgba(39,230,211,.13),transparent 34%),
    radial-gradient(circle at 92% 82%,rgba(159,124,255,.12),transparent 34%),
    linear-gradient(180deg,#0b202b,#07151d)!important;
  box-shadow:0 38px 100px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.025)!important;
}
.social-dialog-card .bulk-head{
  position:sticky;top:0;z-index:4;padding:22px 24px 18px!important;
  background:linear-gradient(180deg,rgba(7,21,29,.98),rgba(7,21,29,.88));
  border-bottom:1px solid rgba(255,255,255,.08);
}
.social-dialog-card .bulk-head h3{margin:5px 0 0;font-size:clamp(1.35rem,2.4vw,2.05rem);line-height:1.06}
.social-dialog-card .panel-label{color:var(--pb13-coral)!important;font-weight:900;letter-spacing:.18em}
.social-dialog-card .icon-btn{width:42px;height:42px;border-radius:12px!important;border:1px solid rgba(255,255,255,.12)!important;background:#0e2834!important;display:grid;place-items:center;font-size:1.1rem!important}
.social-dialog-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:20px;padding:22px 24px 24px}
.social-dialog-form{min-width:0}
.theme-manager #socialDialog .social-form-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}
.theme-manager #socialDialog .social-form-grid .control-group:last-child{grid-column:1/-1!important}
.theme-manager #socialDialog .control-group{gap:8px;margin:0!important}
.theme-manager #socialDialog label{font-size:.78rem;font-weight:800;letter-spacing:.04em;color:rgba(244,237,226,.74)!important}
.theme-manager #socialDialog input{
  width:100%!important;min-width:0!important;height:50px!important;padding:0 14px!important;border-radius:12px!important;
  border:1px solid rgba(255,255,255,.12)!important;background:#071a23!important;color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;font-size:.96rem!important;
}
.theme-manager #socialDialog input:focus{border-color:rgba(39,230,211,.68)!important;box-shadow:0 0 0 3px rgba(39,230,211,.11)!important;outline:none!important}
.social-admin-save-note{margin:16px 0 0!important;padding:12px 14px;border-left:3px solid var(--pb13-cyan);background:rgba(39,230,211,.055);color:rgba(244,237,226,.68)!important;font-size:.78rem!important}
.social-dialog-card .bulk-actions{justify-content:flex-start!important;margin-top:18px;gap:10px!important}
.social-dialog-card .bulk-actions .button,.social-dialog-card .bulk-actions .ghost-button{min-height:48px;padding:0 18px;border-radius:12px!important}
.social-live-preview{position:relative;overflow:hidden;align-self:stretch;min-height:290px;padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,rgba(39,230,211,.10),rgba(110,168,255,.06) 46%,rgba(159,124,255,.09)),#0c2632;display:grid;align-content:space-between;gap:24px}
.social-live-preview::after{content:"";position:absolute;right:-70px;bottom:-70px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(39,230,211,.22),transparent 68%);pointer-events:none}
.social-live-preview__top{position:relative;z-index:1;display:flex;justify-content:space-between;gap:10px;align-items:center}
.social-live-preview__tag{font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:var(--pb13-cyan);font-weight:900}
.social-live-preview__status{width:9px;height:9px;border-radius:999px;background:var(--pb13-cyan);box-shadow:0 0 0 5px rgba(39,230,211,.10)}
.social-live-preview__card{position:relative;z-index:1;display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;align-items:center;padding:16px;border:1px solid rgba(255,255,255,.10);background:rgba(3,12,17,.48)}
.social-live-preview__icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,var(--pb13-coral),var(--pb13-violet));color:white;font-weight:950;font-size:1rem}
.social-live-preview__icon img{width:100%;height:100%;object-fit:cover}
.social-live-preview__copy{min-width:0}.social-live-preview__copy strong{display:block;font-size:1.08rem;overflow-wrap:anywhere}.social-live-preview__copy span{display:block;margin-top:5px;color:rgba(244,237,226,.62);font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.social-live-preview__foot{position:relative;z-index:1;color:rgba(244,237,226,.52);font-size:.72rem;line-height:1.55}

/* social cards in the workspace */
.theme-manager .social-admin-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important}
.theme-manager .social-admin-card{border-radius:18px!important;background:linear-gradient(145deg,rgba(39,230,211,.055),rgba(255,255,255,.025))!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.theme-manager .social-admin-card:hover{transform:translateY(-3px);border-color:rgba(39,230,211,.3)!important;box-shadow:0 18px 40px rgba(0,0,0,.24)}
.theme-manager .social-admin-card__actions .ghost-button{border-radius:10px!important;min-height:42px}

/* ---------------- Post Studio learning lab ---------------- */
#studyLabRoot{
  position:relative;overflow:hidden;padding:clamp(22px,3vw,42px)!important;
  border:1px solid rgba(39,230,211,.14);border-radius:26px!important;
  background:
    radial-gradient(circle at 6% 8%,rgba(39,230,211,.12),transparent 28%),
    radial-gradient(circle at 94% 10%,rgba(159,124,255,.12),transparent 26%),
    linear-gradient(180deg,#091b24,#07151d)!important;
}
#studyLabRoot::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
#studyLabRoot>*{position:relative;z-index:1}
#studyLabRoot>.section-head{display:grid!important;grid-template-columns:minmax(280px,.72fr) minmax(360px,1.28fr)!important;gap:clamp(24px,4vw,72px)!important;align-items:end!important;margin-bottom:26px!important;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.09)}
#studyLabRoot>.section-head h2{max-width:none!important;font-size:clamp(2.7rem,6vw,6rem)!important;line-height:.82!important;letter-spacing:-.055em!important;margin:10px 0 0!important}
#studyLabRoot>.section-head p{max-width:760px!important;margin:0!important;padding:18px 20px;border-left:3px solid var(--pb13-cyan);background:linear-gradient(90deg,rgba(39,230,211,.075),transparent);font-size:clamp(.92rem,1.1vw,1.04rem);line-height:1.75!important}
#studyLabRoot .eyebrow{color:var(--pb13-cyan)!important}
.study-toolbar{display:grid;gap:14px;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(8,25,34,.74)}
.study-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.study-tab{position:relative;overflow:hidden;min-height:86px;padding:16px 18px!important;border-radius:14px!important;background:#0d2631!important;border:1px solid rgba(255,255,255,.09)!important;transition:transform .2s ease,border-color .2s ease,background .2s ease!important}
.study-tab::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--tab-color,var(--pb13-cyan));opacity:.72}
.study-tab:nth-child(1){--tab-color:var(--pb13-cyan)}.study-tab:nth-child(2){--tab-color:var(--pb13-violet)}.study-tab:nth-child(3){--tab-color:var(--pb13-coral)}
.study-tab:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--tab-color) 48%,transparent)!important}
.study-tab.is-active{background:linear-gradient(145deg,color-mix(in srgb,var(--tab-color) 14%,#0d2631),#0c202a)!important;border-color:color-mix(in srgb,var(--tab-color) 52%,transparent)!important;box-shadow:0 12px 28px rgba(0,0,0,.2)!important}
.study-tab strong{font-size:1rem!important}.study-tab span{color:rgba(244,237,226,.58)!important}
.study-controls{display:grid!important;grid-template-columns:minmax(240px,1fr) minmax(160px,.35fr) repeat(3,minmax(128px,auto))!important;gap:10px!important;align-items:end!important}
.study-controls label{gap:7px!important;font-size:.7rem!important;letter-spacing:.12em;text-transform:uppercase;color:rgba(244,237,226,.58)!important}
.study-controls input,.study-controls select{width:100%;height:48px;padding:0 14px;border-radius:11px;border:1px solid rgba(255,255,255,.11);background:#071922;color:#fff;outline:none}
.study-controls select{appearance:none;cursor:pointer}.study-controls input:focus,.study-controls select:focus{border-color:rgba(39,230,211,.58);box-shadow:0 0 0 3px rgba(39,230,211,.10)}
.study-controls .ghost-button{min-height:48px;border-radius:11px!important;padding:0 14px!important;justify-content:center;white-space:nowrap}
.study-controls .ghost-button:nth-of-type(1){border-color:rgba(39,230,211,.28);background:rgba(39,230,211,.07)}
.study-controls .ghost-button:nth-of-type(2){border-color:rgba(159,124,255,.28);background:rgba(159,124,255,.07)}
.study-controls .ghost-button:nth-of-type(3){border-color:rgba(255,133,110,.28);background:rgba(255,133,110,.07)}
.study-status{margin-top:14px}.study-statusbar{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.study-status-card{border-radius:14px!important;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;border-color:rgba(255,255,255,.09)!important;min-height:96px}
.study-status-card:nth-child(1){border-top:3px solid var(--pb13-cyan)!important}.study-status-card:nth-child(2){border-top:3px solid var(--pb13-blue)!important}.study-status-card:nth-child(3){border-top:3px solid var(--pb13-violet)!important}.study-status-card:nth-child(4){border-top:3px solid var(--pb13-coral)!important}
.study-challenge{margin:14px 0!important;border-radius:14px!important}
.study-layout{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)!important;gap:16px!important;min-height:0!important}
.study-board{border-radius:18px!important;background:#081b24!important;border-color:rgba(255,255,255,.09)!important;min-height:420px!important}
.study-side{top:96px!important}.study-detail-card,.study-summary-card{border-radius:18px!important;background:#0b202a!important;border-color:rgba(255,255,255,.09)!important}

@media(max-width:1120px){
  .social-dialog-layout{grid-template-columns:1fr}.social-live-preview{min-height:220px}
  #studyLabRoot>.section-head{grid-template-columns:1fr!important;align-items:start!important}
  .study-controls{grid-template-columns:minmax(0,1fr) minmax(160px,.4fr) repeat(3,minmax(0,1fr))!important}
  .study-controls .ghost-button{grid-row:2}
  .study-layout{grid-template-columns:1fr!important}.study-side{position:static!important}
}
@media(max-width:760px){
  .social-dialog-card .bulk-head{padding:18px!important;align-items:center!important;flex-direction:row!important}
  .social-dialog-layout{padding:16px!important}.theme-manager #socialDialog .social-form-grid{grid-template-columns:1fr!important}.theme-manager #socialDialog .social-form-grid .control-group:last-child{grid-column:auto!important}
  .social-dialog-card .bulk-actions{display:grid!important;grid-template-columns:1fr!important}
  #studyLabRoot{padding:18px!important;border-radius:18px!important}
  #studyLabRoot>.section-head h2{font-size:clamp(2.4rem,15vw,4.2rem)!important}
  #studyLabRoot>.section-head p{padding:14px 16px!important}
  .study-tabs{grid-template-columns:1fr!important}.study-tab{min-height:72px}
  .study-controls{grid-template-columns:1fr!important}.study-controls .ghost-button{grid-row:auto!important}
  .study-statusbar{grid-template-columns:1fr 1fr!important}
}
@media(max-width:460px){.study-statusbar{grid-template-columns:1fr!important}.site-language-mobile{margin-inline:8px!important}}

@media(prefers-reduced-motion:reduce){.study-tab,.social-admin-card,.site-language-switcher{transition:none!important;transform:none!important}}