.ck{display:grid;grid-template-columns:minmax(0,1fr) 360px;min-height:calc(100dvh - 56px);background:#edf1f6;color:#22313f}.ck-main{margin:0;max-width:none;width:100%;box-sizing:border-box;padding:28px 24px;min-width:0}.ck-heading{display:flex;gap:18px;align-items:flex-start;background:none;position:static;padding:0;margin:0 0 24px}.ck-heading h1{font-size:24px;margin:0 0 8px}.ck-heading p,.ck-card p,.ck-member small{color:#657895;font-size:13px;line-height:1.7}.ck-card{background:#fff;border:1px solid #dce4ed;border-radius:12px;padding:24px;margin-bottom:18px}.ck-card h3{font-size:16px;margin:0 0 18px}.ck-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #edf0f4;padding:14px 0}.ck-row small{display:block;color:#8090a6;font-size:12px;margin-top:5px}.ck-aside{padding:32px 24px;background:#fff;border-left:1px solid #dce4ed;display:flex;flex-direction:column;gap:18px}.ck-aside h2,.ck-aside h3{font-size:15px;margin:0}.ck-amount{font-size:40px;font-weight:750;color:#205f55}.ck-methods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ck-methods button{background:#fff;color:#41566b;border:1px solid #d8e1e9;min-height:44px}.ck-methods button.selected{border:2px solid #205f55;background:#edf7f2;color:#205f55}.ck-methods button:disabled{background:#f3f4f6;color:#a5aeb8}.ck-member{padding:18px;background:#f3f6fa;border-radius:10px}.ck-member small{display:block;margin:7px 0 12px}.ck-member button{width:100%}.ck-card form,.ck-card label{display:grid;gap:8px}.ck-card input:not([type=checkbox]),.ck-card select{width:100%;box-sizing:border-box;min-height:48px;margin-bottom:12px}.ck-card [name=tender]{font-size:30px;padding:18px}.ck-card .ck-check{display:flex;align-items:center;gap:10px;margin:18px 0;font-size:14px}.ck-check input{width:20px;height:20px}.ck-card button{min-height:48px}.ck-error{color:#ae3434;white-space:pre-wrap}.ck-error:empty{display:none}.ck-pending{border-color:#deb66d;background:#fff9ed}.ck-success{max-width:680px;text-align:center;margin:0 auto}.ck-success>span{display:inline-grid;place-content:center;background:#e3f5eb;color:#218550;border-radius:50%;font-size:42px;width:80px;height:80px}.ck-success h2{font-size:30px}.ck-success .ck-row{text-align:left}.ck-success button{width:100%;margin:10px 0}.ck [hidden]{display:none}.ck button:focus-visible,.ck input:focus-visible,.ck select:focus-visible{outline:3px solid #e1a23f;outline-offset:3px}@media(max-width:1000px){.ck{grid-template-columns:minmax(0,1fr) 310px}.ck-main,.ck-aside{padding:22px 18px}}@media(max-width:760px){.ck{grid-template-columns:1fr}.ck-aside{border-left:0;border-top:1px solid #dce4ed}.ck-heading{gap:10px}.ck-card{padding:18px}.ck-amount{font-size:34px}}

.ck-main>.ck-member{margin-bottom:18px;border:1px solid #c4d7ce;background:#f5fbf8}.ck-main>.ck-member button{width:auto;float:right;margin-top:-44px}.ck-aside>[data-complete]{padding:0;border:0;display:flex;flex-direction:column;flex:1;gap:14px;margin:0}.ck-aside>.ck-card{padding:0;border:0;background:none}.ck-quick-cash{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ck-quick-cash button{min-height:44px}.ck-change{background:#f1f8f5;padding:18px;border-radius:10px;font-size:24px;display:block;text-align:right}.ck-aside .ck-confirm{margin-top:auto;min-height:56px;font-size:17px;font-weight:700;width:100%}.ck-aside .ck-check{font-size:13px}.ck-aside .ck-card h2{margin-bottom:12px}.ck-aside input[name=tender]{border:2px solid #24695e;border-radius:10px;font-size:28px;height:58px}.ck-aside .ck-row{padding:8px 0}@media(max-width:1000px){.ck-methods{grid-template-columns:repeat(3,minmax(0,1fr))}}

.ck-wallet-breakdown{border:1px solid #dce4ed;border-radius:10px;padding:14px}.ck-wallet-breakdown h3{margin:0 0 8px}.ck-wallet-breakdown h3:not(:first-child){margin-top:18px}.ck-wallet-breakdown p{margin-bottom:0}.ck-aside [data-wallet]{width:100%;font-weight:700}

.ck-aside{gap:12px;padding:24px}.ck-total{display:flex;align-items:center;justify-content:space-between;gap:12px}.ck-total .ck-amount{font-size:36px}.ck-aside>[data-complete]{gap:10px}.ck-aside>[data-complete] h2{margin:0}.ck-aside>[data-complete] p{margin:0}.ck-aside>[data-complete] input[name=tender]{margin:0;height:54px;padding:10px 14px}.ck-aside>[data-complete] .ck-check{margin:6px 0;line-height:1.5}.ck-aside .ck-check input{min-height:20px;flex:0 0 20px;padding:0}.ck-aside .ck-row small{line-height:1.45}.ck-wallet-breakdown{padding:12px}.ck-wallet-breakdown h3:not(:first-child){margin-top:12px}.ck-success strong{overflow-wrap:anywhere}.ck-success>button{margin:6px 0}

.ck-record-form{display:block;margin-top:0;padding:18px 20px}.ck-credit-customers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.ck-credit-customers label{display:flex;align-items:center;gap:10px;border:1px solid #dce4ed;border-radius:10px;padding:12px;font-weight:600}.ck-credit-customers label:has(:checked){border:2px solid #205f55;background:#f3faf7}.ck-credit-customers input{width:18px;min-height:18px;height:18px;flex:0 0 18px;accent-color:#205f55}.ck-credit-customers small{display:block;font-size:12px;font-weight:400;color:#657895;margin-top:5px}.ck-credit-fields{display:grid;grid-template-columns:1fr 1.4fr;gap:14px}.ck-record-form input:not([type=checkbox]):not([type=radio]),.ck-record-form select{min-height:44px;margin-bottom:0}.ck-record-form>button{margin-top:12px}.ck-voucher-fields{display:grid;grid-template-columns:1fr 1.4fr auto;align-items:end;gap:12px}.ck-voucher-fields button{height:44px}.ck-record-form .ck-check{margin:12px 0 0}.ck-record-form .ck-check input{min-height:18px;flex:0 0 18px;padding:0;height:18px}.ck-record-form p{margin:8px 0 0}.ck-credit-amount input{height:48px;margin:8px 0;font-size:24px;border:2px solid #205f55}.ck-remainder .ck-methods{grid-template-columns:1fr 1fr}.ck-remainder h3{margin-bottom:10px}.ck-aside>[data-start]{margin-top:auto;min-height:56px;font-size:17px}.ck .ck-member:empty{display:none}@media(max-width:1050px){.ck-credit-customers{grid-template-columns:1fr 1fr}.ck-voucher-fields{grid-template-columns:1fr 1fr}.ck-voucher-fields button{grid-column:2}}@media(max-width:760px){.ck-credit-customers,.ck-credit-fields,.ck-voucher-fields{grid-template-columns:1fr}.ck-voucher-fields button{grid-column:auto}}

.ck{height:calc(100dvh - 56px);min-height:0}.ck-main,.ck-aside{min-height:0;overflow-y:auto;overscroll-behavior:contain}.ck-main{padding:22px 24px}.ck-heading{margin-bottom:18px}.ck-heading p{margin:0}.ck-card{padding:18px;margin-bottom:14px}.ck-card h3{margin-bottom:14px}.ck-row{padding:10px 0}.ck-success>span{width:48px;height:48px;font-size:28px}.ck-success h2{font-size:26px;margin:12px 0}.ck-success .ck-row{padding:8px 0;font-size:14px}.ck-success p{margin:8px 0}.ck-success>button{min-height:44px;margin:4px 0}.ck-aside>[data-complete]{min-height:0;flex-shrink:0}.ck-aside>[data-start],.ck-aside .ck-confirm{flex-shrink:0}@media(max-width:760px){.ck{height:auto;min-height:calc(100dvh - 56px)}.ck-main,.ck-aside{overflow:visible}.ck-main{padding:18px 14px}.ck-aside>[data-complete]{min-height:450px}}