.cli-card{padding:0;overflow:hidden}
.cli-head{display:flex;align-items:center;gap:8px;padding:12px 14px}
.cli-head-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0;cursor:pointer;border-radius:10px;transition:.12s}
.cli-head-main:hover{opacity:.85}
.cli-head .lg{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:17px;flex-shrink:0}
.cli-head .meta{flex:1;min-width:0}
.cli-head .meta b{font-size:15.5px;letter-spacing:-.2px}
.cli-head .meta .l{font-size:12.5px;color:var(--ink-3);display:flex;gap:12px;flex-wrap:wrap;margin-top:2px}
.cli-chev{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--ink-3);flex-shrink:0;transition:.15s}
.cli-chev:hover{background:var(--line-2);color:var(--ink)}
.cli-chev svg{width:18px;height:18px;transition:transform .2s}
.cli-chev.open svg{transform:rotate(180deg)}
.cli-lojas{border-top:1px solid var(--line-2);background:var(--surface-2);padding:6px 8px}
.loja-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;transition:.12s;cursor:pointer}
.loja-row:hover{background:var(--surface)}
.loja-row .row-chev{width:16px;height:16px;color:var(--ink-3);flex-shrink:0}
.loja-row .li{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-strong)}
.loja-row .li svg{width:16px;height:16px}
.loja-row .info{flex:1;min-width:0}
.loja-row .info b{font-weight:600}
.loja-row .info span{font-size:12px;color:var(--ink-3)}

.agenda-top{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.agenda-mes{flex:1;text-align:center;font-size:17px;font-weight:680;margin:0;letter-spacing:-.2px}
.agenda-tools{display:flex;justify-content:flex-end;margin:-4px 0 10px}
.agenda-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;font-size:12px;color:var(--ink-3)}
.agenda-legend span{display:inline-flex;align-items:center;gap:6px}
.lgdot{width:11px;height:11px;border-radius:4px;display:inline-block}

.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.cal .dow{font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-3);font-weight:700;text-align:center;padding:3px 0}
.cal .cell{min-height:66px;border:1px solid var(--line-2);border-radius:10px;padding:6px;background:var(--surface);
  transition:.12s;cursor:pointer;display:flex;flex-direction:column;gap:4px;overflow:hidden;position:relative}
.cal .cell:hover{border-color:var(--accent)}
/* dias fora do mês: espaço reservado em branco (não mostramos o mês anterior
   nem o seguinte) — mesmo comportamento do Receita Pro */
.cal .cell.out{border-color:transparent;background:transparent;cursor:default;pointer-events:none}
.cal .cell.today{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.cal .cell .d{font-size:12px;font-weight:650;color:var(--ink-2)}
.cal .cell.today .d{color:var(--accent-strong)}
.ag-pills{display:flex;flex-wrap:wrap;gap:3px;margin-top:auto}
.ag-pill{font-size:10px;font-weight:700;line-height:1;padding:2px 5px;border-radius:5px;min-width:16px;text-align:center}
.ag-pill.info{background:var(--accent-soft);color:var(--accent-strong)}
.ag-pill.ok{background:var(--ok-soft);color:var(--ok)}
.ag-pill.troca{background:var(--troca-soft);color:var(--troca)}
.ag-pill.excluido{background:var(--line-2);color:var(--ink-3)}
/* Acento (não verde): "Realizado" já é verde — usar a mesma cor para "$ Pago"
   deixava as duas legendas indistinguíveis no relance. */
.ag-pill.money{background:var(--accent);color:#fff}
.ag-pill.mais{background:var(--line-2);color:var(--ink-2)}
.cal .cell.selecting::after{content:"";position:absolute;top:6px;right:6px;width:15px;height:15px;border-radius:50%;border:2px solid var(--line);background:var(--surface)}
.cal .cell.picked{border-color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent);background:var(--accent-soft)}
.cal .cell.picked::after{content:"✓";border-color:var(--accent);background:var(--accent);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}

.selbar{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));max-width:520px;margin:0 auto;z-index:50;
  background:var(--ink);color:#fff;border-radius:14px;box-shadow:var(--shadow-lg);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.selbar b{font-size:13.5px}
.selbar-actions{display:flex;gap:8px;flex:0 0 auto}
.selbar .btn{padding:7px 12px;font-size:12.5px;background:transparent;border-color:rgba(255,255,255,.35);color:#fff}
.selbar .btn.primary{background:var(--accent);border-color:var(--accent)}
.selbar .btn:disabled{opacity:.5}

.row-excluida{opacity:.55}

.pol-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.pol-card{padding:16px;cursor:pointer;transition:.15s}
.pol-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}
.pol-card-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
.pol-card-id{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.pol-card-id b{font-size:15.5px;letter-spacing:-.2px}
.pol-card-id span{font-size:12.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pol-card-status{align-self:flex-start;flex-shrink:0}
.pol-card-lojas .lbl{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-3);margin-bottom:6px}
.chips{display:flex;flex-wrap:wrap;gap:5px}

.avatar.photo{overflow:hidden;padding:0}
.avatar.photo img{width:100%;height:100%;object-fit:cover;display:block}
.foto-picker{grid-column:1/-1;display:flex;align-items:center;gap:14px}
.foto-picker .foto-prev{flex-shrink:0}
.foto-picker .foto-acts{display:flex;gap:8px;flex-wrap:wrap}

/* Detalhes: linhas mais "finas" (menos respiro vertical) e títulos de seção em
   negrito escuro, para separarem os blocos de informação com clareza. */
.det-sect{margin-bottom:11px}
.det-sect:last-child{margin-bottom:0}
.det-sect-h{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-2);margin-bottom:2px}
.det-row{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:5px 0;border-bottom:1px solid var(--line-2)}
.det-row:last-child{border-bottom:0}
.det-row span{color:var(--ink-3);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}
.det-row b{color:var(--ink);text-align:right;font-size:13.5px;font-weight:600}
/* Tela "Mais" — mesmos valores do Receita Pro (.mais-titulo / .mais-item).
   O título do grupo fica FORA do bloco: rótulo pequeno em caixa alta, não um
   cabeçalho de card. */
