/* Tawsill shared form rhythm: 10px label gap, 24px field rows, 28px sections. */

:root{--form-label-gap:10px;--form-row-gap:24px;--form-section-gap:28px}

:is(.module-form,.vendor-editor,.account-admin,.catalog-workspace,.manager-content) .form-grid{row-gap:var(--form-row-gap)!important;column-gap:24px;align-items:start}

:is(.module-form,.vendor-editor) label:not(:has(input[type=checkbox],input[type=radio])){line-height:22px!important;gap:var(--form-label-gap)!important}

:is(.module-form,.vendor-editor)>label:not(:has(input[type=checkbox],input[type=radio])),.vendor-editor [data-section]>label,.vendor-editor [data-section]>.form-grid,.vendor-editor [data-section]>fieldset{margin-bottom:24px!important}

:is(.module-form,.vendor-editor) :is(.form-section,.vendor-form-card)+:is(.form-section,.vendor-form-card){margin-top:var(--form-section-gap)}

:is(.module-form,.vendor-editor) :is(.form-section,.vendor-form-card)>header{margin-bottom:22px}

:is(.module-form,.vendor-editor) :is(.form-section,.vendor-form-card)>header h3{margin-bottom:8px;line-height:1.4}

:is(.module-form,.vendor-editor) :is(.form-section,.vendor-form-card)>header p{margin-top:0;margin-bottom:0;line-height:1.65;color:var(--muted,#98abc4)}

.vendor-card-fields>label,.vendor-card-fields>.form-grid,.vendor-card-fields>fieldset,.vendor-card-fields>.vendor-description{margin-bottom:24px!important}

.vendor-card-fields>:last-child{margin-bottom:0!important}

.vendor-description>label,.vendor-phone-field>label,.vendor-timing>div>label{display:block!important;font-size:14px!important;font-weight:500!important;line-height:22px!important;margin:0 0 10px!important}

.vendor-editor .form-grid>label{font-size:14px!important;line-height:22px!important;margin-top:0!important}

.vendor-editor .form-grid>label>input:not([type=checkbox]):not([type=radio]),.vendor-phone-field .PhoneInputInput,.vendor-phone-field .rounded-select-trigger{height:48px;min-height:48px!important;padding-top:11px!important;padding-bottom:11px!important;box-sizing:border-box}

.vendor-phone-field{min-width:0;align-self:start}

.vendor-phone-field .PhoneInput{display:flex;flex-wrap:wrap;align-items:flex-start!important;gap:10px!important;margin-top:0!important}

.vendor-phone-field .PhoneInput>.rounded-select{flex:0 1 240px!important;width:240px!important;min-width:0!important;max-width:100%!important}

.vendor-phone-field .PhoneInputInput{flex:1 1 170px!important;width:auto!important;min-width:0!important;max-width:100%}

.vendor-phone-field .rounded-select-trigger{height:auto;align-items:center;background:var(--input,#0f192a)!important;color:var(--text,#e7eef8)!important;border:1px solid var(--border,#35465f)!important;font-size:14px!important}

.vendor-phone-field .rounded-select-trigger>span,.vendor-phone-field .country-option,.vendor-phone-field .country-option>span:last-child{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;min-width:0}

.vendor-phone-field .country-option{display:flex;align-items:center;gap:9px}

.vendor-phone-field .country-option>span:first-child{flex-shrink:0}

/* Shared Blade components used throughout settings, users, vendors and dialogs. */

.tawsill-form-field{margin-top:22px!important;min-width:0}

.tawsill-form-field>label,.tawsill-field-label{line-height:22px!important;margin-bottom:10px!important}

.tawsill-field-label{margin-top:22px!important;display:block}

.tawsill-field-label>p{margin-bottom:0!important;line-height:22px!important}

label.tawsill-form-field>span:first-child{display:block;margin-bottom:10px}

label.tawsill-form-field>textarea{margin-top:0!important}

:is(.catalog-workspace,.manager-content) form :is(.form-group,.form-field){margin-bottom:24px}

:is(.catalog-workspace,.manager-content) form :is(h2,h3)+p{margin-bottom:20px}

@media(max-width:700px){:is(.module-form,.vendor-editor) .form-grid:has(.vendor-phone-field){grid-template-columns:minmax(0,1fr)!important}.vendor-phone-field .PhoneInput>.rounded-select{flex-basis:100%!important;width:100%!important}.vendor-phone-field .PhoneInputInput{flex-basis:100%!important;width:100%!important}}


/* Keep duration and unit controls distinct in the Next.js vendor editor. */
.vendor-form .vendor-time-input,.vendor-form-card .vendor-time-input,.vendor-time-input{display:flex!important;align-items:center;gap:12px!important;min-width:0}
.vendor-time-input>input{flex:1 1 0%;width:0!important;min-width:0!important;border-radius:10px!important;height:48px!important;margin:0!important}
.vendor-time-input>.rounded-select,.vendor-time-input>select{flex:0 0 140px!important;width:140px!important;min-width:140px!important;margin:0!important}
.vendor-time-input .rounded-select-trigger{min-height:48px!important;border-radius:10px!important}
.vendor-timing{column-gap:28px!important;row-gap:24px!important}
@media(max-width:600px){.vendor-timing{grid-template-columns:1fr!important}.vendor-time-input>.rounded-select,.vendor-time-input>select{flex-basis:120px!important;width:120px!important;min-width:120px!important}}