/* =====================================================================
   Overshare's New layout and Nova (body.os-office, body.os-nova)! A light page, pink chrome, the Shares pages in the middle.
   Overshare Classic (body.os-classic) keeps the original top bar and stays untouched!
   ===================================================================== */
body.os-office { display: grid !important; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr) auto; height: 100vh; height: 100dvh; min-height: 0; overflow: hidden; }
body.os-office #os-top { grid-column: 1; grid-row: 1; }
body.os-office #os-status { grid-column: 1; grid-row: 3; }
body.os-office > .top, body.os-office > .foot { display: none !important; }
body.os-office > main#app { grid-column: 1; grid-row: 2; min-height: 0; overflow: auto; max-width: none; margin: 0; width: auto; padding: 18px max(16px, calc((100% - 1100px) / 2)) 30px; animation: osFade 0.3s; }
.bb-bs-doc { display: flex; align-items: center; gap: 14px; padding: 12px 14px; border: 1px solid var(--os-menu-line); border-radius: 10px; max-width: 560px; }