/* Global Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    margin: 0;
}

.container {
    width: 100%;
    max-width: 400px;
    padding: 20px;
    margin: auto;
}

/* Wide app pages (slots table and results) */
body.has-data-table .container,
body.has-results-posting .container,
body.has-results-demo-check .container {
    max-width: 90%;
    flex: 1;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 70px); /* Adjust based on header height */
    padding-bottom: 20px;
}

/* Wider container for landing page to make cards wider */
body.has-landing-wide .container {
    max-width: 1100px;
}