/* ============================================================================
   adminGridThemeV1.0.0.1.css  (Lotus.Framework — source of truth)
   Kendo Grid theme — SIDEBAR / admin panels only (.left.col).
   Same structure as companyGridTheme, different palette (admin navy/teal).
   Company panel: companyGridThemeV1.0.0.1.css — do not mix.
   Consuming apps sync a local copy via BeforeBuild (CMR / CustomsInsurance).
   ============================================================================ */

/* No flash: hide ops cells until kendoGridEnhance finishes first layout pass */
.k-grid.cis-grid-pending tbody td:has(.k-button),
.k-grid.cis-grid-pending tbody td:has(.cis-grid-actions),
.k-grid.cis-grid-pending tbody td:has(.cis-grid-ops),
.k-grid.cis-grid-pending tbody td:has(.company-grid-ops) {
    visibility: hidden;
}

.k-grid.cis-grid-ready tbody td:has(.k-button),
.k-grid.cis-grid-ready tbody td:has(.cis-grid-actions),
.k-grid.cis-grid-ready tbody td:has(.cis-grid-ops),
.k-grid.cis-grid-ready tbody td:has(.company-grid-ops) {
    visibility: visible;
}

.left.col {
    --admin-grid-header-bg: #1e4361;
    --admin-grid-header-border: #16344d;
    --admin-grid-row-odd: #ffffff;
    --admin-grid-row-even: #f5f9fc;
    --admin-grid-row-hover: #eaf3f9;
    --admin-grid-cell-border: #d9e4ee;
    --admin-grid-text: #1f3347;
    --admin-grid-toolbar-btn: #048377;
    --admin-grid-toolbar-btn-hover: #036b63;
    --admin-grid-act-bg: #e8f1f8;
    --admin-grid-act-border: #a8c4d8;
    --admin-grid-act-text: #1e4361;
    --admin-grid-act-hover: #d9eaf5;
    --admin-grid-act-danger-bg: #fff1f1;
    --admin-grid-act-danger-border: #f1b4b4;
    --admin-grid-act-danger-text: #b42318;
    --admin-grid-filter-btn: #1e4361;
    --admin-grid-filter-btn-deep: #16344d;
}

/* ---- Shell: natural height (no fixed/flex stretch — rows follow content) ---- */
.left.col .k-grid.k-widget {
    display: block !important;
    border: 1px solid var(--admin-grid-cell-border) !important;
    border-radius: 10px;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
    background: #fff !important;
    box-shadow: 0 1px 3px rgba(30, 67, 97, .06);
}

/* ---- Toolbar (tight gap to header) ---- */
.left.col .k-grid-toolbar.k-toolbar,
.left.col .k-grid .k-toolbar.k-grid-toolbar,
.left.col .k-grid-toolbar.cis-grid-toolbar-pro {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: .45rem;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 0 3px !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 0 !important;
    box-sizing: border-box;
    text-align: start !important;
}

.left.col .k-grid-toolbar a.k-button:not(.grid-excel-export-btn),
.left.col .k-grid-toolbar .k-button:not(.grid-excel-export-btn),
.left.col .k-grid-toolbar label.k-button:not(.grid-excel-export-btn),
.left.col .k-grid-toolbar.cis-grid-toolbar-pro .k-button:not(.grid-excel-export-btn),
.left.col .k-grid-toolbar.cis-grid-toolbar-pro a.k-button:not(.grid-excel-export-btn) {
    float: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    min-width: 0 !important;
    width: auto !important;
    min-height: 36px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 7px 14px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: var(--admin-grid-toolbar-btn) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    box-shadow: 0 1px 4px rgba(4, 131, 119, .22) !important;
    text-decoration: none !important;
}

.left.col .k-grid-toolbar a.k-button:not(.grid-excel-export-btn):hover,
.left.col .k-grid-toolbar .k-button:not(.grid-excel-export-btn):hover,
.left.col .k-grid-toolbar a.k-button:not(.grid-excel-export-btn):focus,
.left.col .k-grid-toolbar .k-button:not(.grid-excel-export-btn):focus {
    background: var(--admin-grid-toolbar-btn-hover) !important;
    color: #fff !important;
}

.left.col .k-grid-toolbar .k-button .cis-add,
.left.col .k-grid-toolbar a.k-button .cis-add {
    width: 14px !important;
    height: 14px !important;
}

