/* Gestão do projeto MLC · estilo das telas novas e da barra de navegação.
   Tudo com prefixo gc- para não interferir no quadro de entregas. */
:root {
  --gc-navy: #12325C; --gc-laranja: #f2650e; --gc-azul: #2d7fe0; --gc-verde: #16a86d; --gc-roxo: #7b5cd6; --gc-vermelho: #d23b3b;
  --gc-fundo: #eef1f4; --gc-papel: #fff; --gc-tinta: #131a22; --gc-tinta2: #4a5866; --gc-tinta3: #8a97a5; --gc-linha: #dfe4ea; --gc-suave: #f5f7f9;
}

/* barra de navegação (todas as telas internas) */
.gc-barra {
  display: flex; align-items: center; gap: 18px; padding: 0 22px; height: 52px;
  background: var(--gc-navy); color: #fff; font-family: Manrope, "Segoe UI", sans-serif; font-size: 13px;
}
.gc-marca { display: flex; align-items: center; gap: 10px; font-family: Archivo, sans-serif; font-weight: 800; white-space: nowrap; color: #fff; text-decoration: none; }
.gc-marca img { width: 26px; height: 26px; border-radius: 6px; }
.gc-marca small { display: block; font-family: Manrope, sans-serif; font-weight: 600; font-size: 10.5px; color: #aeb9c7; }
.gc-menu { display: flex; gap: 2px; flex: 1; overflow-x: auto; }
.gc-menu a {
  color: #c9d3df; text-decoration: none; font-weight: 700; padding: 8px 12px; border-radius: 8px; white-space: nowrap;
}
.gc-menu a:hover { background: rgba(255,255,255,.08); color: #fff; }
.gc-menu a[aria-current="page"] { background: #fff; color: var(--gc-navy); }
.gc-usuario { position: relative; }
.gc-usuario > button {
  display: flex; align-items: center; gap: 8px; background: rgba(255,255,255,.08); border: 0; color: #fff;
  border-radius: 999px; padding: 4px 12px 4px 4px; cursor: pointer; font: inherit; font-weight: 700;
}
.gc-avatar { width: 28px; height: 28px; border-radius: 999px; background: var(--gc-laranja); display: grid; place-items: center; font-weight: 800; }
.gc-cardapio {
  position: absolute; right: 0; top: calc(100% + 6px); background: #fff; color: var(--gc-tinta); min-width: 200px; z-index: 50;
  border: 1px solid var(--gc-linha); border-radius: 12px; box-shadow: 0 12px 32px rgba(0,0,0,.16); padding: 6px;
}
.gc-cardapio p { padding: 8px 10px 6px; font-size: 12px; color: var(--gc-tinta3); }
.gc-cardapio a, .gc-cardapio button {
  display: block; width: 100%; text-align: left; padding: 8px 10px; border-radius: 8px; border: 0; background: none;
  color: var(--gc-tinta); text-decoration: none; font: inherit; font-weight: 600; cursor: pointer;
}
.gc-cardapio a:hover, .gc-cardapio button:hover { background: var(--gc-suave); }
.gc-hamburguer { display: none; background: none; border: 0; color: #fff; font-size: 22px; cursor: pointer; }
@media (max-width: 860px) {
  .gc-hamburguer { display: block; }
  .gc-menu { display: none; position: absolute; top: 52px; left: 0; right: 0; flex-direction: column; background: var(--gc-navy); padding: 8px; z-index: 40; }
  .gc-menu.aberto { display: flex; }
  .gc-marca small { display: none; }
}

/* telas novas */
body.gc { margin: 0; background: var(--gc-fundo); color: var(--gc-tinta); font-family: Manrope, "Segoe UI", sans-serif; font-size: 14px; line-height: 1.45; }
body.gc * { box-sizing: border-box; }
.gc h1, .gc h2, .gc h3 { font-family: Archivo, "Arial Narrow", sans-serif; letter-spacing: -.01em; margin: 0; }
.gc-pagina { max-width: 1180px; margin: 0 auto; padding: 24px 20px 48px; }
.gc-topo { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.gc-topo h1 { font-size: 24px; font-weight: 800; }
.gc-topo p { margin: 2px 0 0; color: var(--gc-tinta2); font-size: 13px; }
.gc-card { background: var(--gc-papel); border: 1px solid var(--gc-linha); border-radius: 14px; padding: 18px; }
.gc-card h2 { font-size: 15px; font-weight: 800; margin-bottom: 12px; }
.gc-grade { display: grid; gap: 14px; }
.gc-grade.g2 { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
.gc-grade.g3 { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.gc-rotulo { font-family: Archivo, sans-serif; font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--gc-tinta3); }
.gc-numero { font-family: Archivo, sans-serif; font-size: 30px; font-weight: 800; line-height: 1.1; }
.gc-barrinha { height: 8px; border-radius: 999px; background: var(--gc-suave); overflow: hidden; }
.gc-barrinha span { display: block; height: 100%; border-radius: 999px; background: var(--gc-laranja); }
.gc-lista { list-style: none; margin: 0; padding: 0; }
.gc-lista > li { padding: 10px 0; border-bottom: 1px solid var(--gc-linha); }
.gc-lista > li:last-child { border-bottom: 0; }
.gc-meta { font-size: 12px; color: var(--gc-tinta3); }
.gc-selo { display: inline-block; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: var(--gc-suave); color: var(--gc-tinta2); }
.gc-selo.ok { background: #e3f6ee; color: #0d7a4d; } .gc-selo.aviso { background: #fff1e6; color: #b5480a; } .gc-selo.erro { background: #fde8e8; color: #a32020; }
.gc-btn {
  display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--gc-linha); background: #fff; color: var(--gc-tinta);
  padding: 8px 14px; border-radius: 9px; font: inherit; font-weight: 700; cursor: pointer; text-decoration: none;
}
.gc-btn:hover { border-color: #c4ccd6; }
.gc-btn.primario { background: var(--gc-navy); border-color: var(--gc-navy); color: #fff; }
.gc-btn.perigo { color: var(--gc-vermelho); }
.gc-btn:disabled { opacity: .6; cursor: default; }
.gc-campo { display: block; margin-bottom: 12px; }
.gc-campo span { display: block; font-size: 12px; font-weight: 700; color: var(--gc-tinta2); margin-bottom: 4px; }
.gc-campo input, .gc-campo textarea, .gc-campo select {
  width: 100%; border: 1px solid var(--gc-linha); border-radius: 9px; padding: 9px 11px; font: inherit; background: #fff; color: var(--gc-tinta);
}
.gc-campo textarea { min-height: 90px; resize: vertical; }
.gc-campo input:focus, .gc-campo textarea:focus, .gc-campo select:focus { outline: 2px solid var(--gc-azul); outline-offset: 0; border-color: transparent; }
.gc-texto { white-space: pre-wrap; }
.gc-texto ul { margin: 4px 0; padding-left: 18px; }
.gc-vazio { color: var(--gc-tinta3); padding: 18px 0; text-align: center; }
.gc-aviso {
  position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); background: var(--gc-tinta); color: #fff;
  padding: 10px 16px; border-radius: 10px; font-weight: 700; z-index: 100; box-shadow: 0 8px 24px rgba(0,0,0,.25);
}
.gc-confirma { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 10px; background: #fff7f0; border: 1px solid #f6c9a8; margin-top: 8px; }
.gc-tabela { width: 100%; border-collapse: collapse; }
.gc-tabela th { text-align: left; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; color: var(--gc-tinta3); padding: 8px; border-bottom: 1px solid var(--gc-linha); }
.gc-tabela td { padding: 10px 8px; border-bottom: 1px solid var(--gc-linha); vertical-align: middle; }
.gc-filtros { display: flex; flex-wrap: wrap; gap: 6px; }
.gc-filtros button { border: 1px solid var(--gc-linha); background: #fff; border-radius: 999px; padding: 5px 12px; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.gc-filtros button[aria-pressed="true"] { background: var(--gc-navy); border-color: var(--gc-navy); color: #fff; }
@media (max-width: 640px) { .gc-tabela.responsiva thead { display: none; } .gc-tabela.responsiva td { display: block; border: 0; padding: 4px 0; } .gc-tabela.responsiva tr { display: block; padding: 10px 0; border-bottom: 1px solid var(--gc-linha); } }