/* AI-kontoret + gemensam SmartCore-topprad (sc-header). v2 2026-10-14 (ström A "Skal").
 * Ljust och mörkt tema fungerar i hela Kontoret — temaknappen i toppraden syns (ett val för alla delar).
 * Här ligger bara det som gäller toppraden och gästsidorna INNE i Kontoret; appens skal (bottenmeny, Hem, Offerter) ligger i css/v2/skal.css. */
.sc-tools .co { font-weight: 600; color: var(--muted); font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 220px; }
.sc-tools a.btn { text-decoration: none; }
.sc-tools .ico { width: 18px; height: 18px; flex-shrink: 0; }
/* toppraden ligger fast överst när sidan scrollar: frostat glas där webbläsaren klarar det, annars täckande */
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .skal-app .skal-topp .sc-top { --sch-bg: var(--topbar-glas); backdrop-filter: saturate(1.6) blur(14px); -webkit-backdrop-filter: saturate(1.6) blur(14px); }
}
/* gästsidor (login, välkommen, inbjudan): toppraden ovanför helskärmskortet; ett högt kort får växa och scrolla */
body.gast { display: flex; flex-direction: column; height: auto; min-height: 100%; }
body.gast > [data-sc-header] { flex-shrink: 0; min-height: 60px; }
body.gast .gast-innehall { flex: 1 0 auto; display: flex; flex-direction: column; }
body.gast .gast-innehall:focus { outline: none; }
body.gast #login { flex: 1 0 auto; min-height: 0; }
@media (max-width: 767px) {
  .sc-tools .co { display: none; }
  body.gast > [data-sc-header] { min-height: 56px; }
  body.gast #login { padding: 16px 12px 28px; }
  body.gast #login .card { padding: 28px 22px; }
}