.menu a{ width: 100%; display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: var(--r-p); color: var(--marrom); font-size: .92rem; letter-spacing: .01em; text-decoration: none; transition: background .25s ease, color .25s ease; }
.menu a:hover{ background: var(--bege); }
.menu a[aria-current="page"]{ background: var(--papel); color: var(--terracota-escuro); box-shadow: var(--sombra); }
.menu a[aria-current="page"] .ico{ color: var(--terracota); }
.lateral__pe form{ display: inline; }
.lateral__pe .botao{ margin-top: 8px; }

.toasts{ position: fixed; left: 50%; bottom: calc(22px + env(safe-area-inset-bottom, 0px)); translate: -50% 0; z-index: 80; display: flex; flex-direction: column; align-items: center; gap: 8px; pointer-events: none; }
.toasts .toast{ position: static; translate: none; pointer-events: auto; cursor: pointer; }
.toast--atraso{ background: var(--atraso); }

dialog{ border: 0; padding: 0; color: inherit; }
dialog:not([open]){ display: none; }
dialog::backdrop{ background: rgba(74,48,40,.3); }
dialog.painel__caixa{ position: fixed; inset: 0 0 0 auto; margin: 0; height: 100%; max-height: 100%; max-width: 100%; }
dialog.painel__caixa > turbo-frame{ display: flex; flex-direction: column; height: 100%; min-height: 0; }
dialog.confirmar__caixa{ margin: auto; }
.confirmar__caixa form{ display: flex; flex-direction: column; gap: 14px; }

.campo__erro{ font-size: .74rem; color: var(--atraso); }
.campo--marcar{ flex-direction: row; align-items: center; gap: 8px; }
.campo--marcar input{ width: auto; accent-color: var(--terracota-escuro); }
.campo--marcar label{ font-size: .9rem; color: inherit; letter-spacing: 0; }

