/* Read-only Lakuna measurement views, not shared with FINO. */
body[data-product="lakuna"] .lkd-details-link { display:block; padding:12px 0; color:#012d62; font-weight:700; }
body[data-product="lakuna"] .lki-insights { margin-top:32px; color:#13283d; text-align:left; }
body[data-product="lakuna"] .lki-insights h2 { font-size:clamp(1.6rem,4vw,2.2rem); }
body[data-product="lakuna"] .lki-insights h3 { font-size:1.15rem; margin:0 0 14px; }
body[data-product="lakuna"] .lki-insights h4 { margin:22px 0 8px; }
body[data-product="lakuna"] .lki-insights p { line-height:1.6; max-width:none; }
body[data-product="lakuna"] .lki-panel { padding:clamp(16px,3vw,26px); margin:18px 0; border:1px solid #d9e3eb; border-radius:18px; background:#fff; min-width:0; }
body[data-product="lakuna"] .lki-panel .lki-panel { background:#f7f9fc; padding:16px; margin:0; }
body[data-product="lakuna"] .lki-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr)); gap:16px; }
body[data-product="lakuna"] .lki-note { font-size:.85rem; color:#50657a; }
body[data-product="lakuna"] .lki-keyboard { width:100%; overflow-x:auto; }
body[data-product="lakuna"] .lki-key-row { display:grid; grid-template-columns:repeat(11,minmax(0,1fr)); gap:5px; margin:5px 0; }
body[data-product="lakuna"] .lki-key { display:flex; flex-direction:column; justify-content:center; gap:4px; min-width:0; min-height:58px; padding:6px 2px; border:1px solid #c9d8de; border-radius:7px; text-align:center; color:#13283d; }
body[data-product="lakuna"] .lki-key strong { font-size:1rem; }
body[data-product="lakuna"] .lki-key span { font-size:.75rem; white-space:nowrap; }
body[data-product="lakuna"] .lki-key-unknown { background:#f0f3f6; color:#607086; border-style:dashed; }
body[data-product="lakuna"] .lki-extra-keys { display:grid; grid-template-columns:repeat(auto-fill,minmax(54px,1fr)); gap:5px; }
body[data-product="lakuna"] .lki-bar-row { margin:16px 0; font-size:.9rem; }
body[data-product="lakuna"] .lki-bar { height:8px; margin:8px 0; border-radius:8px; overflow:hidden; background:#e3ebf1; }
body[data-product="lakuna"] .lki-bar > div { height:100%; background:#126d67; border-radius:8px; }
body[data-product="lakuna"] .lki-chart { display:block; width:100%; height:auto; overflow:visible; }
body[data-product="lakuna"] .lki-chart text { font-family:inherit; font-size:13px; fill:#50657a; }
body[data-product="lakuna"] .lki-insights button,
body[data-product="lakuna"] .lki-insights select { font:inherit; max-width:100%; min-height:44px; padding:10px 14px; border:1px solid #a9becf; border-radius:10px; background:#fff; color:#012d62; cursor:pointer; overflow-wrap:anywhere; }
body[data-product="lakuna"] .lki-insights button.lki-key { padding:6px 2px; min-height:58px; border-radius:7px; font:inherit; }
body[data-product="lakuna"] .lki-insights button.lki-key-unknown { background:#f0f3f6; color:#607086; border-style:dashed; }
body[data-product="lakuna"] .lki-insights button:focus-visible,
body[data-product="lakuna"] .lki-insights select:focus-visible { outline:3px solid #0b817c; outline-offset:3px; }
body[data-product="lakuna"] .lki-stat { display:flex; flex-direction:column; gap:8px; padding:18px; background:#f0f5f8; border-radius:12px; }
body[data-product="lakuna"] .lki-stat strong { font-size:1.5rem; color:#012d62; }
body[data-product="lakuna"] .lki-insights summary { cursor:pointer; font-weight:700; padding:12px 0; }
@media (max-width:550px) {
  body[data-product="lakuna"] .lki-key-row { min-width:600px; }
}