/* ==========================================================================
   SUPERTEC — Design System
   Um arquivo para todas as ferramentas internas.
   Uso: <link rel="stylesheet" href="supertec.css">
   v1.0
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');

/* --- 1. TOKENS ----------------------------------------------------------- */

:root {
  /* Marca — extraídas do logo e do gerador de mapa */
  --st-azul:     #0096F0;
  --st-ciano:    #1ED2D2;
  --st-verde:    #3E9B5C;
  --st-laranja:  #C1502E;
  --st-roxo:     #7A4FA3;
  --st-grafite:  #3C3C3C;

  /* Superfícies */
  --st-bg:       #F4F6F8;
  --st-surface:  #FFFFFF;
  --st-surface-2:#FAFBFC;
  --st-line:     #E2E6EA;
  --st-line-2:   #CDD4DA;

  /* Texto */
  --st-ink:      #22272E;
  --st-ink-soft: #525252;
  --st-ink-mute: #7A848E;

  /* Semântica */
  --st-ok:       #2E7D4F;
  --st-warn:     #B8860B;
  --st-erro:     #C0392B;

  /* Cor de destaque — cada ferramenta sobrescreve com uma classe .accent-* */
  --st-accent:   var(--st-azul);

  /* Escala de espaço, raio e sombra */
  --st-1: 4px;  --st-2: 8px;  --st-3: 12px; --st-4: 16px;
  --st-5: 24px; --st-6: 32px; --st-7: 48px;
  --st-r:  10px;
  --st-r-sm: 6px;
  --st-shadow:    0 1px 2px rgba(34,39,46,.06), 0 1px 3px rgba(34,39,46,.08);
  --st-shadow-up: 0 4px 12px rgba(34,39,46,.10), 0 2px 4px rgba(34,39,46,.06);

  --st-font: "IBM Plex Sans", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  --st-mono: "Cascadia Mono", Consolas, "SF Mono", monospace;
}

/* Tema escuro: segue o sistema, mas o atributo data-theme manda mais */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --st-bg:       #14181D;
    --st-surface:  #1C2128;
    --st-surface-2:#232931;
    --st-line:     #2D343D;
    --st-line-2:   #3C444E;
    --st-ink:      #E6EAEE;
    --st-ink-soft: #B4BCC5;
    --st-ink-mute: #848E99;
    --st-shadow:    0 1px 2px rgba(0,0,0,.4);
    --st-shadow-up: 0 4px 14px rgba(0,0,0,.5);
  }
}
:root[data-theme="dark"] {
  --st-bg:       #14181D;
  --st-surface:  #1C2128;
  --st-surface-2:#232931;
  --st-line:     #2D343D;
  --st-line-2:   #3C444E;
  --st-ink:      #E6EAEE;
  --st-ink-soft: #B4BCC5;
  --st-ink-mute: #848E99;
  --st-shadow:    0 1px 2px rgba(0,0,0,.4);
  --st-shadow-up: 0 4px 14px rgba(0,0,0,.5);
}

/* Cores de destaque por ferramenta — escolha UMA por ferramenta */
.accent-azul    { --st-accent: var(--st-azul); }
.accent-ciano   { --st-accent: var(--st-ciano); }
.accent-verde   { --st-accent: var(--st-verde); }
.accent-laranja { --st-accent: var(--st-laranja); }
.accent-roxo    { --st-accent: var(--st-roxo); }
.accent-grafite { --st-accent: var(--st-grafite); }

/* --- 2. BASE ------------------------------------------------------------- */

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--st-bg);
  color: var(--st-ink);
  font-family: var(--st-font);
  font-size: 15px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 { margin: 0 0 var(--st-3); line-height: 1.25; font-weight: 600; }
h1 { font-size: 24px; letter-spacing: -.02em; }
h2 { font-size: 19px; }
h3 { font-size: 16px; }
p  { margin: 0 0 var(--st-3); }

a { color: var(--st-azul); text-decoration: none; }
a:hover { text-decoration: underline; }

code, kbd, pre { font-family: var(--st-mono); font-size: .9em; }
code {
  background: var(--st-surface-2);
  border: 1px solid var(--st-line);
  border-radius: var(--st-r-sm);
  padding: 1px 5px;
}

