@import "./components/planner-header/planner-header.css";
@import "./components/planner-users-online/planner-users-online.css";
@import "./components/planner-settings/planner-settings.css";
@import "./components/planner-filter/planner-filter.css";
@import "./components/planner-sidebar/planner-sidebar.css";
@import "./components/planner-grid/planner-grid.css";
@import "./components/planner-cell/planner-cell.css";

body,
html {
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background-color: #f8fafc;
    color: #334155;
    font-family: 'Roboto', sans-serif;
}

.grid-viewport::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.grid-viewport::-webkit-scrollbar-track {
    background: #f1f5f9;
}

.grid-viewport::-webkit-scrollbar-thumb {
    background-color: #cbd5e1;
    border-radius: 20px;
    border: 2px solid #f1f5f9;
}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}