/* Excel export — round white button, green icon centered (not toolbar teal) */
.left.col .k-grid-toolbar.cis-grid-toolbar-pro .grid-excel-export-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    border: 1px solid var(--admin-grid-act-border) !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: #217346 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    box-shadow: 0 1px 3px rgba(30, 67, 97, .1) !important;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.left.col .k-grid-toolbar.cis-grid-toolbar-pro .grid-excel-export-btn .cis-excel-ic {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    flex-shrink: 0;
    background-position: center center !important;
    background-size: 18px 18px !important;
    filter: brightness(0) saturate(100%) invert(32%) sepia(18%) saturate(2472%) hue-rotate(115deg) brightness(92%) contrast(88%);
}

.left.col .k-grid-toolbar.cis-grid-toolbar-pro .grid-excel-export-btn:hover,
.left.col .k-grid-toolbar.cis-grid-toolbar-pro .grid-excel-export-btn:focus {
    background: var(--admin-grid-header-bg) !important;
    border-color: var(--admin-grid-header-bg) !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(30, 67, 97, .22) !important;
    transform: translateY(-1px);
}

.left.col .k-grid-toolbar.cis-grid-toolbar-pro .grid-excel-export-btn:hover .cis-excel-ic,
.left.col .k-grid-toolbar.cis-grid-toolbar-pro .grid-excel-export-btn:focus .cis-excel-ic {
    filter: brightness(0) invert(1);
}

/* Pro add button — align with admin teal palette */
.left.col .k-grid-toolbar.cis-grid-toolbar-pro .cis-grid-toolbar-add {
    min-height: 36px !important;
    font-weight: 500 !important;
    border-color: var(--admin-grid-toolbar-btn) !important;
    background: var(--admin-grid-toolbar-btn) !important;
    color: #fff !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 4px rgba(4, 131, 119, .22);
}

.left.col .k-grid-toolbar.cis-grid-toolbar-pro .cis-grid-toolbar-add-text {
    font-weight: 500 !important;
}

.left.col .k-grid-toolbar.cis-grid-toolbar-pro .cis-grid-toolbar-add:hover,
.left.col .k-grid-toolbar.cis-grid-toolbar-pro .cis-grid-toolbar-add:focus,
.left.col .k-grid-toolbar.cis-grid-toolbar-pro .cis-grid-toolbar-add:active {
    background: #f0faf8 !important;
    border-color: var(--admin-grid-toolbar-btn-hover) !important;
    color: var(--admin-grid-toolbar-btn) !important;
}

.left.col .k-grid-toolbar.cis-grid-toolbar-pro .cis-grid-toolbar-add:hover .cis-grid-toolbar-add-icon,
.left.col .k-grid-toolbar.cis-grid-toolbar-pro .cis-grid-toolbar-add:focus .cis-grid-toolbar-add-icon,
.left.col .k-grid-toolbar.cis-grid-toolbar-pro .cis-grid-toolbar-add:active .cis-grid-toolbar-add-icon {
    background: var(--admin-grid-toolbar-btn) !important;
    color: #fff !important;
}

.left.col .k-grid-toolbar.cis-grid-toolbar-pro .btn.cis-grid-toolbar-primary {
    background: var(--admin-grid-header-bg) !important;
    border-color: var(--admin-grid-header-bg) !important;
    color: #fff !important;
    font-weight: 500 !important;
}

/* ---- Header ---- */
.left.col .k-grid-header {
    background: var(--admin-grid-header-bg) !important;
    border: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    line-height: normal !important;
}

.left.col .k-grid-header-wrap {
    background: var(--admin-grid-header-bg) !important;
    border: 0 !important;
    border-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: normal !important;
}

.left.col .k-grid-header,
.left.col .k-grid-header-wrap,
.left.col .k-grid-header th.k-header,
.left.col .k-grid-header th.k-header a,
.left.col th.k-header,
.left.col th.k-header a {
    background: var(--admin-grid-header-bg) !important;
    color: #fff !important;
    border-color: var(--admin-grid-header-border) !important;
    line-height: 1.35 !important;
}

.left.col .k-grid-header th.k-header {
    position: relative !important;
    font-weight: 700;
    font-size: 13px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 10px 0 30px !important;
    margin: 0 !important;
    vertical-align: middle !important;
    overflow: hidden !important;
    text-align: center !important;
}