:focus-visible {
  outline: 2px solid var(--st-accent);
  outline-offset: 2px;
  border-radius: var(--st-r-sm);
}

/* --- 3. LAYOUT ----------------------------------------------------------- */

.st-wrap { max-width: 1080px; margin: 0 auto; padding: 0 var(--st-4); }

.st-topbar {
  background: var(--st-surface);
  border-bottom: 1px solid var(--st-line);
  position: sticky; top: 0; z-index: 20;
}
.st-topbar__in {
  max-width: 1080px; margin: 0 auto; padding: var(--st-3) var(--st-4);
  display: flex; align-items: center; gap: var(--st-4);
}

/* Logo da Supertec — vem embutido no CSS, nenhuma ferramenta precisa do arquivo */
.st-logo {
  width: 150px; height: 39px; flex: none;
  background: #fff url("data:image/jpeg;base64,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") center/contain no-repeat;
  border-radius: var(--st-r-sm);
  padding: 2px 6px;
}
.st-logo--sm { width: 112px; height: 29px; }

.st-topbar__title {
  font-size: 15px; font-weight: 600; color: var(--st-ink-soft);
  padding-left: var(--st-4); border-left: 1px solid var(--st-line);
}
.st-topbar__spacer { margin-left: auto; }

.st-main { padding: var(--st-6) 0 var(--st-7); }

.st-grid {
  display: grid; gap: var(--st-4);
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
}

/* --- 4. COMPONENTES ------------------------------------------------------ */

/* Cartão */
.st-card {
  background: var(--st-surface);
  border: 1px solid var(--st-line);
  border-radius: var(--st-r);
  box-shadow: var(--st-shadow);
  padding: var(--st-4);
}

/* Cartão de ferramenta (clicável) */
.st-tool {
  display: block; position: relative; overflow: hidden;
  padding: var(--st-5) var(--st-4) var(--st-4);
  color: inherit; text-decoration: none;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.st-tool::before {
  content: ""; position: absolute; inset: 0 0 auto 0; height: 4px;
  background: var(--st-accent);
}
.st-tool:hover {
  transform: translateY(-2px);
  box-shadow: var(--st-shadow-up);
  border-color: var(--st-line-2);
  text-decoration: none;
}
.st-tool__head { display: flex; align-items: flex-start; gap: var(--st-3); }
.st-tool__icon {
  width: 38px; height: 38px; flex: none;
  display: grid; place-items: center;
  border-radius: var(--st-r-sm);
  background: color-mix(in srgb, var(--st-accent) 12%, transparent);
  color: var(--st-accent);
}
.st-tool__icon svg { width: 20px; height: 20px; }
.st-tool__name { font-weight: 600; font-size: 16px; margin: 0; }
.st-tool__desc { color: var(--st-ink-mute); font-size: 13.5px; margin: var(--st-1) 0 0; }
.st-tool__foot {
  display: flex; align-items: center; justify-content: space-between;
  margin-top: var(--st-4); padding-top: var(--st-3);
  border-top: 1px solid var(--st-line);
}
.st-tool__go { font-size: 13px; font-weight: 600; color: var(--st-accent); }

/* Cartão de sistema externo: não é ferramenta nossa, abre em outra aba.
   A diferença é sinalizada pela seta e pelo selo do endereço, não pela cor. */
.st-tool--ext .st-tool__go::after { content: " \2197"; }
.st-badge--host {
  font-family: var(--st-mono); font-size: 11px; font-weight: 500;
  letter-spacing: 0;
}

/* Selo (versão, status) */
.st-badge {
  display: inline-block; font-size: 11.5px; font-weight: 600;
  letter-spacing: .02em; padding: 2px 8px; border-radius: 999px;
  background: var(--st-surface-2); color: var(--st-ink-mute);
  border: 1px solid var(--st-line);
}
.st-badge--accent {
  background: color-mix(in srgb, var(--st-accent) 12%, transparent);
  color: var(--st-accent);
  border-color: color-mix(in srgb, var(--st-accent) 30%, transparent);
}
.st-badge--beta { background: #FDF3DC; color: var(--st-warn); border-color: #EBD9A8; }

/* Botões */
.st-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--st-2);
  font: inherit; font-weight: 600; font-size: 14px;
  padding: 9px 16px; border-radius: var(--st-r-sm);
  border: 1px solid transparent; cursor: pointer;
  background: var(--st-accent); color: #fff;
  transition: filter .15s ease;
}
.st-btn:hover { filter: brightness(1.08); text-decoration: none; }
.st-btn:active { filter: brightness(.95); }
.st-btn--ghost {
  background: var(--st-surface); color: var(--st-ink-soft);
  border-color: var(--st-line-2);
}
.st-btn--ghost:hover { background: var(--st-surface-2); filter: none; }
.st-btn--sm { padding: 5px 10px; font-size: 13px; }
.st-btn[disabled] { opacity: .5; cursor: not-allowed; filter: none; }

