/* Tambahan untuk versi online: login, pengaturan, batal tiket. */
.status.BATAL{color:#8a6a62;background:#f5ece9}
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:32px 16px;background:var(--bg)}
.auth-card{width:100%;max-width:460px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:32px 28px;box-shadow:0 10px 40px #163b3010}
.auth-card h1{font-size:26px;margin:22px 0 6px}
.auth-card>p.muted{margin-bottom:20px;font-size:14px}
.auth-brand{padding:0;color:var(--dark)}
.auth-card .field{margin-bottom:14px}
.auth-card form .modal-submit{width:100%;margin-top:6px}
.auth-switch{text-align:center;margin-top:18px;font-size:13px;color:var(--muted)}
.auth-note{background:#eef5ec;color:var(--green);padding:12px 14px;border-radius:10px;font-size:13px;margin-bottom:16px;line-height:1.6}
.auth-option{border:1px solid var(--line);border-radius:14px;padding:18px;margin-top:16px}
.auth-option h2{font-size:15px;display:flex;gap:8px;align-items:center;margin-bottom:8px}
.auth-option>p{font-size:13px;color:var(--muted);margin-bottom:12px}
.auth-more{margin:4px 0 12px;font-size:13px;color:var(--muted)}
.auth-more summary{cursor:pointer;margin-bottom:10px}
.side-user{color:inherit;border-radius:12px}
.side-user:hover{background:#ffffff0d}
.side-user .side-gear{margin-left:auto;width:16px;height:16px;color:#8da99a}
.top-settings{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--green);background:var(--soft)}
.top-settings svg{width:18px;height:18px}
.cancel-ticket{margin-top:22px;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:11px;color:var(--muted)}
.cancel-ticket .btn{color:#a56b53}
.draft-error{color:#a56b53}
#finalize-error .error-block,#finalize-error.error-block{margin:8px 0}
.settings-grid{display:grid;gap:20px;max-width:900px}
.settings-section .panel-head{align-items:flex-start;gap:12px}
.settings-body{padding:4px 24px 24px}
.settings-body .btn{margin-top:14px}
.settings-sub{margin:20px 0 10px;font-size:14px}
.settings-bank{margin-bottom:6px}
.settings-off{color:#a56b53}
.settings-logo{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.settings-logo img{max-width:280px;max-height:110px;border:1px solid var(--line);border-radius:8px;padding:6px;background:#fff}
.settings-logo-empty{font-size:13px;color:var(--muted)}
.settings-logo-actions{display:flex;gap:10px;align-items:center}
.settings-logo-actions .btn{margin-top:0}
.service-name-text{font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:24px;line-height:1.2;margin-bottom:8px;text-transform:uppercase}
@media(max-width:760px){.settings-body{padding:4px 18px 20px}.auth-card{padding:26px 20px}}
@media print{.cancel-ticket{display:none!important}}