/* =========================
   ROUNDED CORNERS ONLY
   Metronic 4 / Bootstrap 3
   ========================= */

/* Tokens (opcional, facilita ajuste global) */
:root {
    --radius-xs: 6px;
    --radius-sm: 12px;
    --radius-md: 20px;
    --radius-lg: 20px;
    --m8-border-strong: rgba(15, 23, 42, .14);
}

/* =========================
   CARDS / PORTLETS
   ========================= */

/* NOTA: .fin-filter-card radius está em dashboard.css */

body.page-container-bg-solid {
    background: #f4f6fa !important;
}



.label.label-sm {
    padding: 4px 10px 4px 10px !important;
    border-radius: var(--radius-sm) !important;
}

.page-sidebar .page-sidebar-menu > li.active > a > .selected,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {
    border-right: 12px solid #f4f6fa !important;
}

.tab-cat-group {
    background: #ededed !important;
}

@media (max-width: 768px) {
    #notificacao_checkout > .btn-sm,
    .page-header.navbar .page-top {
        background: #e9ecf3 !important;
    }
}

.portlet,
.portlet.light,
.portlet.light.bordered {
    border-radius: var(--radius-md) !important;
}

/* Header e footer do portlet */
.portlet > .portlet-title {
    border-top-left-radius: var(--radius-md) !important;
    border-top-right-radius: var(--radius-md) !important;
}

.portlet > .portlet-body {
    border-bottom-left-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
}

/* =========================
   FORMS
   ========================= */

.form-control {
    border-radius: var(--radius-sm) !important;
    box-shadow: none !important;
    height: auto;
    transition: box-shadow .12s ease, border-color .12s ease;
}

.selectize-input,
input:not([type="checkbox"]):not([type="radio"]),
select {
    min-height: 43px;
    border-radius: var(--radius-sm) !important;
}

textarea.form-control {
    border-radius: var(--radius-sm) !important;
}

select.form-control {
    border-radius: var(--radius-sm) !important;
}

.widget-thumb .widget-thumb-wrap .widget-thumb-icon {
    border-radius: 12px;
}

.alert {
    border-radius: 12px !important;
}

/* =========================
   BUTTONS
   ========================= */

.btn {
    border-radius: var(--radius-sm) !important;
    padding: 10px 13px 10px 13px !important;
}

/* =========================
   DROPDOWN / POPOVER
   ========================= */

.dropdown-menu {
    border-radius: var(--radius-md) !important;
}

.popover {
    border-radius: var(--radius-md) !important;
}

.tooltip-inner {
    border-radius: var(--radius-sm) !important;
}

/* =========================
   MODAL
   ========================= */

.modal-content {
    border-radius: var(--radius-lg) !important;
}

/* =========================
   TABLES (container only)
   ========================= */

.table {
    border-radius: var(--radius-md);
}

/* =========================
   WIDGETS
   ========================= */

.widget-thumb,
.tab-cat-group {
    border-radius: var(--radius-md) !important;
}

.cards tbody tr,
.cards-shopgroup tbody tr,
.cards-product-store tbody tr {
    border-radius: var(--radius-md) !important;
}

.cards-product-store .avatar {
    border-radius: var(--radius-md) var(--radius-md) 0 0 !important;
}

.cards-shopgroup .avatar-shopgroup {
    border-radius: var(--radius-md) var(--radius-md) 0 0 !important;
}

.container-img-shopgroup {
    border-radius: var(--radius-md) var(--radius-md) 0 0 !important;
}

.container-img-cart-store {
    border-radius: var(--radius-md) var(--radius-md) 0 0 !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
    border-radius: var(--radius-md) var(--radius-md) 0 0 !important;
}

.note {
    border-radius: var(--radius-md) !important;
}

.page-sidebar {
    border-radius: var(--radius-md) !important;
}

.box1 {
    border-radius: var(--radius-lg) !important;
}

.box1.index {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(12px);
}

.modal.fade .modal-dialog {
    transform: translateY(18px) scale(.985);
    transition: transform .18s ease-out;
}

.modal.in .modal-dialog {
    transform: translateY(0) scale(1);
}

.page-banner {
    border-radius: var(--radius-md) !important;
}

.table-scrollable {
    border-radius: 0 0 var(--radius-md) var(--radius-md) !important;
}

.portlet > .portlet-body-new > .portlet-body-new-card {
    border-radius: 0 0 var(--radius-md) var(--radius-md) !important;
}

.table_footer_new {
    border-radius: var(--radius-md) !important;
}

