:root {
    --primary-color: #2563eb;
    --dark-bg: #0f172a;
    --light-bg: #f8fafc;
}

/* Глобальный фон */
body {
    background-color: var(--light-bg);
}

/* Карточки */
.card {
    border: none;
    border-radius: 1rem;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

/* Кнопки */
.btn-primary {
    background-color: var(--primary-color);
    border: none;
}

.btn-primary:hover {
    background-color: #1e40af;
}

/* Схема зала */
/* .seat {
    width: 30px;
    height: 30px;
    font-size: 12px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .2s ease;
} */

/* .seat.free {
    background: #16a34a;
    color: white;
}

.seat.reserved {
    background: #6c757d;
    color: white;
} */

/* .seat:hover {
    transform: scale(1.1);
}
 */
/* Sidebar админки */
.sidebar {
    min-height: 100vh;
}

@media (max-width: 991px) {
    .sidebar {
        position: relative;
        min-height: auto;
    }
}

.sidebar{
    width:250px;
    transition:0.3s;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.sidebar.collapsed{
    width:70px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.sidebar.collapsed .nav-link span{
    display:none;
}

.sidebar.collapsed h5{
    display:none;
}

.sidebar.collapsed .admin-info{
    display:none;
}

.sidebar.collapsed .sidebar-text{
    display:none;
}

.sidebar.collapsed .sidebar-title{
    display:none;
}

.sidebar-icon{
    font-size:20px;
    margin-right:10px;
}

.sidebar.collapsed .sidebar-icon{
    margin-right:0;
}

.nav-link{
    display:flex;
    align-items:center;
    gap:10px;
}

.nav-link.active{
    background-color:#495057!important;
}

.sidebar-user{
    border-top:1px solid rgba(255,255,255,0.2);
}

.hall-row{
display:flex;
flex-wrap:wrap;
justify-content:center;
margin-bottom:25px;
}

.hall-cell{
flex:1 1 auto;
margin:5px;
max-width:100%;
}

.sector-block{
border:2px solid #dee2e6;
padding:10px;
background:#f8f9fa;
border-radius:10px;
height:100%;
}

.sector-title{
font-weight:bold;
text-align:center;
margin-bottom:10px;
font-size:14px;
}

.seat-row{
display:flex;
justify-content:center;
margin-bottom:5px;
align-items:center;
flex-wrap:wrap;
}

.seat{
width:30px;
height:30px;
margin:3px;
font-size:12px;
border-radius:15px;
cursor:pointer;
transition:.2s;
color:#fff;
font-weight:bold;
display:flex;
justify-content:center;
align-items:center;
}

.seat:hover{
transform:scale(1.2);
}

.seat input{
display:none;
}

.empty-cell{
height:80px;
}

.row-number{
width:30px;
height:30px;
/* background:#000; */
border: 1px solid #dee2e6;
color:#000;
text-align:center;
line-height:30px;
border-radius:5px;
font-weight:bold;
font-size:13px;
cursor: no-drop;
}

@media (max-width:768px){

.sector-block{
padding:8px;
}

.seat{
width:30px;
height:30px;
font-size:11px;
}

.row-number{
width:30px;
height:30px;
line-height:30px;
font-size:11px;
}
}

.color-button.active {
    outline: 3px solid #000;
    box-shadow: 0 0 0 3px rgba(0,0,0,0.25);
    transform: scale(1.05);
}

.edit-input-size {
    width: 4.5rem;
}

.hall-row {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    align-items: center;
}

.hall-cell {
    min-height: 50px;
    line-height: 30px;
    user-select: none;
    
}
/* .hall-cell.filled {
    background-color: #0d6efd;
    color: #fff;
} */

.draggable-sector {
    cursor: all-scroll;
}
.draggable-sector:hover {
    background-color:var(--primary-color)!important;
    color:#fff!important;
}

.hero { padding: 80px 0; background: #f8f9fa; }
.stat-number { font-size: 2rem; font-weight: bold; }
.sector-block { border: 2px solid #ccc; padding:10px; border-radius:8px; background:#f8f9fa; margin-bottom:20px; }
.sector-title { font-weight:bold; text-align:center; margin-bottom:10px; }
/* .hall-row { display:flex; flex-wrap:wrap; margin-bottom:30px; } */
/* .hall-cell { flex:1; min-width:200px; margin:5px; } */

.sidebar.collapsed .sidebar-text{
display:none;
}

.sidebar.collapsed .sidebar-user{
text-align:center;
}

.sidebar-icon{
font-size:22px;
color:white;
}

.sidebar.collapsed .sidebar-user .btn{
width:40px;
height:40px;
padding:0;
justify-content:center;
}

.hall-scene {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    height: 80px;
    background: #dee2e6;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid #cccccc;
}