// Variables
:root {
    --dark-bg: #1a1a1a;
    --dark-bg-light: #2a2a2a;
    --border-color: #333;
    --text-color: #fff;
    --text-muted: #888;
    --primary-color: #007bff;
    --success-color: #28a745;
    --danger-color: #dc3545;
}

// Base styles
@import "base/_base";

// Components
@import "components/_market-pairs";
@import "components/_main-chart";
@import "components/_market-trade";

// Modules
@import "module/price-changes"; 

html, body {
    height: 100vh;
    overflow: hidden;
}

.container-fluid.mtb15.no-fluid {
    height: 100vh;
    display: flex;
    flex-direction: column;
    padding: 15px;
    overflow: hidden;
}

.row.sm-gutters {
    flex: 1;
    margin: 0;
    overflow: hidden;
}

.market-pairs {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.market-pairs .tab-content {
    flex: 1;
    overflow: auto;
}

.main-chart {
    height: calc(100vh - 30px);
    overflow: hidden;
}

.market-history {
    height: calc(100vh - 30px);
    overflow: auto;
}

.market-trade {
    height: 100%;
    overflow: auto;
} 