/* Minimal UI: compact activity, shared components and all application views. */
@font-face{font-family:Inter;src:url('fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
.home-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.panel{overscroll-behavior-y:contain;touch-action:pan-y}
#panel-kodu{overflow-anchor:none;padding:4px 14px 16px}
body[data-ui="modern"]{--bg:#0a1016;--panel:#121b24;--line:#263440;--text:#edf3f7;--muted:#92a1af}
.home-refresh{display:none}
body[data-ui="modern"] header{padding:env(safe-area-inset-top) 8px 0;gap:2px;min-height:44px;background:var(--bg);border-bottom-color:#ffffff08}
body[data-ui="modern"] header .who{order:1;font-size:16px;font-weight:650;letter-spacing:-.4px;color:var(--text)!important;min-width:0;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto}
body[data-ui="modern"] header .gear{order:0;color:var(--muted);opacity:1;display:grid;place-items:center;width:44px;height:44px;padding:0;flex-shrink:0}
body[data-ui="modern"] #gearBtn{position:relative;isolation:isolate;color:#c5d0d9}
body[data-ui="modern"] #gearBtn:before{content:'';position:absolute;inset:6px;z-index:-1;border:1px solid #30424f;border-radius:50%;background:#17232d;transition:background .18s,border-color .18s}
body[data-ui="modern"] #gearBtn .home-icon{width:22px;height:22px;stroke-width:1.65;transition:transform .18s ease}
body[data-ui="modern"] #gearBtn .home-icon circle{stroke:var(--lime)}
body[data-ui="modern"] #gearBtn:active .home-icon{transform:rotate(20deg)}
body[data-ui="modern"][data-tab="seaded"] #gearBtn:before{background:#27352a;border-color:#718e3d}
body[data-ui="modern"] header .stats{order:2;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto;min-width:0;flex:1;font-size:0;white-space:normal}
body[data-ui="modern"] header .header-separator{display:none}
body[data-ui="modern"] header .st{display:block;min-height:44px;min-width:0;font-size:9px;text-align:right;line-height:1.3;white-space:normal;flex:0 1 auto}
body[data-ui="modern"] header #stepBtn{order:0}
body[data-ui="modern"] header #minBtn{order:1}
body[data-ui="modern"] header .st b{font-size:14px;white-space:nowrap}
body[data-ui="modern"] header .header-step-value{white-space:nowrap}
body[data-ui="modern"] header .header-metric-label{white-space:nowrap}
body[data-ui="modern"] header .lockBadge{display:grid;place-items:center;order:3;flex-shrink:0;width:44px;height:44px;margin:0;padding:0;cursor:pointer}
body[data-ui="modern"] header .lockBadge .home-icon{width:24px;height:24px}
body[data-ui="modern"] header .ptr{position:absolute;top:calc(45px + env(safe-area-inset-top));right:18px;max-width:calc(100% - 36px);padding:7px 10px;margin:0;z-index:30;border-radius:9px;background:var(--panel);border:1px solid var(--line);font-size:11px;pointer-events:none}
#panel-kodu .home-own{border-radius:18px;padding:12px 14px 10px;margin:0;background:linear-gradient(115deg,#17232d 0%,#111923 80%);text-align:left}
#panel-kodu .home-own+.card{margin-top:12px}
.home-own button{font-family:inherit;cursor:pointer}
.home-own-metrics{display:flex;justify-content:space-between;align-items:center;gap:12px;font-variant-numeric:tabular-nums}
.home-own-primary{flex:1;min-width:0}
.home-own-primary .home-state-note{margin-top:2px}
.home-own-steps,.home-own-usage{border:0;padding:0;min-height:44px;background:none;color:var(--text);text-align:left}
.home-own-steps{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;min-width:0}
.home-own-steps b{font-size:34px;font-weight:700;letter-spacing:-1.5px;line-height:1.1}
.home-own.locked .home-own-steps b{color:var(--danger)}
.home-own-steps small{font-size:12px;color:var(--muted)}
.home-own-usage{text-align:right;flex-shrink:0;max-width:52%}
.home-own-usage b{font-size:17px;font-weight:600;letter-spacing:-.4px;line-height:1.3}
.home-own-usage small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:4px;line-height:1.4}
.home-own-usage.near-limit b,.home-member-usage.near-limit b{color:var(--gold)}
.home-overview{margin-top:14px}
.home-overview .stl.compact{height:36px;margin:0 0 5px;border-radius:4px;background:none}
.home-overview .stl.compact .cells{border-radius:3px}
.home-overview .stl .cells i,.home-family .stl .cells i{border-radius:2px;box-shadow:none}
.home-state-note{font-size:12px;color:var(--muted);line-height:1.5;margin:7px 0 0;overflow-wrap:anywhere}
.home-own.locked .home-state-note{color:var(--danger)}
.home-warning{font-size:12px;color:var(--gold);line-height:1.5;display:flex;align-items:center;gap:5px;margin:8px 0 0;overflow-wrap:anywhere}
.home-warning .home-icon{width:14px;height:14px}
.home-day-details{margin-top:8px;border-top:1px solid #ffffff0a}
.home-day-details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;cursor:pointer;font-size:11px;color:var(--muted);line-height:1.6}
.home-day-details>summary::-webkit-details-marker{display:none}
.home-day-details>summary>span{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}
.home-day-details>summary strong{color:var(--text);font-weight:550}
.home-day-details>summary>span>span:before{content:' \00b7 ';margin-right:3px}
.home-day-details>summary .home-icon{width:14px;height:14px;transition:transform .18s}
.home-day-details[open]>summary .home-icon{transform:rotate(90deg)}
.home-day-content{padding:5px 0 10px}
.home-detail-heading{font-size:12px;font-weight:600;margin-bottom:10px}
.home-detail-caption{color:var(--muted);font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.home-day-content .klTog,#selfOpen,#goKool{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;min-height:44px;padding:10px;margin-top:10px}
.home-day-content .klTog .home-icon,#selfOpen .home-icon,#goKool .home-icon{width:16px;height:16px}
.home-family{margin-bottom:12px}
.home-family-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:43px;padding-inline:3px}
.home-family-heading h2{margin:0;font-size:14px;font-weight:650}
.home-family-heading>span{font-size:10px;color:var(--muted)}
.home-family-list:not(:empty){background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:0 13px}
.home-member{flex-wrap:wrap;row-gap:0;column-gap:8px;padding:10px 0 9px;border-top:1px solid #ffffff0b}
.home-member:first-child{border-top:0}
.home-member-summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:22px 22px;column-gap:12px;align-items:center;flex:1;min-width:0;min-height:44px;font-variant-numeric:tabular-nums}
.home-member-summary button{padding:0;border:0;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer;min-width:0}
.home-member-summary .home-member-name{grid-column:1;grid-row:1;align-self:end;font-size:14px;font-weight:600;overflow-wrap:anywhere;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-member-summary .home-member-now{grid-column:1;grid-row:2;align-self:stretch;display:flex;align-items:center;gap:3px;color:var(--muted);font-size:10px;line-height:1.3;white-space:nowrap}
.home-member-now span{overflow:hidden;text-overflow:ellipsis}
.home-member-now .home-icon{width:11px;height:11px;flex:0 0 11px}
.home-member-summary .home-member-now.moving{color:var(--lime)}
.home-member-name:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--person);margin-right:6px;vertical-align:2px}
.home-member-summary .home-member-steps,.home-member-summary .home-member-usage{grid-row:1 / 3;align-self:stretch;text-align:right;white-space:nowrap}
.home-member-steps{grid-column:2}.home-member-usage{grid-column:3}
.home-member-steps b{display:block;font-size:21px;line-height:1.2;font-weight:650;letter-spacing:-.5px;color:var(--text)}
.home-member.locked .home-member-steps b,.home-member.flock .home-member-steps b{color:var(--danger)}
.home-member.unknown .home-member-steps b{color:var(--muted)}
.home-member-usage b{display:block;font-size:12px;line-height:1.6;font-weight:550;color:var(--text)}
.home-member-summary small{display:block;font-size:9px;color:var(--muted);font-weight:400;letter-spacing:0;margin-top:2px}
.home-member-attention{display:inline-flex;vertical-align:middle;margin-left:4px;color:var(--gold)}
.home-member-attention .home-icon{width:12px;height:12px}
.home-member .lockBtn{width:36px;height:44px;padding:0;display:grid;place-items:center}
.home-member .lockBtn .home-icon{width:22px;height:22px}
.family-hourly{flex:0 0 100%;min-width:0;margin-top:6px}
.home-family .stl.compact{height:22px;border-radius:3px;margin:0 0 4px;background:none}
.home-family .stl.compact .cells{border-radius:3px}
.home-family .stlAx{font-size:8px}
.home-member-details{font-size:13px}
.home-member-details p{margin:0 0 8px}
.home-member-details .stt{display:block;line-height:1.5;margin:6px 0;overflow-wrap:anywhere}
.home-member-log{margin-top:8px}
.home-member-log summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--cyan)}
.home-member-log div{padding:6px 0;border-top:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}
.home-pcs>summary,.home-parent-tools>summary{list-style:none;display:flex;align-items:center;gap:9px;min-height:44px;font-size:11px;color:var(--muted);cursor:pointer;padding:7px 3px}
.home-pcs>summary::-webkit-details-marker,.home-parent-tools>summary::-webkit-details-marker{display:none}
.home-pcs>summary>span,.home-parent-tools>summary>span{flex:1}
.home-pcs>summary .home-icon,.home-parent-tools>summary .home-icon{width:16px;height:16px}
.home-pcs[open]>summary>.home-icon:last-child,.home-parent-tools[open]>summary>.home-icon:last-child{transform:rotate(90deg)}
.home-parent-tools .btn{width:auto;font-size:12px;padding:10px 12px;margin:0 0 8px;min-height:44px}
#offCodeOut{font-size:12px;display:block;overflow-wrap:anywhere;line-height:1.6}
.home-map-link,.home-setup-link{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);font:inherit;font-size:12px;font-weight:550;cursor:pointer;text-align:left;margin:8px 0 12px}
.home-map-link span{flex:1}
.home-map-link .home-icon:last-child{margin-left:auto;width:14px;color:var(--muted)}
.home-setup-link{color:var(--gold)}
#panel-kodu .card:not(.home-own){border-radius:16px}
#panel-kodu .appBtn{min-height:44px;font-weight:550}
#panel-kodu .cardTitle{letter-spacing:0;text-transform:none;font-size:12px;font-weight:550;color:var(--muted)}
.tabs{background:var(--bg);flex-shrink:0;padding-top:4px}
.tabs button{min-height:58px;padding:4px 0 6px;font-size:10px;font-weight:500;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:3px;transition:color .16s}
.tabs button span{height:27px;min-width:48px;display:grid;place-items:center;border-radius:18px;transition:background .16s,color .16s}
.tabs button.on span{background:var(--lime);color:var(--bg)}
.tabs .home-icon{width:20px;height:20px}
.home-more-title{margin:4px 0 12px;font-size:20px}
.home-more-link{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:12px 0;border:0;border-bottom:1px solid var(--line);background:none;color:var(--text);font:inherit;text-align:left}
.home-more-link span{flex:1}
.home-more-link>.home-icon:last-child{width:16px;color:var(--muted)}
#homeDurationModal{align-items:flex-end;padding:16px 0 0}
#homeDurationModal .home-duration-sheet{max-width:480px;border-radius:22px 22px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -12px 50px #0006}
.home-duration-sheet label{display:block;margin:16px 0 8px;font-size:13px;color:var(--muted)}
.home-duration-sheet select{width:100%;min-height:48px;border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--bg);color:var(--text);font:inherit;font-size:16px}
button:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
@media(max-width:400px){header{gap:6px;padding-inline:10px}header .who{font-size:16px}header .st{font-size:10px}header .st b{font-size:14px}}
@media(max-width:340px){header .stats{display:flex;flex-direction:column;gap:2px;font-size:0}header .st b{font-size:13px}.home-member-summary{column-gap:7px}.home-member-summary .home-member-name{font-size:13px}.home-member-steps b{font-size:19px}.home-member-usage b{font-size:11px}.home-member .lockBtn{width:32px}.home-own-steps b{font-size:31px}.home-own-usage b{font-size:15px}.home-family-list:not(:empty){padding-inline:11px}}
@media(prefers-reduced-motion:no-preference){#homeDurationModal.open .home-duration-sheet{animation:homeSheet .18s ease-out}@keyframes homeSheet{from{transform:translateY(18px);opacity:.4}to{transform:translateY(0);opacity:1}}}
.stl{height:50px;margin:0 0 6px;touch-action:pan-y;cursor:crosshair;border-radius:10px;background:#101923;isolation:isolate}
.stl .cells{height:100%;gap:2px;top:0;bottom:0;border-radius:10px;background:none}
.stl .cells i{background:var(--heat,#16222b);opacity:1;min-width:0;transition:background-color .2s;box-shadow:inset 0 1px 0 #ffffff08}
.stl .cells i.future{background:repeating-linear-gradient(135deg,#16222b,#16222b 3px,#1c2932 3px,#1c2932 4px)}
.stl .cells i.on{outline:2px solid var(--text);outline-offset:-2px;opacity:1}
.stl svg{height:100%;z-index:1}
.stl .now{height:100%;width:1px;z-index:2;background:var(--text);opacity:.65}
.stl .mk{bottom:calc(100% + 4px);font-size:10px;z-index:2}
.stl .mk.event{bottom:4px;width:17px;height:17px;display:grid;place-items:center;border-radius:5px;background:#0a1018d9;color:var(--muted)}
.stl .mk .home-icon{width:12px;height:12px}
.stl .bub{bottom:calc(100% + 9px);max-width:min(290px,calc(100vw - 48px));white-space:normal;line-height:1.5;z-index:6;font-size:11px;border-radius:9px;padding:8px 10px;box-shadow:0 6px 20px #0005}
.stlAx{font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums;padding:0 1px;line-height:1.6}
.stl.compact{height:20px;border-radius:6px;margin-top:3px}
.stl.compact .cells{border-radius:6px}
.stl.empty .cells i{background:repeating-linear-gradient(135deg,#16222b,#16222b 4px,#24313c 4px,#24313c 5px)}
.stl-empty-label{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:11px;background:#0a10184d}
.stl-summary{font-size:10px;color:var(--muted);margin-top:5px;text-align:left}
.stlDay{margin:3px 0 0;gap:8px;font-size:11px}
.stlDay button{min-height:32px;min-width:36px;padding:5px;border:0;background:none;display:grid;place-items:center}
.stlDay button:disabled{opacity:.3}
.home-heat-legend{font-size:9px;display:flex;align-items:center;justify-content:center;gap:4px;color:var(--muted);margin:12px 0 6px;flex-wrap:wrap}
.home-heat-legend i{width:16px;height:9px;border-radius:2px}
.home-heat-legend span:first-child{margin-right:4px}
.home-heat-legend span:last-child{margin-left:4px}

/* Shared design system outside the approved Home layout. */
body[data-ui="modern"]{color-scheme:dark;font-family:Inter,'Segoe UI',system-ui,sans-serif;font-variant-numeric:tabular-nums}
.panel:not(#panel-kodu){padding:4px 14px 18px;scrollbar-width:thin;scrollbar-color:var(--line) transparent;font-size:13px;line-height:1.5}
.minimal-view-heading{display:flex;align-items:center;gap:9px;min-height:46px;margin:0 1px 7px;flex-shrink:0}
.minimal-view-heading>.home-icon{width:19px;height:19px;color:var(--lime)}
.minimal-view-heading h1{margin:0;font-size:19px;font-weight:650;letter-spacing:-.5px}
.panel:not(#panel-kodu) .card,.modalWrap .card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:13px 14px;margin-bottom:10px;min-width:0}
.panel:not(#panel-kodu) .cardTitle,.modalWrap .cardTitle{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted);line-height:1.5;margin-bottom:10px}
.cardTitle>.dim{margin-left:auto;font-size:10px}
.ui-glyph{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex:0 0 auto;margin-right:5px}
.cardTitle>.ui-glyph,.btn>.ui-glyph,.ktab>.ui-glyph,h3>.ui-glyph,#ctr>.ui-glyph,#mstyle>.ui-glyph,#mlayer>.ui-glyph,.favBtn>.ui-glyph{margin-right:0}
.ui-rank{width:22px;height:22px;border:1px solid var(--line);background:var(--bg);border-radius:7px;color:var(--muted);font-size:10px;font-weight:600;margin-right:0}
.ui-glyph .home-icon{width:16px;height:16px}
.ui-warning{color:var(--gold)}.ui-success{color:var(--lime)}
.panel:not(#panel-kodu) .dim,.modalWrap .dim{color:var(--muted);line-height:1.55;font-size:12px}
.panel:not(#panel-kodu) p,.modalWrap p{line-height:1.6;margin:8px 0}
.panel:not(#panel-kodu) .btn,.modalWrap .btn,#recbar .btn,#pair .btn{min-height:44px;padding:10px 13px;margin-top:10px;border-radius:12px;background:var(--lime);color:#0a1016;font-size:13px;font-weight:600;line-height:1.5;display:flex;align-items:center;justify-content:center;gap:7px;white-space:normal;transition:background .16s,border-color .16s,transform .12s}
.panel:not(#panel-kodu) .btn.sec,.modalWrap .btn.sec,#recbar .btn.sec,#pair .btn.sec{background:#17232d;border:1px solid var(--line);color:var(--text)}
.panel:not(#panel-kodu) .btn.danger,.modalWrap .btn.danger,#recbar .btn.danger{background:#331f29;color:var(--danger);border:1px solid #743343}
.panel:not(#panel-kodu) button:disabled,.modal button:disabled{opacity:.42;cursor:default}
.panel:not(#panel-kodu) .btn:active:not(:disabled),.modalWrap .btn:active:not(:disabled){transform:scale(.985)}
.panel:not(#panel-kodu) .lnk{color:var(--cyan);font-size:12px;min-height:36px;padding-block:8px;text-decoration:none}
.panel:not(#panel-kodu) input:not([type=checkbox]):not([type=range]),.panel:not(#panel-kodu) select,.panel:not(#panel-kodu) textarea,.modalWrap input:not([type=checkbox]):not([type=range]),.modalWrap select,.modalWrap textarea{background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--text);font:inherit;font-size:16px;min-height:44px;min-width:0;padding:10px 11px;accent-color:var(--lime)}
input::placeholder,textarea::placeholder{color:#7d8c99;opacity:1}
.panel:not(#panel-kodu) input:focus-visible,.panel:not(#panel-kodu) select:focus-visible,.panel:not(#panel-kodu) textarea:focus-visible,.modalWrap input:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}
.panel:not(#panel-kodu) input[type=checkbox]{width:20px;height:20px;flex-shrink:0;accent-color:var(--lime)}
.panel:not(#panel-kodu) .frow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.panel:not(#panel-kodu) .frow .btn:nth-child(3){grid-column:1 / -1}
.panel:not(#panel-kodu) .frow input.pin{width:100%}
.panel:not(#panel-kodu) .pwrow{flex-wrap:wrap;gap:8px}
.panel:not(#panel-kodu) .pwrow .btn{margin:0;flex-shrink:0}
.panel:not(#panel-kodu) .pwrow input{flex:1 1 95px;max-width:100%}
.panel:not(#panel-kodu) .stat,.modalWrap .stat{padding:10px 0;gap:12px;align-items:baseline;border-color:#ffffff0b;font-size:12px}
.panel:not(#panel-kodu) .stat>span,.modalWrap .stat>span{min-width:0;color:var(--muted)}
.panel:not(#panel-kodu) .stat>b,.modalWrap .stat>b{font-weight:600;color:var(--text);text-align:right;overflow-wrap:anywhere}
.panel:not(#panel-kodu) .logRow{min-height:38px;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid #ffffff08;font-size:12px;overflow-wrap:anywhere}
.panel:not(#panel-kodu) .logRow:last-child{border-bottom:0}
.panel:not(#panel-kodu) .logRow>b{font-weight:600}
.panel:not(#panel-kodu) .ktabs{flex-wrap:nowrap;overflow-x:auto;gap:6px;margin-bottom:12px;padding:2px 0 4px;scrollbar-width:none}
.panel:not(#panel-kodu) .ktab,.modalWrap .ktab{flex-shrink:0;min-height:40px;border-radius:11px;padding:9px 11px;background:var(--panel);border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:550;white-space:nowrap;transition:background .16s,color .16s}
.panel:not(#panel-kodu) .ktab.on,.modalWrap .ktab.on{background:#27352a;border-color:#718e3d;color:var(--lime)}
.panel:not(#panel-kodu) .ktab .kdot{width:6px;height:6px}
.panel:not(#panel-kodu) details.card>summary{list-style:none;cursor:pointer;min-height:36px;margin-bottom:0;color:var(--text)}
.panel:not(#panel-kodu) details.card>summary::-webkit-details-marker{display:none}
.panel:not(#panel-kodu) details.card>summary:after{content:'';width:6px;height:6px;flex-shrink:0;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(-45deg);margin-left:auto;transition:transform .16s}
.panel:not(#panel-kodu) details.card[open]>summary{margin-bottom:12px}
.panel:not(#panel-kodu) details.card[open]>summary:after{transform:rotate(45deg)}

/* School: horizontally scrollable people, readable timetable and message rows. */
#panel-kool .koolUpd{min-height:30px;margin:0 0 9px;font-size:10px;line-height:1.4}
#panel-kool .minimal-view-heading h1{flex-shrink:0}
#panel-kool .minimal-view-heading .koolUpd{flex:1;min-width:0;min-height:36px;margin:0 0 0 auto;justify-content:flex-end;gap:5px}
#panel-kool .minimal-view-heading .koolUpd>span{min-width:0;text-align:right;overflow-wrap:anywhere}
#panel-kool #ttCard .cardTitle{margin-bottom:6px}
#panel-kool .ttDay{font-size:11px;font-weight:600;margin:8px 0 4px;line-height:1.3;letter-spacing:0}
#panel-kool .ttRow{display:grid;grid-template-columns:78px minmax(0,1fr) auto;align-items:baseline;gap:8px;min-height:0;padding:3px 0;border-bottom:0;font-size:13px;line-height:1.2}
#panel-kool .ttRow>.dim{font-size:11px;line-height:inherit;white-space:nowrap}
#panel-kool .ttRow b{font-weight:550}
#panel-kool .hwRow{padding:11px 0;gap:10px;align-items:center;border-bottom:1px solid #ffffff08;line-height:1.6}
#panel-kool .hwRow:last-of-type{border-bottom:0}
#panel-kool .hwBtn{min-width:36px;min-height:36px;margin-left:0}
#panel-kool .hwRow .t{font-size:12px;overflow-wrap:anywhere}
#panel-kool details.msg{padding:0;border-bottom:1px solid var(--line)}
#panel-kool details.msg summary{padding:12px 20px 12px 0;position:relative;line-height:1.5;font-size:13px}
#panel-kool details.msg summary:after{content:'›';position:absolute;right:2px;top:12px;font-size:18px;color:var(--muted);transition:transform .16s}
#panel-kool details.msg[open] summary:after{transform:rotate(90deg)}
#panel-kool details.msg summary b{font-weight:550}
#panel-kool .msgBody{padding:0 0 14px;color:var(--text);line-height:1.7;overflow-wrap:anywhere}
#panel-kool .msgBody img{max-width:100%;height:auto;border-radius:10px}
#panel-kool .eliisPhotos img{border-radius:10px}

/* Bank: selected balance leads, family list and transactions stay accessible. */
#panel-pank{display:flex;flex-direction:column}
#panel-pank>*{flex-shrink:0}
#panel-pank .minimal-view-heading{order:-2}
#panel-pank .minimal-bank-balance{order:-1;background:linear-gradient(115deg,#17232d,#111923);padding:16px}
#panel-pank .bigNum{font-size:40px;font-weight:650;letter-spacing:-1.5px;line-height:1.2;margin:4px 0 9px;color:var(--lime)!important}
#panel-pank [data-bw]{background:transparent!important;padding:10px 8px;cursor:pointer}
#panel-pank [data-bw].minimal-selected{background:#263527!important;border-radius:10px}
#panel-pank [data-bw]>b:nth-child(2){color:var(--text)!important;margin-left:auto;font-size:15px}
#panel-pank .minimal-bank-family .logRow>.dim{font-size:10px}
#panel-pank #bankLog{cursor:pointer}

/* Rankings: modest avatars, strong tabular values and calm dividers. */
#panel-lb .lbRow{min-height:54px;padding:10px 0;gap:8px;font-size:13px}
#panel-lb .lbRow .mini{width:28px;height:28px;font-size:11px;box-shadow:none}
#panel-lb .lbName{min-width:0;overflow-wrap:anywhere;font-weight:550}
#panel-lb .lbName small{font-size:10px;line-height:1.6}
#panel-lb .lbRow .big{font-size:17px;font-weight:600;letter-spacing:-.4px;white-space:nowrap}
#panel-lb .lbRow.me{background:#b8ff1c08;border-radius:9px}

/* Transport: route badge, departure buttons and a consistent three-step editor. */
#panel-trans .busGrp{padding:12px 0;border-color:#ffffff0a}
#panel-trans .busLine{min-width:34px;border-radius:9px;padding:5px 8px;font-size:13px;font-weight:650}
#panel-trans .busTimes{gap:6px;margin-top:10px}
#panel-trans .busT{min-height:50px;min-width:55px;padding:8px;border:1px solid var(--line);border-radius:10px;background:#18242e;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
#panel-trans .busT.next{background:#27352a;color:var(--lime);border-color:#718e3d}
#panel-trans .busT.next small{color:var(--muted)}
#panel-trans .busT.soon{border-color:#917740}
#panel-trans .busT small{font-size:10px;margin-top:2px}
#panel-trans .favBtn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px}
#panel-trans .favBtn .home-icon{width:19px;height:19px}
#panel-trans .teRow{padding:10px 0;align-items:center;line-height:1.6}
#panel-trans .teRes{padding:12px;border-radius:11px;background:var(--panel);font-size:13px;line-height:1.6;min-height:46px}
#panel-trans .teChk{display:flex;min-height:38px;font-size:12px;margin:4px 0;align-items:center;gap:8px}
#panel-trans .sm{min-width:36px;min-height:36px;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--muted)}

/* Settings: UI choice first; calm disclosures and clear native permission actions. */
#panel-seaded .ui-preferences{margin-top:4px}
#panel-seaded .ui-preferences .cardTitle{color:var(--text);font-size:13px}
#panel-seaded .ui-choices{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:3px;gap:3px}
#panel-seaded .ui-choices button{border:0;border-radius:9px;background:none;color:var(--muted);font-size:13px}
#panel-seaded .ui-choices button[aria-pressed=true]{background:var(--lime);color:#0a1016;font-weight:600}
#panel-seaded .ui-preferences p{font-size:10px;margin-top:8px}
#panel-seaded .rGt{font-size:12px;font-weight:600;margin:6px 0}
#panel-seaded .rRow{min-height:44px;font-size:12px;gap:12px;line-height:1.5}
#panel-seaded .rRow input[type=time]{font-size:14px;min-height:38px;padding:7px}
#panel-seaded .kidRow{flex-wrap:wrap;gap:8px;font-size:12px}
#panel-seaded .kidRow .nm{flex-basis:50%;font-weight:550}
#panel-seaded .kidRow .sm{min-height:36px;min-width:36px;border-radius:9px}
#panel-seaded .sw{width:34px;height:34px;box-shadow:0 0 0 1px #ffffff25}
#panel-seaded .sw.on{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--text)}
#panel-seaded .pu{margin-top:16px;font-size:11px}
#panel-seaded .minimal-feedback>.card{padding:0;margin:0;border:0;border-radius:0;background:none}
#panel-seaded .minimal-feedback>.card>.cardTitle{display:none}
.modalWrap>.card{width:100%;overflow-y:auto;margin-bottom:0}
.panel:not(#panel-kodu) .rIco::before,#famBar .rIco::before,.modalWrap .rIco::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2392a1af' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 8a8 8 0 0 0-14-3L3 8m0-5v5h5m-4 8a8 8 0 0 0 14 3l3-3m0 5v-5h-5'/%3E%3C/svg%3E");filter:none;animation:none}
.panel:not(#panel-kodu) .rIco::after,#famBar .rIco::after,.modalWrap .rIco::after{display:none}
.panel:not(#panel-kodu) .rIco.busy::before,#famBar .rIco.busy::before{animation:minimalRotate .9s linear infinite}
@keyframes minimalRotate{to{transform:rotate(360deg)}}
#panel-seaded #shareLoc,#panel-seaded #autoClaim{appearance:none;width:38px;height:22px;border-radius:20px;background:#33414c;border:1px solid #52606a;position:relative;cursor:pointer;flex:0 0 38px;transition:background .16s}
#panel-seaded #shareLoc:before,#panel-seaded #autoClaim:before{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text);transition:transform .16s}
#panel-seaded #shareLoc:checked,#panel-seaded #autoClaim:checked{background:var(--lime);border-color:var(--lime)}
#panel-seaded #shareLoc:checked:before,#panel-seaded #autoClaim:checked:before{transform:translateX(16px);background:#0a1016}

/* Detail windows, statistics, confirmation sheets and onboarding. */
.modalWrap{background:#050b12b8;align-items:flex-end;padding:calc(14px + env(safe-area-inset-top)) 0 0;backdrop-filter:blur(5px)}
.modal,.modalWrap>.card{max-width:560px;max-height:calc(100dvh - 14px - env(safe-area-inset-top));border-radius:22px 22px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -16px 70px #0005;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;font-size:13px;line-height:1.6}
.modal>h3{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:650;letter-spacing:-.4px;margin:0 0 14px;color:var(--text)}
.modal>h3 .ui-glyph{color:var(--muted)}
.modal>h3 .home-icon{width:19px;height:19px}
.modal>.btn:last-child{position:sticky;bottom:0;box-shadow:0 10px 0 10px var(--panel);z-index:2}
#statsTabs{gap:4px;padding:4px;background:var(--bg);border:1px solid var(--line);border-radius:12px;margin-bottom:14px}
#statsTabs .ktab{border:0;min-height:40px;padding:8px 2px;font-size:11px;gap:4px;background:none;color:var(--muted)}
#statsTabs .ktab.on{background:#27352a;color:var(--lime)}
#statsTabs .ui-glyph .home-icon{width:13px;height:13px}
#statsModal .modal,#usageModal .modal{height:calc(100dvh - 14px - env(safe-area-inset-top));display:flex;flex-direction:column;overflow:hidden}
#statsModal .modal>h3,#statsTabs,#statsClose,#usageModal .modal>h3,#usageClose{flex-shrink:0}
#statsBody,#usageBody{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 0 6px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.modalWrap .barsW{margin:12px 0 16px;background:#0a10164d;border-radius:10px;padding-top:6px}
.modalWrap .barsW text{font-family:Inter,system-ui,sans-serif}
.modalWrap .appRow{padding:6px 0 6px 12px;font-size:12px;gap:12px}
.modalWrap .devRow{padding:10px 0}
.modalWrap .devRow b{font-weight:600}
.modalWrap .heatG{border-radius:10px;background:var(--bg);padding:6px;overflow:auto}
#pair{padding:calc(24px + env(safe-area-inset-top)) 20px 24px}
#pair h1{font-size:25px;font-weight:650;letter-spacing:-.8px;line-height:1.25}
#pair input{border-radius:12px;font-family:inherit;letter-spacing:2px}
#pair .kidbtn{background:var(--panel);border-radius:14px;min-height:60px;font-size:15px;font-weight:550}
#pair .kidbtn .mini{background:#263440;border:1px solid #425564;font-weight:600}
#gal{background:var(--bg)}

/* Map chrome: compact controls keep the map itself dominant. */
#ctr,#mstyle,#mlayer{width:42px;height:42px;display:grid;place-items:center;background:#121b24ed;border:1px solid var(--line);border-radius:13px;color:var(--text);box-shadow:0 4px 16px #0003;backdrop-filter:blur(8px)}
#ctr .home-icon,#mstyle .home-icon,#mlayer .home-icon{width:19px;height:19px}
#mlayer.bike{border-color:var(--cyan);box-shadow:none;color:var(--cyan)}
#famBar{gap:4px;max-width:calc(100% - 72px)}
#famBar button{min-height:34px;border-radius:10px;padding:6px 9px;background:#121b24ed;border-color:var(--line);font-size:11px;box-shadow:0 2px 8px #0002;backdrop-filter:blur(8px)}
#famBar button[data-trail]{border-color:color-mix(in srgb,var(--c) 40%,var(--line))}
#famBar button[data-trail].on{background:var(--c);border-color:var(--c)}
#famBar button .nm{font-weight:550}
#famBar button .dim{font-size:9px;color:var(--muted)}
#trailBar{background:#121b24f0;border-radius:14px;border-color:var(--line);backdrop-filter:blur(8px);padding:10px 12px}
#trailBar button{min-height:36px;min-width:36px;background:var(--bg);border-color:var(--line);border-radius:9px;font-size:12px}
#trailBar .row{font-size:12px}
#recbar{left:12px;right:12px}
#recbar .btn{margin-top:0;box-shadow:0 4px 20px #0004}
#recstats{border-radius:13px;background:#121b24f0;border:1px solid var(--line);padding:10px 8px;backdrop-filter:blur(8px)}
#recstats b{font-weight:600;letter-spacing:-.4px}
#autoRow{font-size:10px!important;border:1px solid var(--line);background:#121b24ed!important;padding:7px 9px!important}
.toast{border-radius:12px;background:#17232df5;border-color:#435536;color:var(--text);font-size:12px;line-height:1.5;box-shadow:0 5px 24px #0005}

@media(min-width:560px){.panel:not(#panel-kodu){padding-inline:max(18px,calc((100% - 640px)/2))}.modalWrap{padding:24px}.modal{border-radius:22px;max-height:calc(100dvh - 48px)}}
@media(max-width:340px){.panel:not(#panel-kodu){padding-inline:11px}.panel:not(#panel-kodu) .card{padding:12px}.panel:not(#panel-kodu) .pwrow .btn{font-size:12px;padding-inline:10px}#statsTabs .ui-glyph{display:none}.modal{padding-inline:13px}.modalWrap .stat{font-size:11px}}
@media(prefers-reduced-motion:no-preference){.modalWrap.open>.modal{animation:minimalSheet .18s ease-out}.panel:not(#panel-kodu):not(.hidden)>.minimal-view-heading{animation:minimalIn .16s ease-out}@keyframes minimalSheet{from{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes minimalIn{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}