:root {
  /* Cores de Texto */
  --text-color-light: #e2e1e1;
  --text-color: #9ca3af;
  --text-color-strong: #e5e7eb;
  
  /* Tipografia */
  --font-family: 'Poppins', sans-serif;
  --font-size: 16px;
  
  /* Cores Principais - Teal/Verde-azulado */
  --main-color: #409f94;
  --main-color-dark: #26776d;
  
  /* Cores de Fundo - Cinza Escuro */
  --background-primary: #111827;
  --background-secondary: #111827;
  --background-tertiary: #1e2936;

  --background-4: #1e293b;
  
  /* Header */
  --header-height: 60px;
  --header-background-color: #111827;
  --header-border-bottom: #374151;
  --header-text-color: #e5e7eb;
  --header-box-shadow: none;
  --header-box-display: none;
  --header-box-background: #409f94;
  --header-box-padding-horizontal: 0px;
  --header-box-padding-vertical: 0px;

  --header-box-width:60px;
  
  /* Header Logo */
  --header-logo-background: #111827;
  --header-logo-text-color: #e5e7eb;
  --header-logo-font-size: 22px;
  --header-logo-border-right: #374151;
  --header-logo-border-bottom: #374151;
  --header-logo-padding-horizontal: 0px;
  --header-logo-padding-vertical: 0px;
  --header-track-border-right: #374151;
  
  /* Menu Lateral */
  --menu-width: 280px;
  --menu-background-color: #111827;
  --menu-border-right: #374151;
  --menu-master-color-strong: #e5e7eb;
  --menu-check-color: #111827;
  --menu-icon-font-size: 15px;
  --menu-background-check: #409f94;
  --menu-background-button-circle: #374151;
  --menu-color-button-circle: #9ca3af;
  --menu-button-border-color: #374151;
  --menu-box-shadow: none;
  --menu-user-splash-background: #111827;
  
  /* Submenu */
  --submenu-background-color: #111827;
  --submenu-border-right: #374151;
  --submenu-text-color: #e5e7eb;
  --submenu-sub-text-color: #9ca3af;
  --submenu-text-hover: #409f94;
  --submenu-background-check: #409f94;
  --submenu-check-color: #ffffff;
  --submenu-font-size: 15px;
  --submenu-padding-horizontal: 10px;
  --submenu-item-padding-horizontal: 12px;
  --submenu-item-padding-vertical: 12px;
  
  /* Top Menu */
  --top-menu-border: #374151;
  --top-menu-background-color: #111827;
  --top-menu-background-check: #409f94;
  --top-menu-check-color: #ffffff;
  --top-menu-hover-color: #409f94;
  --top-menu-color: #9ca3af;
  --top-menu-background-button-circle: #374151;
  --top-menu-color-button-circle: #9ca3af;
  
  /* Top Submenu */
  --top-submenu-background-color: #111827;
  --top-submenu-text-color: #9ca3af;
  --top-submenu-text-hover: #409f94;
  --top-submenu-background-check: #409f94;
  --top-submenu-check-color: #ffffff;
  
  /* Botões */
  --button-height: 35px;
  --button-text-color: #9ca3af;
  --button-text-color-hover: #409f94;
  --button-background: #374151;
  --button-border: #4b5563;
  --button-border-radius: 8px;
  --button-padding: 13px;
  --button-box-shadow: none;
  
  /* Campos de Formulário */
  --field-height: 42px;
  --field-border-top: 1px;
  --field-border-bottom: 1px;
  --field-border-right: 1px;
  --field-border-left: 1px;
  --field-border-radius: 8px;
  --field-background: #374151;
  --field-border-color: #4b5563;
  --field-color: #e5e7eb;
  --field-focus-border-color: #409f94;
  --field-placeholder-color: #6b7280;
  --field-padding-horizontal: 8px;
  --field-padding-vertical: 0px;
  --field-check-color: #409f94;
  --field-disabled-background: #111827;
  --field-disabled-text-color: #6b7280;
  --field-disabled-border: #374151;

  --field-padding: 8px;
  
  /* Painéis e Conteúdo */
  --content-border-radius: 10px;
  --content-background: #111827;
  --content-border-color: #374151;
  --panel-background: #00000000;
  --panel-border-radius: 8px;
  --panel-border-color: #374151; 
  --panel-padding: 0px;
  --panel-body-padding: 15px;
  --panel-box-shadow: none;
  --panel-row-margin-bottom: 12px;
  
  /* Cabeçalho do Painel */
  --panel-header-background: #00000000;
  --panel-header-color: #e5e7eb;
  --panel-header-font-size: 17px;
  --panel-header-font-weight: 600px;
  --panel-header-padding-vertical: 10px;
  --panel-header-padding-horizontal: 10px;
  --panel-header-border-color: transparent;
  
  /* Rodapé do Painel */
  --panel-footer-background: transparent;
  
  /* Modal */
  --modal-background: rgb(30 41 59 / 1);
  --modal-header-background: rgb(30 41 59 / 1);;
  --modal-header-color: #ffffff;
  --modal-footer-background: rgb(30 41 59 / 1);;
  
  /* Tabelas */
  --table-header-color: #e5e7eb;
  --table-header-font-size: 15px;
  --table-header-font-weight: normal;
  --table-header-background: transparent;
  --table-header-border-color: #374151;
  --table-header-padding-vertical: 12px;
  --table-body-color: #9ca3af;
  --tr-hover-background: #374151;
  --tr-hover-color: #ffffff;
  --tr-even-background: #111827;
  --tr-odd-background: #111827;
  
  /* Abas/Tabs */
  --tab-active-border-color: #ffffff;
  --tab-active-background: transparent;
  --tab-active-color: #409f94;
  --tab-border-color: transparent;
  --tab-background: transparent;
  --tab-color: #9ca3af;
  --tab-border-radius: 8px;
  --tab-font-size: 15px;
  --tab-font-weight: normal;
  
  /* Scrollbar */
  --scrollbar-color: #4a5568;
  
  /* Outros */
  --live-background-color: #111827;
  --live-area-width: 100%;
  --color-overlay: #0000004d;
  --preloader-color: #409f94;
  --template-border-color: #374151;
  --modules-button-radius: 100px;
  
  /* Login (mantido conforme original) */
  --login-background-color: #cbcbcb;
  --login-panel-header-background: #eceff4;
  --login-panel-left-background-color: #409f94;
  --login-panel-right-background-color: #ffffff;
  --login-button-background: #ffffff;
  --login-button-text-color: #26776d;
  --login-panel-left-text-header-color: #26776d;
  --login-panel-left-text-header-align: left;
  --login-panel-left-text-header-font-size: 40px;
  --login-panel-left-text-header-font-weight: 700px;
  --login-panel-left-text-footer-color: #26776d;
  --login-panel-left-text-footer-align: left;
  --login-panel-left-text-footer-font-size: 30px;
  --login-panel-left-text-footer-font-weight: 700px;
  --login-panel-detail-display: flex;
  --login-link-color: #26776d;
  --login-panel-detail-display-image: flex;
  --login-panel-detail-display-details: flex;
  --login-panel-detail-image-size: contain;
  --login-panel-detail-image-position: center;
  --login-panel-detail-direction: row;
  --login-panel-max-width: 1250px;
  --login-panel-max-height: 550px;
  --login-panel-border-radius: 10px;
  --login-panel-box-shadow: 0px 0px 10px 4px #0000004d;
  --login-form-box-shadow: none;
  --login-title-font-size: 40px;
  --login-title-align: center;
  --login-title-font-weight: 700px;
  --login-title-color: #26776d;
  --login-header-font-size: 14px;
  --login-header-align: left;
  --login-header-color: #26776d;
  --login-border-color: #DFE4ED;
  --login-panel-left-header-image-position: center;
  --login-text-center-align: center;
  --login-text-center-size: 18px;
  --login-text-center-weight: 600px;
  --login-text-center-color: #616776;
  --login-html: ;
  --login-panel-detail-force-full-image: ;
  --show-text-center: ;
  
  /* Nome do Tema */
  --name: Gemini Apps Teal Theme;
}

