/* =========================
   Global Font Settings
   ========================= */
body,
.x-grid-cell-inner,
.x-tree-node-text,
.x-form-item-label,
.x-form-field,
.x-tab-inner,
.x-btn-inner,
.x-panel-header-text,
.x-toolbar-text,
.x-window-header-text,
.x-boundlist-item,
.x-grid-group-title,
.x-grid-row .x-grid-cell,
.x-grid-row-body,
.x-form-display-field,
.x-form-cb-label {
    font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif !important;
    font-weight: 400;
    font-size: 13px !important;
    /* color: #222 !important; */
    line-height: 1.45em !important;
}

/* =========================
   Labels and Headers
   ========================= */
.x-form-item-label,
.x-panel-header-text,
.x-toolbar-text,
.x-grid-header-ct .x-column-header-inner {
    font-weight: 600 !important;
}

/* =========================
   Form Fields and Input Text
   ========================= */
.x-form-field,
.x-form-trigger,
.x-form-display-field {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    color: #111 !important;
    font-weight: 400 !important;
}

/* =========================
   Buttons and Tabs
   ========================= */
.x-btn-inner, 
.x-tab-inner {
    font-weight: 600 !important;
    letter-spacing: 0.2px;
}

/* =========================
   Grids and Trees
   ========================= */
.x-grid-cell-inner,
.x-tree-node-text {
    color: #1b1b1b !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

/* Better hover contrast for tree nodes */
.x-tree-node-over .x-tree-node-text {
    color: #005fcc !important;
}

/* =========================
   Relationship & Combo Fields
   ========================= */
/* Dropdown lists, search results, selector grids */
.x-boundlist-item,
.x-grid-row .x-grid-cell,
.x-grid-row .x-grid-cell-inner {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    color: #222 !important;
}

/* =========================
   Disabled / Readonly Elements
   ========================= */
.x-item-disabled .x-form-field,
.x-item-disabled .x-btn-inner,
.x-item-disabled .x-form-display-field {
    color: #888 !important;
}

/* Slight padding fix for Arial rendering */
.x-grid-cell-inner,
.x-form-field {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}


/* =========================
   Textare field
   ========================= */
/* Also affect WYSIWYG editor TEXTARE Field in UI Admin */
.pimcore_editable_wysiwyg  {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    color: #222 !important;
    line-height: 1.5 !important;
}