/* Shared visual language for every operational page outside the dashboard. */
body{background:var(--ground)}/* A szélességet a középre igazított keret szabja meg (app.css .app-shell). */header h1{font-family:Inter,system-ui,sans-serif;font-size:30px;font-weight:650;letter-spacing:-.04em}.eyebrow{color:var(--accent-ink)}.primary{background:var(--accent);border-radius:9px;box-shadow:0 5px 13px #4f61f333}.primary:hover{background:var(--accent)}.secondary{background:var(--surface-3);color:var(--ink-2);border-radius:8px}.notice{background:var(--surface);border:1px solid var(--hairline);border-left:4px solid var(--accent);border-radius:12px;color:var(--ink-2);box-shadow:0 8px 22px #303d7a0a}.notice span{color:var(--accent-ink)}.toolbar,.reports-toolbar,.logs-toolbar{background:var(--surface);border:1px solid var(--hairline)!important;border-radius:14px!important;padding:13px 15px!important;box-shadow:0 8px 22px #303d7a0a}.toolbar .search{background:var(--surface-2);border-color:var(--hairline)}.toolbar select,.reports-toolbar input,.reports-toolbar select,.logs-toolbar input,.logs-toolbar select{border-color:var(--hairline);background:var(--surface-2)}.station-card{border-color:var(--hairline);border-radius:15px;box-shadow:0 8px 22px #303d7a0a}.station-card .type{background:var(--accent-tint);color:var(--accent-ink)}.station-card footer{border-top-color:var(--hairline-2)}.section-title{font-family:Inter,system-ui,sans-serif;font-weight:650;letter-spacing:-.025em}.section-help{color:var(--ink-3)}.log-table,.config-table{border:1px solid var(--hairline);border-radius:15px;box-shadow:0 8px 22px #303d7a0a}.log-table th,.config-table th{background:var(--surface-3);color:var(--ink-2)}.log-table th,.log-table td,.config-table th,.config-table td{border-bottom-color:var(--hairline-2)}.log-pagination{border:1px solid var(--hairline);border-top:0;border-radius:0 0 15px 15px;background:var(--surface)}.feature-list .feature{border-color:var(--hairline);border-radius:10px;background:var(--surface-2)}.feature-list .feature input{accent-color:#4f61f3}.energy-site{border-color:var(--hairline);box-shadow:0 8px 22px #303d7a0a}.energy-node{border-color:var(--hairline);background:var(--surface-2)}.energy-node.grid{background:var(--live-tint);border-color:var(--live)}.energy-controls{border-top-color:var(--hairline)}.stream-item{border-left-color:var(--accent)}.stream-item .energy{color:var(--accent-ink)}dialog{border-radius:18px}dialog .modal-header{border-bottom-color:var(--hairline)}.form-grid input,.form-grid select,.form-grid textarea{border-color:var(--hairline);background:var(--surface-2)}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:2px solid #cbd1ff;border-color:var(--accent)}.nav-item.active,.nav-item:hover,#energy-toggle.active,#energy-toggle:hover,#charging-toggle.active,#charging-toggle:hover,#platform-toggle.active,#platform-toggle:hover{background:#24475d}@media(max-width:800px){.toolbar,.reports-toolbar,.logs-toolbar{border-radius:11px!important}}

/* EGY lapszélesség, nem laponként külön.

   A jobb oldali tartalom szélessége menüpontról menüpontra változott: a
   Platform 1080, a Modulok és a Jelentkezések 1180, a többi 1220 pixel volt -
   1680 pixeles ablakban 140 pixel eltérés. Lapváltáskor tehát nem csak a
   tartalom cserélődött, hanem a kártya SZÉLE is elmozdult, és ez az, amit a
   szem "ugrálásnak" lát. A menü szélessége csak az egyik fele volt a
   jelenségnek.

   Az érték egy változóban áll, mert három helyen kellett: a laptartókon, a
   nyitólap keretén és a mátrix-lapok saját tárolóin. Aki egyszer át akarja
   állítani, egy sort ír át. (Lemérve: mind a 21 lap 1220 pixel.) */
:root { --lap-max: 1220px; }
main > [id$="-page"] { max-width: var(--lap-max); }
.modern-dashboard,
.module-grid,
.settings-grid,
.matrix-toolbar,
.matrix-wrap { max-width: var(--lap-max); }