/* ============================================================
   sections.css — seções Tarefas e Progresso.
   Roxo assina (identidade, estrutura), verde aciona (CTA e quem
   está na frente no placar). Títulos e números em Clash Display.
   ============================================================ */

/* chips de filtro/período (compartilhados pelas duas seções) */
.fchip{background:transparent;border:1px solid var(--border);color:var(--mut);
  font-family:var(--ui);font-size:12.5px;font-weight:500;padding:7px 13px;border-radius:9px;
  cursor:pointer;transition:border-color 180ms,color 180ms,background 180ms;}
.fchip:hover{color:var(--txt);border-color:var(--pur);}
.fchip.on{color:var(--txt);border-color:var(--pur);background:rgba(124,58,237,.14);}

/* ======================= TAREFAS ======================= */
.tarefas-topo{display:flex;align-items:center;justify-content:space-between;gap:16px;
  flex-wrap:wrap;margin-bottom:20px;}
.filtro-dono{display:flex;gap:8px;flex-wrap:wrap;}

.board{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start;}
.col{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px 13px;}
.colcab{display:flex;align-items:center;justify-content:space-between;padding:2px 6px 12px;
  margin-bottom:12px;border-bottom:1px solid var(--border);}
.colrot{font-family:var(--mono);font-size:11px;letter-spacing:.17em;text-transform:uppercase;
  color:var(--txt);font-weight:700;}
.colqtd{font-family:var(--mono);font-size:11px;color:var(--dim);}
.collista{display:flex;flex-direction:column;gap:11px;min-height:60px;}

.tcard{background:var(--card2);border:1px solid var(--border);border-left:3px solid var(--border);
  border-radius:12px;padding:14px 15px;transition:border-color 180ms,transform 180ms;}
.tcard:hover{border-left-color:var(--pur2);transform:translateY(-1px);}
.tcard.alta{border-left-color:var(--warn);}
.pri{display:inline-block;font-family:var(--mono);font-size:9px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--warn);border:1px solid rgba(255,176,32,.4);
  background:rgba(255,176,32,.08);border-radius:5px;padding:2px 7px;margin-bottom:8px;}
.ttit{font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:-.3px;
  line-height:1.35;color:var(--txt);}
.tctx{font-size:12.5px;color:var(--mut);margin-top:6px;line-height:1.5;}
.tmeta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px;}
.dono{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--mut);}
.dono .bolha{width:20px;height:20px;border-radius:50%;flex:0 0 20px;display:grid;place-items:center;
  font-family:var(--display);font-weight:600;font-size:10.5px;color:#fff;
  background:linear-gradient(150deg,var(--pur),var(--pur2));}
.dono.vazio{color:var(--dim);}
.dono.vazio .bolha{background:transparent;border:1px dashed var(--border);color:var(--dim);}
.prazo{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--dim);
  border:1px solid var(--border);border-radius:6px;padding:3px 8px;}
.prazo.atrasada{color:var(--warn);border-color:rgba(255,176,32,.4);background:rgba(255,176,32,.08);}
.tacoes{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px;}
.tb{background:transparent;border:1px solid var(--border);color:var(--txt);font-family:var(--ui);
  font-size:12.5px;font-weight:500;padding:6px 11px;border-radius:8px;cursor:pointer;
  transition:border-color 180ms,background 180ms,color 180ms;}
.tb:hover{border-color:var(--pur);}
.tb.ok{border-color:rgba(59,214,113,.45);color:var(--ok);}
.tb.ok:hover{background:var(--ok);border-color:var(--ok);color:var(--ink);}
.tb.ghost{color:var(--dim);margin-left:auto;padding:6px 9px;}
.tb.ghost:hover{border-color:var(--bad);color:var(--bad);}
.tvazio{color:var(--dim);font-size:13px;text-align:center;padding:26px 10px;line-height:1.6;
  border:1px dashed var(--border);border-radius:10px;}

/* botão Histórico no rodapé da coluna Feito */
.hist-btn{width:100%;margin-top:11px;display:flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--ui);font-size:12.5px;font-weight:500;color:var(--mut);background:transparent;
  border:1px solid var(--border);border-radius:9px;padding:9px;cursor:pointer;
  transition:border-color 160ms,color 160ms;}
