/* prado-home global styles.
 *
 * One file, two routes into the page: the web build links it from index.html
 * (the Content-Security-Policy allows stylesheets from this origin but no
 * inline <style>, security review B, M8), and the native build inlines this
 * same text through `include_str!` in app.rs, where there is no CSP. Colours
 * that follow the theme are NOT here: they are set on the root element's
 * style attribute in app.rs. */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: #f5f4f0;
    color: #1a1917;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    overscroll-behavior: none;
    -webkit-tap-highlight-color: transparent;
}
#main {
    width: 100%;
    height: 100vh;
    padding: 0 !important;
    overflow: hidden;
}
::-webkit-scrollbar { display: none; }
* { scrollbar-width: none; -ms-overflow-style: none; box-sizing: border-box; }

/* The Rooms page on a phone-width web view: the room list stands alone (a
 * room opens on its own page, `pages/rooms.rs`), where the detail pane was
 * squashed beside the 340 px list and its controls overlapped. The inline
 * widths are the wide layout's; these win below 700 px. */
@media (max-width: 700px) {
    .rooms-list {
        width: 100% !important;
        border-right: none !important;
    }
    .rooms-detail {
        display: none !important;
    }
}