.own-kpi { min-width:0; width:100%; color:#24343e; padding:18px 0; }
.own-kpi * { box-sizing:border-box; letter-spacing:0; }
.own-kpi h3 { font-size:20px; margin:0 0 6px; }.own-kpi h4 { font-size:15px; margin:0 0 14px; line-height:1.4; }
.own-kpi-heading { display:flex; justify-content:space-between; gap:16px; align-items:center; flex-wrap:wrap; margin-bottom:18px; }
.own-kpi-heading p { margin:0; font-size:13px; color:#60717a; }.own-kpi-heading label { display:grid; gap:5px; font-size:12px; min-width:160px; }
.own-kpi-heading select { width:100%; height:38px; font:inherit; padding:7px; border:1px solid #cdd7dd; border-radius:5px; background:white; color:inherit; }
.own-kpi-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0 0 20px; }
.own-kpi-metrics article { padding:16px; background:#fff; border:1px solid #d9e2e5; border-top:3px solid #ad8630; border-radius:6px; min-width:0; }
.own-kpi-metrics article.own-kpi-good { border-top-color:#228755; }.own-kpi-metrics article.own-kpi-bad { border-top-color:#c43b42; }.own-kpi-metrics article.own-kpi-unknown { border-top-color:#87949b; }
.own-kpi-metrics h4 { font-size:13px; min-height:38px; }.own-kpi-metrics strong { display:block; font-size:24px; overflow-wrap:anywhere; }.own-kpi-metrics span,.own-kpi-metrics small { display:block; font-size:12px; margin-top:8px; line-height:1.4; }
.own-kpi-good strong { color:#16714a; }.own-kpi-bad strong { color:#b02e3c; }
.own-kpi-comparison { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:24px; }.own-kpi-comparison>section,.own-kpi-graphs>section { min-width:0; padding:18px 0; border-top:1px solid #d9e2e5; }
.own-kpi-chart { width:100%; height:auto; display:block; aspect-ratio:680/260; }.own-kpi-chart text { font-family:inherit; font-size:11px; fill:#4c626f; }
.own-kpi-legend { display:flex; gap:16px; flex-wrap:wrap; font-size:12px; }.own-kpi-legend span:before { content:''; width:16px; display:inline-block; border-top:3px solid #147986; margin-right:5px; vertical-align:middle; }.own-kpi-legend span:nth-child(2):before { border-color:#be8625; border-top-style:dashed; }.own-kpi-legend span:nth-child(3):before { border-color:#c43b42; border-top-style:dashed; }
.own-kpi .own-kpi-table { width:100%; min-width:0; table-layout:fixed; font-size:12px; }.own-kpi .own-kpi-table th,.own-kpi .own-kpi-table td { white-space:normal; overflow-wrap:anywhere; padding:10px 7px; text-align:right; }.own-kpi .own-kpi-table tr>:first-child { text-align:left; }.own-kpi .own-kpi-table thead th { font-size:11px; }.own-kpi .own-kpi-table th[scope=row] { font-size:12px; text-transform:none; }
.own-kpi-comparison .own-kpi-table tr>:first-child { width:30%; }
.own-kpi-muted,.own-kpi-comparison p { font-size:12px; color:#60717a; line-height:1.5; }.own-kpi-warning { padding:12px; border-left:3px solid #bf8b2a; background:#fff8e6; font-size:13px; line-height:1.5; }
.own-kpi-sharebar { height:12px; width:100%; background:#dae2e6; overflow:hidden; margin:20px 0 8px; }.own-kpi-sharebar span { display:block; height:100%; background:#147986; }
.own-kpi-graphs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-bottom:20px; }
.own-kpi-delays { margin-top:16px; }.own-kpi-delays summary { font-size:14px; cursor:pointer; padding:12px 0; }.own-kpi-error { color:#b02e3c; font-size:13px; }.own-kpi-error:empty { display:none; }.own-kpi-error button { margin:6px 10px; }
.own-kpi[aria-busy=true] { opacity:.65; }
@media(max-width:1100px) { .own-kpi-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.own-kpi-comparison { grid-template-columns:1fr; } }
@media(max-width:700px) { .own-kpi-graphs { grid-template-columns:1fr; gap:12px; }.own-kpi-chart { aspect-ratio:380/260; }.own-kpi-metrics article { padding:12px; }.own-kpi-metrics strong { font-size:21px; }.own-kpi-metrics h4 { min-height:54px; }.own-kpi .own-kpi-table th,.own-kpi .own-kpi-table td { padding:8px 4px; font-size:11px; } }