/* TC Office – macOS-Ebene (Desktop-App, html.mac). Fenster ohne Titelleiste mit Ampel-Knöpfen,
   Systemschrift, dezente Scrollbalken, Ziehen des Fensters über Kopf- und Seitenleiste. */
html.mac{--fs:-apple-system,"SF Pro Text",system-ui,sans-serif;--fz:-apple-system,"SF Pro Display",system-ui,sans-serif;--fm:ui-monospace,"SF Mono",Menlo,monospace}
html.mac body{font-family:var(--fs);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;cursor:default}
html.mac input,html.mac textarea,html.mac [contenteditable],html.mac .waehlbar,html.mac pre,html.mac td,html.mac .mn,html.mac .ms{-webkit-user-select:text;user-select:text}
html.mac button,html.mac a,html.mac .tab,html.mac summary{cursor:default}

/* Fenster ziehen: oben 38 px, Kopfzeile und Seitenleiste */
html.mac body::before{content:"";position:fixed;top:0;left:0;right:0;height:38px;z-index:2000;-webkit-app-region:drag;pointer-events:none}
html.mac header.top,html.mac .seitennav .snlogo{-webkit-app-region:drag}
html.mac header.top button,html.mac header.top input,html.mac header.top a,html.mac .seitennav .snsuche{-webkit-app-region:no-drag}

/* Platz für die Ampel-Knöpfe */
@media (min-width:1024px){
  html.mac body.mitnav .seitennav{padding-top:52px}
  html.mac .snlogo{margin-top:0}
  html.mac header.top .top-in{min-height:58px;padding-top:6px}
}
html.mac body:not(.mitnav) header.top .top-in{padding-left:84px}
html.mac .auth-marke{padding-top:56px}

/* Seitenleiste wie macOS-Quellliste */
html.mac .seitennav .tab{border-radius:6px;padding:7px 10px;font-size:13.5px}
html.mac .seitennav .tab svg{width:17px;height:17px}

/* Typografie etwas kompakter, wie Mac-Apps */
html.mac body{font-size:14px}
html.mac .btn{font-size:14px;min-height:36px;border-radius:7px}
html.mac .leiste .btn{min-height:40px}
html.mac .f input,html.mac .f select,html.mac .f textarea{font-size:14px;min-height:34px;padding:7px 10px;border-radius:6px}
html.mac .glas,html.mac .dkarte{border-radius:10px}

/* Dünne Overlay-Scrollbalken */
html.mac ::-webkit-scrollbar{width:11px;height:11px}
html.mac ::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--tinte) 22%,transparent);border-radius:8px;border:3px solid transparent;background-clip:content-box}
html.mac ::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--tinte) 38%,transparent)}
html.mac ::-webkit-scrollbar-track{background:transparent}
html.mac .seitennav::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.18)}

/* Fokusring wie macOS */
html.mac .f input:focus,html.mac .f select:focus,html.mac .f textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 40%,transparent);border-color:var(--gold)}
html.desktop body.authseite{padding-bottom:0!important}
html.desktop body.authseite .auth{min-height:100vh}