/* Compact JARVIS dashboard: primary home controls first, responsive tiles. */
#app{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);grid-template-rows:auto minmax(320px,39vh) auto auto auto;min-height:100dvh;align-items:start;background:#030e19;gap:0}
#app>header{grid-column:1/-1;grid-row:1;padding:15px 24px;min-height:75px;align-self:stretch}header .identity{font-size:21px}header .identity small{display:none}.reactor{width:41px;height:41px}.account{gap:12px}.account button{border-color:#204257;background:#071b29}
.command-layout{display:contents}#world{grid-column:1;grid-row:2;height:100%;min-height:320px;border-right:1px solid #153448;background:radial-gradient(ellipse at 50% 70%,#06395560,transparent 67%)}.intro{top:21px}.intro>.eyebrow{display:none}.intro h1{font-size:29px;margin:7px 0}.clock-panel{left:24px;bottom:18px}.clock-panel #clock{font-size:26px}.clock-panel #date{font-size:10px}#place{right:22px;bottom:23px;font-size:8px;letter-spacing:1.5px}
#live-monitor{grid-column:2;grid-row:2/5;align-self:stretch;padding:23px 22px;max-height:1150px;overflow:auto;border-left:1px solid #153448;background:linear-gradient(155deg,#061b2b,#030f1c)}.live-heading .eyebrow{display:none}.live-heading h2{font-size:22px;margin:0}#monitor-status{font-size:10px;margin:8px 0 17px}.live-card{border-radius:14px;padding:16px;margin:0;background:#061b2a}.live-card h3{font-size:10px;letter-spacing:1px;margin-bottom:8px}.metric-row{padding:11px 0;gap:11px}.metric-name{font-size:12px}.metric-description small{font-size:10px}.metric-value{font-size:21px}.mini-gauge{width:43px;height:43px}.metric-details{display:none}.chart-note{font-size:9px}.cpu-history{height:56px}.live-card .muted{font-size:11px}
#lighting{grid-column:1;grid-row:3;padding:21px 24px 23px;background:#051725;border-top:1px solid #18394c;border-right:1px solid #153448;max-height:460px;overflow:auto;scrollbar-color:#245168 #061725}#lighting .eyebrow{display:none}#lighting .lighting-head{gap:12px}#lighting h2{font-size:22px;margin:0 0 7px}#light-counts{font-size:11px;color:#a5c3d3}#light-filter{font-size:11px;padding:9px}#lights-refresh{font-size:11px;padding:9px 12px}#light-info{font-size:10px;margin:12px 0 15px}.light-room{margin:13px 0 0}.light-room h3{font-size:11px;margin:10px 0;letter-spacing:.4px}.light-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px}.light-tile{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px 11px;align-items:center;min-height:103px;border-radius:12px;padding:13px 14px;background:#0a2030}.light-label{min-width:0}.light-label>strong{font-size:12px;line-height:1.4}.light-label small{font-size:9px;margin-top:3px}.light-state{grid-column:2;max-width:none;text-align:left;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.light-state>strong{font-size:11px}.light-state small{margin:0;font-size:9px}.bulb{width:19px;height:22px;border-width:1.5px;margin:0 2px 7px}.bulb:after{left:3px;width:9px}.light-tile.on{background:linear-gradient(120deg,#302d1e,#152633);border-color:#7f6c39}.light-tile.off{background:#091d2b;border-color:#234050;color:#93afc0}.light-tile.unavailable{background:#271e1a}
#chat{grid-column:1;grid-row:4;padding:19px 24px 21px;border-top:1px solid #1a3c51;border-right:1px solid #153448;background:#061928}.chat-heading{gap:8px;margin-bottom:12px}.chat-heading .eyebrow,#model{display:none}.chat-heading h2{font-size:19px;margin:0}.chat-heading button{font-size:10px;padding:8px 10px}#chat-form{gap:9px}#message{font-size:13px;min-height:54px;line-height:1.5;border-color:#2b5268}#send{font-size:12px;padding:11px 15px}#chat-status{font-size:10px;margin-top:9px;line-height:1.5}#conversation{max-height:290px}.bubble{font-size:13px;padding:12px 14px}
#availability{grid-column:1/-1;grid-row:5;padding:15px 24px;gap:12px;align-items:center;background:#03131e;border-top:1px solid #1a3c50}#availability>.eyebrow{font-size:9px;letter-spacing:1px}#availability .targets{flex:1;gap:6px}.status-chip{font-size:10px;padding:7px 10px;white-space:normal;line-height:1.4}#availability-note{display:none}#app>footer{display:none}
@media(min-width:1600px){#app{grid-template-columns:minmax(0,1.35fr) minmax(470px,.85fr)}.light-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}#world{min-height:370px}.intro h1{font-size:34px}.live-card{padding:19px}.metric-name{font-size:13px}.metric-value{font-size:23px}}
@media(max-width:950px){#app{grid-template-columns:minmax(0,1fr) minmax(310px,.9fr)}#lighting,#chat{padding-left:16px;padding-right:16px}#live-monitor{padding:19px 14px}.light-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}.metric-row{gap:8px}.metric-value{font-size:18px}.mini-gauge{width:36px;height:36px}.intro h1{font-size:25px}.chat-heading{flex-wrap:wrap}.light-state{gap:4px}.light-tile{padding:11px;gap:7px}.account>span{display:none}}
@media(max-width:740px){#app{display:flex;flex-direction:column;gap:0;min-height:100dvh}#app>header{order:0;width:100%;padding:12px 15px;min-height:63px;flex-wrap:nowrap;gap:10px;position:relative}header .identity{font-size:18px;letter-spacing:2px}.reactor{width:34px;height:34px}.account button{min-height:40px;padding:9px 12px;font-size:11px}.command-layout{display:contents}#world{order:1;width:100%;height:240px;min-height:240px;border-right:0;border-bottom:0;flex:none}.intro{top:17px;width:100%}.intro h1{font-size:26px}.clock-panel{left:17px;bottom:14px}.clock-panel #clock{font-size:22px}.clock-panel #date{font-size:9px}#place{bottom:20px;right:17px;font-size:7px}#lighting{order:2;width:100%;max-height:none;overflow:visible;padding:20px 15px 22px;border-right:0}.lighting-head{align-items:flex-start!important;gap:13px!important}#lighting h2{font-size:22px}#lighting .light-actions{width:100%;justify-content:space-between;gap:9px}#light-filter{min-height:42px;font-size:12px;flex:1}#lights-refresh{min-height:42px;font-size:12px}#light-info{font-size:9px;margin:11px 0 15px}#light-counts{font-size:11px}.light-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.light-room h3{font-size:12px;margin:15px 0 10px}.light-tile{min-height:105px;grid-template-columns:19px minmax(0,1fr);padding:13px 10px;gap:9px 8px}.light-label>strong{font-size:12px}.light-state{display:block}.light-state>strong{font-size:11px}.light-state small{margin-top:4px}.light-label small{font-size:9px}.bulb{width:17px;height:20px}.bulb:after{left:2px}#chat{order:3;width:100%;padding:20px 15px;border-right:0}.chat-heading{gap:8px;flex-wrap:wrap}.chat-heading h2{font-size:20px}.chat-heading button{min-height:40px;padding:9px 10px;font-size:11px}#message{font-size:16px;min-height:65px;padding:12px}#send{min-width:69px;font-size:12px;padding:10px}#chat-status{font-size:10px;line-height:1.5}#conversation{max-height:340px}.bubble{font-size:14px}#live-monitor{order:4;width:100%;max-height:none;overflow:visible;border-left:0;border-top:1px solid #1a3c50;padding:22px 15px}.live-heading h2{font-size:22px}.live-heading button{min-width:43px;min-height:43px}#metric-cards{gap:12px}.live-card{padding:16px}.live-card h3{font-size:11px}.metric-row{gap:10px}.metric-name{font-size:13px}.metric-value{font-size:21px;max-width:100%;overflow-wrap:anywhere;white-space:normal;text-align:right}.mini-gauge{width:44px;height:44px}.metric-description{min-width:95px}.metric-description small{font-size:10px}.cpu-history{height:62px}#availability{order:5;width:100%;padding:19px 15px;gap:12px;align-items:flex-start;flex-direction:column}#availability .targets{width:100%;display:flex;flex-wrap:wrap;gap:7px}.status-chip{font-size:10px;min-height:32px;padding:7px 10px}#ha-status{align-self:flex-start}#availability>.eyebrow{font-size:10px}#app>footer{display:none}}
@media(max-width:359px){.light-grid{grid-template-columns:1fr}.light-tile{min-height:81px;grid-template-columns:22px minmax(0,1fr) auto}.light-state{grid-column:3;text-align:right}.intro h1{font-size:23px}.chat-heading h2{font-size:18px}.metric-value{font-size:19px}}