.toggle.btn {
    min-height: 40px !important;
}

.selectize-input {
    padding-top: 10px !important;
}

.has-error .selectize-input {
    box-shadow: none !important;
}

.dashboard-stat {
    border-radius: var(--radius-md) !important;
}

.modal {
    padding: 8px !important;
}
.widget-thumb-heading {
    white-space: normal !important;
    height: auto !important;
    min-height: 40px;
    line-height: 2.5;
    padding-bottom: 5px;
}
.widget-thumb-heading,.label,.label-sm{
    font-size: 12px !important;
    border-radius: var(--radius-md) !important;
    padding: 7px;
}
@media (max-width: 480px) {
    .widget-thumb-heading,.label,.label-sm{
        font-size: 10px !important;
    }

    .portlet-title-new {
        border-radius: var(--radius-md) !important;
    }

    .portlet:has(.cards, .cards-shopgroup, .cards-product-store) .portlet-body {
        box-shadow: none !important;
    }

    .portlet:has(.cards, .cards-shopgroup, .cards-product-store) .portlet-body:hover {
        box-shadow: none !important;
    }
}

.portlet.light > .portlet-title > .actions .btn-icon-only {
    padding: 3px !important;
}

/* =========================
   INPUT-GROUP: SELECT + INPUT + BUTTON
   (Bootstrap 3 / Metronic)
   ========================= */

/* Zera tudo dentro do grupo */
.input-group > .form-control,
.input-group > input.form-control,
.input-group > .input-group-btn > .form-control,
.input-group > .input-group-btn > .btn,
.input-group > .input-group-addon {
    border-radius: 0 !important;
}

/* Arredonda só a ponta ESQUERDA */
.input-group > .input-group-btn:first-child > .form-control,
.input-group > .input-group-btn:first-child > .btn,
.input-group > .form-control:first-child,
.input-group > input.form-control:first-child {
    border-radius: var(--radius-sm) 0 0 var(--radius-sm) !important;
}

/* Arredonda só a ponta DIREITA */
.input-group > .input-group-btn:last-child > .btn,
.input-group > .input-group-btn:last-child > .form-control,
.input-group > .input-group-addon:last-child,
.input-group > .form-control:last-child,
.input-group > input.form-control:last-child {
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0 !important;
}

.input-group-btn .btn {
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0 !important;
}

form .has-error .selectize-input,
form .has-error .selectize-input {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.cards-product-store {
    background: none;
}

.portlet:has(.cards, .cards-shopgroup, .cards-product-store) .portlet-body {
    border-radius: 0 0 var(--radius-md) var(--radius-md) !important;
}

/* =========================
   HOVER SHADOW (cards)
   ========================= */

.cards tbody tr:hover,
.cards-shopgroup tbody tr:hover,
.cards-product-store tbody tr:hover {
    transform: translateY(-4px);
    box-shadow:
        0 8px 20px rgba(0, 0, 0, .08),
        0 20px 40px rgba(0, 0, 0, .06);
}

/* =========================
   TABS (Metronic/BS3)
   ========================= */

.tabbable-custom > .tab-content {
    border-radius: var(--radius-md);
}

.tabbable-custom > .nav-tabs {
    margin: 0 0 0 20px;
}

/* =========================
   NOTES
   ========================= */

.note.note-warning {
    background-color: #faeaa9;
    border-color: #faeaa9;
    color: black;
}

.note.note-info {
    background-color: #d3e3fd;
    border-color: #d3e3fd;
    color: black;
}

/* =========================
   MENU / SIDEBAR
   ========================= */

#main-app-menu-admin-boxcontrol-redirecionador,
#main-app-menu {
    width: calc(100% - 40px);
    margin: 0 20px 10px;
    border-radius: var(--radius-md);
    padding: 0px 10px 0px 10px;
}

@media (max-width: 991px) {
    .page-header.navbar {
        border-bottom: 0;
        width: calc(100% - 13px);
        margin: 8px 6px 0 6px;
        border-radius: var(--radius-md) !important;
    }
}

.page-header.navbar .page-logo .logo-default {
    margin-top: 19px !important;
    max-height: 50px !important; 
}

.page-header.navbar .page-logo .logo-default.logo-app {
    margin-top: 25px !important;
    max-height: 40px !important;
}

/* =========================
   MODAL ANIMATION
   ========================= */

.modal.fade .modal-dialog {
    transform: translateY(18px) scale(.985);
    transition: transform .18s ease-out;
}

.modal.in .modal-dialog {
    transform: translateY(0) scale(1);
}