.hist-btn:hover{border-color:var(--pur);color:var(--txt);}
.hist-btn span{font-family:var(--mono);font-size:10px;color:var(--dim);border:1px solid var(--border);
  border-radius:5px;padding:1px 6px;}

/* diálogo de histórico — só a lista rola (um scroll só, limpo) */
dialog.hist{max-width:560px;max-height:82vh;display:flex;flex-direction:column;overflow:hidden;}
dialog.hist .acoes{display:none;}
dialog.hist #dlgCampos{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;}
.hist-lista{flex:1;min-height:0;overflow-y:auto;margin-top:2px;padding-right:6px;}
.hist-dia{position:sticky;top:0;background:var(--card);display:flex;align-items:center;
  justify-content:space-between;font-family:var(--mono);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--dim);padding:9px 2px 8px;border-bottom:1px solid var(--border);
  margin-bottom:10px;z-index:1;}
.hist-dia span{color:var(--mut);}
.hist-item{background:var(--card2);border:1px solid var(--border);border-radius:10px;
  padding:11px 13px;margin-bottom:9px;}
.hist-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;}
.hist-tit{font-family:var(--display);font-weight:600;font-size:15px;letter-spacing:-.3px;color:var(--txt);}
.hist-hora{font-family:var(--mono);font-size:10.5px;color:var(--dim);flex:0 0 auto;}
.hist-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:9px;}
.hist-ctx{font-size:12.5px;color:var(--mut);margin-top:8px;line-height:1.5;}

/* etiqueta de categoria no card (ponto colorido + rótulo, nunca bloco de cor) */
.ttags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px;}
.cat{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:9.5px;
  letter-spacing:.09em;text-transform:uppercase;color:var(--mut);border:1px solid var(--border);
  background:var(--ink);border-radius:6px;padding:3px 8px;}
.cat .cd{width:7px;height:7px;border-radius:50%;background:var(--c);flex:0 0 7px;
  box-shadow:0 0 7px color-mix(in srgb,var(--c) 60%,transparent);}
.recor{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:10px;
  letter-spacing:.05em;color:var(--pur3);border:1px solid rgba(139,92,246,.4);
  background:rgba(124,58,237,.1);border-radius:6px;padding:3px 8px;}

/* campos do diálogo (Nova tarefa) */
.dlg-rot{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--dim);margin:4px 0 8px;}
.dlg-sel{width:100%;background:var(--ink);border:1px solid var(--border);border-radius:9px;
  color:var(--txt);font-family:var(--ui);font-size:14px;padding:10px 12px;}
.dlg-sel:focus{outline:none;border-color:var(--pur);}
.dlg-linha{display:flex;gap:11px;align-items:flex-end;margin-bottom:9px;}
.dlg-linha.fim{align-items:center;}
.campo{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;}
.campo-rot{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);}
.dlg-check{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--mut);
  white-space:nowrap;cursor:pointer;padding-bottom:11px;}
.dlg-check input{width:16px;height:16px;accent-color:var(--pur2);}

/* chips de categoria no diálogo */
.cat-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:9px;}
.catchip{display:inline-flex;align-items:center;gap:6px;font-family:var(--ui);font-size:12.5px;
  color:var(--mut);background:transparent;border:1px solid var(--border);border-radius:8px;
  padding:7px 11px;cursor:pointer;transition:border-color 160ms,color 160ms,background 160ms;}
.catchip .cd{width:8px;height:8px;border-radius:50%;background:var(--c);flex:0 0 8px;}
.catchip:hover{color:var(--txt);border-color:var(--dim);}
.catchip.on{color:var(--txt);border-color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);}

/* ---------- calendário nosso (datepicker) ---------- */
.prazo-campo{position:relative;}
/* rótulo "Prazo" vive DENTRO da box, em cima do valor */
.prazo-abre{display:flex;flex-direction:column;gap:3px;align-items:flex-start;width:100%;
  text-align:left;background:var(--ink);border:1px solid var(--border);border-radius:9px;
  padding:8px 13px;cursor:pointer;transition:border-color 160ms;}
.prazo-abre:hover{border-color:var(--dim);}
.prazo-abre.on{border-color:var(--pur);}
.prazo-rot{font-family:var(--mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--dim);}
.prazo-val{font-family:var(--ui);font-size:14.5px;color:var(--txt);line-height:1.15;}
.prazo-abre.vazio .prazo-val{color:var(--dim);}
.prazo-cal{margin-top:7px;background:var(--card2);border:1px solid var(--border);border-radius:12px;
  padding:10px;}
