.hero .tile,.mg-summary>div,.mg-line-7t-cards>div,.geo-kpi{cursor:pointer;transition:border-color .16s,transform .16s,box-shadow .16s}
.hero .tile:hover,.mg-summary>div:hover,.mg-line-7t-cards>div:hover,.geo-kpi:hover{border-color:#e2c38a;box-shadow:0 0 0 1px #e2c38a55;transform:translateY(-1px)}
.hero .tile:focus-visible,.mg-summary>div:focus-visible,.mg-line-7t-cards>div:focus-visible,.geo-kpi:focus-visible{outline:2px solid #e2c38a;outline-offset:3px}
.kpi-detail-dialog{width:min(920px,96vw);max-height:90vh;padding:23px;border:1px solid #607e8d;border-radius:15px;color:#e8f1f4;background:#102631}
.kpi-detail-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.kpi-detail-head h2{margin:5px 0 9px;font-size:19px}.kpi-detail-head p{font-size:12px;line-height:1.6;color:#a5bac5;max-width:700px}
.kpi-detail-close{border:1px solid #64818e;background:#233d49;color:white;border-radius:9px;padding:8px 12px;cursor:pointer}
.kpi-detail-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:15px 0}.kpi-detail-tools input{flex:1;min-width:0;border:1px solid #52707c;border-radius:8px;background:#0b1b25;color:#fff;padding:10px}.kpi-detail-count{font-size:11px;color:#d9c590;white-space:nowrap}
.kpi-detail-list{max-height:53vh;overflow:auto;display:grid;gap:6px}.kpi-detail-item{width:100%;display:flex;justify-content:space-between;gap:14px;align-items:center;text-align:left;color:#ebf3f6;background:#1c3541;border:1px solid #344e5a;border-radius:9px;padding:11px;cursor:pointer}.kpi-detail-item:hover{border-color:#d9bb82;background:#284551}.kpi-detail-item strong{font-size:12px}.kpi-detail-item small{display:block;margin-top:4px;color:#9fb4bd;font-size:10px}.kpi-detail-item b{white-space:nowrap;color:#eed39a;font-size:14px}.kpi-detail-empty{color:#afc1ca;font-size:12px;padding:18px}
@media(max-width:580px){.kpi-detail-dialog{padding:14px}.kpi-detail-item{align-items:flex-start;flex-direction:column}.kpi-detail-item b{font-size:12px}}
