@import url("./jdesk-tokens-v432.css");

/* JDesk Website/User/Payment interaction layer V4.32 */
.jdw-modal{position:fixed;inset:0;z-index:90000;background:rgba(16,24,40,.52);display:grid;place-items:center;padding:18px}
.jdw-modal-card{width:min(560px,calc(100vw - 28px));max-height:calc(100vh - 36px);overflow:auto;background:#fff;border:1px solid #E7E9ED;border-radius:14px;box-shadow:0 24px 70px rgba(16,24,40,.28);color:#1D2433}
.jdw-modal-card.wide{width:min(760px,calc(100vw - 28px))}
.jdw-modal-head,.jdw-modal-actions{min-height:52px;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid #EEF0F2}
.jdw-modal-head b{font-size:15px}.jdw-modal-head button{margin-left:auto;border:0;background:transparent;font-size:22px;cursor:pointer}
.jdw-modal-body{padding:16px;font-size:13px;line-height:1.7}.jdw-modal-actions{justify-content:flex-end;border-bottom:0;border-top:1px solid #EEF0F2}
.jdw-modal-actions button{height:36px;border:1px solid #D0D5DD;background:#fff;border-radius:8px;padding:0 14px;font-weight:700;cursor:pointer}
.jdw-modal-actions .primary{background:#F7B500;border-color:#F7B500;color:#1D2433}
.jdw-form{display:grid;gap:12px}.jdw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.jdw-field{display:grid;gap:6px}.jdw-field label{font-weight:700;font-size:12px}.jdw-field input,.jdw-field select,.jdw-field textarea{width:100%;min-height:38px;border:1px solid #D0D5DD;border-radius:8px;padding:8px 10px;font:inherit}.jdw-field textarea{min-height:84px;resize:vertical}
.jdw-note{padding:10px 12px;border:1px solid #D9E7F7;border-radius:8px;background:#F3F8FE;color:#344054;font-size:12px}.jdw-note.warn{border-color:#F7DF93;background:#FFF9E5;color:#6D5514}
.jdw-context{display:grid;gap:7px}.jdw-context-row{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #EEF0F2}.jdw-context-row span{color:#667085}.jdw-context-row b{text-align:right}
.jdw-toast{position:fixed;right:18px;bottom:18px;z-index:91000;background:#101828;color:#fff;padding:10px 13px;border-radius:8px;font-size:12px;box-shadow:0 12px 32px rgba(16,24,40,.25)}
.payment-demo .channel{appearance:none;width:100%;cursor:pointer;text-align:left;color:#1D2433;background:#fff}
.payment-demo .channel[aria-pressed="true"]{border:2px solid #F7B500;background:#FFF9E5}
.payment-demo .pay-provider-meta{display:block;font-size:12px;color:#667085;font-weight:500;margin-top:3px}
.payment-demo .provider-check{margin-top:10px;font-size:12px;color:#667085;line-height:1.6}
@media(max-width:760px){
 .jdw-grid{grid-template-columns:1fr}
 .payment-demo .page{width:100%!important;height:auto!important;min-height:100vh;padding:16px!important}
 .payment-demo .shell{height:auto!important;min-height:calc(100vh - 32px);border-radius:16px!important}
 .payment-demo .nav{height:auto!important;min-height:64px;padding:12px 16px!important;gap:12px}
 .payment-demo .nav-right{display:none!important}
 .payment-demo .main{padding:22px 16px!important}
 .payment-demo .head{align-items:flex-start!important;gap:12px;flex-direction:column}
 .payment-demo .grid,.payment-demo .channels,.payment-demo .info-strip,.payment-demo .metric-grid{grid-template-columns:1fr!important}
 .payment-demo .footer{position:static!important;padding:18px 16px!important;display:grid!important;gap:6px}
 .payment-demo .amount{font-size:28px!important}
}


/* V4.32 website/payment spacing audit — loaded only by public/user/payment prototypes */
:root{--jdw-sp-1:4px;--jdw-sp-2:8px;--jdw-sp-3:12px;--jdw-sp-4:16px;--jdw-sp-5:20px;--jdw-sp-6:24px;--jdw-control-h:42px;--jdw-tag-h:24px}
body .btn,body button.btn,body a.btn{min-height:var(--jdw-control-h)!important;padding-left:var(--jdw-sp-4)!important;padding-right:var(--jdw-sp-4)!important;gap:var(--jdw-sp-2)!important}
body .badge,body .status-pill{min-height:var(--jdw-tag-h)!important;padding-left:var(--jdw-sp-2)!important;padding-right:var(--jdw-sp-2)!important}
body .page-head{gap:var(--jdw-sp-4)!important;margin-bottom:18px!important}
body .row,body .actions,body .toolbar{gap:var(--jdw-sp-3)}
body .card,body .jds-card,body .jds-client-card{box-sizing:border-box}
body .section-card,body .uc-panel{padding:var(--jdw-sp-5)!important}
body .tabs{gap:var(--jdw-sp-2)!important;margin-bottom:var(--jdw-sp-4)!important}
body .tabs>*{padding-left:var(--jdw-sp-3)!important;padding-right:var(--jdw-sp-3)!important}
body .field{margin-top:var(--jdw-sp-4)!important}body .field label{margin-bottom:var(--jdw-sp-2)!important}
body input:not([type="checkbox"]):not([type="radio"]),body select,body textarea{padding-left:var(--jdw-sp-3);padding-right:var(--jdw-sp-3)}
body .table-head,body .table-row,body .list-head,body .device-row{padding-left:var(--jdw-sp-4)!important;padding-right:var(--jdw-sp-4)!important}
body .site-nav{padding-left:var(--jdw-sp-6)!important;padding-right:var(--jdw-sp-6)!important}
body .site-hero{padding-left:var(--jdw-sp-6)!important;padding-right:var(--jdw-sp-6)!important}
body .feature-band,body .footer-grid{padding-left:var(--jdw-sp-6)!important;padding-right:var(--jdw-sp-6)!important}
body.payment-demo .card{padding:var(--jdw-sp-5)!important}
body.payment-demo .actions{gap:var(--jdw-sp-2)!important}
.jdw-modal{padding:var(--jdw-sp-5)}.jdw-modal-head,.jdw-modal-actions{padding-left:var(--jdw-sp-4);padding-right:var(--jdw-sp-4)}.jdw-modal-body{padding:var(--jdw-sp-4)}
.jdw-form{gap:var(--jdw-sp-3)}.jdw-grid{gap:var(--jdw-sp-3)}.jdw-field{gap:var(--jdw-sp-2)}.jdw-note{padding:10px var(--jdw-sp-3)}
@media(max-width:760px){
 :root{--jdw-control-h:44px}
 body .content,body .user-content{padding-left:var(--jdw-sp-3)!important;padding-right:var(--jdw-sp-3)!important}
 body .site-nav,body .site-hero,body .feature-band,body .footer-grid{padding-left:var(--jdw-sp-4)!important;padding-right:var(--jdw-sp-4)!important}
 body .section-card,body .uc-panel,body.payment-demo .card{padding:var(--jdw-sp-4)!important}
 body .row,body .actions,body .toolbar{gap:var(--jdw-sp-2)}
 .jdw-modal{padding:var(--jdw-sp-3)}.jdw-modal-body,.jdw-modal-actions,.jdw-modal-head{padding-left:var(--jdw-sp-3);padding-right:var(--jdw-sp-3)}
}

/* Spacing utilities created by the V4.32 full-div/control audit */
.jdw-action-row,.jdw-card-actions{display:flex;align-items:center;gap:var(--jdw-sp-2);flex-wrap:wrap}.jdw-action-row{margin-top:var(--jdw-sp-4)}.jdw-card-actions{margin-top:var(--jdw-sp-3)}.jdw-top-gap{margin-top:var(--jdw-sp-3)}
body .pill,body .chip,body .tag{min-height:var(--jdw-tag-h);padding-left:var(--jdw-sp-2);padding-right:var(--jdw-sp-2)}
body .section-card{margin-top:var(--jdw-sp-4)!important}
body .jd-membership-plans p{font-size:12px!important}
/* Touch/typography corrections found by the V4.32 spacing browser audit */
body .jd-site-footer-bottom,body .jd-site-footer-bottom span{font-size:12px!important}
button.switch{width:54px!important;height:34px!important;min-width:54px!important;min-height:34px!important;padding:4px!important;border:0!important;border-radius:999px!important}
button.switch:after{width:26px!important;height:26px!important;margin-left:20px!important;top:auto!important;right:auto!important;box-sizing:border-box}
button.switch.jdesk-off:after{margin-left:0!important}
@media(max-width:760px){body.payment-demo .qrbox{margin-right:0!important}}

@media(max-width:680px){button,.btn,.jds-button,.jd45-primary,.jd45-outline{min-height:44px}}
@media(max-width:680px){input,select,textarea,button,.btn,.jds-button,.jd45-primary,.jd45-outline{min-height:44px}}

/* V4.32 shared page states */
.jdw-page-state{margin:16px 0;padding:20px;border:1px solid #e7e9ed;border-radius:12px;background:#fff;text-align:center}.jdw-page-state b{display:block;font-size:15px}.jdw-page-state p{font-size:12px;color:#667085;line-height:1.7;margin:7px auto 0;max-width:560px}.jdw-page-state .actions{display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap}.jdw-state-dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:6px;background:#12b76a}.jdw-state-dot.warn{background:#f79009}.jdw-state-dot.danger{background:#d92d20}
@media(max-width:760px){
  button.switch{width:52px!important;height:44px!important;min-width:52px!important;min-height:44px!important;border-radius:22px!important;padding:0 5px!important;display:flex!important;align-items:center!important}
  button.switch:after{margin-left:auto!important;margin-right:0!important}
  button.switch.jdesk-off:after{margin-left:0!important;margin-right:auto!important}
}

/* V4.32 login/register + international checkout */
.jdw-auth-tabs{display:flex;gap:6px;margin-bottom:14px}.jdw-auth-tabs button{flex:1;min-height:40px;border:1px solid #d0d5dd;background:#fff;border-radius:8px;font-weight:700;cursor:pointer}.jdw-auth-tabs button.active{background:#fff8dd;border-color:#d89f00;color:#7a5900}.jdw-auth-panel[hidden]{display:none!important}.jdw-region-note{padding:10px 12px;border:1px solid #d1e9ff;background:#f5faff;border-radius:8px;color:#344054;font-size:12px;line-height:1.6;margin-bottom:12px}.payment-demo .channels{grid-template-columns:repeat(2,minmax(0,1fr))!important}.payment-demo .channel{min-height:64px}.payment-demo .channel .pay-provider-meta{line-height:1.4}.jdw-wallet-mark{display:inline-flex;min-width:34px;height:30px;border-radius:8px;align-items:center;justify-content:center;background:#f2f4f7;font-weight:800;font-size:12px}
@media(max-width:760px){.payment-demo .channels{grid-template-columns:1fr!important}.jdw-auth-tabs button{min-height:44px}}

.jdw-login-brand{display:flex;align-items:baseline;gap:6px;margin-bottom:10px}.jdw-login-brand b{font-size:14px}.jdw-login-brand small{font-size:12px;color:#667085}

/* V4.32: hidden state must win over grid/flex component display rules. */
body [hidden]{display:none!important}