html[data-ladder="v2"] .repeated-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}
html[data-ladder="v2"] .repeated-sheet-header h3{margin:0;font-size:1.1875rem;font-weight:800;color:var(--color-text)}
html[data-ladder="v2"] .repeated-sheet-close{position:relative;flex:none;width:36px;height:36px;min-height:0;display:grid;place-items:center;border:0;border-radius:50%;background:var(--color-surface-subtle);color:var(--color-text-muted);font-size:18px;line-height:1;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}
html[data-ladder="v2"] .repeated-sheet-close::before{content:"";position:absolute;inset:-4px}
html[data-ladder="v2"] .repeated-sheet-close:hover{background:var(--color-border);color:var(--color-text)}

html[data-ladder="v2"] .modal .field-label,html[data-ladder="v2"] .modal .form-field label{display:block;margin-block:0 var(--space-2);color:var(--color-text);font-size:.84375rem;font-weight:700;line-height:1.4}
html[data-ladder="v2"] .modal .form-group+.form-group,html[data-ladder="v2"] .modal .form-group+.form-row,html[data-ladder="v2"] .modal .form-row+.form-group{margin-block-start:var(--space-4)}
html[data-ladder="v2"] .modal .form-row{gap:var(--space-3)}
html[data-ladder="v2"] .modal .field-label-aside{font-weight:600;color:var(--color-text-muted)}
html[data-ladder="v2"] .modal .field-help{display:block;margin-block-start:var(--space-2);font-size:.78125rem;line-height:1.6;color:var(--color-text-muted)}

