/* Kernel progression belongs with the economy, on desktop and touch screens. */
.topbar .resources{gap:clamp(8px,1.5vw,24px)}
.topbar .resource{min-width:66px}
#kernel-status{padding:3px 6px;min-height:44px;display:flex;align-items:center;text-align:left;background:transparent;border:1px solid transparent;border-radius:7px;color:#c1b0ec;font:inherit}
#kernel-status strong{display:flex;align-items:center;gap:6px;line-height:1.2}
#kernel-level{font:inherit;font-weight:600}
#kernel-ready{font-style:normal;font-size:19px;color:#f5cc80;line-height:1}
#kernel-status.upgrade-ready{border-color:#b3945a80;background:#b3913520}
#kernel-status:disabled{opacity:1}
.base-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
.base-actions .recall-main{border-color:#597f91;background:#213840;color:#c5e9f5}
.base-actions .recall-main:disabled{opacity:.6}
.base-actions .recall-main small{color:#9ec4d5}
@media(max-width:900px),(pointer:coarse){
 .topbar .resources{grid-template-columns:1fr 1fr 1.15fr 1fr;gap:5px}
 .topbar .resource{min-width:0;gap:0}
 .topbar .resource>svg{display:none}
 .topbar .resource span{font-size:8px;letter-spacing:.25px}
 .topbar .resource strong{font-size:16px}
 #kernel-status{padding:3px;justify-content:center}
 #kernel-status strong{gap:3px}
 #kernel-ready{font-size:15px}
 #command-dock .base-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
 #command-dock .touch-ability small{font-size:10px}
}
@media(max-width:360px){
 .topbar{padding-inline:calc(7px + var(--safe-left)) calc(7px + var(--safe-right));gap:5px}
 .topbar .resources{gap:3px}
 .topbar .resource strong{font-size:14px}.topbar .resource em{font-size:10px}
 .topbar .resource span{font-size:7px;letter-spacing:0}
}