/* Small additions on top of the Dash theme (assets/css/style.css). */
.dataTable-table td { vertical-align: middle; }
.dataTable-table td.text-wrap { white-space: normal; max-width: 520px; }
.action-btn { display: inline-flex; width: 30px; height: 30px; border-radius: 8px; align-items: center; justify-content: center; }
.action-btn .btn { padding: 0; width: 100%; height: 100%; display: inline-flex; align-items: center; justify-content: center; margin: 0 !important; }
.Action span { display: inline-flex; flex-wrap: nowrap; }
.detail-section { scroll-margin-top: 90px; }
.choices__inner { min-height: 42px; }
.swal2-container { z-index: 20000; }
.dash-sidebar .dash-navbar .dash-submenu { list-style: none; }
.card-header h5 + small { display: block; }
#theme-colors input:checked + span { box-shadow: 0 0 0 2px #fff, 0 0 0 4px currentColor; }
.custom-login .card { box-shadow: 0 6px 30px rgba(182,186,203,.3); }
@media print { .dash-sidebar, .dash-header, .page-header, .dash-footer { display: none !important; } .dash-container { margin: 0 !important; } }
/* Pricing cards (plans page, landing page) */
.price-card { position: relative; transition: transform .15s ease, box-shadow .15s ease; }
.price-card:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0,0,0,.08); }
.price-badge { display: inline-block; color: #fff; padding: 6px 18px; border-radius: 30px; font-weight: 600; font-size: .9rem; }
[dir="rtl"] .price-card .position-absolute.end-0 { right: auto !important; left: 0 !important; }
.translation-table td { vertical-align: top; }
.translation-table td:first-child { width: 45%; font-size: .85rem; color: #555; word-break: break-word; }
/* Some theme rules clear button backgrounds inside cards (and in the RTL file); restore them from Bootstrap's variables. */
.price-card .btn-primary, .price-card .btn-info, .price-card .btn-danger,
[dir="rtl"] .btn-primary, [dir="rtl"] .btn-success, [dir="rtl"] .btn-danger, [dir="rtl"] .btn-info, [dir="rtl"] .btn-warning, [dir="rtl"] .btn-secondary {
  background-color: var(--bs-btn-bg) !important; border-color: var(--bs-btn-border-color) !important; color: var(--bs-btn-color) !important;
}
.price-card .btn-outline-primary, [dir="rtl"] .btn-outline-primary { border: 1px solid var(--bs-btn-border-color, currentColor) !important; }