/* Campos */
.st-field { display: block; margin-bottom: var(--st-4); }
.st-label {
  display: block; font-size: 13px; font-weight: 600;
  color: var(--st-ink-soft); margin-bottom: var(--st-1);
}
.st-input, .st-select, .st-textarea {
  width: 100%; font: inherit; color: var(--st-ink);
  background: var(--st-surface);
  border: 1px solid var(--st-line-2);
  border-radius: var(--st-r-sm);
  padding: 8px 11px;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.st-input:focus, .st-select:focus, .st-textarea:focus {
  outline: none;
  border-color: var(--st-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--st-accent) 18%, transparent);
}
.st-input::placeholder { color: var(--st-ink-mute); }
.st-hint { font-size: 12.5px; color: var(--st-ink-mute); margin-top: var(--st-1); }

/* Tabela */
.st-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.st-table th, .st-table td {
  text-align: left; padding: 9px 12px;
  border-bottom: 1px solid var(--st-line);
}
.st-table th {
  font-size: 12.5px; text-transform: uppercase; letter-spacing: .04em;
  color: var(--st-ink-mute); background: var(--st-surface-2);
}
.st-table tbody tr:hover { background: var(--st-surface-2); }

/* Avisos */
.st-alert {
  display: flex; gap: var(--st-3);
  padding: var(--st-3) var(--st-4);
  border-radius: var(--st-r-sm);
  border-left: 3px solid var(--st-ink-mute);
  background: var(--st-surface-2);
  font-size: 14px;
}
.st-alert--ok   { border-left-color: var(--st-ok);   }
.st-alert--warn { border-left-color: var(--st-warn); }
.st-alert--erro { border-left-color: var(--st-erro); }

/* Cabeçalho de seção */
.st-section-head {
  display: flex; align-items: baseline; gap: var(--st-3);
  margin: var(--st-6) 0 var(--st-4);
}
.st-section-head h2 { margin: 0; }
.st-section-head__line { flex: 1; height: 1px; background: var(--st-line); }

/* Rodapé */
.st-footer {
  border-top: 1px solid var(--st-line);
  padding: var(--st-4) 0 var(--st-6);
  font-size: 13px; color: var(--st-ink-mute);
  display: flex; gap: var(--st-4); flex-wrap: wrap; align-items: center;
}

/* Utilitários */
[hidden]   { display: none !important; }
.st-muted  { color: var(--st-ink-mute); }
.st-row    { display: flex; gap: var(--st-3); align-items: center; flex-wrap: wrap; }
.st-mt-0   { margin-top: 0; }
.st-hidden { display: none !important; }

/* --- 5. RESPONSIVO ------------------------------------------------------- */

@media (max-width: 640px) {
  .st-topbar__in  { flex-wrap: wrap; gap: var(--st-2); }
  .st-topbar__title { padding-left: 0; border-left: 0; width: 100%; }
  .st-grid { grid-template-columns: 1fr; }
  h1 { font-size: 21px; }
}

/* --- 6. IMPRESSÃO -------------------------------------------------------- */

@media print {
  .st-topbar, .st-footer, .st-btn { display: none !important; }
  body { background: #fff; }
  .st-card { box-shadow: none; border-color: #ccc; }
}