html[data-ladder="v2"] .modal .csel-btn,html[data-ladder="v2"] .modal select,html[data-ladder="v2"] .modal .form-control,html[data-ladder="v2"] .modal .modal-input{background:var(--color-surface-input);border:1px solid var(--color-border-control);border-radius:var(--radius-xl);min-height:var(--control-height)}
html[data-ladder="v2"] .modal .form-control,html[data-ladder="v2"] .modal .modal-input,html[data-ladder="v2"] .modal .csel-btn,html[data-ladder="v2"] .modal select{box-sizing:border-box;width:100%;height:52px;min-height:0;padding-block:0;padding-inline:14px;font-size:16px;font-weight:600;line-height:1.4}
html[data-ladder="v2"] .modal :is(.form-control,.modal-input)::placeholder{color:var(--color-text-placeholder);font-weight:500}
html[data-ladder="v2"] .modal :is(.form-control,.modal-input):is([readonly],:disabled),html[data-ladder="v2"] .modal select:disabled{background:var(--color-surface-subtle);border-style:dashed;border-color:var(--color-border-strong);color:var(--color-text-muted)}
html[data-ladder="v2"] .modal .wallet-chip .csel-btn{width:auto;height:auto;min-height:44px;padding:0 12px;border:1px solid var(--color-border-control);border-radius:var(--radius-pill);background:var(--color-surface-input);font-size:.85rem;line-height:normal}
html[data-ladder="v2"] .modal .wallet-chip.open .csel-btn{border-color:var(--color-brand)}
html[data-ladder="v2"] .modal select{padding-inline-end:2.75rem}
html[data-ladder="v2"] .modal #addItemsContainer :is(.csel-btn,select,.form-control){height:var(--control-height);font-size: var(--font-size-md);font-weight:400;padding-inline:14px}
@media (max-width:768px){html[data-ladder="v2"] .modal #addItemsContainer :is(.csel-btn,select,.form-control){font-size:16px}}
html[data-ladder="v2"] .modal #addItemsContainer :is(.csel-btn,select){background:var(--color-surface-input);border:1px solid var(--color-border-control);border-radius:var(--radius-md)}
html[data-ladder="v2"] .modal .csel{width:100%}
html[data-ladder="v2"] .modal textarea.form-control,html[data-ladder="v2"] .modal textarea.modal-input{height:auto;min-height:calc(var(--control-height) * 2);padding-block:10px}
html[data-ladder="v2"] .modal .add-input:not([id^="iprice-"]){box-sizing:border-box;height:var(--control-height);min-height:0;padding-block:0}
@media (max-width:768px){html[data-ladder="v2"] .modal .add-input:not([id^="iprice-"]){padding-block:.6rem}}
html[data-ladder="v2"] .modal .form-control:focus,html[data-ladder="v2"] .modal .modal-input:focus,html[data-ladder="v2"] .modal .csel.open .csel-btn,html[data-ladder="v2"] .modal .csel-btn:focus-visible{border-color:var(--color-brand);box-shadow:var(--focus-ring);outline:none}
html[data-ladder="v2"] .modal :is(.form-control,.modal-input)[readonly]:focus{border-color:var(--color-border-strong);box-shadow:none}
html[data-ladder="v2"] .modal .csel-btn-icon img{width:22px;height:22px;display:block}

html[data-ladder="v2"] .modal .modal-copy.is-example{display:inline-flex;align-items:center;gap:6px;margin-block-end:var(--space-4);padding:5px 12px;border-radius:var(--radius-pill);background:var(--color-brand-soft);color:var(--color-brand-hover);font-size: var(--font-size-sm);font-weight:600}

html[data-ladder="v2"] .input-affix{position:relative;display:flex}
html[data-ladder="v2"] .input-affix>input{flex:1;min-width:0}
html[data-ladder="v2"][dir="rtl"] .input-affix>input{padding-left:64px}
html[data-ladder="v2"][dir="ltr"] .input-affix>input{padding-right:64px}
html[data-ladder="v2"] .input-affix-unit{position:absolute;inset-inline-end:14px;inset-block-start:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:.8125rem;font-weight:700;pointer-events:none}

html[data-ladder="v2"] .modal .icon-field{align-items:stretch}
html[data-ladder="v2"] .modal .icon-field-preview{height:var(--icon-square);flex-basis:var(--icon-square);box-sizing:border-box;background:transparent;border-color:var(--color-border-strong);border-radius:var(--radius-lg)}

html[data-ladder="v2"] .modal .modal-actions:not(.fw-modal-footer){display:flex;gap:var(--space-2);margin-block-start:var(--space-4)}
html[data-ladder="v2"] #addModal .modal-footer-pinned{margin-block-start:0;padding-block-start:var(--space-3);border-block-start:0}
html[data-ladder="v2"] #addModal .fw-modal-body{padding-block-end:var(--space-1)}

html[data-ladder="v2"] .period-option{background:var(--color-surface-subtle);border:1.5px solid transparent;border-radius:var(--radius-2xl);min-height:58px;padding:var(--space-2) 14px}
html[data-ladder="v2"] .period-option[aria-checked="true"],html[data-ladder="v2"] .period-option.active,html[data-ladder="v2"] .period-option.is-selected{border-color:var(--color-brand-border);background:var(--color-brand-soft);color:var(--color-text)}
html[data-ladder="v2"] .period-option-check{color:var(--color-on-brand)}

html[data-ladder="v2"] .settings-switch{flex:0 0 48px;width:48px}
html[data-ladder="v2"] .settings-switch-track::after{inset-inline-start:3px;transform:none;transition:inset-inline-start var(--transition-fast),background var(--transition-fast)}
html[data-ladder="v2"] .settings-switch input:checked+.settings-switch-track{background:var(--color-brand);border-color:var(--color-brand)}
html[data-ladder="v2"] .settings-switch input:checked+.settings-switch-track::after{inset-inline-start:calc(100% - 23px);transform:none;background:var(--color-on-brand)}


html[data-ladder="v2"] .shop-chips-group>.field-label,html[data-ladder="v2"] .shop-chips-group>label{color:var(--color-text);font-size:.84375rem;font-weight:700}
html[data-ladder="v2"] .shop-add-fields{gap:var(--space-3);margin-block-start:var(--space-4)}
html[data-ladder="v2"] .shop-add-fields>*{flex:1 1 0;min-width:0}
html[data-ladder="v2"] .modal .qty-stepper{display:flex;align-items:stretch;justify-content:normal;height:52px;box-sizing:border-box;padding-inline:0;border:1px solid var(--color-border-control);border-radius:var(--radius-xl);background:var(--color-surface-input);overflow:hidden}
html[data-ladder="v2"] .modal .qty-stepper .qty-step-btn{flex:0 0 44px;block-size:auto;min-block-size:44px;padding:0;border:0;border-radius:0;background:transparent;color:var(--color-brand);font-size:var(--font-size-lg);font-weight:700;cursor:pointer}
html[data-ladder="v2"] .modal .qty-stepper .qty-step-btn:hover{background:var(--color-brand-soft)}
html[data-ladder="v2"] .modal .qty-stepper .qty-step-value{flex:1;min-width:0;height:auto;border:0;border-inline:1px solid var(--color-border-strong);border-radius:0;background:transparent;text-align:center;font-family:inherit;font-size:inherit;font-weight:700;padding:0;box-shadow:none}
html[data-ladder="v2"] .modal #addItemsContainer .qty-stepper{height:var(--control-height);border-radius:var(--radius-md)}
html[data-ladder="v2"] .shop-added{margin:0;color:var(--color-success);font-size:.84375rem;font-weight:600}
html[data-ladder="v2"] .shop-estimate-use{display:inline-flex;align-items:center;gap:6px;margin-block-start:8px;padding:6px 12px;border:1px solid var(--color-brand-border);border-radius:var(--radius-pill);background:var(--color-brand-soft);color:var(--color-brand-hover);font:inherit;font-size: var(--font-size-sm);font-weight:700;cursor:pointer}
html[data-ladder="v2"] .modal .modal-delete,html[data-ladder="v2"] .modal .shop-remove-btn:not(.modal-actions>*){display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin-block:var(--space-4) 0;margin-inline:0;border:1.5px dashed var(--color-danger-border);border-radius:var(--radius-xl);background:transparent;color:var(--color-danger-ink);font:inherit;font-size:.90625rem;font-weight:800;cursor:pointer}
html[data-ladder="v2"] .modal .modal-delete:hover,html[data-ladder="v2"] .modal .shop-remove-btn:not(.modal-actions>*):hover{background:var(--color-danger-soft)}
html[data-ladder="v2"] .modal .modal-actions>.shop-remove-btn{flex:0 0 auto;margin-inline-end:auto;background:transparent;border-color:transparent;color:var(--color-danger);padding-inline:8px}

html[data-ladder="v2"] .modal .fw-modal-header .fw-modal-close{inline-size:36px;min-inline-size:36px;block-size:36px;min-block-size:0;padding:0;border:0;border-radius:var(--radius-lg);background:var(--color-surface-subtle);color:var(--color-text-muted);font-size:inherit}
html[data-ladder="v2"] .modal .fw-modal-footer>.btn,html[data-ladder="v2"] .modal .modal-footer-pinned>.btn,html[data-ladder="v2"] .modal .fw-modal-body .modal-actions>.btn{min-block-size:50px;border:0;border-radius:var(--radius-xl);font-size:.9375rem;font-weight:800}
html[data-ladder="v2"] .modal .fw-modal-footer>:is(.btn-secondary,.btn-ghost),html[data-ladder="v2"] .modal .modal-footer-pinned>:is(.btn-secondary,.btn-ghost),html[data-ladder="v2"] .modal .fw-modal-body .modal-actions>:is(.btn-secondary,.btn-ghost){background:var(--color-surface-subtle);color:var(--color-text)}
html[data-ladder="v2"] .modal .fw-modal-footer>:is(.btn-secondary,.btn-ghost):hover{background:var(--color-surface-hover)}