/* DAP Studio — language switcher (ID | EN) */
.dap-lang{--dl-bg:rgba(10,18,32,.55);--dl-bd:rgba(120,220,255,.22);--dl-fg:rgba(220,236,255,.62);--dl-on:#04121f;--dl-ink:linear-gradient(135deg,#5ce1ff,#7c5cff);
  position:relative;display:inline-flex;align-items:center;gap:0;padding:3px;border-radius:999px;background:var(--dl-bg);border:1px solid var(--dl-bd);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);isolation:isolate;flex:0 0 auto;font:700 11px/1 ui-monospace,"JetBrains Mono",SFMono-Regular,Menlo,monospace;letter-spacing:.08em;vertical-align:middle}
.dap-lang button{position:relative;z-index:1;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border:0;border-radius:999px;background:none;color:var(--dl-fg);font:inherit;letter-spacing:inherit;cursor:pointer;transition:color .25s}
.dap-lang button:hover{color:#fff}
.dap-lang button[aria-pressed="true"]{color:var(--dl-on)}
.dap-lang .dl-flag{display:inline-flex;width:16px;height:11px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.dap-lang .dl-flag svg{width:100%;height:100%;display:block}
.tr-flag{display:inline-flex;width:20px;height:14px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.tr-flag svg{width:100%;height:100%;display:block}
.dap-lang .dl-ink{position:absolute;z-index:0;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:var(--dl-ink);box-shadow:0 4px 16px -4px rgba(92,225,255,.6);transition:transform .38s cubic-bezier(.6,-0.2,.25,1.3)}
html[data-lang="en"] .dap-lang .dl-ink{transform:translateX(100%)}
.dap-lang[data-switching="en"] .dl-ink{transform:translateX(100%)!important}
.dap-lang[data-switching="id"] .dl-ink{transform:none!important}
.dap-lang[data-switching] button{color:var(--dl-fg)!important}
.dap-lang:focus-within{box-shadow:0 0 0 3px rgba(92,225,255,.25)}
.dap-lang button:focus-visible{outline:none}
/* homepage */
.nav-actions [data-lang-slot]{display:inline-flex;align-items:center}
.mnav-lang{display:flex;justify-content:center;margin:18px 0 6px}
.mnav-lang .dap-lang{transform:scale(1.15)}
@media (max-width:760px){.nav-actions [data-lang-slot] .dl-flag{display:none}.nav-actions [data-lang-slot] .dap-lang button{padding:0 8px}}
@media (max-width:420px){.nav-actions [data-lang-slot]{display:none}}
/* admin topbar */
.dap-lang.dl-admin{--dl-bg:rgba(15,23,42,.05);--dl-bd:rgba(15,23,42,.12);--dl-fg:#64748b;--dl-on:#fff;--dl-ink:linear-gradient(135deg,var(--primary,#2563eb),var(--mint,#14b8a6));margin:0 10px 0 4px;backdrop-filter:none}
.dap-lang.dl-admin button:hover{color:#0f172a}
.dap-lang.dl-admin button[aria-pressed="true"]{color:#fff}
.dap-lang-li{list-style:none}
@media (max-width:575px){.dap-lang.dl-admin .dl-flag{display:none}.dap-lang.dl-admin button{padding:0 8px}}
body.dark-mode .dap-lang.dl-admin,html[data-theme="dark"] .dap-lang.dl-admin,[data-bs-theme="dark"] .dap-lang.dl-admin{--dl-bg:rgba(255,255,255,.06);--dl-bd:rgba(255,255,255,.14);--dl-fg:#94a3b8}
/* login */
.lg-side{position:relative}
.lg-lang{position:absolute;top:clamp(14px,3vw,26px);right:clamp(14px,3vw,26px);z-index:5}
.dap-lang.dl-light{--dl-bg:#fff;--dl-bd:rgba(15,23,42,.12);--dl-fg:#64748b;--dl-on:#fff;--dl-ink:linear-gradient(135deg,#1050b9,#14b8a6);box-shadow:0 8px 24px -14px rgba(13,27,61,.4)}
.dap-lang.dl-light button:hover{color:#0f172a}
.dap-lang.dl-light button[aria-pressed="true"]{color:#fff}
/* English version boxes in the admin */
.hmx-tr{grid-column:1/-1;border:1px dashed rgba(99,102,241,.35);border-radius:14px;background:linear-gradient(180deg,rgba(99,102,241,.06),rgba(99,102,241,.015));overflow:hidden}
.hmx-tr>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;font-weight:700;font-size:.86rem;color:#4338ca;user-select:none}
.hmx-tr>summary::-webkit-details-marker{display:none}
.hmx-tr>summary .tr-flag{font-size:16px}
.hmx-tr>summary small{font-weight:500;color:#64748b;margin-left:auto;font-size:.74rem;text-align:right}
.hmx-tr>summary .tr-chev{transition:transform .25s;color:#6366f1}
.hmx-tr[open]>summary .tr-chev{transform:rotate(90deg)}
.hmx-tr>summary .tr-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#6366f1;color:#fff;font-size:.68rem}
.hmx-tr>summary .tr-count.is-empty{background:#cbd5e1}
.hmx-tr-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px 14px;padding:4px 14px 14px}
.hmx-tr-body .wide{grid-column:1/-1}
.hmx-tr-body textarea{min-height:92px}
.hmx-tr>summary>span:not(.tr-flag):not(.tr-count){white-space:nowrap}
@container (max-width:560px){.hmx-tr>summary small{display:none}}
@media (max-width:640px){.hmx-tr>summary small{display:none}}
.hbt-en input{background:linear-gradient(180deg,#f5f3ff,#faf9ff)!important;border-color:rgba(99,102,241,.28)!important}