.cal-topo{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
.cal-titulo{font-family:var(--display);font-weight:600;font-size:13.5px;text-transform:capitalize;}
.cal-nav{width:26px;height:26px;border-radius:8px;background:transparent;border:1px solid var(--border);
  color:var(--mut);cursor:pointer;font-size:15px;line-height:1;transition:border-color 160ms,color 160ms;}
.cal-nav:hover{border-color:var(--pur);color:var(--txt);}
.cal-sem{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:2px;}
.cal-sem span{text-align:center;font-family:var(--mono);font-size:9px;color:var(--dim);padding:2px 0;}
.cal-dias{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,29px);gap:2px;}
.cal-vazio{height:29px;}
.cal-dia{height:29px;border:0;background:transparent;color:var(--txt);font-family:var(--ui);
  font-size:12.5px;border-radius:8px;cursor:pointer;transition:background 140ms;}
.cal-dia:hover{background:var(--border);}
.cal-dia.hoje{box-shadow:0 0 0 1px var(--pur) inset;color:var(--pur3);}
.cal-dia.sel{background:var(--pur2);color:#fff;box-shadow:0 0 12px rgba(124,58,237,.4);}
.cal-rapido{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px;padding-top:9px;
  border-top:1px solid var(--border);}
.cal-rapido button{font-family:var(--ui);font-size:11.5px;color:var(--mut);background:transparent;
  border:1px solid var(--border);border-radius:7px;padding:5px 10px;cursor:pointer;
  transition:border-color 160ms,color 160ms;}
.cal-rapido button:hover{border-color:var(--pur);color:var(--txt);}
.cal-rapido button.on{border-color:var(--pur);color:var(--txt);background:rgba(124,58,237,.16);}
/* no diálogo largo o calendário fica sempre aberto e sem margem sobrando */
.prazo-campo.fixo .prazo-cal{margin-top:8px;}

/* ---------- diálogo largo (Nova tarefa: tudo à mostra, sem scroll) ---------- */
dialog.largo{max-width:840px;padding:22px 24px;}
dialog.largo h3{margin-bottom:14px;}
dialog.largo .q{display:none;}              /* sobe o layout: sem subtítulo no criar tarefa */
dialog.largo .acoes{display:none;}          /* o Cancelar vai pro rodapé compacto */
.nt-grid{display:grid;grid-template-columns:1fr 312px;gap:22px;}
.nt-col{display:flex;flex-direction:column;gap:7px;min-width:0;}
.nt-col input,.nt-col .cat-chips{margin:0;}
.nt-col .dlg-rot{margin:4px 0 -2px;}
.nt-col .dlg-check{margin:2px 0 0;}
.nt-fim{display:flex;gap:9px;justify-content:flex-end;margin-top:12px;}
.seg{display:flex;gap:6px;flex-wrap:wrap;}
.seg-b{display:inline-flex;align-items:center;gap:7px;font-family:var(--ui);font-size:12.5px;
  color:var(--mut);background:transparent;border:1px solid var(--border);border-radius:8px;
  padding:7px 12px;cursor:pointer;transition:border-color 160ms,color 160ms,background 160ms;}
.seg-b:hover{color:var(--txt);border-color:var(--dim);}
.seg-b.on{color:var(--txt);border-color:var(--pur);background:rgba(124,58,237,.14);}
.seg-b .mini{width:18px;height:18px;border-radius:50%;flex:0 0 18px;display:grid;place-items:center;
  font-family:var(--display);font-weight:600;font-size:9.5px;color:#fff;
  background:linear-gradient(150deg,var(--pur),var(--pur2));}

/* ======================= PROGRESSO ======================= */
.periodo{display:flex;gap:8px;flex-wrap:wrap;}

.arena{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:16px;margin-bottom:22px;}
.jog{position:relative;background:var(--card);border:1px solid var(--border);border-radius:16px;
  padding:22px 22px 20px;display:flex;flex-direction:column;gap:16px;transition:border-color 220ms;}
.jog.lider{border-color:rgba(198,255,0,.5);box-shadow:0 0 34px rgba(198,255,0,.09),
  0 0 0 1px rgba(198,255,0,.15) inset;}
.coroa{position:absolute;top:-10px;left:22px;font-family:var(--mono);font-size:9.5px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:var(--acid);
  border-radius:6px;padding:4px 10px;font-weight:700;}
.jogtopo{display:flex;align-items:center;gap:13px;}
.jbolha{width:46px;height:46px;border-radius:50%;flex:0 0 46px;display:grid;place-items:center;
  font-family:var(--display);font-weight:700;font-size:20px;color:#fff;
  background:linear-gradient(150deg,var(--pur),var(--pur2));
  box-shadow:0 0 18px rgba(124,58,237,.35);}
.jnome{font-family:var(--display);font-weight:600;font-size:19px;letter-spacing:-.4px;
  display:flex;align-items:center;gap:8px;}
.voce{font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--pur3);border:1px solid rgba(139,92,246,.45);border-radius:4px;padding:2px 5px;}
.jmail{font-family:var(--mono);font-size:10.5px;color:var(--dim);margin-top:3px;}
.jpontos{display:flex;align-items:baseline;gap:9px;}
.jpontos .num{font-family:var(--display);font-weight:700;font-size:52px;letter-spacing:-2px;
  line-height:1;color:var(--txt);}
