/* cockgit — nova-planta.css
   vista /nova · tela EMPRESA, 1ª camada — o OPEN SPACE (PR 9): o gating da tela, a
   planta 2×2 de salas e mesas (as ilhas por área, desenhadas por app-nova-empresa.js)
   e o corredor de handoffs. A Sala de Vidro (nova-empresa.css, carregada logo depois,
   desenhada por app-nova-sala.js) REUSA `.nv-sala`/`.nv-mesa` daqui como ilhas.

   Folha própria, e não um bloco a mais em nova-empresa.css, por uma razão medida:
   aquele arquivo é o mais mexido do painel e, com este bloco dentro, fecharia a 43KB
   do teto de 48KB — seria o próximo a estourar. Duas folhas, dois módulos de JS.

   [02/09/2026] Veio de nova.css na QUEBRA POR ÁREA, verbatim e na mesma ordem
   relativa; o porquê e a prova estão no cabeçalho de nova.css. Cor só por token. */
  /* ---- [PR 9] tela Empresa: 4 salas 2×2 + corredor (protótipo V1); mesa
     apagada = livre/em contratação; borda quente = espera o dono. ---- */
  #nv:not([data-tela="empresa"]) #nv-empresa{display:none}
  #nv-empresa{padding:0 16px 20px}
  #nv-empresa .nv-cap{margin:14px 0 10px}
  .nv-emp-planta{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .nv-sala{border:1px solid var(--ruleS);padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}
  .nv-sala>h2{margin:0;font-family:var(--display);font-size:var(--t-sec);font-weight:400;
    display:flex;align-items:baseline;gap:10px}
  .nv-sala>h2 small{margin-left:auto;font-family:var(--mono);font-size:var(--t-cap);color:var(--p3)}
  .nv-mesas{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}
  .nv-mesa{border:1px solid var(--border);background:var(--surface);padding:10px 12px;
    display:flex;flex-direction:column;gap:3px;min-width:0}
  .nv-mesa[role="button"]{cursor:pointer}
  .nv-mesa[role="button"]:hover,.nv-mesa.sel{border-color:var(--accent)}
  .nv-mesa .papel{font-size:var(--t-cap);letter-spacing:.1em;color:var(--muted);text-transform:uppercase}
  .nv-mesa .nome{font-family:var(--display);font-size:var(--t-sec)}
  .nv-mesa .faz{font-size:var(--t-dat);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .nv-mesa .faz .st{color:var(--p2)}
  .nv-mesa.livre{opacity:.45}
  .nv-mesa.livre .faz{color:var(--p3)}
  .nv-mesa.quente{border-color:var(--p1)}
  .nv-mesa.quente .faz .st{color:var(--p1)}
  .nv-pt{width:8px;height:8px;display:inline-block;background:var(--accent2);
    animation:nv-blink 1.6s infinite}
  .nv-pt.off{background:var(--p3);animation:none}
  .nv-pt.qt{background:var(--p1)}
  .nv-emp-cor{display:flex;gap:8px 18px;flex-wrap:wrap;border-top:1px dashed var(--border);
    margin-top:14px;padding-top:10px;font-size:var(--t-dat);color:var(--muted)}
  .nv-emp-cor .ok{color:var(--accent2)} .nv-emp-cor .warn{color:var(--p1)}
  .nv-emp-cor .bad{color:var(--p0)}
  /* [escala de 2 metros e alvo de 44px desta tela: bloco no fim deste arquivo; os tokens --t-* em nova.css] */

  /* ---- Empresa (a tela PADRÃO): 4 salas 2×2 continuam de pé, mas as mesas passam a
     exigir largura mínima — a 1440 cada sala segura 1 mesa larga, a 1920 volta para 2.
     Mesa estreita com nome em 34px era o pior dos dois mundos.
     [30/08] o NOME de quem está na mesa e o "agora:" são o protagonista da tela — o
     nome sobe para 40px (acima de --t-sec, que segue sendo o rótulo de sala) e a linha
     do que a mesa FAZ deixa o caps de 15px e vira --t-bod. A mesa fica mais alta; com
     4 salas e ~2 mesas por sala isso cabe, e é exatamente a troca que o dono pediu:
     menos itens, letra maior. ---- */
  .nv-sala{padding:16px;gap:12px}
  /* `min(360px,100%)` e não `360px`: com auto-fill, uma pista de mínimo FIXO não
     encolhe abaixo dele — numa sala de 324px de miolo (celular de 390) a mesa
     saía com 360px e empurrava a PÁGINA para 393px de largura, o scroll lateral
     que o dono viu. O `min()` deixa o mínimo virar 100% quando não há 360. */
  .nv-mesas{grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr));gap:12px}
  .nv-mesa{padding:14px 16px}
  .nv-mesa .nome{font-size:40px;line-height:1.15}
  /* "agora: CK #41 · carim…" era a regra, não a exceção: a linha do que a mesa FAZ é
     o sinal vivo da tela e estava sendo cortada no meio da palavra. Em vez de encolher
     a letra, ela ganha a segunda linha — e só então corta. */
  .nv-mesa .faz{font-size:var(--t-bod);white-space:normal;line-height:1.3;
    display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
  .nv-emp-cor{gap:10px 22px}
  @media (max-width:1240px){ .nv-emp-planta{grid-template-columns:1fr} }

  /* ---- O CELULAR (preâmbulo em nova.css) ---- */
  @media (max-width:820px){
    #nv-empresa{padding:0 12px 20px}   /* bordas de volta: 12px em vez de 16 (era regra única das 5 telas) */
  }