.mais-grupo{margin-bottom:1.1rem}
.mais-titulo{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);
  margin:0 0 .45rem .2rem;font-weight:700}
.mais-item{width:100%;display:flex;align-items:center;gap:.75rem;text-align:left;cursor:pointer;
  background:var(--surface);border:0;border-bottom:1px solid var(--line);padding:.75rem .85rem;
  font-family:inherit;color:var(--ink);transition:background .12s}
.mais-grupo .mais-item:first-of-type{border-radius:14px 14px 0 0}
.mais-grupo .mais-item:last-of-type{border-radius:0 0 14px 14px;border-bottom:0}
.mais-grupo .mais-item:only-of-type{border-radius:14px}
.mais-item:hover{background:var(--line-2)}
.mais-ic{flex:0 0 auto;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;
  background:var(--accent-soft);color:var(--accent-strong)}
.mais-ic svg{width:18px;height:18px}
.mais-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}
.mais-tx b{font-size:.92rem}
.mais-tx small{color:var(--ink-3);font-size:.74rem}
.mais-chev{flex:0 0 auto;color:var(--ink-3);display:grid;place-items:center}
.mais-chev svg{width:16px;height:16px}

/* chips (lojas vinculadas) na mesma linha do rótulo, alinhados à direita */
.det-row b.det-chips{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end;min-width:0}

/* Postos & Horários — cabeçalho da loja com um tom de cor para se destacar do
   corpo do cartão; o valor/dia usa o verde de "recebido" do Receita Pro. */
.loja-card{margin-bottom:14px;overflow:hidden}
.loja-h{background:var(--accent-soft);border-bottom-color:transparent}
.loja-h h3{font-weight:600;color:var(--accent-strong)}
.loja-h .sub{color:var(--accent-strong);opacity:.75}
.loja-h-acts{display:flex;align-items:center;gap:10px;flex-shrink:0}
.chip.ok{background:var(--ok-soft);color:var(--ok);font-weight:700}
.loja-card .cli-chev{color:var(--accent-strong)}
.loja-card .cli-chev:hover{background:color-mix(in srgb,var(--accent) 14%,transparent)}
/* só os três dados da linha ficam em negrito — o resto pesava demais na leitura.
   O seletor do valor/dia precisa da mesma "força" do td acima, senão perde o peso. */
.loja-card .tbl tbody td{font-weight:400}
.loja-card .tbl tbody td b{font-weight:700}
.loja-card .tbl tbody td.valor-dia{font-weight:700;color:var(--ok)}
/* telefone discável: toque abre o discador do celular */
.det-link{color:var(--accent);text-decoration:none;font-weight:600}
.det-link:hover{text-decoration:underline}

/* Cards de lançamento (mobile) — substituem a tabela de 9 colunas quando a tela é
   estreita; ver .desktop-only/.mobile-only em mobile.css. */
.esc-cards{display:flex;flex-direction:column;gap:10px}
.esc-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}
.esc-card-top{display:flex;align-items:flex-start;gap:10px}
.esc-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.esc-card-info b{font-size:14px}
.esc-card-info span{font-size:12px;color:var(--ink-3)}
.esc-card-date{display:block}
.esc-card-val{text-align:right;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.esc-card-val b{font-size:14.5px}
.esc-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line-2)}
/* alvos de toque de 44px — as mesmas ações da tabela, só que sempre visíveis e maiores */
.r-act.mobile{display:flex;gap:4px}
.r-act.mobile .btn{min-width:40px;min-height:40px;padding:8px}

/* Escala (gerador de quinzena): matriz postos × dias. */
.mtx-wrap{overflow-x:auto;padding:10px}
table.mtx{border-collapse:separate;border-spacing:3px;font-size:11.5px}
.mtx thead th{padding:2px;font-weight:600;color:var(--ink-3);text-align:center;white-space:nowrap}
.mtx-posto{position:sticky;left:0;background:var(--surface);text-align:left!important;padding:8px 12px!important;white-space:nowrap;font-size:12.5px;z-index:2}
.mtx-dow{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.4px}
.mtx-dia{display:block;font-size:12px;font-weight:650;color:var(--ink)}
.mtx-cell{width:38px;height:36px;min-width:38px;text-align:center;font-size:11px;font-weight:650;border:1px solid var(--line-2);
  border-radius:7px;cursor:pointer;transition:filter .12s;background:var(--crit-soft);color:var(--crit)}
.mtx-cell:hover{filter:brightness(.96)}
.mtx-cell.coberto{background:var(--accent-soft);color:var(--accent-strong);border-color:transparent}
.mtx-cell.proposta{background:var(--surface);color:var(--accent-strong);border:1.5px dashed var(--accent)}
.mtx-cell.troca{background:var(--warn-soft);color:var(--warn);border-color:transparent}
@media(max-width:860px){.mtx-cell{width:34px}}