:root{--surface21:#fff;--soft21:#f1f7fb;--ink21:#14334c;--muted21:#4e697c;--line21:#d8e6ef;--accent21:#087c80;--accent-ink21:#fff;--tint21:#e7f6f3;--danger21:#b62d48;--shadow21:0 10px 28px #16374b08}
:root:not([data-appearance=night]){--muted:#4e697c;--teal:#086b83;--green:#087859;--accent:#086b83}
:root:not([data-appearance=night]) .digital-workspace21 :is(.sidebar nav button,.sidebar nav button span,.sidebar-bottom,#sync-state,footer){color:var(--muted21)}
:root:not([data-appearance=night]) .digital-workspace21 :is(.sidebar nav button.active,.sidebar nav button.active span,.eyebrow,.heading12 .eyebrow,.avatar){color:#086b76}
.digital-workspace21 .sidebar .wordmark small{color:var(--muted21)}
:root:not([data-appearance=night]) .digital-workspace21 .sidebar #logout{color:#a02e4b}
:root:not([data-appearance=night]) :is(.accounts-workspace21,.router-workspace21,.payments-workspace21,.checkout21,.qr-workspace21) :is(button,a.button){color:#086b76}
:root:not([data-appearance=night]) :is(.accounts-workspace21,.router-workspace21,.payments-workspace21,.checkout21,.qr-workspace21) .primary{background:#086b76!important;color:#fff!important}
:root:not([data-appearance=night]) :is(.accounts-workspace21,.router-workspace21,.checkout21) :is(.state12.is-live,.initial12,.chip.enabled,.chip.approved){color:#086b60}
:root:not([data-appearance=night]) .checkout21 .chip.pending{color:#795710}
:root:not([data-appearance=night]) .qr-workspace21 a{color:#086b76}
:root:not([data-appearance=night]) #modal-close{color:#086b76}
.payments-workspace21 .pay-pill{color:#765011!important;background:#fff2d9!important}
:root[data-appearance=night] .payments-workspace21 .pay-danger{color:#ffb2c0!important}
:root[data-appearance=night] .payments-workspace21 .pay-label{color:#c3d9e7!important;background:#173b4b!important}
:root[data-appearance=night]{--surface21:#0d2434;--soft21:#142d3e;--ink21:#e6f2ff;--muted21:#aac2d4;--line21:#2c4a60;--accent21:#6ae1cd;--accent-ink21:#052e32;--tint21:#153e45;--danger21:#ff9eb2;--shadow21:0 10px 25px #0002}
.digital-workspace21 .sidebar .wordmark{display:flex;align-items:center;gap:12px;padding:0;margin:0 0 35px;min-height:53px;color:var(--ink21);white-space:normal;overflow:visible}
.brand-symbol21{display:inline-block;width:49px;height:49px;flex:0 0 49px;color:var(--accent21)}.brand-symbol21>svg{display:block;width:100%;height:100%;overflow:visible}.brand-cloud21,.brand-radio21{stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.brand-signal21,.brand-node21{fill:currentColor}.brand-node21{transform-box:fill-box;transform-origin:center;animation:brand-pulse21 4s ease-in-out infinite}.brand-node21.two{animation-delay:1.3s}.brand-node21.three{animation-delay:2.6s}
.brand-word21{display:block;min-width:0}.brand-word21>strong{display:block;font:750 19px/1.2 SawdaDigital,ui-monospace,monospace;letter-spacing:.035em;color:var(--ink21)}.brand-word21>small{display:block;font:650 9px/1.5 system-ui,sans-serif;letter-spacing:.25em;color:var(--muted21);margin-top:6px}
.digital-workspace21 .login-story .wordmark{display:flex;align-items:center;gap:14px}.login-story .brand-word21>strong{color:#f0fffb}.login-story .brand-word21>small{color:#b7e2dc}.login-story .brand-symbol21{color:#61e4ca}
.digital-workspace21 .sidebar .wordmark:hover .brand-radio21{animation:brand-radio21 .65s ease}.digital-workspace21 .sidebar nav button{transition:background .18s ease,color .18s ease;position:relative}.digital-workspace21 .sidebar nav button:hover>svg,.digital-workspace21 .sidebar nav button:focus-visible>svg,.digital-workspace21 .sidebar nav button:hover>span:first-child svg,.digital-workspace21 .sidebar nav button:focus-visible>span:first-child svg{animation:nav-icon21 .42s ease both}
.digital-workspace21 .sidebar nav button.active{background:var(--tint21)!important;color:var(--accent21)!important}.digital-workspace21 .sidebar nav button.active:before{content:"";width:3px;height:22px;border-radius:5px;background:var(--accent21);position:absolute;left:0;top:50%;transform:translateY(-50%)}
.digital-workspace21 .sidebar-bottom{font-size:10px;line-height:1.7}.document-hidden21 .brand-node21{animation-play-state:paused}.sidebar-collapsed12 .sidebar .wordmark{justify-content:center}.sidebar-collapsed12 .brand-word21{display:none}.sidebar-collapsed12 .brand-symbol21{width:41px;height:41px;flex-basis:41px}
.digital-metrics21{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:0 0 25px}.digital-metric21,.digital-metrics21>article{display:flex;align-items:center;gap:15px;min-width:0;background:var(--surface21);color:var(--ink21);border:1px solid var(--line21);border-radius:17px;padding:22px;box-shadow:var(--shadow21)}
.metric-icon21{display:inline-flex;align-items:center;justify-content:center;flex:0 0 47px;height:47px;border-radius:14px;background:var(--tint21);color:var(--accent21)}.metric-icon21 svg{width:22px;height:22px}.digital-metric21 small,.digital-metrics21 small{display:block;color:var(--muted21);font-size:12px;line-height:1.5}.digital-metric21 strong,.digital-metrics21 strong{display:block;color:var(--ink21);font:650 28px/1.3 SawdaDigital,ui-monospace,monospace;margin-top:7px;overflow-wrap:anywhere}.digital-metric21>div>span{display:block;font-size:11px;color:var(--muted21);margin-top:4px}
.router-grid21{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.router-card21{border-radius:21px!important;border:1px solid var(--line21)!important;background:var(--surface21)!important;box-shadow:var(--shadow21);padding:24px!important;color:var(--ink21);overflow:hidden}.router-head21{display:flex;align-items:center;gap:14px;margin-bottom:24px}.router-device21{width:55px;height:55px;border-radius:17px;background:var(--tint21);color:var(--accent21);display:grid;place-items:center;flex-shrink:0}.router-device21 svg{width:27px;height:27px}.router-head21>div{flex:1;min-width:0}.router-head21 small{font-size:9px;letter-spacing:.15em;color:var(--muted21);font-weight:700}.router-head21 h3{font-size:19px;margin:4px 0 3px;color:var(--ink21);overflow-wrap:anywhere}.router-head21 p{font-size:11px;color:var(--muted21);margin:0}.router-head21 .state12{margin-left:auto;white-space:nowrap}
.router-main21{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--soft21);border-radius:15px;padding:20px;gap:16px;margin-bottom:19px}.router-main21 small{font-size:9px;letter-spacing:.12em;color:var(--muted21);display:block}.router-main21 strong{display:block;font:650 clamp(22px,2vw,32px)/1.4 SawdaDigital,ui-monospace,monospace;letter-spacing:-.025em;color:var(--ink21);margin:8px 0 6px;overflow-wrap:anywhere}.router-main21 span{display:block;font-size:10px;line-height:1.5;color:var(--muted21)}.router-main21 .sample-live21{color:var(--accent21)}.router-transfer21{border-left:1px solid var(--line21);padding-left:18px}
.router-detail-grid21{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 0 18px;border-bottom:1px solid var(--line21)}.router-detail-grid21>span{font-size:10px;color:var(--muted21);min-width:0}.router-detail-grid21 svg{display:block;width:17px;height:17px;margin-bottom:7px;color:var(--accent21)}.router-detail-grid21 strong{display:block;font-size:13px;color:var(--ink21);margin-top:5px;overflow-wrap:anywhere}.router-sync21{display:flex;justify-content:space-between;gap:15px;margin:17px 0;font-size:10px;color:var(--muted21)}.router-sync21 strong{font-weight:600;color:var(--ink21);margin-left:5px}.router-actions21{display:flex;align-items:center;gap:9px;border:0!important;padding:0!important;margin:0!important}.router-actions21>button{display:inline-flex;align-items:center;gap:7px;font-size:11px;min-height:39px}.router-actions21 .ui-icon{width:16px;height:16px}.router-actions21 .danger-text{margin-left:auto;color:var(--danger21)!important}
.router-workspace21>.card,.router-workspace21 .linked-pay7{border-color:var(--line21);border-radius:18px;background:var(--surface21);color:var(--ink21)}.router-workspace21 .linked-pay7{margin-top:24px}.router-workspace21 .linked-pay7 .group-row-pay7{background:var(--soft21);border-radius:12px;padding:16px;margin:12px 0}.router-workspace21 .linked-pay7 .small{color:var(--muted21);line-height:1.8}
.accounts-workspace21 .stats14>article{display:grid;grid-template-columns:47px minmax(0,1fr);column-gap:15px;row-gap:0}.accounts-workspace21 .stats14>article>.metric-icon21{grid-row:1/3}.accounts-workspace21 .stats14>article>small,.accounts-workspace21 .stats14>article>strong{grid-column:2}.accounts-workspace21 .grid14{gap:22px}.accounts-workspace21 .account-card21{padding:24px;border-radius:21px;border:1px solid var(--line21);background:var(--surface21);color:var(--ink21);box-shadow:var(--shadow21)}
.account-head21{display:flex;gap:13px;align-items:center}.account-avatar21{width:49px;height:49px;border-radius:15px;display:grid;place-items:center;font-size:22px;font-weight:650;background:var(--tint21);color:var(--accent21);flex-shrink:0}.account-head21>div{flex:1;min-width:0}.account-head21 small{font-size:9px;font-weight:700;letter-spacing:.15em;color:var(--muted21)}.account-head21 h3{font-size:19px;margin:5px 0;color:var(--ink21);overflow-wrap:anywhere}.account-head21 .state12{font-size:10px}.account-identity21{font-size:12px;color:var(--muted21);display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.account-identity21>span{padding-left:11px;border-left:1px solid var(--line21)}
.account-balance21{padding:22px;background:var(--soft21);border-radius:15px;margin:14px 0 17px}.account-balance21>small{font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--muted21)}.account-balance21>strong{display:block;font:650 clamp(22px,2.3vw,34px)/1.4 SawdaDigital,ui-monospace,monospace;color:var(--ink21);margin:10px 0 7px;overflow-wrap:anywhere}.account-balance21>strong em{font:600 12px system-ui,sans-serif;margin-left:8px;color:var(--muted21)}.account-balance21>span{font-size:11px;color:var(--muted21)}.account-caption21{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted21);margin-bottom:18px}.account-caption21 svg{width:16px;height:16px;color:var(--accent21)}.account-card21 .actions14{border-top:1px solid var(--line21);padding-top:17px;gap:8px}.account-card21 .actions14 button{font-size:11px;min-height:39px}.accounts-workspace21>.card{background:var(--surface21);border-color:var(--line21);border-radius:19px}
.accounts-workspace21 .plans-digital21{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.accounts-workspace21 .plans-digital21>article{display:block!important;padding:20px!important;border:1px solid var(--line21)!important;border-radius:15px;background:var(--soft21)}.plan-top21{display:flex;justify-content:space-between;align-items:center;gap:10px}.plans-digital21 h4{font-size:16px;color:var(--ink21);margin:17px 0 13px}.plan-term21{display:flex;align-items:baseline;gap:9px}.plan-term21>strong{font:650 33px/1.3 SawdaDigital,monospace;color:var(--ink21)}.plan-term21>span{font-size:11px;color:var(--muted21)}.plan-prices21{display:flex;gap:24px;justify-content:space-between;padding-top:17px;margin-top:17px;border-top:1px solid var(--line21)}.plan-prices21 small{display:block;font-size:10px;color:var(--muted21)}.plan-prices21 strong{display:block;font-size:16px;color:var(--ink21);margin-top:7px}.accounts-workspace21 .job-list14>div{border-color:var(--line21);padding:15px 0;gap:10px}.accounts-workspace21 .job-list14 small{color:var(--muted21)}
.payments-workspace21 .pay-workspace{--pay-ink:var(--ink21);--pay-muted:var(--muted21);--pay-line:var(--line21);--pay-mint:var(--tint21)}.payments-workspace21 .pay-tabs{padding-bottom:19px;gap:13px;border-bottom:1px solid var(--line21)}.payments-workspace21 .pay-tabs>button{background:var(--surface21);color:var(--ink21);border:1px solid var(--line21);border-radius:15px;min-width:225px;padding:17px 20px;box-shadow:none}.payments-workspace21 .pay-tabs>button[aria-selected=true]{background:var(--tint21)!important;color:var(--accent21)!important;border-color:var(--accent21)}.payments-workspace21 .pay-tabs small{color:var(--muted21)!important;opacity:1;font-size:11px}.payments-workspace21 .pay-tabs strong{color:inherit!important;font-size:14px}.payments-workspace21 .pay-tabs>button>span{background:var(--soft21);color:var(--accent21);border-radius:12px}
.payments-workspace21 .pay-auto-hero{background:linear-gradient(118deg,#0e444f,#0c2b40);border:1px solid var(--line21);border-radius:21px;box-shadow:var(--shadow21);padding:32px}.payments-workspace21 .pay-auto-hero h2{color:#efffff!important;font-size:30px;letter-spacing:-.04em}.payments-workspace21 .pay-auto-hero :is(p,.pay-kicker,.pay-live-status){color:#bde6e9!important}.payments-workspace21 .pay-auto-hero .primary{background:#b8f6e6!important;color:#073b39!important;border-color:#b8f6e6!important}.payments-workspace21 .pay-auto-hero .button{background:#193d50!important;color:#f0faff!important;border:1px solid #5c8797}.payments-workspace21 .pay-metrics,.checkout21 .pay-metrics{gap:17px;margin:23px 0}.payments-workspace21 .pay-metrics>article,.checkout21 .pay-metrics>article{display:grid;grid-template-columns:47px minmax(0,1fr);column-gap:16px;row-gap:0;background:var(--surface21)!important;border:1px solid var(--line21)!important;border-radius:17px;padding:23px!important;box-shadow:var(--shadow21)}.payments-workspace21 .pay-metrics>article .metric-icon21,.checkout21 .pay-metrics>article .metric-icon21{grid-row:1/3}.payments-workspace21 .pay-metrics>article small,.checkout21 .pay-metrics>article small{grid-column:2;font-size:12px!important;color:var(--muted21)!important}.payments-workspace21 .pay-metrics>article strong,.checkout21 .pay-metrics>article strong{grid-column:2;font:650 27px/1.4 SawdaDigital,monospace;color:var(--ink21)!important;margin-top:8px}.payments-workspace21 .pay-metrics em{font:500 12px system-ui,sans-serif;color:var(--muted21)!important}
.payments-workspace21 .pay-section,.checkout21 .pay-section{border:1px solid var(--line21);background:var(--surface21);border-radius:21px;box-shadow:var(--shadow21)}.payments-workspace21 .pay-section h3,.checkout21 .pay-section h3{font-size:18px;color:var(--ink21)}.payments-workspace21 .pay-section p,.checkout21 .pay-section p{color:var(--muted21);line-height:1.75}.payments-workspace21 :is(.pay-phone,.pay-server,.pay-number-grid>article){background:var(--soft21);border-color:var(--line21);border-radius:15px}.payments-workspace21 :is(.pay-phone-head h4,.pay-account strong,.pay-number-grid strong,.pay-server code){color:var(--ink21)!important}.payments-workspace21 :is(.pay-phone-head small,.pay-account small,.pay-account:last-child small,.pay-footnote,.pay-number-grid small){color:var(--muted21)!important}.payments-workspace21 .pay-device-icon{background:var(--tint21);color:var(--accent21)}.payments-workspace21 .pay-empty{background:var(--soft21);color:var(--muted21)}.payments-workspace21 .pay-empty svg{color:var(--accent21)}.payments-workspace21 .pay-wallet-mark{border-color:#d9e4ea!important;background:#fff!important}
.checkout21 .filterbar12{padding:0 0 22px;gap:14px}.checkout21 .filterbar12 input{min-width:0;flex:1}.checkout21 table{border-collapse:separate;border-spacing:0}.checkout21 thead th{background:var(--soft21)!important;color:var(--muted21)!important;font-size:10px;letter-spacing:.07em;padding:17px}.checkout21 thead th:first-child{border-radius:12px 0 0 12px}.checkout21 thead th:last-child{border-radius:0 12px 12px 0}.checkout21 tbody td{padding-top:21px;padding-bottom:21px;border-color:var(--line21);font-size:12px;color:var(--ink21)}.checkout21 tbody tr:hover{background:var(--soft21)}.checkout21 td small{color:var(--muted21)!important;line-height:1.7}.checkout21 .customer12>span{background:var(--tint21);color:var(--accent21);border-radius:12px}.checkout21 .voucher-code{font-family:SawdaDigital,ui-monospace,monospace;font-size:12px}.checkout21 button svg{width:16px;height:16px}.checkout21 .filterbar12 :is(select,input){background:var(--surface21);color:var(--ink21);border-color:var(--line21)}
#modal .payment-sms-text{color:var(--ink21)!important;background:var(--soft21)!important;border:1px solid var(--line21)!important;box-shadow:none;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font:13px/1.8 ui-monospace,monospace;max-height:50vh;overflow:auto;padding:20px;border-radius:14px}
:root[data-appearance=night] #modal .payment-sms-text{background:#102c40!important;color:#e6f2ff!important;border-color:#385c71!important}
.qr-design-choices21{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0 26px}.qr-design-choices21>button{display:flex;align-items:center;gap:13px;background:var(--surface21);color:var(--ink21);border:1px solid var(--line21);padding:17px;text-align:left;border-radius:15px;box-shadow:none}.qr-design-choices21>button[aria-pressed=true]{border-color:var(--accent21);background:var(--tint21);color:var(--ink21)}.qr-design-choices21>button>span:nth-child(2){flex:1;min-width:0}.qr-design-choices21 strong{display:block;font-size:13px}.qr-design-choices21 small{display:block;font-size:10px;line-height:1.6;color:var(--muted21);margin-top:5px}.qr-design-choices21 b{color:var(--accent21)}.qr-swatch21{width:42px;height:48px;border-radius:8px;display:grid;place-items:center;border:1px solid #cce7e4;background:#f8fffd;color:#087b7d;flex-shrink:0}.qr-swatch21.neon{background:#0b2839;color:#5ce4d2;border-color:#315367}.qr-swatch21.compact{height:33px;background:#fff;color:#14354a}.qr-swatch21 svg{width:23px;height:23px}
.qr-layout21{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);align-items:start;gap:26px}.qr-controls21{background:var(--surface21);border-color:var(--line21);border-radius:20px;padding:25px}.qr-controls21 h3{display:flex;align-items:center;gap:8px;color:var(--ink21)}.qr-controls21 h3 svg{color:var(--accent21);width:20px;height:20px}.qr-controls21 dl{margin:24px 0}.qr-controls21 dt{font-size:10px;color:var(--muted21);margin:16px 0 6px}.qr-controls21 dd{font-size:13px;color:var(--ink21);margin:0;overflow-wrap:anywhere}.qr-controls21>button{display:flex;gap:9px;justify-content:center;align-items:center;width:100%;margin:10px 0;font-size:12px;min-height:44px}.qr-controls21 button svg{width:18px;height:18px}.qr-controls21 .small{color:var(--muted21);line-height:1.8;margin-top:20px}
.qr-stage21{min-width:0;min-height:620px;padding:26px;background:var(--soft21);border:1px solid var(--line21);border-radius:22px;display:flex;align-items:center;justify-content:center}.qr-poster21{background:#fff;box-shadow:0 12px 30px #102f4b10;width:100%;max-width:430px;border-radius:15px;overflow:hidden}.qr-poster21.compact{max-width:620px}.qr-poster21>svg{display:block;width:100%;height:auto}.qr-unavailable21{padding:35px 20px;text-align:center;color:var(--muted21)}.qr-unavailable21 svg{width:40px;height:40px;color:var(--accent21)}.qr-workspace21 .portal-qr13{margin-top:26px;border-color:var(--line21);border-radius:19px;background:var(--surface21)}#qr-print-area21{display:none}
@keyframes brand-pulse21{0%,100%{opacity:.4;transform:scale(.85)}45%{opacity:1;transform:scale(1.25)}}@keyframes brand-radio21{0%,100%{opacity:1}40%{opacity:.3}75%{opacity:1}}@keyframes nav-icon21{0%,100%{transform:translateY(0) rotate(0)}40%{transform:translateY(-2px) rotate(-7deg)}70%{transform:translateY(0) rotate(4deg)}}
:root[data-appearance=compact] :is(.router-card21,.account-card21){padding:18px!important}:root[data-appearance=compact] .router-main21{padding:15px}:root[data-appearance=compact] .account-balance21{padding:16px}:root[data-appearance=compact] .digital-metrics21>article{padding:17px}:root[data-appearance=compact] .plans-digital21>article{padding:16px!important}
@media(max-width:1200px){.router-grid21{grid-template-columns:minmax(0,1fr)}.accounts-workspace21 .plans-digital21{grid-template-columns:repeat(2,minmax(0,1fr))}.digital-workspace21 .sidebar .wordmark{gap:8px}.brand-symbol21{width:41px;height:41px;flex-basis:41px}.brand-word21>strong{font-size:16px}.brand-word21>small{font-size:8px}}
@media(max-width:850px){.qr-layout21{grid-template-columns:minmax(0,1fr)}.qr-controls21{max-width:none}.qr-stage21{min-height:580px}.qr-design-choices21{gap:10px}.qr-design-choices21>button{padding:12px;gap:9px}.digital-metric21 strong,.digital-metrics21 strong{font-size:23px}.metric-icon21{flex-basis:39px;width:39px;height:39px;border-radius:12px}.digital-metrics21>article{padding:17px;gap:11px}.payments-workspace21 .pay-metrics>article,.checkout21 .pay-metrics>article{padding:16px!important;grid-template-columns:39px minmax(0,1fr);gap:0 10px}}
@media(max-width:600px){.digital-metrics21{gap:9px}.digital-metrics21>article{padding:13px!important;display:block;min-width:0}.digital-metrics21 .metric-icon21{width:33px;height:33px;margin-bottom:10px}.digital-metrics21 small{font-size:10px}.digital-metrics21 strong{font-size:21px;line-height:1.4}.accounts-workspace21 .stats14>article{display:block}.accounts-workspace21 .grid14{grid-template-columns:minmax(0,1fr)}.accounts-workspace21 .plans-digital21{grid-template-columns:minmax(0,1fr)}.account-card21{padding:18px!important}.account-head21{gap:10px;flex-wrap:wrap}.account-head21 .state12{margin-left:auto}.account-head21 h3{font-size:17px}.account-avatar21{width:42px;height:42px;border-radius:12px}.account-identity21{font-size:11px}.account-balance21>strong{font-size:28px}.router-card21{padding:18px!important}.router-head21{gap:10px;flex-wrap:wrap}.router-head21 h3{font-size:17px}.router-device21{width:44px;height:44px;border-radius:13px}.router-main21{padding:15px;gap:12px}.router-main21 strong{font-size:22px}.router-transfer21{padding-left:12px}.router-main21 small{font-size:8px}.router-detail-grid21{gap:9px}.router-detail-grid21 strong{font-size:11px}.router-sync21{flex-direction:column;gap:7px}.router-actions21 button{font-size:11px;padding:10px 12px}.payments-workspace21 .pay-metrics>article,.checkout21 .pay-metrics>article{display:block;padding:13px!important}.payments-workspace21 .pay-metrics>article small,.checkout21 .pay-metrics>article small{font-size:10px!important}.payments-workspace21 .pay-metrics>article strong,.checkout21 .pay-metrics>article strong{font-size:22px}.pay-metrics .metric-icon21{width:33px;height:33px;margin-bottom:10px}.payments-workspace21 .pay-tabs>button{min-width:0;padding:13px;gap:8px}.payments-workspace21 .pay-tabs small{font-size:10px}.payments-workspace21 .pay-auto-hero{padding:24px}.payments-workspace21 .pay-auto-hero h2{font-size:25px}.checkout21 .filterbar12{display:flex;flex-wrap:wrap}.checkout21 .filterbar12 input{flex-basis:100%}.checkout21 .filterbar12 select{flex:1}.qr-design-choices21{grid-template-columns:minmax(0,1fr);gap:9px}.qr-design-choices21>button{padding:13px;gap:12px}.qr-swatch21{width:36px;height:41px}.qr-swatch21.compact{height:27px}.qr-stage21{min-height:480px;padding:18px 12px}.qr-controls21{padding:20px}.qr-layout21{gap:20px}.digital-workspace21 .sidebar .wordmark{margin-bottom:22px}.digital-workspace21 .sidebar .brand-word21{display:block}}
@media(prefers-reduced-motion:reduce){.brand-node21,.digital-workspace21 .sidebar .wordmark:hover .brand-radio21,.digital-workspace21 .sidebar nav button:hover svg,.digital-workspace21 .sidebar nav button:focus-visible svg{animation:none!important}.digital-workspace21 .sidebar nav button{transition:none}}
@page sawda-poster-a4{size:A4 portrait;margin:12mm}@page sawda-poster-a5{size:A5 landscape;margin:10mm}
@media print{body.print-qr21>*{display:none!important}body.print-qr21>#qr-print-area21{display:block!important;background:#fff!important;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:100%;margin:0;padding:0}#qr-print-area21.print-portrait21{page:sawda-poster-a4}#qr-print-area21.print-compact21{page:sawda-poster-a5}#qr-print-area21>svg{display:block;width:100%!important;height:auto!important;max-height:265mm;break-inside:avoid}#qr-print-area21.print-compact21>svg{max-height:125mm}.brand-node21{animation:none!important}}

.pin-device23{min-width:32px;font-size:20px;line-height:1;color:var(--accent,#087d80)}
.compact-sessions13 .session-card-head .pin-device23{display:inline-flex;align-items:center;justify-content:center}
.pin-device23[aria-pressed="true"]{color:#986600;background:#fff1c7;border-color:#d5b65f}
[data-appearance="night"] .pin-device23[aria-pressed="true"]{color:#ffe095;background:#4d3c15;border-color:#ad8c39}