/* portal-subbar.css — STANDAR LAYOUT SUBBAR + tombol-modul (pil putih clay), dipakai SEMUA halaman.
   Acuan: subbar Dashboard Sales (index.html). Tujuan: tiap halaman cukup pakai struktur ini lalu
   modul-tombol (CekStok, Pricelist, History, dst) menyuntik tombolnya ke `.sb-acts`.

   STRUKTUR:
   <div class="subbar">
     <div class="sb-left"> …tab/label khusus halaman… </div>
     <div class="sb-acts"> …tombol-tombol modul (.psbtn) di sini… </div>
   </div>

   Token dipakai: --card --soft --accent --accent-dim --text2 --tray-border --clay-sm --clay-in
   (semua sudah ada di tema; ada fallback agar tak pecah bila token absen). */

.subbar{ display:flex; align-items:center; gap:12px 16px; flex-wrap:wrap; margin-bottom:12px; max-width:1320px; }
.subbar .sb-left{ display:inline-flex; align-items:center; gap:10px; flex-wrap:wrap; }
.subbar .sb-acts{ display:inline-flex; align-items:center; gap:9px; flex-wrap:wrap; margin-left:auto; }
@media(max-width:880px){ .subbar .sb-acts{ margin-left:0; } }

/* Tombol-modul = pil putih clay (BUKAN accent-grad). Ditambahkan ke `.sb-acts` oleh modul. */
.psbtn{ display:inline-flex; align-items:center; gap:8px; background:var(--card,#fff); border:1px solid var(--tray-border,transparent); color:var(--text2,#555); box-shadow:var(--clay-sm,0 4px 11px rgba(0,0,0,.08)); border-radius:13px; padding:9px 14px; font-size:12px; font-weight:700; font-family:inherit; cursor:pointer; transition:transform .14s, color .14s; text-decoration:none; }
.psbtn svg{ width:14px; height:14px; flex:0 0 auto; }
.psbtn:hover{ color:var(--accent); transform:translateY(-1px); }
.psbtn:active{ transform:translateY(1px) scale(.95); box-shadow:var(--clay-in, inset 0 1px 3px rgba(0,0,0,.18)); transition:transform .08s; }
/* state "view terbuka": tombol tetap tertekan + aksen selama panelnya tampil (dipasang via PortalViews). */
.psbtn.viewopen{ color:var(--accent); background:var(--soft,#f0f1f4); box-shadow:var(--clay-in, inset 0 1px 3px rgba(0,0,0,.18)); transform:none; }
.psbtn.viewopen:hover{ transform:none; }
@media (prefers-reduced-motion:reduce){ .psbtn{ transition:none; } }