/* Workspace control colors cover normal pages, portaled modals and utility apps. */
:root { --layout-form-text-color:var(--ui-text-color,#55595d); }
/* Mobile admin forms hide prefixes; Quick Tools keep their original app controls. */
@layer ddm-form-colors {
  html:root[data-mobile-form-layout="true"] body
   :is(.company-input-group,.ddm-input-group,.design-input-group,.input-group):not(.company-image-group):not(:has(input[type="file"])):is(summary,:has(input:not([type="hidden"],[type="file"],[type="checkbox"],[type="radio"],[type="range"],[type="color"],[type="button"],[type="submit"],[type="reset"]),select,textarea,.ck-editor,button))
   > :is(.company-input-icon,.design-icon-box,.input-group-text:first-child,.input-group-text:has(i,svg,img)):not(:where(#quick-tools-panel *,.utility-quick-app *,[data-quick-tools-font-scope] *)){display:none!important}
  html:root[data-mobile-form-layout="true"] body
   :is(.dashboard-workspace-app-search>label,.dashboard-workspace-qr-caption-input>span):has(i,svg):not(:where(#quick-tools-panel *,.utility-quick-app *,[data-quick-tools-font-scope] *)){display:none!important}
  html:root[data-mobile-form-layout="true"] body
   :is(.dashboard-workspace-app-search,.dashboard-workspace-qr-caption-input):not(:where(#quick-tools-panel *,.utility-quick-app *,[data-quick-tools-font-scope] *)) input{padding-left:12px!important}
}

@layer ddm-form-colors {
    html:root body:has(:where(.app-shell,[data-dashboard-workspace-surface],.messenger-only-content))
        :is(.company-input-group,.ddm-input-group,.design-input-group,.input-group,.global-search,
            .dashboard-workspace-app-search,.dashboard-workspace-vat-amount-field,.dashboard-workspace-qr-caption-input) {
        background-color:var(--layout-form-background,#ffffff) !important;
    }
    html:root body:has(:where(.app-shell,[data-dashboard-workspace-surface],.messenger-only-content))
        :is(input:not(:where([type='checkbox'],[type='radio'],[type='range'],[type='file'],[type='color'],[type='hidden'],[type='button'],[type='submit'],[type='reset'])),select,textarea,.ck-editor__editable,
            .ddm-bank-trigger,.partner-list-filter-multiselect-button,.dashboard-workspace-memo-tag-select-trigger) {
        background-color:var(--layout-form-background,#ffffff) !important;
        color:var(--layout-form-text-color,#55595d) !important;
    }
    html:root body:has(:where(.app-shell,[data-dashboard-workspace-surface],.messenger-only-content))
        :is(.company-input-icon,.design-icon-box,.input-group-text) {
        background-color:var(--layout-form-icon-background,#f0efe7) !important;
        color:var(--layout-form-icon-color,#808286) !important;
    }
    html:root body:has(:where(.app-shell,[data-dashboard-workspace-surface],.messenger-only-content))
        :is(.company-input-icon,.design-icon-box,.input-group-text) :is(i,svg) {
        color:var(--layout-form-icon-color,#808286) !important;
    }
}

/* Suffix units fill the field height, just like the prefix icon box. */
html:root body :is(.company-input-group,.ddm-input-group,.design-input-group,.input-group)
    > :is([class$="-unit"],[class*="-unit "],.input-group-text) {
    display:inline-flex !important;
    align-self:stretch !important;
    align-items:center !important;
    flex-shrink:0 !important;
    white-space:nowrap;
}

/* Prefixes fill the inner border box, including focused fields and modal forms. */
html:root body :is(.company-input-group,.ddm-input-group,.design-input-group,.input-group) {
    position:relative;
    align-items:stretch;
}
html:root body :is(.company-input-group,.ddm-input-group,.design-input-group,.input-group)
    > :is(.company-input-icon,.design-icon-box,.input-group-text) {
    position:relative !important;
    inset:auto !important;
    display:flex !important;
    box-sizing:border-box !important;
    align-self:stretch !important;
    align-items:center !important;
    justify-content:center !important;
    flex-shrink:0 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    transform:none !important;
}
html:root body .design-input-group > .design-icon-box > * { transform:none !important; }
/* Single-line prefixes reach the border; rich, image and color controls keep their own insets. */
html:root body :is(.company-input-group,.ddm-input-group,.design-input-group,.input-group):has(
    > input:not(:where([type='checkbox'],[type='radio'],[type='range'],[type='file'],[type='hidden'],[type='color'],[type='button'],[type='submit'],[type='reset'])),
    > select:not([multiple]):not([size]),> select[size='1']:not([multiple])
):not(.company-image-group):not(:has(
    > textarea,> input[type='file'],> input[type='color'],> select[multiple],> select[size]:not([size='1']),> .ck-editor,
    > :is(.company-input-icon,.design-icon-box,.input-group-text) img
)) {
    padding-block:0 !important;
    align-items:stretch !important;
}
html:root body :is(.company-input-group,.ddm-input-group,.design-input-group,.input-group):has(
    > input:not(:where([type='checkbox'],[type='radio'],[type='range'],[type='file'],[type='hidden'],[type='color'],[type='button'],[type='submit'],[type='reset'])),
    > select:not([multiple]):not([size]),> select[size='1']:not([multiple])
):not(.company-image-group):not(:has(
    > textarea,> input[type='file'],> input[type='color'],> select[multiple],> select[size]:not([size='1']),> .ck-editor,
    > :is(.company-input-icon,.design-icon-box,.input-group-text) img
)) > :is(.company-input-icon,.design-icon-box,.input-group-text) {
    padding-block:0 !important;
    margin-block:0 !important;
}
/* Keep field backgrounds within rounded borders; inline option menus stay visible. */
html:root body :is(.company-input-group,.ddm-input-group,.design-input-group):has(> input,> select,> textarea):not(:has([role='listbox']:not([popover]),.basic-bank-select-menu)) {
    overflow:hidden !important;
}

/* Tenant controls use separate radii; topbar searches and selects retain their shape. */
html:root body :is(input:not(:where([type='checkbox'],[type='radio'],[type='range'],[type='file'],[type='hidden'],[type='color'],[type='button'],[type='submit'],[type='reset'])),select,textarea,
    .company-input-group,.ddm-input-group,.design-input-group,.input-group,.global-search,
    .dashboard-workspace-app-search,.dashboard-workspace-vat-amount-field,.dashboard-workspace-qr-caption-input,
    .dashboard-workspace-memo-tag-select,.dashboard-workspace-memo-tag-select-trigger,
    .partner-list-filter-multiselect-button,.ck-editor__editable):not(:where(.topbar,.topbar *)) {
    border-radius:var(--layout-form-radius,8px) !important;
}
html:root body :is(.company-input-group,.ddm-input-group,.design-input-group,.input-group):not(:where(.topbar,.topbar *))
    > :is(input,select,textarea,.ddm-bank-trigger,.partner-list-filter-multiselect-button,.input-group-text,.company-input-icon,.design-icon-box) {
    border-radius:0 !important;
}
html:root body :is(.company-input-group,.ddm-input-group,.design-input-group,.input-group):not(:where(.topbar,.topbar *))
    > :is(input,select,textarea,.ddm-bank-trigger,.partner-list-filter-multiselect-button,.input-group-text,.company-input-icon,.design-icon-box):first-child {
    border-top-left-radius:max(0px,calc(var(--region-form-radius-corners-tl,var(--layout-form-radius,8px)) - 1px)) !important;
    border-bottom-left-radius:max(0px,calc(var(--region-form-radius-corners-bl,var(--layout-form-radius,8px)) - 1px)) !important;
}
html:root body :is(.company-input-group,.ddm-input-group,.design-input-group,.input-group):not(:where(.topbar,.topbar *))
    > :is(input,select,textarea,.ddm-bank-trigger,.partner-list-filter-multiselect-button,.input-group-text,.company-input-icon,.design-icon-box):last-child {
    border-top-right-radius:max(0px,calc(var(--region-form-radius-corners-tr,var(--layout-form-radius,8px)) - 1px)) !important;
    border-bottom-right-radius:max(0px,calc(var(--region-form-radius-corners-br,var(--layout-form-radius,8px)) - 1px)) !important;
}
html:root body :is(.page-content,.quick-tools-panel,dialog,[role='dialog'],.modal,.utility-document)
    :is(button,a.button,.btn,input[type='submit'],input[type='reset']):not(:where(
    .icon-button,.btn-close,.circle-link,.nav-link,.nav-group-toggle,.dashboard-workspace-app-button,
    .dashboard-workspace-app-remove,.dashboard-workspace-tool-icon-button,.dashboard-workspace-tone-toggle-button,
    .dashboard-workspace-color-copy,.dashboard-workspace-color-categories button,.dashboard-workspace-picker-mode-tab,
    .dashboard-workspace-generator-swatches button,.dashboard-workspace-calculator-keypad button,
    .ddm-bank-trigger,.partner-list-filter-multiselect-trigger,.partner-list-filter-multiselect-button,.dashboard-workspace-memo-tag-select-trigger,
    .dashboard-workspace-memo-tag-select-option,[role='tab'],[role='option'],[role='switch'],.ck *)) {
    border-radius:var(--layout-button-radius,8px) !important;
}
html:root body :is(dialog,[role='dialog'],.modal) :is(.button,.btn,.icon-text-button,.dashboard-modal-confirm,.dashboard-modal-cancel,
    .dashboard-primary-button,.dashboard-cancel-button,.btn-close,header>.icon-button,footer>button),
html:root body .quick-tools-close { border-radius:var(--layout-button-radius,8px) !important; }