*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f6f7fb;color:#1b1b1b}

main{padding:20px;max-width:1100px;margin:0 auto}
h1{margin-top:0}
#calendar{background:#fff;border:1px solid #ddd;border-radius:10px;padding:10px}
.panel{background:#fff;border:1px solid #ddd;border-radius:10px;padding:12px;margin-top:16px}
form input, form select, form button{padding:8px;margin:4px}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;margin-top:12px}
th,td{border-bottom:1px solid #eee;padding:8px;text-align:left}
footer{display:flex;justify-content:space-between;align-items:center;padding: 12px 20px 12px 20px;text-align:center;background:#111;color:#666}
footer .brand a{color:#fff;text-decoration:none;font-weight:700}
footer small { margin:auto;}
footer nav a{color:#ccc;margin-left:12px;text-decoration:none}
footer nav a:hover{color:#fff}


footer {
    background-color: #111;
    height: 60px;
    width: 100%;
    border: 0;
}
footer{
	height: 40px;
}

footer div {
    display: flex;
    justify-content:flex-end; 

    height: 100%;
	padding-left:5px;
	padding-right:5px;	
	
	font-size: 10px;
    color: #eaeced;
    font-weight: normal;
}
footer div h1, footer div a {
    display: inline-flex;
    align-items: center;
    font-size: 12pt;

}
footer div h1 {
    flex: 1;
    font-size: 20px;
    padding: 0;
    margin: 0;
    color: #eaeced;
    font-weight: normal;
}
 footer div h4 {
    flex: 1;
    font-size: 12pt;
    padding: 0;
    margin: auto;
	text-align: center;
    color: #eaeced;
    font-weight: normal;
}

footer div a {
    padding: 0 20px;
    text-decoration: none;
    color: #c1c5ca;
    font-weight: 500;
}
footer div a svg {
    fill: #c1c5ca;
    margin: 2px 5px 0 0;
}
footer div  a:hover {
    color: #eaeced;
}


/* Garante que a navbar e dropdowns fiquem acima dos cards */
.navbar { z-index: 1030; }
.dropdown-menu { z-index: 1050; }

@media (max-width: 991.98px) {
  .navbar .navbar-collapse.show {
    background-color: #212529; /* mesmo tom do bg-dark */
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
  }
}

.qsl-card{margin-top:16px}
.qsl-card iframe{width:100%;min-height:420px;border:1px solid #ddd;border-radius:10px;background:#fff}

a.fc-event{cursor: pointer;}

/* Evita que estilos de tabela do Bootstrap alterem o grid do calendário */
.calendar-container .fc table {
  border-collapse: separate;
  border-spacing: 0;
}

/* Garante que botões da toolbar fiquem corretos */
.calendar-container .fc .fc-button {
  /* o tema bootstrap5 já aplica classes, mas isso garante consistência */
  line-height: 1.25;
  border: 1px solid var(--bs-border-color, #dee2e6);
}

/* Títulos e espaçamentos coerentes com Bootstrap */
.calendar-container .fc .fc-toolbar-title {
  font-size: 1.25rem; /* ~h5 */
}

/* Corrige inputs nativos de Bootstrap dentro de popovers do FC, se usar */
.calendar-container .fc .form-control {
  min-height: 0; /* evita crescer demais */
}

/* Popover do FullCalendar acima de dropdowns/navbar do Bootstrap */
.calendar-container .fc .fc-popover {
  z-index: 1080; /* acima dos dropdowns (1000+) e abaixo de modals (1055) */
}

/* Se quiser popover do FC acima de modal do Bootstrap, suba mais (use com cuidado): */
/* .calendar-container .fc .fc-popover { z-index: 2000; } */