.support-heading h2{font-size:28px!important;line-height:1.4}.support-heading p{font-size:14px;color:#6c7e9f}.support-layout{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(460px,1.22fr);gap:16px;align-items:stretch}.support-layout .panel{border:1px solid #e0e8f5;border-radius:10px;box-shadow:none;padding:24px;background:#fff;min-width:0}.support-layout h3{margin:0 0 22px;font-size:20px;color:#101f3d;line-height:1.4}.support-image-box{width:min(100%,288px);height:284px;border:1px solid #e5eaf2;border-radius:10px;margin:4px auto 28px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:22px}.support-image-box img{width:100%;height:100%;object-fit:contain}.support-image-box span{display:grid;text-align:center;gap:12px;color:#8190a9}.support-image-box i{font-size:46px;color:#326dff}.support-image-box strong{font-size:16px;color:#273b5a}.support-image-box small{font-size:12px}.support-file{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.support-image-box:focus-within,.support-file:focus+.support-status{outline:2px solid #176bff}.support-layout [hidden],.support-full-preview [hidden]{display:none!important}.support-status{display:flex;gap:12px;align-items:center;background:#f0f6ff;border-radius:10px;padding:15px;margin:0 0 20px;color:#2467dc;min-height:70px}.support-status>i{font-size:26px}.support-status strong{font-size:15px}.support-status p{font-size:12px;color:#7385a3;margin:5px 0 0;line-height:1.6}.support-status .is-draft{color:#dc7800}.support-status .is-saved{color:#14834f}.support-file-info{display:grid;grid-template-columns:74px minmax(0,1fr);row-gap:13px;margin:0 0 22px;font-size:14px;line-height:1.5}.support-file-info dt{color:#7c8cab}.support-file-info dd{margin:0;color:#3e4f70;overflow-wrap:anywhere}.support-format{border-top:1px solid #e3ebf6;padding-top:18px;color:#8091b0;font-size:12px;line-height:1.9;margin:0 0 24px}.support-actions{display:flex;gap:12px}.support-actions button{min-height:48px;flex:1;font-size:15px;white-space:nowrap}.support-layout .primary-button,.support-full-preview .primary-button{background:#0867ff;border:1px solid #0867ff;border-radius:7px;color:white}.support-layout .secondary-button{border:1px solid #c9daff;color:#326dff;background:white;border-radius:7px}.support-layout button:disabled{cursor:default;opacity:.45}.support-layout button:focus-visible,.support-full-preview button:focus-visible{outline:3px solid #92baff;outline-offset:3px}.support-note{display:flex;gap:6px;color:#7f91b0;font-size:12px;line-height:1.8;margin:20px 0 0}.support-note i{font-size:17px}.support-error{font-size:13px;color:#c33d37;line-height:1.8;margin:0 0 12px}.support-error:empty{display:none}.support-discard{display:block;border:0;background:none;color:#657fa6;margin:14px auto 0;font-size:12px}.support-preview>p{color:#7384a4;font-size:13px;line-height:1.8;margin:-10px 0 18px}.support-preview-stage{position:relative;display:grid;place-items:center;border-radius:7px;overflow:hidden;min-height:638px;background:#f2f5fa;padding:42px 20px}.support-dashboard{position:absolute;inset:0;padding:20px;color:#415778;font-size:12px;filter:blur(1.2px)}.support-dash-header{display:flex;align-items:center;gap:20px;height:56px;background:white;padding:6px}.support-dash-header img{width:112px}.support-dash-header span{margin-left:auto;padding:10px;background:#176bff;border-radius:4px;color:white}.support-dash-cards{display:flex;gap:12px;margin:28px 0}.support-dash-cards>div{background:white;flex:1;border-radius:8px;padding:24px 14px}.support-dash-cards b{display:block;font-size:20px;margin-top:8px}.support-dash-chart,.support-dash-table{background:white;padding:24px;border-radius:9px;margin-bottom:20px;min-height:190px}.support-dash-chart div{height:90px;margin-top:18px;border-top:1px solid #dae5ef;border-bottom:1px solid #dae5ef}.support-dash-table p{padding:15px 0;border-bottom:1px solid #eee}.support-preview-shade{position:absolute;inset:0;background:rgba(30,49,76,.48)}.support-client-card{position:relative;background:white;border-radius:9px;width:min(100%,396px);padding:24px 22px 20px;box-shadow:0 18px 48px #1f2f4430;text-align:center;color:#12213e}.support-client-logo{width:112px;height:38px;object-fit:contain;display:block;margin:0 auto 5px}.support-preview-close{position:absolute;top:24px;right:24px;color:#6a7e9e;font-size:18px}.support-client-card h4{font-size:18px;line-height:1.5;margin:4px 0 16px}.support-client-card h5{font-size:23px;line-height:1.5;margin:0 0 3px}.support-client-card>p{font-size:13px;line-height:1.7;color:#6e80a2;margin:0 0 16px}.support-client-qr{width:222px;height:222px;max-width:100%;margin:0 auto 16px;padding:18px;border:1px solid #e6ebf3;border-radius:8px;display:grid;place-items:center;background:white}.support-client-qr img{width:100%;height:100%;object-fit:contain;min-height:0}.support-client-qr span{font-size:14px;color:#6a7f9f;line-height:1.8}.support-client-qr small{font-size:12px}.support-client-card .support-client-hint{margin:0 0 18px}.support-client-card .primary-button{width:100%;height:45px;font-size:14px}.support-full-preview{border:0;background:transparent;padding:0;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow:auto}.support-full-preview::backdrop{background:#1e314c80}.support-full-preview .support-client-card{width:420px;max-width:100%}.support-dialog-close{position:absolute;top:14px;right:14px;width:36px;height:36px;background:none;border:0;color:#6a7e9e;font-size:22px;border-radius:5px}.support-full-preview .support-client-qr{width:250px;height:250px}@media(max-width:1180px){.support-layout{grid-template-columns:minmax(300px,.9fr) minmax(350px,1.1fr)}.support-layout .panel{padding:20px}.support-preview-stage{padding:30px 14px}}@media(max-width:950px){.support-layout{grid-template-columns:1fr}.support-preview-stage{min-height:620px}.support-layout .panel{padding:22px}.support-actions{flex-wrap:wrap}}@media(max-width:480px){.support-layout .panel{padding:16px}.support-preview-stage{padding:20px 10px;min-height:550px}.support-client-card{padding:20px 14px}.support-client-qr{width:210px;height:210px}.support-heading h2{font-size:25px!important}}
/* This view opts out of the legacy admin-wide 12px type reset. */
.support-heading h2{font-weight:700!important}.support-heading p{font-size:14px!important}.support-layout h3{font-size:20px!important;font-weight:700!important}.support-image-box strong{font-size:16px!important;font-weight:600!important}.support-status strong{font-size:15px!important;font-weight:600!important}.support-actions button{font-size:15px!important;font-weight:600!important}.support-client-card h4{font-size:18px!important;font-weight:700!important}.support-client-card h5{font-size:23px!important;font-weight:700!important}.support-client-card>p{font-size:13px!important}.support-client-card .primary-button{font-size:14px!important;font-weight:500!important}.support-preview>p{font-size:13px!important}.support-client-qr span{font-size:14px!important}.support-full-preview .support-dialog-close{font-size:22px!important}.support-preview-close{font-size:18px!important}.support-client-logo{width:112px;height:38px;object-fit:contain}.support-client-card .support-preview-close{font-size:18px!important}
/* The image carries its own QR quiet zone; avoid a second large padded frame. */
.support-image-box{padding:8px;margin-bottom:14px}.support-client-qr{width:260px;height:260px;padding:4px;margin-bottom:12px}.support-full-preview .support-client-qr{width:280px;height:280px}.support-crop-controls{text-align:center;margin:0 0 20px}.support-crop-controls p{color:#687f9f;font-size:12px!important;line-height:1.7;margin:0 0 4px}.support-crop-toggle{border:0;background:none;color:#2467dc;min-height:32px;padding:4px 12px;text-decoration:underline;text-underline-offset:3px;font-size:13px!important;cursor:pointer}@media(max-width:480px){.support-client-qr{width:240px;height:auto;aspect-ratio:1}.support-full-preview .support-client-qr{width:260px;height:auto;aspect-ratio:1}}