#kpis button.kpi{display:block;width:100%;text-align:left;color:var(--text);font:inherit;cursor:pointer;position:relative}
#kpis button.kpi:hover{border-color:var(--green);box-shadow:0 8px 24px #16826020}
#kpis button.kpi:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.kpi-detail-hint{display:block;margin-top:12px;font-size:10px;font-style:normal;font-weight:700;color:var(--green)}
#finance-detail-dialog{width:min(1450px,96vw);max-width:96vw;max-height:92vh;box-sizing:border-box;overflow:auto;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text)}
#finance-detail-dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}
#finance-detail-dialog header{display:flex;justify-content:space-between;align-items:center;gap:16px}
#finance-detail-dialog h2{margin:5px 0}
#finance-detail-dialog [data-note],#finance-detail-dialog [data-period],.finance-detail-help{font-size:12px;line-height:1.6;color:var(--muted)}
.finance-detail-summary{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:16px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px}
.finance-detail-summary>span{display:grid;gap:5px;font-size:12px}.finance-detail-summary strong{font-size:20px}
.finance-detail-warning{color:var(--gold);flex-basis:100%}
.finance-detail-provider-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.finance-detail-provider-grid article{display:grid;gap:8px;border:1px solid var(--line);padding:14px;border-radius:12px;font-size:12px;background:var(--panel-2)}
.finance-detail-provider-grid small{color:var(--muted)}
.finance-detail-tools{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:18px 0}
.finance-detail-tools>span{margin-right:auto}
.finance-detail-tools label{font-size:12px}
.finance-detail-tools input,.finance-detail-tools select{padding:10px;border:1px solid var(--line-strong);border-radius:9px;background:var(--panel-2);color:var(--text)}
.finance-detail-table{overflow:auto;border:1px solid var(--line);border-radius:12px}
.finance-detail-table th{position:sticky;top:0;background:var(--panel-2);z-index:1}
.finance-detail-table th button{background:none;border:0;color:var(--muted);font:inherit;cursor:pointer}
.finance-detail-table th[aria-sort=ascending] button,.finance-detail-table th[aria-sort=descending] button{color:var(--green)}
.finance-detail-table td{color:var(--text);background:var(--panel)}.finance-detail-table a{color:var(--green)}
.finance-detail-table .finance-products-cell{width:250px;max-width:250px;min-width:180px;white-space:normal;overflow-wrap:anywhere}
.finance-products-preview{display:block;max-width:250px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
.finance-products{width:250px;max-width:100%;font-size:12px}
.finance-products summary{cursor:pointer;color:var(--text)}
.finance-products summary>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.5}
.finance-products summary small{display:block;margin-top:4px;color:var(--green)}
.finance-products ul{margin:8px 0 0;padding-left:18px;max-height:220px;overflow:auto;white-space:normal}
.finance-products li{margin-bottom:5px;line-height:1.5;overflow-wrap:anywhere}
.finance-player{display:flex;align-items:center;gap:9px;width:190px;min-width:190px;text-decoration:none}
.finance-player b{display:block;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;line-height:1.4}
.finance-player-avatar{position:relative;display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;overflow:hidden;border-radius:50%;background:var(--panel-2);color:var(--green);border:1px solid var(--line)}
.finance-player-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.finance-order-id{display:block;max-width:130px;white-space:normal;overflow-wrap:anywhere;font-size:10px;line-height:1.4;color:var(--muted)}
.finance-detail-table table{table-layout:fixed;width:100%;min-width:960px;font-size:12px}
.finance-detail-table th,.finance-detail-table td{padding:12px 10px;white-space:normal;vertical-align:middle;overflow-wrap:anywhere}
.finance-detail-table th{font-size:10px;line-height:1.5}
.finance-detail-table .finance-products-cell{width:auto;min-width:0;max-width:none}
.finance-detail-table .finance-products,.finance-detail-table .finance-products-preview{width:auto;max-width:100%}
.finance-detail-table .finance-player{width:auto;min-width:0;max-width:100%;gap:7px}
.finance-player-text{display:block;min-width:0;flex:1}
.finance-player-text small{display:block;font-size:9px;color:var(--muted);white-space:nowrap;letter-spacing:-.2px;margin-top:4px}
.finance-detail-table .finance-player b{max-width:none}
.finance-detail-table td[data-column=personaName]{width:180px}
.finance-fee-source{display:block;color:var(--muted);font-size:10px;line-height:1.4;margin:4px 0}
.finance-detail-table td[data-column=feeMinor] .mini{padding:5px 7px;font-size:10px}
.finance-order-copy{background:transparent;border:0;padding:5px 0;color:var(--green);font:inherit;font-size:11px;white-space:nowrap;cursor:pointer}
.finance-order-copy:focus-visible{outline:2px solid var(--green)}
@media(max-width:700px){.finance-detail-provider-grid{grid-template-columns:1fr 1fr}#finance-detail-dialog{padding:16px}.finance-detail-tools label{width:100%}.finance-detail-tools input{box-sizing:border-box;width:100%}}