.table-actions .invoice-insights-button{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface-alt);color:var(--accent-strong);font:inherit;font-size:12px;font-weight:700;white-space:nowrap}.invoice-insights-button svg,.insight-topbar svg,.insight-empty svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.invoice-insights{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;border:0;border-radius:0;background:var(--bg);color:var(--text);font-family:Ubuntu,sans-serif;overflow:auto;overscroll-behavior:contain;z-index:10000}.invoice-insights::backdrop{background:var(--bg)}.invoice-insights button{font:inherit;cursor:pointer}.invoice-insights button:disabled{opacity:.45;cursor:wait}.invoice-insights button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.insight-topbar{position:sticky;top:0;z-index:2;padding:14px clamp(20px,4vw,60px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:var(--surface-strong)}.insight-topbar>span{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700}.insight-topbar i{font-style:normal;font-weight:400;color:var(--muted)}.insight-topbar [data-insight-close]{border:1px solid var(--line-strong);border-radius:50%;width:42px;height:42px;background:var(--surface-alt);color:var(--text);font-size:27px;line-height:1}.insight-page{width:min(1280px,100%);margin:0 auto;padding:36px clamp(20px,4vw,60px) 60px}.insight-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.insight-kicker{display:block;color:var(--muted);font-size:10px;letter-spacing:.14em;font-weight:700;line-height:1.6}.insight-title h1{font-size:clamp(27px,4vw,42px);letter-spacing:-.04em;margin:8px 0 9px;overflow-wrap:anywhere}.insight-title p{margin:0;color:var(--muted);font-size:14px}.insight-title p span{padding:0 8px}.insight-title-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.insight-title-actions button,.insight-pagination button,.insight-error button{background:var(--surface-strong);border:1px solid var(--line-strong);border-radius:10px;padding:10px 14px;color:var(--text);font-size:12px;font-weight:700}.insight-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:7px;font-size:11px;font-weight:700;line-height:1.3;background:var(--surface-alt);color:var(--muted);white-space:nowrap}.insight-badge.good{background:var(--success-soft);color:var(--success)}.insight-badge.bad{background:var(--danger-soft);color:var(--danger)}.insight-badge.waiting{background:var(--accent-soft);color:var(--accent-strong)}.insight-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px;margin-bottom:30px}.insight-balance{border:1px solid var(--line-strong);border-radius:20px;padding:30px;background:var(--surface-strong);position:relative;overflow:hidden}.insight-balance:before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--accent)}.insight-balance>strong{display:block;font-size:clamp(28px,4vw,46px);letter-spacing:-.045em;line-height:1.2;margin:15px 0 12px;overflow-wrap:anywhere}.insight-balance-track{height:7px;background:var(--line);border-radius:5px;overflow:hidden;margin:25px 0 17px}.insight-balance-track span{display:block;height:100%;background:var(--success);border-radius:5px}.insight-balance-labels{display:flex;justify-content:space-between;gap:15px}.insight-balance-labels>div{display:grid;gap:7px}.insight-balance-labels>div:last-child{text-align:right}.insight-balance-labels span{font-size:11px;color:var(--muted)}.insight-balance-labels b{font-size:14px}.insight-card{background:var(--surface-strong);border:1px solid var(--line);border-radius:20px;padding:26px;min-width:0}.insight-card h3{font-size:19px;letter-spacing:-.02em;margin:7px 0 20px;line-height:1.4}.insight-visit{display:flex;align-items:flex-start;gap:13px;padding:15px 0;border-top:1px solid var(--line)}.insight-visit>div{flex:1}.insight-visit strong{font-size:13px}.insight-visit p{font-size:12px;color:var(--muted);margin:5px 0}.insight-visit time{font-size:11px;color:var(--muted);line-height:1.6}.insight-visit-dot{width:9px;height:9px;border:1px solid var(--muted);border-radius:50%;margin-top:4px;flex-shrink:0}.insight-visit-dot.seen{background:var(--success);border-color:var(--success);box-shadow:0 0 0 4px var(--success-soft)}.insight-tabs{display:flex;gap:25px;margin-bottom:24px;border-bottom:1px solid var(--line-strong);overflow:auto}.insight-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-weight:700;padding:13px 0;font-size:13px;white-space:nowrap}.insight-tabs button[aria-selected=true]{color:var(--accent-strong);border-bottom-color:var(--accent)}.insight-overview{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px}.insight-timeline{padding:0;margin:0;list-style:none}.insight-timeline li{position:relative;display:flex;align-items:flex-start;gap:13px;padding:0 0 26px}.insight-timeline li:not(:last-child):before{content:'';width:1px;position:absolute;left:4px;top:14px;bottom:4px;background:var(--line-strong)}.insight-timeline li>div{flex:1}.insight-timeline-dot{width:9px;height:9px;background:var(--accent);border-radius:50%;margin-top:4px;flex-shrink:0}.insight-timeline strong{font-size:13px}.insight-timeline p{font-size:12px;color:var(--muted);line-height:1.6;margin:5px 0 0}.insight-timeline time{font-size:10px;color:var(--muted);max-width:115px;line-height:1.6;text-align:right}.insight-footnote{font-size:11px;line-height:1.8;color:var(--muted);margin:20px 0 0}.insight-channel-summary{display:grid;gap:8px}.insight-channel-summary button{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--surface-alt);color:var(--text);font-size:12px;text-align:left}.insight-channel-summary button>span:first-child{flex:1}.insight-channel-summary strong{font-variant-numeric:tabular-nums;font-size:17px}.insight-channel-summary button>span:last-child{color:var(--muted)}.insight-facts{margin:18px 0 0}.insight-facts>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}.insight-facts dt{color:var(--muted)}.insight-facts dd{margin:0;text-align:right;line-height:1.5}.insight-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:20px}.insight-section-heading h3{margin-bottom:0}.insight-section-heading>strong{font-size:15px;color:var(--success)}.insight-filters{display:flex;gap:5px;flex-wrap:wrap}.insight-filters button{border:1px solid var(--line);border-radius:7px;padding:8px 11px;background:transparent;color:var(--muted);font-size:11px}.insight-filters button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-strong);border-color:var(--accent)}.insight-table-wrap{overflow:auto}.insight-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.insight-table th{font-size:10px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-weight:400;padding:13px 12px;background:var(--surface-alt)}.insight-table td{padding:17px 12px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.7;max-width:290px;overflow-wrap:anywhere}.insight-table small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.insight-subject{font-size:11px;color:var(--muted);display:block;max-width:240px;margin-top:4px}.insight-recipient{word-break:break-word}.insight-money{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.insight-table code{font-size:11px}.insight-empty{padding:30px 20px;text-align:center;color:var(--muted)}.insight-empty svg{width:30px;height:30px;margin-bottom:10px;color:var(--accent)}.insight-empty h3{margin:8px 0;font-size:16px;color:var(--text)}.insight-empty p{font-size:12px;line-height:1.7;max-width:440px;margin:10px auto}.insight-callout{padding:17px;border:1px solid var(--line);border-radius:12px;background:var(--accent-soft);margin-bottom:20px;font-size:13px}.insight-callout p{font-size:12px;color:var(--muted);line-height:1.7;margin:6px 0 0}.insight-pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;font-size:11px;color:var(--muted)}.insight-pagination>div{display:flex;gap:8px}.insight-pagination button{font-size:11px;padding:8px 10px}.insight-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;font-size:10px;color:var(--muted)}.insight-footer button{background:none;border:0;padding:10px 0;font-size:11px;color:var(--accent-strong)}.insight-error{border:1px solid var(--danger);background:var(--danger-soft);border-radius:14px;padding:22px;margin-bottom:24px}.insight-error p{font-size:13px;line-height:1.7}.insight-loading>span{font-size:14px;color:var(--muted)}.insight-loading>div{height:145px;border-radius:18px;background:var(--surface-alt);border:1px solid var(--line);margin-top:20px}.invoice-insights [hidden]{display:none}.insight-is-loading [data-insight-content]{opacity:.6}.insight-is-loading [data-insight-loading]+[data-insight-error]+[data-insight-content]:empty{opacity:1}@media(max-width:800px){.insight-overview{grid-template-columns:1fr}.insight-summary{gap:15px}.insight-card,.insight-balance{padding:21px}.insight-visit>.insight-badge{display:none}}@media(max-width:560px){.insight-page{padding:22px 16px 40px}.insight-title{align-items:flex-start;gap:15px;flex-direction:column}.insight-summary{grid-template-columns:1fr}.insight-title-actions{width:100%;justify-content:space-between}.insight-tabs{gap:22px}.insight-card,.insight-balance{border-radius:14px;padding:20px}.insight-timeline time{max-width:85px}.insight-table thead{display:none}.insight-table,.insight-table tbody,.insight-table tr,.insight-table td{display:block;width:100%;max-width:none}.insight-table tr{padding:13px 0;border-top:1px solid var(--line)}.insight-table td{display:grid;grid-template-columns:80px minmax(0,1fr);gap:0 10px;border:0;padding:5px 0;text-align:left;white-space:normal}.insight-table td:before{content:attr(data-label);grid-column:1;font-size:10px;color:var(--muted)}.insight-table td>*{grid-column:2}.insight-table .insight-badge{justify-self:start}.insight-footer{align-items:flex-start;gap:10px}.insight-pagination{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.invoice-insights *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
