/* design-system/isp-radius-manager/MASTER.md component overrides.
   Loaded after tailwind.min.css + brand-slate-override.css so plain
   (non-!important) rules here still win by source order, and the few
   !important rules below match Tailwind's own !important convention
   (this project sets `important: true` in tailwind.config.js). */

/* Default corner radius bumped from 4px to the design system's 8px
   button/input radius. rounded-lg/xl/2xl already equal the system's
   8/12/16px card+modal scale, so only the default utility needs this. */
.rounded {
    border-radius: .5rem !important;
}

/* Base .btn / .card classes carry their own hardcoded radius (not the
   .rounded utility), so they need a direct override too. */
.btn {
    border-radius: .5rem;
    font-weight: 600;
    transition: all 200ms ease;
}
.card {
    border-radius: .75rem;
    border-color: var(--color-border);
}
.card-body {
    padding: 1.5rem;
}

/* DataTables header treatment (design-system Data Table spec):
   sticky header, uppercase muted label, consistent row hover. */
table.dataTable thead th,
table.dataTable thead td {
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: 12px;
    font-weight: 600;
    color: var(--color-muted-foreground);
    background-color: var(--color-muted);
    position: sticky;
    top: 0;
    z-index: 1;
}
table.dataTable tbody tr:hover {
    background-color: var(--color-muted);
}

.dropdown-menu {
    background-color: var(--color-card) !important;
    border-color: var(--color-border);
    border-radius: .5rem;
}
.dropdown-item:hover {
    background-color: var(--color-muted);
}