/* SnapCashier Premium UI – accessible RTL visual system. */
:root{--sc-blue:#2563eb;--sc-text:#111e35;--sc-soft:#f3f6fc;--sc-stroke:#e2e8f1;--sc-radius:18px}
body,button,input,select,textarea{font-family:"Segoe UI Variable","Segoe UI",Tahoma,"Arial",sans-serif}
body{font-weight:400}h1,h2,h3,strong{letter-spacing:-.014em}
button,.btn,.nav-group-toggle,.nav-sub-link{transition:background-color .16s ease,transform .16s ease,box-shadow .16s ease}
.btn.primary{background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 7px 18px rgba(37,99,235,.14)}
.btn.primary:hover{box-shadow:0 10px 24px rgba(37,99,235,.23)}
.inv-panel,.panel{border:1px solid #e5ebf4;border-radius:var(--sc-radius)}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid rgba(37,99,235,.27);outline-offset:2px}
.sc-toasts{position:fixed;z-index:17000;inset-block-start:22px;inset-inline-start:22px;display:grid;gap:10px;max-width:min(440px,calc(100vw - 32px));pointer-events:none}
.sc-toast{display:flex;align-items:flex-start;gap:12px;padding:14px 15px;border:1px solid #e2e8f0;background:#fff;color:#172236;border-radius:16px;box-shadow:0 18px 55px rgba(15,23,42,.18);pointer-events:auto;animation:scToastIn .22s ease-out}
.sc-toast>span{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:9px;font-weight:800;background:#eff6ff;color:#2563eb}
.sc-toast.is-success>span{background:#dcfce7;color:#047857}.sc-toast.is-error>span{background:#fee2e2;color:#b91c1c}
.sc-toast p{flex:1;margin:0;line-height:1.6;font-size:13px;font-weight:600}.sc-toast button{border:0;background:transparent;color:#64748b;font-size:24px;line-height:1;cursor:pointer}.sc-toast.sc-hide{opacity:0;transform:translateY(-10px);transition:.2s ease;pointer-events:none}
@keyframes scToastIn{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
.sc-wizard{background:#fff;border:1px solid #e1e8f2;border-radius:22px;box-shadow:0 13px 40px rgba(15,35,70,.05);padding:clamp(16px,3vw,30px);margin-bottom:24px}
.sc-wizard-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.sc-wizard-heading h2{margin:6px 0;font-size:clamp(19px,2vw,25px);color:#122036}.sc-wizard-heading p{color:#64748b;margin:0;line-height:1.65}.sc-hero-eyebrow{font-size:11px;color:#4f46e5;font-weight:800;letter-spacing:.03em}.sc-wizard-counter{background:#eef2ff;color:#4338ca;padding:9px 12px;border-radius:999px;white-space:nowrap;font-size:12px;font-weight:700}
.sc-wizard-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:25px 0;border-bottom:1px solid var(--sc-stroke);padding-bottom:13px}.sc-wizard-steps button{border:0;cursor:pointer;padding:11px 8px;background:#f6f8fc;color:#64748b;border-radius:12px;font-size:13px;font-weight:700}.sc-wizard-steps button.is-current{background:#e8efff;color:#1d4ed8;box-shadow:inset 0 0 0 1px #bfd3ff}.sc-wizard-steps button.is-complete{color:#059669;background:#eafaf1}
.sc-form-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sc-form-tiles>label{display:flex;flex-direction:column;gap:8px;color:#29364e;font-size:13px;font-weight:700}.sc-form-tiles>label small{font-size:11px;font-weight:400;color:#7e8aa1;line-height:1.5}.sc-form-tiles>label input,.sc-form-tiles>label select{width:100%;border:1px solid #dce4ef;padding:12px 13px;border-radius:12px;min-height:45px;outline:0;background:#fff;color:#172339}.sc-form-tiles>.inv-span2{grid-column:1/-1}.sc-form-tiles>.inv-check{flex-direction:row;align-items:center}.sc-optional{font-size:11px;background:#e9f7f0;color:#047857;padding:3px 7px;border-radius:6px;margin-inline-start:6px}
.sc-wizard-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin-top:24px;border-top:1px solid var(--sc-stroke);padding-top:19px}.sc-wizard-help{margin-inline-end:auto;color:#7c899d;font-size:12px}
.sc-muted{color:#78879e;font-size:12px}
.sc-label-dialog{max-width:min(1180px,96vw);max-height:94dvh;min-width:min(900px,96vw);width:95vw;border:1px solid #e2e8f0;padding:0;border-radius:22px;box-shadow:0 36px 100px rgba(15,23,42,.3);color:#172339;background:#fff;overflow:auto}.sc-label-dialog::backdrop{background:rgba(10,21,41,.7);backdrop-filter:blur(7px)}.sc-modal-top{display:flex;justify-content:space-between;align-items:flex-start;padding:23px 28px 16px;border-bottom:1px solid #edf2f7}.sc-modal-top h2{font-size:22px;margin:5px 0}.sc-modal-top p{color:#64748b;font-size:13px;margin:0}.sc-modal-x{border:0;background:#f1f5f9;border-radius:11px;width:36px;height:36px;font-size:23px;cursor:pointer;color:#475569}.sc-label-columns{display:grid;grid-template-columns:minmax(290px,370px) minmax(0,1fr);min-height:480px}.sc-label-controls{padding:21px;overflow:auto;max-height:72dvh;display:grid;gap:13px}.sc-label-controls>label,.sc-label-sizes label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#334155}.sc-label-controls input[type=number],.sc-label-controls select{width:100%;padding:10px;border:1px solid #dce4ed;border-radius:10px;background:#fff;color:#24344e}.sc-label-sizes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sc-label-flags{padding:14px;border:1px solid #e2e8f0;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.sc-label-flags legend{font-size:12px;font-weight:800;color:#334155}.sc-label-flags label{display:flex;align-items:center;gap:6px;font-size:12px}.sc-label-buttons{display:flex;gap:10px;flex-wrap:wrap}.sc-preview-side{background:#eff3f9;border-inline-start:1px solid #e2e8f0;padding:21px;min-height:450px}.sc-preview-heading{display:flex;justify-content:space-between;color:#475569;font-size:13px;font-weight:700;margin-bottom:13px}.sc-preview-side iframe{display:block;width:100%;height:calc(100% - 30px);min-height:430px;border:1px solid #e0e7ef;border-radius:14px;background:#fff}.sc-logo-settings{margin-top:14px}.sc-logo-settings-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.sc-logo-settings-row form{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.sc-logo-swatch{width:110px;height:95px;border:1px dashed #ced8e6;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#94a3b8}.sc-logo-swatch img{max-width:90px;max-height:58px;object-fit:contain}.sc-logo-swatch span{font-size:10px}
@media(max-width:840px){.sc-label-columns{grid-template-columns:1fr}.sc-label-controls{max-height:none}.sc-preview-side{height:500px}.sc-wizard-counter{display:none}}@media(max-width:590px){.sc-form-tiles{grid-template-columns:1fr}.sc-wizard-actions{flex-wrap:wrap}.sc-wizard-help{order:3;width:100%}.sc-wizard-steps button{font-size:11px}.sc-modal-top{padding:16px}.sc-label-dialog{min-width:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}