/* Ayukki v19: Analitik. Tidak memengaruhi CSS dashboard/kasir. */
.an-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:17px 20px;border:1px solid var(--line);border-radius:20px;background:#fff;margin-bottom:18px;box-shadow:var(--shadow)}
.an-toolbar .field{margin:0}.an-toolbar .field label{font-size:11px;font-weight:600}.an-toolbar input,.an-toolbar select{min-width:136px;max-width:200px}
.an-toolbar button{white-space:nowrap}.an-state{font-size:12px;color:var(--muted);padding:6px 0}
.an-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.an-kpi{padding:18px;border:1px solid var(--line);background:linear-gradient(160deg,#fff,#fff9f8);border-radius:18px;min-width:0}
.an-kpi:nth-child(2){background:linear-gradient(160deg,#fff,#f4fbf8)}.an-kpi:nth-child(3){background:linear-gradient(160deg,#fff,#fff9ed)}.an-kpi:nth-child(4){background:linear-gradient(160deg,#fff,#f5f9ff)}.an-kpi:nth-child(5){background:linear-gradient(160deg,#fff,#fbf6ff)}.an-kpi:nth-child(6){background:linear-gradient(160deg,#fff,#fffbf1)}
.an-kpi .an-value{font-size:clamp(17px,2vw,25px);font-weight:700;letter-spacing:-.5px;overflow-wrap:anywhere;margin:4px 0}.an-kpi .an-caption{font-size:11px;color:var(--muted)}.an-kpi .an-icon{font-size:19px}
.an-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:15px;margin-top:15px}.an-columns.equal{grid-template-columns:repeat(2,minmax(0,1fr))}
.an-tabs{display:inline-flex;gap:5px;border-radius:12px;background:#faf1ef;padding:4px;flex-wrap:wrap}
.an-tabs button{border:0;background:transparent;border-radius:9px;color:#7c5952;padding:8px 13px;cursor:pointer;font-size:12px;font-weight:600}
.an-tabs button.selected{background:#fff;box-shadow:0 2px 7px rgba(72,20,20,.10);color:var(--brand)}
.an-graph-svg{width:100%;height:265px;overflow:visible;display:block}
.an-tooltip-note{font-size:11px;color:var(--muted);margin-top:8px}
.an-baritem{display:grid;grid-template-columns:1fr 90px;align-items:center;gap:5px 12px;padding:9px 0;border-bottom:1px solid #f3e7e5}
.an-baritem .barline{grid-column:1/3;height:9px;border-radius:8px;background:#f5eded;overflow:hidden}
.an-baritem .barline>div{height:100%;background:linear-gradient(90deg,#d87358,#810D0D);border-radius:8px;transition:width .5s ease}
.an-baritem .bname{font-weight:600;font-size:12px;overflow-wrap:anywhere}.an-baritem .bamount{text-align:right;font-size:12px;font-weight:600}
.an-table{width:100%;min-width:580px}.an-table th{font-weight:600}.an-table td{font-size:12px}.an-table td:first-child{min-width:220px}
.an-warning{padding:14px 16px;border:1px solid #f2d8be;border-radius:14px;background:#fff8ed;font-size:12px;line-height:1.7;color:#81552d}
.an-mini{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.an-pill{padding:5px 9px;border-radius:20px;background:#faece9;color:var(--brand);font-size:10px;font-weight:700}
@media(max-width:900px){.an-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.an-columns,.an-columns.equal{grid-template-columns:1fr}.an-toolbar input,.an-toolbar select{max-width:none;min-width:0;width:100%}.an-toolbar .field{flex:1 1 140px}}
@media(max-width:480px){.an-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.an-kpi{padding:12px}.an-graph-svg{height:210px}.an-toolbar button{width:100%}}