/* ============================================================
   Ретинтване на dx.fluent.saas.light към бледосиня, ефирна,
   bento (безрамкова) палитра. Темата е компилирана с малка
   група CSS custom properties (виж :root в dx.fluent.saas.light.css)
   — тук пренадписваме само тях, плюс няколко ръчни selector-и
   за случаите, в които радиус/бордюр е "твърдо" кодиран в темата
   и не следва променливата (dx-button, popup, datagrid).
   Зареждай СЛЕД dx.fluent.saas.light.css.
   ============================================================ */

:root {
    --dx-color-primary: #5C85DA;      /* мек, ефирен син — основен акцент навсякъде (бутони, линкове, фокус). Контраст спрямо бяло 3.61:1, малко над оригиналния fluent primary (3.37:1) */
    --dx-color-main-bg: #F3F7FD;      /* бледосин фон на приложението вместо студено бяло/сиво */
    --dx-component-color-bg: #ffffff; /* компонентите (input, card) остават чисто бели за контраст спрямо фона */
    --dx-color-border: #E3EBF8;       /* бордюрите вече не са сиви, а бледосини — почти незабележими, "безрамков" ефект */
    --dx-color-separator: #E3EBF8;
    --dx-color-text: #2B3A55;         /* по-мек тъмносин вместо студено черно-сиво */
    --dx-color-icon: #5C7093;
    --dx-color-spin-icon: #5C7093;
    --dx-color-link: #5C85DA;
    --dx-color-shadow: #A9C0E8;       /* пастелна синя сянка вместо тъмно-сива — по-леко, "ефирно" усещане */
    --dx-border-radius: 10px;         /* по-меки ъгли навсякъде, където темата реално ползва променливата */
}

/* --- Бутони: закръглени, пастелни, без остри 4px ъгли --- */
.dx-button,
.dx-buttongroup-item.dx-button {
    border-radius: 10px;
}
.dx-button.dx-button-default {
    box-shadow: 0 2px 8px rgba(92, 133, 218, .25);
}

/* --- Полета за въвеждане: по-мек радиус --- */
.dx-texteditor.dx-editor-outlined,
.dx-texteditor.dx-editor-filled {
    border-radius: 10px;
}
.dx-texteditor.dx-editor-filled {
    background-color: #F3F7FD;
}

/* --- Popup/Popover/Form: bento карти — по-голям радиус, мека сянка, без остър ръб --- */
.dx-popup-wrapper > .dx-overlay-content {
    border-radius: 18px;
    box-shadow: 0 4px 24px rgba(92, 133, 218, .18), 0 16px 40px rgba(92, 133, 218, .14);
}
.dx-popup-title {
    border-bottom: 1px solid #E3EBF8;
}

/* --- DataGrid: bento стил — премахваме тежките вертикални бордюри между
   клетки, оставяме само леки хоризонтални разделители реда; заоблен
   контейнер вместо остри външни ъгли. --- */
.dx-datagrid {
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #E3EBF8;
}
.dx-datagrid-headers {
    background-color: #EAF1FC;
    border-top: none;
    color: #2B3A55;
    font-weight: 600;
}
.dx-datagrid-rowsview .dx-row {
    border-color: #EEF3FC;
}
.dx-datagrid-borders .dx-datagrid-rowsview,
.dx-datagrid-rowsview.dx-datagrid-borders {
    border-left: none;
    border-right: none;
}
.dx-datagrid .dx-column-lines > td {
    border-left: none;
    border-right: none;
}
.dx-datagrid-rowsview .dx-row.dx-data-row:hover {
    background-color: #F3F7FD;
}

/* --- Tabs: активният таб като мека пастелна "хапка", не подчертаване --- */
.dx-tabs {
    background-color: transparent;
}
.dx-tab.dx-tab-selected {
    background-color: #EAF1FC;
    border-radius: 10px;
}

/* --- TagBox chips: пастелни "хапчета" --- */
.dx-tag-content {
    background-color: #E4ECFA;
    border: none;
}