.cabecalho__titulo{ display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.alerta--fixo{ cursor: default; }
.alerta--fixo:hover{ border-color: var(--linha-fina); }
.metrica small{ display: block; }
.tabela-caixa .acoes-linha{ padding: 12px 16px; border-top: 1px solid var(--linha-fina); align-items: center; justify-content: space-between; font-size: .84rem; color: var(--tinta-suave); }
th a{ text-decoration: none; display: inline-flex; align-items: center; gap: 4px; }
.botao[aria-disabled="true"]{ opacity: .5; pointer-events: none; }

.entrada{ display: grid; place-items: center; min-height: 100%; padding: 24px; }
.entrada__caixa{ width: min(420px, 100%); display: flex; flex-direction: column; align-items: center; gap: 22px; }
.entrada .cartao{ width: 100%; display: flex; flex-direction: column; gap: 14px; }

.turbo-progress-bar{ background: var(--terracota); }
turbo-frame{ display: block; }
.conteudo > turbo-frame{ display: flex; flex-direction: column; gap: 26px; }
turbo-frame[busy]{ opacity: .6; transition: opacity .2s ease; }

.filtros .campo{ flex: 1 1 260px; max-width: 420px; }
.prioridade--high, .prioridade--urgent{ color: var(--terracota-escuro); border-color: var(--rosa); background: var(--prio-fundo); }
.etapas form, .passos-progresso form, .cartao-k__mover form, .acoes form, .cabecalho .acoes form{ display: contents; }
.passos-progresso--cartao{ flex-wrap: nowrap; gap: 4px; }
.passos-progresso--cartao button{ flex: 1; min-width: 0; padding: 4px 0; font-size: .66rem; }
.cartao-k{ transition: border-color .4s ease, box-shadow .4s ease; }
.cartao-k.destacado{ border-color: var(--terracota); box-shadow: 0 0 0 3px var(--rosa); }
.peca-linha{ display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 12px 14px; padding: 14px 16px; border: 1px solid var(--linha-fina); border-radius: var(--r-m); background: var(--creme-claro); }
.peca-linha__topo{ grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: .78rem; color: var(--tinta-suave); }
.pecas-form{ grid-column: 1 / -1; display: flex; flex-direction: column; gap: 10px; }
.pecas-form .hidden{ display: none; }
.totais{ grid-column: 1 / -1; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; }
.totais dl{ margin: 0; min-width: 220px; display: grid; grid-template-columns: 1fr auto; gap: 4px 16px; font-size: .9rem; }
.totais dt{ color: var(--tinta-suave); }
.totais dd{ margin: 0; text-align: right; font-variant-numeric: tabular-nums; }
.totais dd.total{ font-family: var(--fonte-titulo); font-size: 1.3rem; }
.anotacao{ display: flex; gap: 8px; margin-top: 16px; }
.anotacao input{ flex: 1; min-width: 0; padding: 9px 12px; border: 1px solid var(--linha); border-radius: var(--r-p); background: var(--creme-claro); }
dialog.caixa-modal{ margin: auto; width: min(560px, calc(100% - 32px)); padding: 0; }
.busca__resultados.hidden{ display: none; }
.cliente-escolhida{ display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 12px; border-radius: var(--r-p); background: var(--papel); border: 1px solid var(--linha); }
.cliente-escolhida.hidden, .campo input.hidden{ display: none; }
.selo--grande{ font-size: .82rem; padding: 5px 14px; }
@media (max-width: 640px){
  .peca-linha{ grid-template-columns: 1fr 1fr; }
  .peca-linha .campo, .peca-linha .campo--3{ grid-column: 1 / -1; }
  .peca-linha .campo--1{ grid-column: span 1; }
}

.grupo-ind li a{ display: flex; justify-content: space-between; width: 100%; gap: 10px; border-radius: 6px; text-decoration: none; color: inherit; }
.grupo-ind li a:hover{ color: var(--terracota-escuro); }
.jornada__dia [hidden]{ display: none !important; }
.jornada__pausas .pausa{ margin: 2px 0; }
.cap-dia{ cursor: default; }

.estoque-q form{ display: contents; }
.materiais-form .hidden{ display: none; }
.material-linha .campo label{ font-size: .68rem; }
.campo input[type="color"]{ height: 42px; padding: 4px 6px; cursor: pointer; }

dialog.visor__caixa{ margin: auto; width: min(980px, calc(100% - 48px)); max-height: calc(100vh - 48px); }
dialog.visor__caixa[open]{ display: flex; }
.anexos .hidden{ display: none; }
.anexos li .anexo-link{ margin-top: 0; flex: 1; }
.anexos a.anexo{ text-decoration: none; }
.miniatura a{ position: absolute; top: 4px; right: 4px; width: 24px; height: 24px; border-radius: 50%; background: color-mix(in srgb, var(--papel) 92%, transparent); display: grid; place-items: center; color: inherit; }
.miniatura a .ico{ width: 12px; height: 12px; }
.galeria button{ padding: 0; border: 0; background: none; cursor: pointer; }
.enviar-foto{ position: relative; }

.ideia__fav-form{ display: contents; }
.filtros form, .filtros .campo{ display: contents; }

a.evento{ text-decoration: none; }
.cal__ocupado i{ display: inline-block; }

.cartao__topo .filtros{ gap: 6px; }
.cartao__topo .filtros .filtro{ padding: 5px 11px; font-size: .74rem; }

.avatar-cat img{ width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.acoes-linha form{ display: contents; }

.receita-linha{ grid-template-columns: minmax(0,2.4fr) minmax(0,1fr) 34px; }
.materiais-form .material-linha.hidden{ display: none; }

.conteudo form:has(> fieldset), .painel__corpo form:has(> fieldset){ display: flex; flex-direction: column; gap: 18px; }
.conteudo form:has(> fieldset) > .acoes-linha, .painel__corpo form:has(> fieldset) > .acoes-linha{ padding-top: 4px; }

a.filtro, .tabela-caixa td a, .cartao-k h4 a, .linha-prod, .entrega, .alerta, .busca__item{ text-decoration: none; }
.tabela-caixa td a:hover, .cartao-k h4 a:hover{ text-decoration: underline; text-underline-offset: 3px; }

.menu a{ position: relative; }
.marca__mini{ display: none; }
.lateral__form{ display: inline; }
.lateral__sair .ico{ width: 14px; height: 14px; }
.lateral__pe .lateral__texto:not(.mao){ display: block; }
.lateral__pe .lateral__sair .lateral__texto{ display: inline; }
@media (min-width: 901px){
  .app{ transition: grid-template-columns .25s ease; }
  .topo .topo__menu{ display: inline-grid; }
  html.menu-recolhido{ --lateral: 76px; }
  html.menu-recolhido .lateral{ padding-inline: 12px; align-items: stretch; }
  html.menu-recolhido .lateral .marca{ align-items: center; padding-inline: 0; }
  html.menu-recolhido .lateral .marca img, html.menu-recolhido .lateral .marca span{ display: none; }
  html.menu-recolhido .lateral .marca__mini{ display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--papel); border: 1px solid var(--linha); font-family: var(--fonte-titulo); font-size: 1.5rem; font-weight: 600; color: var(--terracota-escuro); }
  html.menu-recolhido .menu a{ justify-content: center; padding: 11px 0; }
  html.menu-recolhido .menu__nome{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  html.menu-recolhido .menu .contador{ position: absolute; top: 3px; right: 4px; min-width: 17px; padding: 0 4px; font-size: .6rem; line-height: 15px; }
  html.menu-recolhido .lateral__pe{ padding-inline: 0; display: flex; justify-content: center; }
  html.menu-recolhido .lateral__texto{ display: none !important; }
  html.menu-recolhido .lateral__sair{ padding: 8px; }
}

.tabela-caixa td.num{ white-space: nowrap; }