.jog.lider .jpontos .num{color:var(--acid);}
.jpontos small{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--dim);}
.jbarra{height:7px;border-radius:5px;background:var(--card2);overflow:hidden;}
.jbarra span{display:block;height:100%;border-radius:5px;background:var(--pur2);
  transition:width 700ms cubic-bezier(.3,1,.4,1);}
.jog.lider .jbarra span{background:var(--acid);}
.jgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border-top:1px solid var(--border);
  padding-top:15px;}
.jgrid>div{display:flex;flex-direction:column;gap:3px;}
.jgrid b{font-family:var(--display);font-weight:600;font-size:20px;letter-spacing:-.5px;color:var(--txt);}
.jgrid span{font-family:var(--mono);font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:var(--dim);}

.versus{display:flex;align-items:center;justify-content:center;}
.versus span{font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:.5px;
  color:var(--dim);border:1px solid var(--border);border-radius:50%;width:46px;height:46px;
  display:grid;place-items:center;background:var(--card);}
.jog.fantasma{align-items:center;justify-content:center;border-style:dashed;}
.convite{color:var(--dim);font-size:13.5px;text-align:center;line-height:1.6;}

.timebloco{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px 22px;}
.timecab{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px;}
.metatxt{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--mut);}
.metabarra{height:9px;border-radius:6px;background:var(--card2);overflow:hidden;margin-bottom:16px;}
.metabarra span{display:block;height:100%;border-radius:6px;
  background:linear-gradient(90deg,var(--pur2),var(--acid));
  transition:width 800ms cubic-bezier(.3,1,.4,1);}
.timegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.timegrid>div{display:flex;flex-direction:column;gap:3px;}
.timegrid b{font-family:var(--display);font-weight:600;font-size:22px;letter-spacing:-.5px;color:var(--txt);}
.timegrid span{font-family:var(--mono);font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:var(--dim);}

.regras{margin-top:18px;font-size:12.5px;color:var(--dim);line-height:1.7;
  border-top:1px solid var(--border);padding-top:16px;}
.regras b{color:var(--mut);font-weight:600;}

/* ======================= GASTOS ======================= */
/* navegação de mês */
.mesnav{display:flex;align-items:center;gap:10px;margin-bottom:22px;}
.mn-seta{width:34px;height:34px;border-radius:9px;background:var(--card);border:1px solid var(--border);
  color:var(--mut);cursor:pointer;font-size:18px;line-height:1;transition:border-color 160ms,color 160ms;}
.mn-seta:hover{border-color:var(--pur);color:var(--txt);}
.mn-tit{font-family:var(--display);font-weight:600;font-size:20px;letter-spacing:-.4px;
  min-width:180px;text-align:center;}
.mn-tit b{color:var(--dim);font-weight:500;}
.mn-hoje{margin-left:6px;font-family:var(--ui);font-size:12.5px;color:var(--mut);background:transparent;
  border:1px solid var(--border);border-radius:8px;padding:7px 12px;cursor:pointer;
  transition:border-color 160ms,color 160ms;}
.mn-hoje:hover{border-color:var(--pur);color:var(--txt);}

