/* Caisse & justificatifs : trois onglets, tableau de bord des caisses, « À payer » guidé, ordre de paiement (2026-10-21). Jetons de styles.css uniquement. */
.cwTop { display: flex; gap: 8px; flex-wrap: wrap; margin: 4px 0 12px; border-bottom: 1px solid var(--bordure); padding-bottom: 10px; }
.cwTop .exChip { padding: 9px 16px; font-size: 13.5px; }
.cwTop .exChip .n, .cxTabs .exChip .n { display: inline-block; min-width: 18px; padding: 0 6px; margin-left: 4px; border-radius: 999px; background: var(--or); color: #3b2a07; font-size: 11px; line-height: 18px; text-align: center; }
.cwTop .exChip.on .n { background: #fff; color: var(--brun); }
.cwKpiRow { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; margin-bottom: 14px; }
.cwKpi { background: var(--carte); border: 1px solid var(--bordure); border-radius: var(--rayon); padding: 10px 14px; text-align: left; }
.cwKpi label { display: block; font-size: 10.5px; text-transform: uppercase; letter-spacing: .06em; color: var(--texte-clair); font-weight: 700; margin: 0 0 2px; }
.cwKpi b { font-size: 22px; color: var(--brun-fonce); }
.cwKpi.warn b { color: #A06A00; }
.cwCards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; margin-bottom: 14px; }
.cwCard { background: var(--carte); border: 1px solid var(--bordure); border-left: 4px solid var(--or); border-radius: var(--rayon); padding: 14px 16px; display: flex; flex-direction: column; gap: 6px; }
.cwCard.principale { border-left-color: #124C87; }
.cwCard.pdv, .cwCard.recette { border-left-color: #6B8E23; background: #FCFBF7; }
.cwCardHead { display: flex; align-items: center; gap: 8px; color: var(--brun-fonce); }
.cwCardHead i { color: var(--brun); }
.cwBal { font-size: 26px; font-weight: 700; color: var(--brun-fonce); line-height: 1.1; }
.cwCard small { color: var(--texte-clair); font-size: 11.5px; }
.cwChips { display: flex; gap: 6px; flex-wrap: wrap; margin: 4px 0; }
.cwChip { border: 1px solid var(--bordure); background: #FBF4EA; color: var(--brun); border-radius: 999px; padding: 3px 10px; font-size: 11.5px; font-weight: 600; cursor: pointer; }
.cwChip.hot { background: var(--or); border-color: var(--or); color: #3b2a07; }
.cwBar { height: 6px; border-radius: 3px; background: #EFE6D6; overflow: hidden; }
.cwBar > i { display: block; height: 100%; background: var(--or); }
.cwBar > i.over { background: var(--rouge, #B3261E); }
.cwNote { font-size: 12px; color: var(--texte-clair); margin: 6px 0; }
.cwOp { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 600; padding: 2px 9px; border-radius: 999px; background: #E6F3E6; color: #1F6B2A; border: 0; cursor: pointer; }
.cwOp.miss { background: #FFF3CD; color: #6B5300; cursor: default; }
.cwOp.warn { background: #FFF3CD; color: #6B5300; }
.cwPayRow { grid-template-columns: minmax(0, 1fr) auto auto auto; }
.cwPayRow .cwAct { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
/* guided sheet */
.cwSteps { display: flex; gap: 6px; margin: 0 0 14px; flex-wrap: wrap; }
.cwSteps span { flex: 1; min-width: 70px; text-align: center; font-size: 11.5px; padding: 6px 4px; border-radius: 999px; background: #F3ECE0; color: var(--texte-clair); font-weight: 600; }
.cwSteps span.on { background: var(--brun); color: #fff; }
.cwSteps span.done { background: #E6F3E6; color: #1F6B2A; }
.cwSum { background: #FBF4EA; border: 1px solid var(--bordure); border-radius: var(--rayon); padding: 10px 14px; margin-bottom: 12px; font-size: 13px; }
.cwSum b { color: var(--brun-fonce); }
.cwSum small { display: block; color: var(--texte-clair); margin-top: 2px; }
.cwTiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 10px; }
.cwSwitch { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
.cwFoot { position: sticky; bottom: 0; display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap; padding: 12px 0 2px; margin-top: 14px; background: linear-gradient(to top, var(--carte) 70%, transparent); }
.cwErr { color: #A32B22; font-size: 12.5px; margin: 6px 0; }
.cwDone { text-align: center; padding: 18px 8px; }
.cwDone i.big { font-size: 44px; color: #2E7D32; }
.cwDone h3 { margin: 8px 0 4px; color: var(--brun-fonce); }
.cwPrev { font-size: 12.5px; border: 1px dashed var(--bordure); border-radius: var(--rayon); padding: 8px 12px; margin: 10px 0; }
.cwPrev div { display: flex; justify-content: space-between; gap: 8px; }
/* settings */
.cwCfg label.cwRow { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; margin: 6px 0; }
.cwCfg label.cwRow small { display: block; color: var(--texte-clair); font-size: 11.5px; }
.cwCfg table { width: 100%; border-collapse: collapse; font-size: 13px; margin: 6px 0 12px; }
.cwCfg th, .cwCfg td { padding: 6px 8px; border-bottom: 1px solid var(--bordure); text-align: left; }
.cwCfg td input[type=text] { width: 100%; }
@media (max-width: 640px) {
  .cwTop .exChip { padding: 8px 12px; font-size: 12.5px; flex: 1 1 auto; text-align: center; }
  .cwPayRow { grid-template-columns: 1fr; }
  .cwPayRow .cwAct { justify-content: flex-start; }
  .cwBal { font-size: 22px; }
  .cwSteps span { min-width: 60px; font-size: 11px; }
}