/* v4.4 compact child-themed header */
.app-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding:12px 16px;background:rgba(255,255,255,.92);border-radius:20px;box-shadow:var(--shadow)}
.app-bar-title{display:flex;align-items:center;gap:9px;min-width:0;font-size:clamp(20px,2.5vw,30px);font-weight:900;letter-spacing:-.5px}
.app-bar-title b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.theme-title-icon{font-size:1.15em;line-height:1}
.app-bar-controls{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.app-bar-controls button{border:0;background:#f3f6fa;color:var(--ink);border-radius:13px;min-height:42px;font-weight:850}
.child-switch{display:flex;align-items:center;gap:7px;padding:8px 12px}
.child-switch i{font-style:normal;color:#64748b}
.week-home,.top-tool{width:44px;padding:8px;font-size:20px}
.top-tool.active{background:var(--pink);color:#fff}
.week-home:hover,.child-switch:hover,.top-tool:hover{background:#eaf6ff}
.top-tool.active:hover{background:var(--pink)}
@media(max-width:620px){
 .app-bar{gap:8px;padding:10px 11px}
 .app-bar-title{font-size:18px}
 .app-bar-controls{gap:5px}
 .child-switch{padding:8px 9px}
 .week-home,.top-tool{width:40px}
}
@media(max-width:470px){
 .app-bar-title{font-size:16px}
 .child-switch b{display:none}
 .child-switch{width:40px;justify-content:center}
 .child-switch i{font-size:18px}
}