/* One visual language for business and customer forms. */
.field{position:relative;margin-bottom:22px}.field>span{font-size:13px;font-weight:600;color:#4c5361;letter-spacing:0;margin-bottom:9px}.field>span small{font-size:11px;color:#8b93a1;font-weight:400}.field input:not([type=checkbox]),.field textarea,.field select,.cashly-control{min-height:52px;border:1px solid #e0e5ec;background:linear-gradient(180deg,#fff,#fafbfd);border-radius:14px;box-shadow:0 1px 2px #15294304;transition:border-color .18s,box-shadow .18s,background .18s;font-size:15px;padding:13px 15px;color:#202734}.field input:hover,.field textarea:hover,.cashly-control:hover{border-color:#bfcbdc;background:#fff}.field input:focus,.field textarea:focus,.cashly-control:focus-visible{border-color:#398af0;box-shadow:0 0 0 4px #0071e313;background:#fff;outline:none}.field:focus-within>span{color:#006bd6}.field input::placeholder,.field textarea::placeholder{color:#9aa3b1}.field input[type=number],.field input[type=tel]{font-variant-numeric:tabular-nums}.field input[type=tel]{direction:ltr;text-align:right}.field input:disabled{background:#f1f3f6;color:#9ba3af;cursor:not-allowed}.field-error{display:block;font-size:12px;line-height:1.6;color:#bd343b;margin-top:7px}.field-error:empty{display:none}.has-error input,.has-error .cashly-control{border-color:#d76469!important;background:#fffafb}.form-error:not(:empty){padding:12px 15px;background:#fff0f1;border:1px solid #f3d7da;border-radius:12px;font-size:13px;margin-top:16px}.form-hint{color:#68768c;background:#f2f6fc;padding:15px;line-height:1.85}.password-control{position:relative}.password-control input{padding-inline-end:76px!important}.password-toggle{position:absolute;inset-inline-end:8px;top:8px;min-height:36px;padding:6px 10px;background:transparent;color:#0071e3;font-size:12px;border-radius:9px}.password-toggle:hover{background:#edf4fd}.cashly-native-control{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;overflow:hidden!important}.cashly-control{width:100%;display:flex;gap:11px;align-items:center;justify-content:flex-start;text-align:start;font-weight:500;cursor:pointer;min-width:0}.cashly-control:active{transform:none}.cashly-control.is-empty .control-value{color:#8a96a7}.control-icon{width:28px;height:28px;border-radius:8px;background:#edf4fc;color:#4b85ca;display:grid;place-items:center;flex-shrink:0}.cashly-control svg{width:18px;height:18px;display:block}.control-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control-accessory{color:#919dac;transition:transform .18s}.cashly-control[aria-expanded=true]{border-color:#398af0;background:#f5f9ff}.cashly-control[aria-expanded=true] .control-accessory{transform:rotate(180deg)}.cashly-control:disabled{opacity:.55;cursor:not-allowed}.business-switch .cashly-control{min-height:32px;padding:2px 4px;max-width:240px;background:transparent;border:0;box-shadow:none;border-radius:8px;font-size:14px;gap:7px}.business-switch .control-icon{display:none}.business-switch .cashly-control:focus-visible{outline:3px solid #0071e330}.month-picker{padding:0;border-radius:12px}.month-picker>.icon{display:none}.month-picker .cashly-control{min-height:42px;padding:7px 12px;min-width:185px;font-size:13px;border:0;background:transparent}.month-picker .control-icon{background:transparent;width:22px}.portal-days{gap:8px}.portal-days label{padding:9px 12px;background:#f5f7fb;border:1px solid #e3e8f0;border-radius:10px;cursor:pointer;min-height:44px}.portal-days label:has(input:checked){background:#eaf3ff;border-color:#9cc4f8;color:#0064c9}.portal-days input{accent-color:#0071e3;width:17px;min-height:17px;margin:0}.cashly-picker{width:min(440px,calc(100vw - 32px));max-height:min(680px,88dvh);padding:24px;border-radius:24px;border:1px solid #ffffffc9;background:#fcfdff;box-shadow:0 32px 110px #142e5830;overflow:auto;overscroll-behavior:contain}.cashly-picker::backdrop{background:#23314940;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cashly-picker:before{display:none}.picker-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:22px}.picker-header .eyebrow{font-size:9px;letter-spacing:2px;color:#7190b7;margin-bottom:8px}.picker-header h2{font-size:23px;letter-spacing:-.5px}.picker-header p{font-size:12px;color:#8792a2;margin:7px 0 0}.picker-close{min-height:32px;width:32px;height:32px;padding:8px;border-radius:50%;background:#eef1f6;color:#8691a0;flex-shrink:0}.picker-close svg{width:16px;height:16px}.picker-search{display:flex;align-items:center;gap:10px;background:#f0f4fa;border:1px solid #e3e9f1;border-radius:12px;padding:0 12px;margin-bottom:14px}.picker-search>svg{width:18px;height:18px;color:#7c91ad;flex-shrink:0}.picker-search input{min-height:46px;border:0;background:transparent;padding:10px 0;box-shadow:none!important;outline:none}.picker-search:focus-within{border-color:#65a2ee;box-shadow:0 0 0 3px #0071e310}.picker-options{display:grid;gap:5px;max-height:350px;overflow:auto;overscroll-behavior:contain;padding:2px;scrollbar-width:thin}.picker-option{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:49px;width:100%;text-align:start;border-radius:12px;background:transparent;font-weight:500;font-size:14px;padding:12px 14px;border:1px solid transparent}.picker-option:hover{background:#f0f5fc}.picker-option.chosen{color:#006bd6;background:#eaf3ff;border-color:#d4e6fe;font-weight:600}.picker-option svg{width:19px;height:19px;flex-shrink:0}.option-circle{height:17px;width:17px;border:1px solid #d4dce7;border-radius:50%;flex-shrink:0}.picker-empty{text-align:center;color:#8a96a6;font-size:13px;padding:25px 10px}.picker-error{font-size:12px;color:#c33441;line-height:1.7;margin:14px 0 0}.picker-error:empty{display:none}.calendar-nav{display:flex;align-items:center;justify-content:space-between;margin:0 0 17px}.calendar-nav strong{font-size:15px;font-weight:600}.calendar-nav button{width:35px;min-height:35px;padding:6px;background:#f0f4fa;color:#6584ad;font-size:20px}.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.calendar-week span{text-align:center;color:#9ba5b4;font-size:11px;padding:8px}.calendar-days button{aspect-ratio:1;min-height:38px;padding:4px;border-radius:12px;background:transparent;font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}.calendar-days button:hover{background:#edf4fe}.calendar-days button.chosen,.month-grid button.chosen{background:#0071e3;color:white;box-shadow:0 3px 9px #0071e322}.calendar-days .is-today:not(.chosen){color:#006bd6;background:#f0f6ff;font-weight:700}.calendar-days button:disabled,.month-grid button:disabled{opacity:.25;cursor:not-allowed}.month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.month-grid button{background:#f3f6fa;min-height:49px;font-size:13px}.picker-time{border-top:1px solid #e7edf5;margin-top:20px;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.picker-time>span{display:flex;gap:8px;align-items:center;color:#7b8da7;font-size:12px}.picker-time svg{width:18px;height:18px}.picker-time>div{display:flex;align-items:center;gap:8px}.picker-time label{width:64px;text-align:center}.picker-time label span{font-size:10px;display:block;color:#8b96a6;margin-bottom:6px}.picker-time input{padding:9px 4px;text-align:center;background:#f2f6fc;border:1px solid #e0e9f5;border-radius:10px;font-size:19px;font-weight:500;min-height:45px;font-variant-numeric:tabular-nums;appearance:textfield}.picker-time input::-webkit-inner-spin-button{appearance:none}.picker-time b{color:#b2bdcd;padding-top:16px}.picker-confirm{margin-top:22px;min-height:48px;border-radius:13px}.picker-clear{display:flex;margin:15px auto 0;font-size:12px}dialog:not(.cashly-picker){padding:30px;background:linear-gradient(160deg,#fff,#fcfdff);border-radius:25px}.dialog-head{padding-bottom:20px;border-bottom:1px solid #edf0f5;margin-bottom:24px}.dialog-head h2{font-size:25px}.dialog-footer{padding-top:18px}.dialog-footer button{min-height:46px;border-radius:12px}.search-input:focus-within{box-shadow:0 0 0 3px #0071e31a;background:#fff}@media(max-width:700px){.field input:not([type=checkbox]),.field select,.cashly-control{font-size:16px;min-height:52px}.field>span{font-size:13px}.form-two{gap:12px}.business-switch .cashly-control{min-height:30px;max-width:210px;font-size:13px}.month-picker .cashly-control{min-height:40px;font-size:13px}.cashly-picker{inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:85dvh;padding:28px 22px calc(24px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;animation:sheetIn .18s ease-out}.cashly-picker:before{display:block;content:'';position:absolute;top:9px;left:calc(50% - 18px);width:36px;height:4px;background:#d8e0eb;border-radius:9px}.picker-options{max-height:45dvh}.picker-option{min-height:53px;font-size:16px}.picker-header h2{font-size:24px}.picker-search input{font-size:16px}.calendar-days button{min-height:42px;font-size:16px}.month-grid button{min-height:50px;font-size:15px}dialog:not(.cashly-picker){padding:29px 22px calc(24px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0}.dialog-head{padding-bottom:18px}.portal-days label{padding:8px 10px}.picker-time{gap:8px}.picker-time>span{font-size:12px}}@media(prefers-reduced-motion:reduce){.cashly-picker,.cashly-control,.control-accessory{animation:none!important;transition:none!important}}

.calendar-days button{aspect-ratio:auto;height:42px}