/* Same shell, spacing, blue accent and dark sidebar as Zand en Grint. */
.portal-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.portal-stats .card{display:flex;flex-direction:column;gap:10px}.portal-stats strong{font-size:28px;font-weight:600;overflow-wrap:anywhere}.portal-stats span{font-size:12px}.portal-status{margin:0 0 26px}.portal-status p,.portal-cashier .notice p{margin:6px 0 0}.portal-cashier{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:24px;align-items:start}.portal-packages{display:grid;gap:10px;margin:0 0 26px}.portal-package{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid var(--border);border-radius:8px;background:var(--card);cursor:pointer}.portal-package:has(input:checked){border-color:var(--primary);background:var(--bg);box-shadow:inset 3px 0 var(--primary)}.portal-package input{accent-color:var(--primary);width:18px;height:18px}.portal-package span{font-weight:600}.portal-package small{display:block;font-weight:400;margin-top:4px}.portal-summary-line{display:flex;justify-content:space-between;gap:16px;margin-top:16px}.portal-summary-line b{white-space:nowrap}.portal-price{font-size:34px;font-weight:600;margin:8px 0}.portal-cashier .muted{font-size:12px}.portal-search{max-width:450px}.portal-small{display:block;margin-top:4px}.portal-empty{padding:45px 24px;text-align:center}.portal-form{max-width:850px}.field textarea,.portal-line input{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--card);font:inherit}.field textarea{resize:vertical}.portal-line{display:grid;grid-template-columns:minmax(120px,1fr) 85px 135px 44px;gap:12px;align-items:end;margin-bottom:16px}.portal-line label{font-size:12px;font-weight:600;min-width:0}.portal-line input{display:block;margin-top:7px}.portal-line .btn{min-height:42px;padding:9px}.portal-live-total{margin-top:20px;font-weight:600}.portal-document{max-width:1000px}.portal-document-head{display:flex;align-items:center;justify-content:space-between;gap:24px}.portal-document-head h2{margin:0 0 10px}.portal-logo{background:#121b28;border-radius:8px;padding:14px;max-width:280px;width:45%}.portal-logo img{display:block;width:100%;height:auto}.portal-address{white-space:pre-line;overflow-wrap:anywhere}.portal-totals{max-width:340px;margin:24px 0 24px auto}.portal-totals p{display:flex;justify-content:space-between;gap:20px}.portal-grand{font-size:18px;border-top:1px solid var(--border);padding-top:14px}.auth-brand.custom:has(img[src="/static/branding/autoklaar-logo.png"]){background:#121b28;padding:16px;border-radius:8px}.auth-brand.custom:has(img[src="/static/branding/autoklaar-logo.png"])>span{display:none}.auth-brand.custom img[src="/static/branding/autoklaar-logo.png"]{max-width:260px!important;width:100%!important;height:auto;max-height:90px!important}.brand img[src="/static/branding/autoklaar-logo.png"]{max-height:58px}.portal-line input:focus-visible,.field textarea:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.portal-document table{font-variant-numeric:tabular-nums}.portal-document th:last-child,.portal-document td:last-child{text-align:right}.portal-document p{overflow-wrap:anywhere}
/* Keep the white/gold source logo legible without a full-width banner. */
.auth-page .auth-brand.custom:has(img[src="/static/branding/autoklaar-logo.png"]){width:fit-content;max-width:100%;align-self:center;background:#121b28;padding:12px 18px;border-radius:10px}
.auth-page .auth-brand.custom img[src="/static/branding/autoklaar-logo.png"]{max-width:min(260px,100%)!important;padding:0!important;background:none!important;border-radius:0!important}
:root[data-theme=dark] .auth-page .auth-brand.custom:has(img[src="/static/branding/autoklaar-logo.png"]){background:transparent;padding:4px 0;border-radius:0}
@media(max-width:1100px){.portal-stats{gap:14px}.portal-stats .card{padding:18px}.portal-cashier{grid-template-columns:1fr}.portal-line{grid-template-columns:minmax(100px,1fr) 70px 120px 40px;gap:8px}}
@media(max-width:600px){.portal-stats{grid-template-columns:1fr;gap:0}.portal-line{grid-template-columns:1fr 1fr}.portal-line label:first-child{grid-column:1/-1}.portal-line button{grid-column:2;justify-self:end}.portal-document-head{flex-direction:column;align-items:start}.portal-logo{width:100%;max-width:260px}.portal-document{padding:16px}.portal-grand{font-size:16px}.section-heading{flex-wrap:wrap}.content{min-width:0}.breadcrumb{min-width:0;flex-wrap:wrap}.breadcrumb>span:first-child{display:none}.table-wrap{max-width:100%}.portal-totals{max-width:100%}}
@media print{body{background:white!important;color:black!important}.sidebar,.topbar,.section-heading,.notice,.portal-no-print,#toast{display:none!important}.shell,.main,.content{display:block!important;width:100%!important;margin:0!important;padding:0!important;max-width:none!important}.portal-document{box-shadow:none!important;border:0!important;background:white!important;color:black!important;padding:12mm!important;margin:0!important}.portal-document .muted,.portal-document small,.portal-document th{color:#444!important}.portal-document table{font-size:11px}.portal-document th,.portal-document td{background:white!important;border-color:#ddd!important}.portal-document tr{break-inside:avoid}.portal-logo{print-color-adjust:exact;-webkit-print-color-adjust:exact}.table-wrap{overflow:visible!important}.portal-document-head{flex-direction:row}.portal-totals{break-inside:avoid}}