.left.col .k-grid-header th.k-header > .k-link {
    display: block !important;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 42px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    background: transparent !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-align: center !important;
    vertical-align: middle;
}

/* Sort arrows on dark navy header */
.left.col .k-grid-header .k-link > .k-icon:not(.k-filter),
.left.col .k-grid-header .k-link .k-i-arrow-n,
.left.col .k-grid-header .k-link .k-i-arrow-s,
.left.col .k-grid-header th.k-header .k-icon.k-i-arrow-n,
.left.col .k-grid-header th.k-header .k-icon.k-i-arrow-s {
    filter: brightness(0) invert(1) !important;
    opacity: .95 !important;
    vertical-align: middle !important;
    display: inline-block !important;
    margin: 0 2px !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
}

/* Filter funnel — centered in left corner */
.left.col .k-grid-header th.k-header > .k-grid-filter,
.left.col .k-grid-header .k-header > .k-grid-filter,
.left.col th.k-header > .k-grid-filter {
    position: absolute !important;
    left: 4px !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    float: none !important;
    z-index: 2;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: transparent !important;
    box-shadow: none !important;
    line-height: 0 !important;
    opacity: .9;
    text-decoration: none !important;
}

.left.col .k-grid-header th.k-header > .k-grid-filter:hover,
.left.col .k-grid-header .k-header > .k-grid-filter:hover,
.left.col th.k-header > .k-grid-filter:hover,
.left.col .k-grid-header th.k-header > .k-grid-filter:focus {
    background: rgba(255, 255, 255, .16) !important;
    opacity: 1;
}

.left.col .k-grid-header .k-grid-filter .k-icon.k-filter,
.left.col .k-grid-header .k-icon.k-filter,
.left.col .k-grid .k-grid-header .k-icon.k-filter {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    float: none !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 14px !important;
    height: 14px !important;
    background-color: transparent !important;
    opacity: 1 !important;
    filter: none !important;
}

/* ---- Body ---- */
.left.col .k-grid tr:nth-child(odd) {
    background: var(--admin-grid-row-odd);
}

.left.col .k-grid tr:nth-child(even) {
    background: var(--admin-grid-row-even);
}

.left.col .k-grid tr:hover td {
    background: var(--admin-grid-row-hover) !important;
}

