/* dbenk-license: kelas kecil di atas theme.css + jual.css (portal, konsol, alur). */
.grid.two-col { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start }
.inline-fields { display:flex; flex-wrap:wrap; gap:8px; align-items:end; margin:6px 0 }
.inline-fields > * { flex:1 1 140px; min-width:0 }
.inline-fields label { display:grid; gap:4px }
form.inline { display:inline }
.form { display:grid; gap:12px }
.form.two { grid-template-columns:repeat(2,minmax(0,1fr)) }
.form.two > .acts, .form.two > input[type=hidden] + .acts { grid-column:1/-1 }
.hp { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden }
details.more { margin-top:12px } details.more > summary { cursor:pointer; color:var(--muted); font-size:13px }
pre.term { white-space:pre-wrap; word-break:break-all; padding:12px 14px; color:#e5e7ff; font-size:12px; margin:8px 0 }
.portal { position:relative; z-index:1; display:grid; gap:16px; padding:24px 0 48px }
.auth-card.wide { width:min(720px,100%) }
.flow-main > .auth-card { margin:0 auto }
.sec-sub { display:grid; gap:14px; justify-items:start }
.on-dark { color:#fff }
.cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:16px }
.page > .card, .page > .grid, .page > .table-wrap { margin-top:16px }
.filters { display:flex; gap:8px; margin:12px 0 }
.filters input { flex:1 }
.events { list-style:none; padding:0; margin:8px 0; display:grid; gap:6px; font-size:13px }
.events time { color:var(--muted); margin-right:8px; font-variant-numeric:tabular-nums }
.top .who { display:flex; gap:8px; align-items:center }
@media (max-width: 860px) { .grid.two-col, .form.two { grid-template-columns:1fr } .top .who .name { display:none } }
input[type=search], input[type=date], input[type=tel] {
  font:inherit; font-size:14px; color:var(--text); background:var(--surface); border:1px solid var(--line-2); border-radius:11px; padding:9px 12px; outline:0; width:100%; max-width:640px }
[data-theme=light] .lp-hero h1 em { background:linear-gradient(90deg,#6d28d9,#0e7490); -webkit-background-clip:text; background-clip:text }