/* três números-herói: entrou / saiu / sobrou */
.g-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px;}
.g-tile{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px 22px;
  display:flex;flex-direction:column;gap:9px;position:relative;overflow:hidden;}
.g-tile::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--dim);}
.g-tile.ent::before{background:var(--ok);}
.g-tile.sai::before{background:var(--bad);}
.g-tile.pos::before{background:var(--acid);}
.g-tile.neg::before{background:var(--bad);}
.g-rot{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);}
.g-num{font-family:var(--display);font-weight:700;font-size:34px;letter-spacing:-1.4px;color:var(--txt);
  line-height:1;}
.g-tile.ent .g-num{color:var(--ok);}
.g-tile.pos .g-num{color:var(--acid);}
.g-tile.neg .g-num{color:var(--bad);}

/* duas colunas: listas à esquerda, "pra onde foi" à direita */
.g-colunas{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start;}
.g-esq{display:flex;flex-direction:column;gap:16px;min-width:0;}

.g-bloco{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px 15px;}
.g-bcab{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 12px;
  margin-bottom:10px;border-bottom:1px solid var(--border);}
.g-bcab .colqtd{text-transform:none;letter-spacing:.02em;}
.g-lista{display:flex;flex-direction:column;gap:8px;}

/* uma linha de lançamento */
.glinha{display:flex;align-items:center;gap:12px;background:var(--card2);border:1px solid var(--border);
  border-radius:11px;padding:12px 14px;transition:border-color 160ms;}
.glinha:hover{border-color:var(--dim);}
.glinha.off{opacity:.5;}
.gl-dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px;}
.glinha.ent .gl-dot{background:var(--ok);box-shadow:0 0 8px rgba(59,214,113,.5);}
.glinha.sai .gl-dot{background:var(--bad);box-shadow:0 0 8px rgba(255,92,92,.4);}
.gl-corpo{flex:1;min-width:0;}
.gl-tit{font-family:var(--display);font-weight:600;font-size:15px;letter-spacing:-.3px;color:var(--txt);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gl-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px;}
.gl-cli{font-family:var(--ui);font-size:11.5px;color:var(--mut);border:1px solid var(--border);
  border-radius:6px;padding:2px 8px;}
.gl-pausa{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--dim);border:1px solid var(--border);border-radius:5px;padding:2px 7px;}
.gl-val{font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:-.5px;flex:0 0 auto;
  white-space:nowrap;}
.gl-val.ent{color:var(--ok);}
.gl-val.sai{color:var(--txt);}
.gl-acoes{display:flex;gap:6px;flex:0 0 auto;}

/* pra onde foi (barras por categoria) */
.g-cats{display:flex;flex-direction:column;gap:14px;}
.gcat-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;}
.gcat-val{font-family:var(--display);font-weight:600;font-size:14px;letter-spacing:-.3px;color:var(--txt);}
.gcat-bar{height:8px;border-radius:5px;background:var(--card2);overflow:hidden;}
.gcat-bar span{display:block;height:100%;border-radius:5px;background:var(--c);
  box-shadow:0 0 10px color-mix(in srgb,var(--c) 45%,transparent);
  transition:width 600ms cubic-bezier(.3,1,.4,1);}

/* campo de valor no diálogo (R$ colado no input) */
.g-valor{display:flex;align-items:center;gap:8px;background:var(--ink);border:1px solid var(--border);
  border-radius:9px;padding:0 13px;margin-bottom:2px;transition:border-color 160ms;}
.g-valor:focus-within{border-color:var(--pur);}
.g-cifra{font-family:var(--display);font-weight:600;font-size:17px;color:var(--dim);flex:0 0 auto;}
.g-valor input{flex:1;min-width:0;background:transparent;border:0;color:var(--txt);
  font-family:var(--display);font-weight:700;font-size:24px;letter-spacing:-.6px;padding:11px 0;}
.g-valor input:focus{outline:none;}
.g-dica{font-size:12px;color:var(--dim);line-height:1.6;margin-top:12px;}

@media(max-width:900px){
  .g-colunas{grid-template-columns:1fr;}
  .g-dir{order:-1;}
}
@media(max-width:820px){
  .board{grid-template-columns:1fr;}
  .arena{grid-template-columns:1fr;}
  .versus span{transform:rotate(90deg);}
  .nt-grid{grid-template-columns:1fr;}
  .g-tiles{grid-template-columns:1fr;}
}