/* Public Semolaris pages only; loaded after gaya.css. The supplied logo is unmodified. */
:root{--ground:#f5f2ec;--deep:#eae5dc;--panel:#faf8f4;--ink:#262522;--ink2:#49463f;--muted:#6c675f;--accent:#8c2028;--on-accent:#fff;--danger:#8c2028;--danger-hover:#701820;--ok:#32694c;--warn:#886119;--line:#ded8ce;--line2:#bfb6a9;--well:#faf8f4;--r:9px;--r2:18px;--h:42px;color-scheme:light}
html{scroll-behavior:smooth}
body.semolaris-public{font-family:var(--f);font-size:14px;line-height:1.5;background:var(--ground);overflow-x:clip}
.semolaris-public .hal{max-width:1168px;min-height:100svh;display:flex;flex-direction:column;padding-inline:32px}
.semolaris-public .atas{height:92px;flex-shrink:0;border-bottom:1px solid var(--line);gap:16px}
.semolaris-public .atas .merek{gap:10px;font-size:21px;font-weight:600;letter-spacing:-.6px}
.semolaris-public .brand-logo{display:block;flex:none;width:52px;height:52px;object-fit:contain;border-radius:12px}
.semolaris-public .atas .btn{height:38px;padding-inline:16px;font-size:13px}
.semolaris-public a{text-underline-offset:3px}
.semolaris-public a:focus-visible,.semolaris-public button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.semolaris-public .btn{border-color:var(--line2);background:#fff;font-size:13px;font-weight:500;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}
.semolaris-public .btn:hover{border-color:#b4a59e;background:#f2efeb}
.semolaris-public .btn-pri{background:var(--accent);border-color:var(--accent);color:#fff}
.semolaris-public .btn-pri:hover{background:#701820;border-color:#701820}
.semolaris-public .btn-dgr{color:var(--danger);border-color:var(--danger);background:transparent}
.semolaris-public .btn-dgr:hover{color:#fff;background:var(--danger-hover);border-color:var(--danger-hover)}
.semolaris-public .tengah{flex:1;min-height:0;padding:64px 0 72px;align-items:flex-start}
.semolaris-public .kartu{max-width:420px;padding:32px;border:1px solid var(--line);border-radius:var(--r2);background:#fff;box-shadow:0 12px 40px #36282006;animation:brand-enter .35s ease both}
.semolaris-public .kartu h1{margin:0 0 25px;font-size:24px;line-height:1.2;font-weight:500;letter-spacing:-1px}
.semolaris-public .fld{gap:6px;margin-bottom:16px}
.semolaris-public .fld label{font-size:13px;font-weight:500;color:var(--ink2)}
.semolaris-public .inp{min-width:0;padding-inline:12px;background:#fff;border-color:var(--line2);font-size:13px;transition:border-color .16s ease,box-shadow .16s ease}
.semolaris-public .inp::placeholder{color:#99908b}
.semolaris-public .inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8c202814}
.semolaris-public .kartu .btn-pri{height:42px;margin-top:7px}
.semolaris-public .grid2{gap:0 12px}
.semolaris-public .tautan{margin-top:22px;font-size:13px;line-height:1.6;color:var(--muted)}
.semolaris-public .tautan a{font-weight:500;color:var(--accent)}
.semolaris-public .salah{color:var(--danger);background:#8c20280d;border-color:#8c20284d;padding:11px 13px;font-size:13px;overflow-wrap:anywhere}
.semolaris-public .info{color:#356148;background:#edf5ee;border-color:#cce0d0;padding:11px 13px;font-size:13px;overflow-wrap:anywhere}
.semolaris-public .kaki{margin-top:auto;padding:22px 0 28px;font-size:12px;gap:12px;color:var(--muted)}
.semolaris-public .kaki a{text-decoration:none}
.semolaris-public .kaki a:hover{text-decoration:underline}
.brand-admin main{flex:1;min-width:0;padding-top:32px}
.brand-admin .judul-baris{margin:0 0 24px}
.brand-admin .judul-baris h1{font-size:24px;font-weight:500;letter-spacing:-.7px}
.brand-admin .judul-baris .btn{height:36px;padding-inline:14px;font-size:13px}
.brand-admin .stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 24px}
.brand-admin .stat{padding:17px 18px;border-radius:12px;background:#fff}
.brand-admin .stat .l{font-size:12px}
.brand-admin .stat .v{margin-top:5px;font-size:27px;line-height:1.2;font-family:var(--f);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.brand-admin .tblwrap{max-width:100%;margin-bottom:40px;background:#fff;border-radius:12px;overflow:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.brand-admin table{min-width:940px;font-size:13px}
.brand-admin th{padding:13px 16px;background:#f1eeea;font-family:var(--f);font-size:11px;letter-spacing:.045em;font-weight:500;color:#746b66}
.brand-admin td{max-width:270px;padding:17px 16px;overflow-wrap:anywhere}
.brand-admin td:first-child{min-width:175px}
.brand-admin td .sub{font-size:12px;line-height:1.5;margin-top:4px}
.brand-admin td.num{font-size:12px}
.brand-admin tbody tr:hover{background:#fcfbf9}
.brand-admin .aksi{min-width:316px}
.brand-admin .aksi .baris{gap:6px;max-width:360px}
.brand-admin .aksi .btn,.brand-admin .aksi .inp.kecil{height:32px;font-size:13px;padding-inline:10px}
.brand-admin .aksi select.inp.kecil{padding-right:30px}
.semolaris-public .pill{font-family:var(--f);font-size:11px;font-weight:500;line-height:1.5;background:#eeeae5;color:#635b56;padding:3px 9px}
.semolaris-public .pill.aktif{color:#31664b;background:#eaf3ec}
.semolaris-public .pill.percobaan{color:#87620b;background:#faf1d9}
.semolaris-public .pill.habis{color:#955619;background:#f9ecde}
.semolaris-public .pill.nonaktif{color:var(--danger);background:#8c20280d}
.semolaris-public .habis-box{max-width:500px}
.semolaris-public .habis-box p,.brand-status .kartu p{margin:0 0 22px;color:var(--ink2);font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.semolaris-public .habis-box .btns{gap:8px;align-items:center;margin-top:20px}
.semolaris-public .habis-box .btns .btn-pri{width:auto;margin:0}
@keyframes brand-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:760px){.semolaris-public .hal{padding-inline:22px}.semolaris-public .atas{height:80px}.semolaris-public .tengah{padding:44px 0 56px}.brand-admin .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.brand-admin .stat{padding:14px}.brand-admin .stat .v{font-size:24px}.brand-admin main{padding-top:26px}}
@media(max-width:480px){.semolaris-public .hal{padding-inline:16px}.semolaris-public .atas{height:76px;gap:10px}.semolaris-public .atas .merek{font-size:19px;gap:7px}.semolaris-public .brand-logo{width:44px;height:44px;border-radius:10px}.semolaris-public .atas .btn{height:34px;padding-inline:12px;font-size:13px}.semolaris-public .tengah{padding:28px 0 40px}.semolaris-public .kartu{padding:26px 22px;border-radius:14px;box-shadow:none}.semolaris-public .kartu h1{font-size:24px;letter-spacing:-.8px;margin-bottom:24px}.semolaris-public .inp{font-size:16px}.semolaris-public .grid2{grid-template-columns:1fr}.semolaris-public .fld{margin-bottom:14px}.semolaris-public .kaki{font-size:11px;line-height:1.5;gap:8px;flex-wrap:wrap;padding-bottom:22px}.brand-admin .judul-baris h1{font-size:20px}.brand-admin .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-admin .stat:last-child{grid-column:1/-1}.brand-admin .stat:last-child .v{display:inline-block}.brand-admin .tblwrap{margin-bottom:28px}.semolaris-public .habis-box .btns{align-items:stretch}.semolaris-public .habis-box .btns>.btn,.semolaris-public .habis-box .btns>form{flex:1}.semolaris-public .habis-box .btns>form>.btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.semolaris-public *, .semolaris-public *::before,.semolaris-public *::after{animation:none!important;transition:none!important}}

/* An unconfigured support number must not create a link to the current page. */
.semolaris-public .kaki a[href=""]{display:none}

@media(max-width:760px){.semolaris-public .btn,.brand-admin .aksi .btn{font-size:13px}.semolaris-public .inp,.brand-admin .aksi .inp.kecil{font-size:16px}}