@import url('/assets/helper-login.css');
/* Preserve the original page/action order; only styling and responsive sizing change. */
@media screen {
.login-error{border:1px solid #a54b5d;background:#492331;color:#ffd0d7;padding:13px 15px;border-radius:10px;overflow-wrap:anywhere}
#showPassword{display:none}
.report-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#0b1728;border:1px solid var(--border);border-radius:12px;padding:18px;margin:18px 0;font:14px/1.7 Consolas,monospace;user-select:text}#certificatePrice{margin-top:8px}#reportCopyStatus{color:var(--muted);font-size:13px}
#shell{display:block}#sidebar{display:none!important}.main-column{width:100%;margin-left:0;min-width:0}#topbar{padding:22px max(24px,calc((100vw - 1256px)/2));border-top:3px solid var(--gold);flex-wrap:wrap}#topbar .brand{margin:0;flex:1 1 auto}#topbar .brand strong{font-size:25px}#topbar .brand small{font-size:11px}#app{max-width:1320px;padding:32px;margin:0 auto}footer{padding:24px max(24px,calc((100vw - 1256px)/2))}.legacy-action-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:26px}.legacy-action-bar h1{font-size:clamp(27px,3.5vw,36px);margin:0 0 10px}.legacy-action-bar .actions{margin:0;justify-content:flex-end}.legacy-section{margin-top:28px}.legacy-back{margin-top:30px;padding-top:22px;border-top:1px solid var(--border)}.legacy-form-card{max-width:780px}.legacy-event-grid{margin-top:24px}.legacy-event-grid .card>.button{width:100%;margin-top:12px}.legacy-section .grid>.card>.button{width:100%}.legacy-editor{grid-template-columns:minmax(300px,420px) minmax(0,1fr)}.legacy-editor .stack>.card+.card,.legacy-print-workspace .stack>.card+.card{margin-top:0}.legacy-preview{position:sticky;top:24px;align-self:start;min-width:0}.legacy-print-workspace{grid-template-columns:minmax(280px,360px) minmax(0,1fr);margin-top:24px}.legacy-print-preview{align-self:start;position:sticky;top:24px}.legacy-print-workspace h2,.legacy-editor h2{margin-top:0}.order-info{margin-top:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:15px}.order-info p{margin:5px 0;overflow-wrap:anywhere}.certificate-option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr));gap:10px}.certificate-option{display:flex;flex-direction:row;align-items:center;gap:10px;padding:13px;border:1px solid #405570;border-radius:10px;min-height:50px;cursor:pointer;overflow-wrap:anywhere}.certificate-option input{width:18px;min-height:18px;flex:0 0 18px;accent-color:var(--gold)}.certificate-option:has(input:checked){border-color:var(--gold);background:#403722;color:#ffe3a0}.success{background:#166a54;border-color:#268466;color:white}.layout-guides .certificate-field{outline:1px dashed #856a25;background:#f6cf7020}.legacy-preview .preview-viewport{margin-top:20px}.layout-tools button{min-width:44px;min-height:44px}.card-scan-pane{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:180px;padding:24px;border:2px dashed #516783;border-radius:14px;background:#0d1b2d;text-align:center;cursor:pointer;user-select:none}.card-scan-pane strong{color:var(--gold);font-size:18px}.card-scan-pane [data-card-status]{font-size:13px;color:var(--muted)}.card-scan-pane:focus{border-color:var(--gold);outline:3px solid #f4ce7030;outline-offset:3px}.card-scan-icon{font-size:42px;line-height:1;color:var(--gold)}#callPhotoPreview{max-width:100%;max-height:340px;display:block;margin-bottom:12px}button,.button{white-space:normal;overflow-wrap:anywhere}h1,h2,p,dd{overflow-wrap:anywhere}hr{border:0;border-top:1px solid var(--border);margin:26px 0}.legacy-section>h2{margin:0 0 12px}
@media(max-width:1000px){.legacy-editor,.legacy-print-workspace{grid-template-columns:1fr}.legacy-preview,.legacy-print-preview{position:static}.legacy-form-card{max-width:none}#app{padding:26px 22px}.legacy-action-bar .actions{justify-content:flex-start}}
@media(max-width:720px){#topbar{padding:18px 16px;gap:10px}#topbar .brand strong{font-size:21px}#topbar .brand img{width:42px;height:42px}#connection{margin-left:auto}#app{padding:24px 16px}.legacy-action-bar{gap:16px}.legacy-action-bar>.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:0;align-items:stretch}.legacy-action-bar>.actions>*{min-width:0;height:100%}input,select,textarea{font-size:16px}button,.button,.small{min-height:44px}.card{padding:20px}.legacy-section{margin-top:24px}.legacy-action-bar h1{font-size:28px}.qr canvas,.qr img{max-width:100%;height:auto}.qr{max-width:100%;padding:16px}.card-scan-pane{min-height:170px}.preview-wrap{padding:12px}.legacy-back .button{max-width:100%}}
}