.site-grid{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(min(380px,100%),1fr))}.site-tile{--tone: var(--neutral);--tone-rgb: var(--neutral-rgb);display:flex;flex-direction:column;gap:14px;padding:16px 18px;border-radius:var(--r);border:1px solid var(--border);background:radial-gradient(120% 80% at 100% 0%,rgba(var(--tone-rgb),.12),transparent 55%),var(--panel-grad);box-shadow:var(--shadow-panel),inset 0 3px 0 -1px var(--tone);color:var(--text);text-decoration:none;transition:border-color var(--t) var(--ease),transform var(--t) var(--ease)}a.site-tile:hover{text-decoration:none;border-color:rgba(var(--tone-rgb),.7);transform:translateY(-1px)}.site-tile__head{display:flex;align-items:flex-start;gap:12px}.site-tile__name{font-family:var(--font-num);font-size:1.6rem;font-weight:600;line-height:1.1}.site-tile__addr{margin-top:4px;font-size:var(--fs-xs);color:var(--text-mute);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.site-tile__body{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center}.site-tile__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.site-tile__stats span,.site-card__stats span{display:block;font-size:var(--fs-2xs);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-mute)}.site-tile__stats b{display:block;font-family:var(--font-num);font-size:var(--fs-2xl);font-weight:600;line-height:1.1;white-space:nowrap}.site-tile__stats b small{font-size:var(--fs-md);color:var(--text-dim);font-weight:500}.site-tile__foot{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding-top:10px;border-top:1px solid var(--divider);font-size:var(--fs-xs);color:var(--text-dim)}.site-tile__strip{display:flex;gap:3px}.site-tile__strip i{width:10px;height:14px;border-radius:2px;background:var(--c);box-shadow:0 0 6px var(--c)}.site-tile__strip i.is-offline{background:transparent;border:1px dashed var(--text-mute);box-shadow:none}.site-info{display:flex;flex-direction:column;gap:10px;font-size:var(--fs-sm)}.site-info__row{display:flex;justify-content:space-between;gap:10px;color:var(--text-dim)}.site-info__row b{color:var(--text);font-weight:600;text-align:right}.site-shift{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:8px 10px;border-radius:var(--r-sm);border:1px solid var(--border-soft);background:rgba(var(--blue-rgb),.04)}.site-shift.is-now{border-color:rgba(var(--green-rgb),.5);background:rgba(var(--green-rgb),.07)}.site-shift__name{font-weight:600}.site-shift__time{font-family:var(--font-num);font-size:var(--fs-md);color:var(--text)}.site-shift__days{grid-column:1 / -1;font-size:var(--fs-xs);color:var(--text-mute)}.site-cards{display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}.site-card{display:flex;flex-direction:column;gap:10px;padding:12px 14px 0;overflow:hidden;border-radius:var(--r);border:1px solid var(--border);background:var(--panel-grad);box-shadow:var(--shadow-panel);color:var(--text);text-decoration:none}a.site-card:hover{text-decoration:none;border-color:var(--border-strong)}.site-card--energy{border-color:rgba(var(--amber-rgb),.35);background:radial-gradient(120% 80% at 100% 0%,rgba(var(--amber-rgb),.1),transparent 55%),var(--panel-grad)}.site-card__head{display:flex;align-items:center;gap:8px;min-width:0}.site-card__name{flex:1 1 auto;min-width:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-card__big{display:flex;align-items:baseline;gap:6px}.site-card__big b{font-size:var(--num-lg);font-weight:600;line-height:1;color:var(--amber);text-shadow:0 0 20px rgba(var(--amber-rgb),.4)}.site-card__big span{font-size:var(--fs-sm);color:var(--text-dim)}.site-card__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.site-card__stats b{display:block;font-size:var(--fs-md);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-card__spark{margin:0 -14px}.site-sensor-rows{display:flex;flex-direction:column;gap:10px;padding-bottom:12px}.site-sensor{display:flex;flex-direction:column;gap:3px}.site-sensor__label{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.site-sensor__label span{font-size:var(--fs-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim)}.site-sensor__label span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:1px;background:var(--c);vertical-align:1px}.site-sensor__label b{font-size:var(--fs-2xl);font-weight:600;line-height:1;white-space:nowrap}.site-sensor__label b small{font-size:var(--fs-sm);color:var(--text-dim);font-family:var(--font-ui)}.site-sensor__range{display:flex;justify-content:space-between;font-size:var(--fs-2xs);color:var(--text-mute)}@media(max-width:767px){.site-tile__body{grid-template-columns:minmax(0,1fr)}.site-tile__body .oee-ring{display:none}}