/* PahamWeb Studio — gaya bersama untuk semua aplikasi (Logo & Kaligrafi) */
:root{
  /* warna dasar (sama di semua aplikasi) */
  --s-bg:#131418;
  --s-bar:#17181c;
  --s-1:#1b1c21;
  --s-2:#23252b;
  --s-3:#2c2e35;
  --s-4:#363840;
  --s-line:#30323a;
  --s-line2:#42444d;
  --s-tx:#ecebe8;
  --s-tx2:#a7a9b2;
  --s-tx3:#7c7e88;
  /* warna khas tiap aplikasi */
  --c-logo:#ee5527; --c-logo2:#ff7a4d; --c-logo-ink:#ffffff;
  --c-khat:#d9b45a; --c-khat2:#f2d38a; --c-khat-ink:#1b1508;
  --s-font:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --s-top:52px;
  color-scheme:dark;
}
@media (max-width:860px){ :root{ --s-top:50px; } }

/* ---------- bilah atas bersama ---------- */
.sh-brand{display:flex;align-items:center;gap:8px;flex:none;padding:5px 7px;margin-left:-3px;border-radius:9px;text-decoration:none;color:var(--s-tx)}
.sh-brand:hover{background:var(--s-2)}
.sh-brand img{height:20px;width:auto;display:block}
.sh-brand b{font:800 14px/1 var(--s-font);letter-spacing:-.2px;color:var(--s-tx)}
.sh-switch{display:flex;gap:2px;padding:3px;flex:none;background:var(--s-bg);border:1px solid var(--s-line);border-radius:11px}
.sh-app{display:flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:8px;color:var(--s-tx2)!important;text-decoration:none;font:600 13px/1 var(--s-font);white-space:nowrap;transition:background .15s,color .15s}
.sh-app svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sh-app:hover{color:var(--s-tx)!important;background:var(--s-2)}
.sh-app.on[data-app=logo]{color:var(--c-logo2)!important;background:rgba(238,85,39,.15)}
.sh-app.on[data-app=khat]{color:var(--c-khat2)!important;background:rgba(217,180,90,.15)}
.sh-app.on{pointer-events:none}
@media (max-width:860px){
  .sh-brand b{display:none}
  .sh-brand{padding:5px}
  .sh-app span{display:none}
  .sh-app{padding:0 9px}
}
@media (min-width:481px) and (max-width:860px){ .sh-app.on span{display:inline} .sh-app.on{padding:0 11px} }
@media (max-width:400px){ .sh-brand{display:none} }

/* ---------- pemberitahuan kecil (toast) seragam ---------- */
.toast{background:#2a2c33!important;color:var(--s-tx)!important;border:1px solid var(--s-line2);border-radius:12px!important;font:600 13px/1.4 var(--s-font)!important;box-shadow:0 12px 34px rgba(0,0,0,.45)!important}