/* AI Spending admin page (Ren 2026-11-04). aispend.js */
.ais-head{display:flex;justify-content:flex-end;margin:0 0 12px}
.ais-msg{font-size:13px;color:var(--text-2);padding:24px 0}
.ais-k{margin:0 0 8px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-2)}
.ais-top{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:14px;margin-bottom:14px}
.ais-total,.ais-months,.ais-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 18px}
.ais-card{margin-bottom:14px}
.ais-big{margin:0;font-size:32px;font-weight:700;color:var(--text-1);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.ais-sub{margin:4px 0 0;font-size:12px;color:var(--text-2)}
.ais-strip{display:flex;gap:8px;align-items:stretch}
.ais-m{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;border:1.5px solid transparent;border-radius:10px;background:none;cursor:pointer;font-family:inherit}
.ais-m:hover{background:var(--surface2)}
.ais-m.on{border-color:var(--green);background:var(--row-hover)}
.ais-m-val{font-size:11px;color:var(--text-1);font-variant-numeric:tabular-nums}
.ais-m-track{position:relative;width:22px;height:44px;display:flex;align-items:flex-end}
.ais-m-bar{width:100%;background:#9fd3ad;border-radius:4px 4px 0 0}
.ais-m.on .ais-m-bar{background:var(--green-dark)}
.ais-m-lbl{font-size:11px;color:var(--text-2)}
.ais-m.on .ais-m-lbl{color:var(--text-1);font-weight:600}
.ais-chart{overflow-x:auto;padding:22px 0 0}
.ais-plot{position:relative;margin-left:52px;min-width:640px;height:280px;margin-bottom:56px}
.ais-grid{position:absolute;left:0;right:0;height:0;border-top:1px solid var(--border)}
.ais-grid:first-child{border-top-color:var(--border-hard)}
.ais-grid span{position:absolute;right:100%;margin-right:8px;transform:translateY(-50%);font-size:11px;color:var(--text-2);white-space:nowrap;font-variant-numeric:tabular-nums}
.ais-cols{position:absolute;inset:0;display:flex;gap:2px}
.ais-col{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;outline:none}
.ais-plot-cell{position:relative;flex:1;display:flex;align-items:flex-end;justify-content:center}
.ais-bar{position:relative;width:min(44px,60%);background:var(--green);border-radius:4px 4px 0 0;transition:background .12s}
.ais-bar.zero{background:transparent}
.ais-col:hover .ais-bar,.ais-col:focus .ais-bar{background:var(--green-dark)}
.ais-val{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:4px;font-size:11px;font-weight:600;color:var(--text-1);white-space:nowrap;font-variant-numeric:tabular-nums}
.ais-bar.zero .ais-val{color:var(--text-3);font-weight:400}
.ais-x{position:absolute;top:100%;left:0;right:0;padding-top:8px;font-size:11px;line-height:1.3;color:var(--text-2);text-align:center;overflow-wrap:anywhere}
.ais-tip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:3;background:var(--text-1);color:#fff;padding:8px 10px;border-radius:8px;font-size:12px;line-height:1.45;white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums}
.ais-col:hover .ais-tip,.ais-col:focus .ais-tip{display:block;bottom:auto;top:8px}
.ais-table{width:100%;border-collapse:collapse;font-size:13px}
.ais-table th{text-align:left;font-size:11px;font-weight:600;color:var(--text-2);padding:0 8px 8px;border-bottom:1px solid var(--border)}
.ais-table td{padding:9px 8px;border-bottom:1px solid var(--border);color:var(--text-1)}
.ais-table td:nth-child(2){color:var(--text-2)}
.ais-table .n{text-align:right;font-variant-numeric:tabular-nums}
.ais-table tfoot td{font-weight:700;border-bottom:0}
.ais-note{margin:12px 0 0;font-size:11px;line-height:1.5;color:var(--text-2)}
@media (max-width:760px){
  .ais-top{grid-template-columns:1fr}
  .ais-big{font-size:28px}
  .ais-table td:nth-child(2),.ais-table th:nth-child(2),.ais-table td:nth-child(5),.ais-table th:nth-child(5){display:none}
}