input::placeholder {
    color: var(--field-disabled-text-color) !important;
}

.table-condensed {
    width: 275px;
}

.restaurant-card {
    border-radius: 16px;
    padding: 0;
    font-family: 'Segoe UI', Arial, sans-serif;
    font-size: 1.2em;
    color: #fff;

    cursor: grab;
    user-select: none;

    resize: both;
    overflow: hidden;

    min-width: 280px;
    min-height: 300px;

    position: relative;
    display: flex;
    flex-direction: column;

    background: var(--background-4);

    box-shadow: 0 4px 16px rgba(0,0,0,0.3);
    transition: transform .2s ease, box-shadow .2s ease;
}

/* Hover do card (substitui JS inline) */
.restaurant-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.4);
}

/* HEADER */
.restaurant-card .card-header {
    padding: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.1);

    display: flex;
    justify-content: space-between;
    align-items: center;
}

.restaurant-card .card-header h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--text-color-light);
}

.restaurant-card .card-header span {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    color: rgba(var(--text-color-light), 0.7);
}

/* BODY */
.restaurant-card .card-body {
    flex: 1;
    padding: 20px;
    overflow-y: auto;
    color: rgba(var(--text-color-light), 0.9);
}

/* FOOTER */
.restaurant-card .card-footer {
    padding: 16px 20px;
    border-top: 1px solid rgba(255,255,255,0.1);
    background: var(--background-4);
    border-radius: 0 0 12px 12px;

    display: flex;
    flex-direction: column;
    gap: 12px;
}

.restaurant-card h3{
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--text-color-light);
}