/* ══ Kizil OS · Weg zurück ins OS: „Logo | OS“ oben links, in jeder App gleich ══
   Oktay 08.11.2026: „ich hätte es gerne überall an der gleichen Stelle gleich aussehend
   und sichtbar. Es soll etwas größer und in Bold sein und überall gleich.“
   EINE Datei für alle Apps, geladen über https://os.kizilinterior.tech/os-zurueck.css
   Bauplan in jeder App (oben links, erstes Element im Kopf):
     <a class="os-zurueck" href="https://os.kizilinterior.tech" title="Zurück zum Kizil OS">
       <img class="os-z-logo" src="…Logo…" alt="Kizil Interior Services">
       <span class="os-z-strich"></span><span class="os-z-wort">OS</span></a>
   Auf dunklem Grund zusätzlich die Klasse os-z-dunkel (helles Logo bleibt hell).
   Vorher: je App eigene Größe (Logo 20–24 px, „OS“ 8–11 px halbfett), teils rechts als
   Knopf „← Kizil OS“ oder Textlink „← Launchpad“.
   Rückweg: git revert (diese Datei und die Zeile <link … os-zurueck.css> in den Apps).
   Die alten Regeln der Apps bleiben darunter stehen; fehlt diese Datei, sieht es aus wie vorher. */
html body .os-zurueck{display:inline-flex!important;align-items:center!important;gap:12px!important;
  min-height:44px;flex:none!important;white-space:nowrap;text-decoration:none!important;
  background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  padding:0!important}
html body .os-zurueck[href]{cursor:pointer}
html body img.os-z-logo{height:26px!important;width:auto!important;max-width:none!important;display:block!important;
  margin:0!important;object-fit:contain;flex:none}
html body .os-z-strich{display:block!important;flex:none!important;width:1px!important;height:20px!important;
  background:#D8D1C4!important;margin:0!important;padding:0!important;border:0!important}
html body .os-z-wort{display:block!important;font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif!important;
  font-size:15px!important;font-weight:700!important;letter-spacing:2.5px!important;
  text-transform:uppercase!important;line-height:1!important;color:#AF5E4D!important;
  margin:0!important;padding:0!important;border:0!important;background:none!important}
html body .os-zurueck[href]:hover .os-z-wort{color:#C8786A!important}
html body .os-zurueck:focus-visible{outline:2px solid #C8786A;outline-offset:4px;border-radius:6px!important}
html body .os-zurueck.os-z-dunkel .os-z-strich{background:rgba(255,255,255,.28)!important}
html body .os-zurueck.os-z-dunkel .os-z-wort{color:#C8786A!important}
html body .os-zurueck.os-z-dunkel[href]:hover .os-z-wort{color:#E2A99D!important}
@media (max-width:560px){
  html body .os-zurueck{gap:10px!important}
  html body img.os-z-logo{height:22px!important}
  html body .os-z-strich{height:18px!important}
  html body .os-z-wort{font-size:14px!important}
}
@media print{.os-zurueck{display:none!important}}

/* ══ Kopfleiste: in jeder App gleich (Oktay 08.11.2026: „Das ist eine gute Idee“) ══
   Über die ganze Fensterbreite, „Logo | OS“ immer 28 px vom linken Fensterrand und mittig
   in einer 76 px hohen Leiste (Handy: 16 px, 64 px), daneben der App-Name in derselben Schrift.
   Bauplan: <header class="os-leiste"> [Zeichen] <span class="os-z-app">App-Name</span> … rechts
   die Knöpfe der App (Klasse os-leiste-rechts schiebt sie an den rechten Rand).
   Ist das Zeichen in einem inneren Kasten, bekommt der die Klasse os-leiste-links. */
html body .os-leiste{box-sizing:border-box!important;display:flex!important;align-items:center!important;
  gap:16px!important;width:auto!important;max-width:none!important;margin-left:0!important;margin-right:0!important;
  padding:16px 28px!important;min-height:76px;border-bottom:0!important}
html body .os-leiste-links{display:flex!important;align-items:center!important;gap:16px!important;min-width:0;
  margin:0!important;padding:0!important}
html body .os-leiste .os-zurueck{margin:0!important}
html body .os-leiste-rechts{margin-left:auto!important}
html body .os-z-app{font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif!important;
  font-size:16px!important;font-weight:600!important;font-style:normal!important;color:#2A2723!important;
  letter-spacing:0!important;text-transform:none!important;line-height:1.2!important;text-decoration:none!important;
  white-space:nowrap!important;margin:0!important;padding:0!important;border:0!important;background:none!important;
  overflow:hidden;text-overflow:ellipsis;min-width:0}
html body [onclick].os-z-app,html body a.os-z-app,html body [role=button] .os-z-app{cursor:pointer}
html body [onclick].os-z-app:hover,html body a.os-z-app:hover,html body [role=button]:hover .os-z-app{color:#AF5E4D!important}
@media (max-width:560px){
  html body .os-leiste{padding:10px 16px!important;min-height:64px;gap:12px!important;flex-wrap:wrap!important;row-gap:6px!important}
  html body .os-leiste .os-z-app{display:inline-block!important;max-width:42vw}
  html body .os-leiste-links{gap:12px!important}
  html body .os-z-app{font-size:14px!important}
}