:root {
    --siarmo-navy: #09251C;
    --siarmo-gold: #DDA653;
    --siarmo-white: #FFFFFF;
}

/* SIARMO brand layer: loaded after existing component CSS; semantic colors remain untouched. */
body { --cmd-primary: var(--siarmo-navy); --cmd-primary-hover: #17382D; --cmd-primary-active: #061a13; --cmd-accent: var(--siarmo-gold); --cmd-accent-hover: #c89345; --cmd-accent-active: #b48137; --cmd-accent-text: var(--siarmo-navy); }
.landing { --land-navy: var(--siarmo-navy); --land-yellow: var(--siarmo-gold); --land-ink: var(--siarmo-navy); }
.platform-body, .platform-header { --navy: var(--siarmo-navy); --yellow: var(--siarmo-gold); }
.cmd-admin { --cmd-primary: var(--siarmo-navy); --cmd-accent: var(--siarmo-gold); }
.login-brand, .dashboard-hero, .dashboard-kpi-primary { background-color: var(--siarmo-navy) !important; }
.login-submit, .platform-action { background-color: var(--siarmo-gold) !important; color: var(--siarmo-navy) !important; }
.landing-button-accent, .landing-live-dot, .landing-preview-indicator i, .dashboard-status-indicator { background-color: var(--siarmo-gold) !important; }
.landing-button-primary, .landing-screen-head, .landing-screen-metrics > div:first-child { background-color: var(--siarmo-navy) !important; }
.login-wordmark-icon, .landing-brand-mark, .cmd-brand-mark, .cmd-sidebar-brand > span:first-child, .cmd-auth-brand-mark {
    display: inline-flex !important;
    width: 2.5rem;
    height: 2.5rem;
    flex: 0 0 2.5rem;
    align-items: center;
    justify-content: center;
    background: url('../branding/gourmio/gourmio-simbolo.svg') center / contain no-repeat;
}
.login-wordmark-icon svg, .landing-brand-mark svg, .cmd-brand-mark svg, .cmd-sidebar-brand > span:first-child svg, .cmd-auth-brand-mark svg { display: none !important; }
.login-wordmark-name, .cmd-brand-text, .cmd-sidebar-brand strong { color: var(--siarmo-white); }
.landing-brand > span:last-child {
    color: var(--siarmo-navy);
    display: inline-block;
    font-size: 1.18rem;
    font-weight: 800;
    letter-spacing: -0.03em;
}

@media (max-width: 540px) {
    .landing-brand > span:last-child { font-size: 1rem; }
}

/* Wordmark textual e símbolo oficial separado: preserva a proporção natural
   enquanto a logo modular final não estiver disponível para uso direto. */
.login-wordmark,
.cmd-sidebar-brand,
#adminMobileSidebarLabel,
.cmd-auth-brand {
    background: none;
    min-width: 0;
    min-height: 0;
}

.cmd-sidebar-brand { width: 100%; height: auto; }

.login-wordmark-icon,
.cmd-brand-mark,
.cmd-auth-brand-mark {
    background-color: #fff;
    background-image: url('../branding/gourmio/gourmio-simbolo.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent;
}

.login-wordmark-icon svg,
.cmd-brand-mark svg,
.cmd-auth-brand-mark svg { display: none !important; }

/* O sidebar usa o wordmark horizontal diretamente no elemento <img>. */
.cmd-sidebar-brand > span:first-child {
    background: transparent;
}

.login-wordmark-name,
.cmd-brand-text,
.cmd-sidebar-brand strong,
.cmd-auth-brand { color: var(--siarmo-white); }

.cmd-sidebar-brand strong { visibility: visible; }
.cmd-auth-brand-mark { visibility: visible; }

.cmd-sidebar-brand {
    padding-top: 0.5rem;
}

/* Logos oficiais enquadradas pelo novo viewBox, sem distorcer o SVG. */
.siarmo-logo-frame {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 180px;
    aspect-ratio: 1240 / 370;
    overflow: hidden;
}

.siarmo-logo-frame img {
    display: block;
    width: 100%;
    height: auto;
    max-width: none;
}

.siarmo-logo-frame-navbar { width: 150px; }
.siarmo-logo-frame-login { width: 220px; }
.siarmo-logo-frame-auth { width: 200px; }
.siarmo-logo-frame-light { width: 180px; }
.siarmo-logo-frame-platform { width: 165px; }
.siarmo-logo-frame-topbar { width: 150px; }
.siarmo-logo-frame-sidebar {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 930 / 277.5;
    overflow: visible;
}

.siarmo-logo-frame-sidebar img {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: contain;
    transform: scale(2.5);
    transform-origin: left center;
}
.siarmo-logo-frame-mobile { width: 155px; }

@media (max-width: 540px) {
    .siarmo-logo-frame-navbar { width: 128px; }
    .siarmo-logo-frame-login { width: min(200px, 72vw); }
    .siarmo-logo-frame-auth { width: min(185px, 72vw); }
    .siarmo-logo-frame-mobile { width: 135px; }
}

/* Contraste do wordmark claro em superfícies claras do painel. */
.cmd-topbar .siarmo-logo-frame-topbar, .cmd-mobile-sidebar-header .siarmo-logo-frame-mobile {
    padding: .35rem .55rem;
    border-radius: var(--cmd-radius-sm);
    background: var(--cmd-primary);
}

/* Barras do painel com a cor principal Gourmío. */
.cmd-admin .cmd-topbar { background: var(--cmd-primary); border-bottom-color: var(--cmd-primary); color: #fff; }
.cmd-admin .cmd-topbar .cmd-brand, .cmd-admin .cmd-topbar-context small, .cmd-admin .cmd-topbar-context strong { color: #fff; }
.cmd-admin .cmd-current-tenant, .cmd-admin .cmd-user-button { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.25); color: #fff; }
.cmd-admin .cmd-current-tenant:hover, .cmd-admin .cmd-user-button:hover { background: rgba(255,255,255,.18); border-color: rgba(255,255,255,.42); }
.cmd-admin .cmd-current-tenant-info small, .cmd-admin .cmd-user-info small { color: rgba(255,255,255,.7); }
.cmd-admin .cmd-current-tenant-info strong, .cmd-admin .cmd-user-info strong, .cmd-admin .cmd-current-tenant-arrow { color: #fff; }
.cmd-mobile-quick-nav { background: var(--cmd-primary); border-top-color: var(--cmd-primary); box-shadow: 0 -8px 24px rgba(9,37,28,.25); }
.cmd-mobile-quick-nav a, .cmd-mobile-quick-nav button, .cmd-mobile-quick-nav i { color: rgba(255,255,255,.72); }
.cmd-mobile-quick-nav a.active, .cmd-mobile-quick-nav a.active i, .cmd-mobile-quick-nav button:focus-visible { color: #fff; }
.cmd-mobile-quick-nav a.active i { color: var(--cmd-accent); }

/* Componentes compartilhados do painel Gourmío. */
.cmd-admin .cmd-card,
.cmd-admin .card,
.cmd-admin .cmd-panel,
.cmd-admin .detail-panel {
    border-color: var(--cmd-border-color);
    border-radius: var(--cmd-radius-md);
    box-shadow: var(--cmd-shadow-xs);
}
.cmd-admin .cmd-card:hover,
.cmd-admin .cmd-panel:hover {
    border-color: var(--cmd-border-strong);
    box-shadow: var(--cmd-shadow-sm);
}
.cmd-admin .cmd-btn,
.cmd-admin .btn {
    border-radius: var(--cmd-radius-sm);
    font-weight: var(--cmd-font-semibold);
}
.cmd-admin .cmd-btn-primary,
.cmd-admin .btn-primary {
    background: var(--cmd-primary);
    border-color: var(--cmd-primary);
}
.cmd-admin .cmd-btn-primary:hover,
.cmd-admin .btn-primary:hover {
    background: var(--cmd-primary-hover);
    border-color: var(--cmd-primary-hover);
}
.cmd-admin .cmd-btn-secondary,
.cmd-admin .btn-secondary,
.cmd-admin .btn-outline-secondary,
.cmd-admin .btn-outline-primary {
    background: var(--cmd-surface-card);
    border-color: var(--cmd-border-strong);
    color: var(--cmd-primary);
}
.cmd-admin .cmd-btn-secondary:hover,
.cmd-admin .btn-secondary:hover,
.cmd-admin .btn-outline-secondary:hover,
.cmd-admin .btn-outline-primary:hover {
    background: var(--cmd-primary-subtle);
    border-color: var(--cmd-primary);
    color: var(--cmd-primary);
}
.cmd-admin .cmd-input,
.cmd-admin .cmd-select,
.cmd-admin .cmd-textarea,
.cmd-admin .form-control,
.cmd-admin .form-select {
    border-color: var(--cmd-border-strong);
    border-radius: var(--cmd-radius-sm);
}
.cmd-admin .cmd-input:focus,
.cmd-admin .cmd-select:focus,
.cmd-admin .cmd-textarea:focus,
.cmd-admin .form-control:focus,
.cmd-admin .form-select:focus {
    border-color: var(--cmd-primary);
    box-shadow: var(--cmd-shadow-focus);
}
.cmd-admin .table-responsive,
.cmd-admin .cmd-table-responsive {
    border: 1px solid var(--cmd-border-color);
    border-radius: var(--cmd-radius-md);
    overflow-x: auto;
}
.cmd-admin .table,
.cmd-admin .cmd-table {
    margin-bottom: 0;
    color: var(--cmd-text-main);
}
.cmd-admin .table thead th,
.cmd-admin .cmd-table thead th {
    background: var(--cmd-primary-subtle);
    border-bottom-color: var(--cmd-border-color);
    color: var(--cmd-text-muted);
    font-size: var(--cmd-text-xs);
    font-weight: var(--cmd-font-bold);
    letter-spacing: .04em;
    text-transform: uppercase;
}
.cmd-admin .table tbody tr:hover,
.cmd-admin .cmd-table tbody tr:hover {
    background: var(--cmd-surface-hover);
}
.cmd-admin .modal-content {
    border: 1px solid var(--cmd-border-color);
    border-radius: var(--cmd-radius-lg);
    box-shadow: var(--cmd-shadow-xl);
}
.cmd-admin .modal-header,
.cmd-admin .modal-footer {
    border-color: var(--cmd-border-color);
}
.cmd-admin .modal-title {
    color: var(--cmd-primary);
    font-weight: var(--cmd-font-bold);
}
.cmd-admin .cmd-empty-state {
    border: 1px dashed var(--cmd-border-strong);
    border-radius: var(--cmd-radius-md);
    background: var(--cmd-surface-subtle);
    color: var(--cmd-text-muted);
}
.cmd-admin .cmd-empty-state-icon,
.cmd-admin .cmd-empty-icon {
    color: var(--cmd-primary-light);
}
.cmd-admin :focus-visible {
    outline-color: var(--cmd-accent);
}
/* Gestão de produtos: leitura rápida sem alterar a estrutura da tabela. */
.cmd-admin .catalog-page .cmd-page-header {
    border-color: var(--cmd-border-color);
    background: var(--cmd-surface-card);
    box-shadow: var(--cmd-shadow-xs);
}
.cmd-admin .catalog-page .catalog-category-filter {
    border-color: var(--cmd-border-color);
    background: var(--cmd-surface-subtle);
    box-shadow: none;
}
.cmd-admin .catalog-page .catalog-products-wrap {
    border-color: var(--cmd-border-color);
    box-shadow: var(--cmd-shadow-xs);
}
.cmd-admin .catalog-page .catalog-products-table thead th {
    background: var(--cmd-primary-subtle);
    color: var(--cmd-text-muted);
}
.cmd-admin .catalog-page .catalog-products-table tbody tr {
    transition: background-color var(--cmd-transition-fast);
}
.cmd-admin .catalog-page .catalog-products-table tbody tr:hover {
    background: var(--cmd-surface-hover);
}
.cmd-admin .catalog-page .catalog-products-table .btn-outline-danger {
    color: var(--cmd-danger);
}
.cmd-admin .catalog-page .catalog-products-table .badge {
    font-weight: var(--cmd-font-semibold);
}
@media (max-width: 700px) {
    .cmd-admin .catalog-page .cmd-page-header,
    .cmd-admin .catalog-page .cmd-card {
        border-radius: var(--cmd-radius-md);
    }
    .cmd-admin .catalog-page .catalog-products-table tr {
        border-bottom-color: var(--cmd-border-color);
    }
}