.island-details{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:#0b1217;color:#ecf2f4}.island-details *{box-sizing:border-box}.island-details{max-width:1280px;margin:auto;padding:28px}.island-details header,.island-details .toolbar,.island-details .badges{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.island-details h1{font-size:32px;margin:5px 0}.island-details h2{font-size:19px;margin:0 0 16px}.island-details p{line-height:1.5}.island-details .eyebrow{color:#66d6b1;font-size:12px;letter-spacing:2px;text-transform:uppercase}.island-details .muted,.island-details small{color:#a0b3bf}.island-details .badge{border:1px solid #425965;border-radius:30px;padding:8px 13px;font-size:13px}.island-details .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.island-details .card,.island-details .panel{background:#15212a;border:1px solid #293944;border-radius:16px;padding:20px}.island-details .value{font-size:30px;font-weight:650;margin:10px 0 5px;font-variant-numeric:tabular-nums}.island-details .unit{font-size:16px;font-weight:400;color:#a0b3bf}.island-details .panels{display:grid;grid-template-columns:1.25fr 1fr;gap:16px}.island-details .alert{padding:14px 18px;border-radius:12px;background:#302a1e;border:1px solid #69573b;margin:16px 0;color:#f9d691}.island-details .flow{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.island-details .flow>div{background:#0e1920;border:1px solid #253843;border-radius:12px;padding:15px;min-height:103px}.island-details .flow strong{display:block;margin-bottom:8px}.island-details .flow .reading{font-size:23px;font-weight:600;color:#66d6b1}.island-details .flow small{display:block;margin-top:7px}.island-details .battery{height:8px;background:#304451;border-radius:5px;overflow:hidden}.island-details .battery span{display:block;height:100%;background:#66d6b1;width:0}.island-details .cells{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.island-details .cell{background:#0e1920;padding:12px;border:1px solid transparent;border-radius:8px;font-variant-numeric:tabular-nums}.island-details .cell strong{display:block;margin-top:4px}.island-details .cell.high{border-color:#b89356}.island-details .history{margin-top:16px}.island-details select,.island-details a{background:#20323f;color:#ecf2f4;border:1px solid #4f6775;border-radius:8px;padding:8px}.island-details a{text-decoration:none;display:inline-block}.island-details canvas{display:block;width:100%;height:210px}.island-details .stats{display:flex;gap:22px;flex-wrap:wrap;margin:16px 0}.island-details .stats strong{font-size:21px;display:block;margin-top:4px}.island-details .events{font-size:13px;line-height:1.65;max-height:200px;overflow:auto}.island-details .events>div{border-bottom:1px solid #263844;padding:7px 0}.island-details footer{margin-top:22px;font-size:13px;color:#a0b3bf}.island-details .red{color:#ffa4a4}.island-details .good{color:#66d6b1}.island-details .amber{color:#f9d691}.island-details #failure{display:none}.island-details .plot-title{font-size:14px;margin-top:14px;color:#a0b3bf}.island-details details{margin-top:12px}.island-details summary{cursor:pointer;color:#a0b3bf}.island-details #diagnostics{white-space:pre-wrap;line-height:1.7;font-size:13px}.island-details #mode{font-size:21px;font-weight:600}.island-details .source-row{display:flex;justify-content:space-between;gap:12px;margin:12px 0}.island-details .source-row small{display:block;margin-bottom:5px}.island-details .hint{font-size:13px;color:#a0b3bf}.island-details .energy-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:850px){.island-details{padding:17px}.island-details .grid{grid-template-columns:repeat(2,1fr)}.island-details .panels,.island-details .energy-grid{grid-template-columns:1fr}.island-details .value{font-size:26px}.island-details h1{font-size:28px}}@media(max-width:420px){.island-details .cells{grid-template-columns:repeat(2,1fr)}.island-details .flow{grid-template-columns:1fr}.island-details .source-row{flex-direction:column}}
.island-details button{background:#20323f;color:#ecf2f4;border:1px solid #4f6775;border-radius:10px;padding:13px 22px;font:inherit;cursor:pointer}.island-details button:disabled{opacity:.45;cursor:not-allowed}.island-details button[aria-pressed="true"]{border-color:#66d6b1;background:#21483e}