.left.col .k-grid tr td,
.left.col .k-grid .k-grid-content td {
    padding: 10px 12px !important;
    vertical-align: middle !important;
    border-color: var(--admin-grid-cell-border) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    color: var(--admin-grid-text) !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

/* ---- Content + pager: content-sized rows; horizontal scroll stays in sync with header ---- */
.left.col .k-grid > .k-grid-content,
.left.col .k-grid .k-grid-content {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    background: #fff !important;
    box-sizing: border-box !important;
    height: auto !important;
    max-height: none !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    flex: none !important;
    min-height: 0 !important;
}

.left.col .k-grid .k-grid-content table,
.left.col .k-grid-content table {
    height: auto !important;
}

.left.col .k-grid .k-grid-content tr,
.left.col .k-grid .k-grid-content td {
    height: auto !important;
}

.left.col .k-pager-wrap.k-grid-pager {
    position: relative;
    z-index: 1;
    background: #f5f9fc !important;
    border: 0 !important;
    border-top: 1px solid var(--admin-grid-cell-border) !important;
    border-radius: 0 0 10px 10px;
    margin: 0 !important;
    padding: .55rem .5rem !important;
    text-align: center !important;
    box-sizing: border-box;
    clear: both;
}

.left.col .k-pager-wrap.k-grid-pager .k-link {
    border-radius: 6px;
}

.left.col .k-pager-wrap.k-grid-pager .k-state-selected,
.left.col .k-pager-wrap.k-grid-pager .k-state-selected.k-link {
    background: var(--admin-grid-header-bg) !important;
    border-color: var(--admin-grid-header-bg) !important;
    color: #fff !important;
}

/* ---- Ops column (all tbody action buttons — no per-grid edits) ---- */
.left.col .k-grid td.cis-grid-ops-cell,
.left.col .k-grid td:has(.cis-grid-ops),
.left.col .k-grid td:has(.company-grid-ops),
.left.col .k-grid td:has(.cis-grid-actions) {
    padding: 8px 6px !important;
    overflow: visible !important;
    vertical-align: middle;
    text-align: start;
    white-space: nowrap;
}

/* ظرف ops = عرض بلندترین دکمه؛ همه دکمه‌های همان سلول هم‌عرض */
.left.col .cis-grid-ops,
.left.col .company-grid-ops {
    display: inline-grid;
    grid-template-columns: 1fr;
    justify-items: stretch;
    gap: 4px;
    width: max-content;
    max-width: none;
    min-width: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.left.col .cis-grid-ops .k-button,
.left.col .company-grid-ops .k-button,
.left.col .k-grid tr td .cis-grid-ops .k-button,
.left.col .k-grid tr td .company-grid-ops .k-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    box-sizing: border-box !important;
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 28px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 4px 8px !important;
    border: 1px solid var(--admin-grid-act-border) !important;
    border-radius: 7px !important;
    background: var(--admin-grid-act-bg) !important;
    color: var(--admin-grid-act-text) !important;
    font-size: 11px !important;
    font-weight: 600;
    line-height: 1.2 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    float: none !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

/* دکمه مستقیم داخل سلول (بدون wrapper): فقط به اندازه متن خودش */
.left.col .k-grid tbody td > .k-button,
.left.col .k-grid tbody td > a.k-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    box-sizing: border-box !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 28px !important;
    height: auto !important;
    margin: 0 0 4px 0 !important;
    padding: 4px 8px !important;
    border: 1px solid var(--admin-grid-act-border) !important;
    border-radius: 7px !important;
    background: var(--admin-grid-act-bg) !important;
    color: var(--admin-grid-act-text) !important;
    font-size: 11px !important;
    font-weight: 600;
    line-height: 1.2 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    float: none !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

.left.col .cis-grid-ops .k-button:hover,
.left.col .company-grid-ops .k-button:hover,
.left.col .k-grid tbody td .k-button:hover,
.left.col .k-grid tbody td a.k-button:hover,
.left.col .k-grid .cis-grid-actions .cis-act-btn:hover {
    background: var(--admin-grid-act-hover) !important;
    border-color: #7ea0c0 !important;
    color: var(--admin-grid-act-text) !important;
}

.left.col .k-grid .cis-grid-actions--stacked {
    display: inline-grid;
    grid-template-columns: 1fr;
    justify-items: stretch;
    gap: 4px;
    width: max-content;
    max-width: none;
    margin: 0;
    padding: 4px 2px;
    box-sizing: border-box;
}

.left.col .k-grid .cis-grid-actions--stacked > span {
    display: block;
    width: 100%;
    max-width: none;
}

.left.col .k-grid .cis-grid-actions--stacked .cis-act-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 4px 8px !important;
    border: 1px solid var(--admin-grid-act-border) !important;
    border-radius: 7px !important;
    background: var(--admin-grid-act-bg) !important;
    color: var(--admin-grid-act-text) !important;
    font-size: 11px !important;
    font-weight: 600;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

/* Show sprite icons inside ops (site.css sets .cis-icon { display:none }) */
.left.col .k-grid tbody td .k-button .cis-icon,
.left.col .cis-grid-ops .cis-icon,
.left.col .company-grid-ops .cis-icon {
    display: inline-block !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    float: none !important;
    flex-shrink: 0;
    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

.left.col .cis-grid-ops .k-button[href*="archive"],
.left.col .cis-grid-ops .k-button[href*="delete"],
.left.col .cis-grid-ops .k-button[href*="Delete"],
.left.col .cis-grid-ops .k-button[href*="remove"],
.left.col .company-grid-ops .k-button[href*="archive"],
.left.col .company-grid-ops .k-button[href*="delete"],
.left.col .company-grid-ops .k-button[href*="Delete"],
.left.col .company-grid-ops .k-button[href*="remove"],
.left.col .k-grid tbody td .k-button[href*="archive"],
.left.col .k-grid tbody td .k-button[href*="delete"],
.left.col .k-grid tbody td .k-button[href*="Delete"],
.left.col .k-grid tbody td .k-button[href*="remove"],
.left.col .cis-grid-ops .k-button:has(.cis-delete),
.left.col .company-grid-ops .k-button:has(.cis-delete),
.left.col .k-grid tbody td .k-button:has(.cis-delete),
.left.col .k-grid tbody td .k-button:has(.cis-cancel),
.left.col .k-grid .cis-act-danger {
    border-color: var(--admin-grid-act-danger-border) !important;
    background: var(--admin-grid-act-danger-bg) !important;
    color: var(--admin-grid-act-danger-text) !important;
}

.left.col .cis-grid-ops > div {
    display: contents; /* دکمه‌های داخل div مستقیم در grid شرکت کنند */
}

.left.col .k-grid tr td > .k-button,
.left.col .k-grid tr td > a.k-button {
    box-sizing: border-box !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    line-height: 1.2 !important;
    float: none !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

/* ---- Filter popup (body-level; modern admin look) ---- */
.k-animation-container .k-filter-menu,
.k-filter-menu {
    box-sizing: border-box !important;
    min-width: 280px !important;
    max-width: 340px !important;
    padding: 14px 14px 12px !important;
    border: 1px solid #d5e2ee !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 18px 40px rgba(30, 67, 97, .2) !important;
    font-family: inherit;
}

.k-filter-menu .k-filter-help-text {
    display: block !important;
    margin: 0 0 12px !important;
    padding: 0 0 10px !important;
    border-bottom: 1px solid #e8eef4 !important;
    color: #1e4361 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}

.k-filter-menu .k-filter-and,
.k-filter-menu > select,
.k-filter-menu .k-dropdown,
.k-filter-menu .k-widget:not(.k-button),
.k-filter-menu .k-textbox,
.k-filter-menu .k-datepicker,
.k-filter-menu .k-numerictextbox,
.k-filter-menu .k-autocomplete,
.k-filter-menu input.k-input,
.k-filter-menu input[type="text"] {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 8px !important;
    border-radius: 8px !important;
}

.k-filter-menu .k-dropdown .k-dropdown-wrap,
.k-filter-menu .k-picker-wrap,
.k-filter-menu .k-numeric-wrap,
.k-filter-menu span.k-widget {
    border-radius: 8px !important;
    border-color: #c5d4e3 !important;
    background: #f8fafc !important;
}

.k-filter-menu .k-textbox,
.k-filter-menu input.k-input,
.k-filter-menu input[type="text"] {
    min-height: 34px !important;
    padding: 6px 10px !important;
    border: 1px solid #c5d4e3 !important;
    background: #f8fafc !important;
    color: #1f3347 !important;
    font-size: 13px !important;
    box-shadow: none !important;
}

.k-filter-menu .k-textbox:focus,
.k-filter-menu input.k-input:focus,
.k-filter-menu input[type="text"]:focus {
    border-color: #048377 !important;
    background: #fff !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(4, 131, 119, .15) !important;
}

.k-filter-menu .k-dropdown-wrap.k-state-default,
.k-filter-menu .k-dropdown-wrap.k-state-hover,
.k-filter-menu .k-dropdown-wrap.k-state-focused {
    border-color: #c5d4e3 !important;
    background: #f8fafc !important;
    box-shadow: none !important;
}

.k-filter-menu .k-filter-and {
    margin: 6px 0 10px !important;
}

/* Action buttons row — side by side (not full-width like inputs) */
.k-animation-container .k-filter-menu .k-button,
.k-animation-container .k-filter-menu button.k-button,
.k-filter-menu .k-button,
.k-filter-menu button.k-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: calc(50% - 6px) !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 34px !important;
    margin: 10px 3px 0 !important;
    padding: 6px 10px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #1e4361 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    box-shadow: 0 1px 3px rgba(30, 67, 97, .18) !important;
    float: none !important;
    vertical-align: top !important;
}

.k-animation-container .k-filter-menu .k-button:hover,
.k-filter-menu .k-button:hover,
.k-filter-menu button.k-button:hover {
    background: #16344d !important;
    color: #fff !important;
}

/* Clear = last button in classic Kendo filter */
.k-animation-container .k-filter-menu .k-button:last-child,
.k-filter-menu .k-button:last-child,
.k-filter-menu button.k-button:last-child {
    background: #eef2f7 !important;
    color: #334155 !important;
    box-shadow: none !important;
}

.k-animation-container .k-filter-menu .k-button:last-child:hover,
.k-filter-menu .k-button:last-child:hover,
.k-filter-menu button.k-button:last-child:hover {
    background: #e2e8f0 !important;
    color: #1f2937 !important;
}