/* ============================================================================
   HOMESLY master.css — App-specific styles on top of design system
   ============================================================================ */

/* Google Fonts import */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800&family=JetBrains+Mono:wght@400;500;600&display=swap');

/* Override: make sure app container takes full space */
#app {
    flex: 1;
    display: flex;
    flex-direction: column;
    opacity: 0;
    transition: opacity 0.4s ease-out;
}
#app.ready { opacity: 1; }

/* View container inside app */
#viewArea {
    flex: 1;
    display: flex;
    flex-direction: column;
}