/* =====================================================
   DENSIDADE COMPACTA - DESKTOP COMERCIAL
   Camada de ajustes sobre os estilos-base
===================================================== */

/* SIDEBAR */

.sidebar {
    width: 195px;
    min-width: 195px;
    padding: 16px 14px;
}

.logo {
    width: 36px;
    height: 36px;
    font-size: 12px;
}

.logo-text strong {
    font-size: 14px;
}

.logo-text span {
    font-size: 7px;
}

.menu {
    margin-top: 20px;
    gap: 5px;
}

.menu-item {
    min-height: 40px;
    padding: 9px 11px;
    font-size: 12px;
    gap: 10px;
}

.icon {
    width: 17px;
    font-size: 14px;
}


/* STATUS DA LOJA */

.logout-button {
    height: 34px;
    font-size: 9px;
}


/* =====================================================
   CONTEÚDO
===================================================== */

.main {
    padding: 20px 22px;
}


/* HEADER */

.header {
    margin-bottom: 20px;
}

.header h1 {
    font-size: 17px;
}

.header-right {
    gap: 12px;
}

.date {
    font-size: 10px;
}


/* USUÁRIO */

.logged-user {
    font-size: 10px;
    gap: 6px;
}

.user-avatar {
    width: 30px;
    height: 30px;
    font-size: 10px;
}


/* NOVO PEDIDO */

.new-order-button {
    height: 36px;
    padding: 0 14px;
    font-size: 10px;
}


/* SINO */

/* =====================================================
   CARDS DE RESUMO
===================================================== */

.stats {
    gap: 12px;
    margin-bottom: 20px;
}

.stat-card {
    min-height: 70px;
    padding: 13px;
    gap: 12px;
    border-radius: 8px;
}

.stat-icon {
    width: 36px;
    height: 36px;
    font-size: 15px;
}

.stat-card span {
    font-size: 9px;
    margin-bottom: 4px;
}

.stat-card strong {
    font-size: 16px;
}


/* =====================================================
   FILA DE ENTREGAS
===================================================== */

.delivery-header {
    margin-bottom: 10px;
}

.delivery-header h2 {
    font-size: 14px;
}

.active-badge {
    padding: 3px 6px;
    font-size: 7px;
}

.updated {
    font-size: 8px;
}


/* =====================================================
   PEDIDOS
===================================================== */

.orders {
    gap: 11px;
}

.order-card {
    padding: 13px 14px;
    border-radius: 8px;
}

.order-top {
    margin-bottom: 9px;
}


/* CLIENTE */

.customer {
    gap: 6px;
    font-size: 11px;
}

.order-info {
    gap: 8px;
    font-size: 8px;
}


/* STATUS */

.status-button {
    min-width: 100px;
    height: 26px;
    padding: 0 8px;
    font-size: 8px;
}


/* PRODUTO */

.product {
    padding: 10px;
    margin-bottom: 9px;
    font-size: 9px;
}

.order-observation {
    margin-top: 6px;
    padding-top: 6px;
    font-size: 8px;
}


/* ENDEREÇO */

.address {
    gap: 7px;
    padding-bottom: 9px;
    font-size: 8px;
}


/* PAGAMENTO */

.payment {
    padding: 7px 0;
    font-size: 8px;
}

.payment strong {
    font-size: 7px;
}


/* TOTAL */

.order-bottom {
    padding-top: 5px;
    font-size: 8px;
}

.order-bottom b {
    font-size: 13px;
}


/* BOTÕES DOS PEDIDOS */

.btn {
    padding: 7px 11px;
    font-size: 8px;
}

.delete-order {
    width: 29px;
    height: 29px;
    font-size: 10px;
}


/* =====================================================
   MENU DE STATUS
===================================================== */

.status-menu {
    width: 165px;
}

.status-menu button {
    height: 31px;
    font-size: 9px;
}


/* =====================================================
   HISTÓRICO
===================================================== */

.history-header h1 {
    font-size: 17px;
}

.history-header p {
    font-size: 9px;
}

.history-stat-card {
    padding: 14px;
}

.history-stat-card span {
    font-size: 8px;
}

.history-stat-card strong {
    font-size: 16px;
}

.history-filters {
    padding: 12px;
    gap: 8px;
}

.history-search label,
.history-filter label {
    font-size: 8px;
}

.history-search input,
.history-filter input,
.history-filter select {
    height: 36px;
    font-size: 9px;
}

.clear-filter-button {
    height: 36px;
    font-size: 8px;
}

.history-order {
    padding: 12px;
}

.history-order-number strong {
    font-size: 10px;
}

.history-order-number span {
    font-size: 7px;
}

.history-customer strong {
    font-size: 9px;
}

.history-customer span {
    font-size: 7px;
}

.history-product {
    font-size: 8px;
}

.history-total {
    font-size: 10px;
}