/* Approved component owner: real-home-frame; scope: real theme7. */
body[data-theme="7"] *,
body[data-theme="7"] *::before,
body[data-theme="7"] *::after { box-sizing: border-box; }
body[data-theme="7"] { margin: 0; background: var(--page); color: var(--text); font: 400 15px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif; }
body[data-theme="7"] button,
body[data-theme="7"] input { font: inherit; }
body[data-theme="7"] button { cursor: pointer; }
/* Android touch ripple belongs to the OS, not to KiT. Preserve keyboard :focus-visible. */
body[data-theme="7"] :is(button,a,input,textarea,select,label,summary,[onclick],[role="button"],.ci,.sb) {
 -webkit-tap-highlight-color: transparent;
}
body[data-theme="7"] button:focus-visible,
body[data-theme="7"] input:focus-visible,
body[data-theme="7"] .sb:focus-visible { outline: 3px solid var(--success-border); outline-offset: 2px; }
body[data-theme="7"] .h { display: none !important; }
body[data-theme="7"] .c { max-width: 820px; min-width: 0; margin: 0 auto; padding: 21px 16px 118px; }
/* Compact day/night control shares a dedicated header row; sync status dot stays fixed at viewport right. */
body[data-theme="7"] .c > .top {
 display:grid; grid-template-columns:minmax(0,1fr) 32px 22px;
 column-gap:8px; row-gap:9px; align-items:center; margin-bottom:12px;
}
body[data-theme="7"] .c > .top .greeting {
 grid-column:1; grid-row:1; min-width:0; margin:0; padding:0;
}
body[data-theme="7"] .c > .top #tgl-mode { grid-column:1 / -1; grid-row:2; }
body[data-theme="7"] #kit-flat-mode-button {
 grid-column:2; grid-row:1; position:static;
 width:32px; height:32px; min-width:32px; min-height:32px; padding:0;
 display:grid; place-items:center; border:1px solid var(--divider);
 background:var(--surface); color:var(--text); border-radius:var(--radius);
 box-shadow:none; line-height:1; font-size:15px; cursor:pointer;
}
body[data-theme="7"] .greeting { font-size: 13px; color: var(--muted); margin: 5px 0 11px; font-weight: 500; }
body[data-theme="7"] #v-main { min-width: 0; }
body[data-theme="7"] .sep-line { height: 1px; background: var(--divider); margin: 14px 0; }
body[data-theme="7"] .nv { position: fixed; z-index: 8; bottom: 0; left: 0; right: 0; background: var(--surface); border-top: 1px solid var(--divider); display: flex; gap: 4px; padding: 6px max(10px,env(safe-area-inset-left)) max(9px,env(safe-area-inset-bottom)); justify-content: center; }
body[data-theme="7"] .nv .nb { flex: 1 1 0; min-width: 0; max-width: 180px; border: 0; background: transparent; color: var(--muted); font-size: 12px; display: flex; flex-direction: column; gap: 3px; align-items: center; justify-content: center; min-height: 51px; padding: 5px 4px; border-radius: var(--radius); }
body[data-theme="7"] .nv .nb b { display: block; font-size: 21px; font-weight: 500; line-height: 1.2; }
body[data-theme="7"] .nv .nb.a { background: var(--surface-selected); color: var(--main); font-weight: 650; }
@media (max-width:420px) {
body[data-theme="7"] .c { padding: 15px 13px 114px; }
body[data-theme="7"] .nv .nb { font-size: 11px; }
}