/* Compact styles for website login, shared wallet and order checkout. */
.cn-web-auth,.cn-web-order-form-wrap>.cn-panel,.cn-web-account-section{background:#fff;border:1px solid #e2eaf4;border-radius:20px;box-shadow:0 8px 30px rgba(20,50,90,.045)}.cn-web-auth,.cn-web-order-form-wrap>.cn-panel{max-width:940px;margin:0 auto 24px;padding:clamp(20px,3vw,32px)}
.cn-web-auth h2,.cn-web-order-form-wrap h2{margin:8px 0 10px;font-size:clamp(1.35rem,3vw,1.8rem)}
.cn-web-auth .cn-form,.cn-web-order-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cn-web-auth .cn-field,.cn-web-order-form .cn-field{min-width:0;margin:0}.cn-web-auth .cn-field-full,.cn-web-order-form .cn-field-full{grid-column:1/-1}
.cn-web-auth input,.cn-web-order-form input:not([type=radio]):not([type=file]),.cn-web-order-form select,.cn-web-order-form textarea{width:100%;min-height:46px;border:1px solid #d6e0ed;border-radius:10px;padding:10px 12px;background:#fff;color:inherit;font:inherit}
.cn-web-order-form input[type=file]{display:block;width:100%;padding:10px;border:1px dashed #c6d7eb;border-radius:10px;background:#f8fbff}.cn-web-order-form small{display:block;margin-top:5px;color:#718198;font-size:.8rem}
.cn-web-account{max-width:1080px;margin-inline:auto}.cn-web-account-welcome{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 28px;border-radius:20px;background:linear-gradient(115deg,#eef6ff,#fff);border:1px solid #dceafb;margin-bottom:18px}.cn-web-account-welcome h2{margin:5px 0;font-size:1.55rem}.cn-web-account-welcome p{margin:0;color:#718198}
.cn-web-wallet{display:grid;grid-template-columns:1fr minmax(280px,.9fr);align-items:center;gap:22px;padding:24px 28px;background:#e8f3ff;border:1px solid #d8eafe;border-radius:20px;margin-bottom:28px}.cn-web-wallet>div{display:grid;gap:8px}.cn-web-wallet>div span,.cn-web-wallet label{color:#526981;font-size:.88rem}.cn-web-wallet>div strong{font-size:1.9rem;color:#075fc4}.cn-web-wallet>div small{font-size:.85rem}.cn-web-wallet form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px}.cn-web-wallet form label{grid-column:1/-1}.cn-web-wallet input{min-width:0;width:100%;min-height:43px;border:1px solid #c7dcf5;border-radius:9px;padding:8px 10px;font:inherit}.cn-web-account-section{margin:0 auto 22px;padding:24px}.cn-web-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.cn-web-section-head h3,.cn-web-account-section>h3{margin:0;font-size:1.2rem}.cn-web-order-list{display:grid;gap:10px}.cn-web-order{display:grid;grid-template-columns:1.3fr 1fr auto;align-items:center;gap:16px;padding:16px;border:1px solid #e6edf5;border-radius:13px}.cn-web-order>div{display:grid;gap:6px;min-width:0}.cn-web-order small{font-size:.78rem;color:#718198}.cn-web-order>form{margin:0}.cn-web-order .cn-button{white-space:nowrap;padding:9px 13px;font-size:.82rem}.cn-web-txn-list{display:grid;margin-top:15px}.cn-web-txn-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #edf1f6}.cn-web-txn-list>div:last-child{border-bottom:0}.cn-web-txn-list span{font-size:.9rem}.cn-web-txn-list strong{white-space:nowrap;font-size:.9rem}.cn-web-txn-list .is-credit{color:#16834b}.cn-web-txn-list .is-debit{color:#b54747}.cn-web-order-price{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f4f8fd;border-radius:10px}.cn-web-order-price strong{color:#075fc4;font-size:1.05rem}.cn-payment-choice{display:flex;align-items:center;justify-content:flex-start;direction:rtl;gap:9px;margin:10px 0;text-align:right;cursor:pointer}.cn-web-order-form .cn-payment-choice input[type=radio]{appearance:auto;-webkit-appearance:radio;display:inline-block;flex:0 0 17px;width:17px;min-width:17px;height:17px;min-height:17px;margin:0;padding:0;accent-color:var(--cn-primary);vertical-align:middle}.cn-web-order-form fieldset{border:1px solid #e2eaf4;border-radius:12px;padding:14px}.cn-web-order-form fieldset legend{font-weight:700;padding:0 6px}
@media(max-width:720px){.cn-web-auth .cn-form,.cn-web-order-form{grid-template-columns:1fr}.cn-web-auth .cn-field-full,.cn-web-order-form .cn-field-full{grid-column:auto}.cn-web-wallet{grid-template-columns:1fr;padding:20px}.cn-web-wallet form{grid-template-columns:1fr}.cn-web-wallet form label{grid-column:auto}.cn-web-order{grid-template-columns:1fr;gap:12px}.cn-web-order .cn-button{white-space:normal}.cn-web-account-welcome{align-items:flex-start;flex-direction:column;padding:20px}.cn-web-account-section{padding:18px}.cn-web-section-head{align-items:flex-start;flex-direction:column}}