/* public/css/styles.css */
html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #ECEAE0 !important;
    display: flex;
    flex-direction: column;
    font-family: 'Roobert', sans-serif !important;
}
main {
    flex-grow: 1; /* Ensures main content takes available space */
}

.alert {
  padding: 5px;
  font-size: 12px;
  font-family: Roobert;
  margin: 10px 0;
  border-radius: 4px;
  width: 8rem;
  height: auto;
  transition: 1s;
}
.alert-success {
  background-color: #565030 !important;
  color: #EDEADF !important;
}
.alert-danger {
  background-color: #B45F34 !important;
  color: #EDEADF !important;
}

:root {
  --brand-orange: #B45F34;
  --brand-orange-dark: #9a4f2b;
}

.text-danger {
  color: var(--brand-orange) !important;
}

.bg-danger,
.badge-danger {
  background-color: var(--brand-orange) !important;
}

.btn-danger {
  background-color: var(--brand-orange) !important;
  border-color: var(--brand-orange) !important;
  color: #fff !important;
}

.btn-danger:hover,
.btn-danger:focus {
  background-color: var(--brand-orange-dark) !important;
  border-color: var(--brand-orange-dark) !important;
}

.btn-outline-danger {
  color: var(--brand-orange) !important;
  border-color: var(--brand-orange) !important;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus {
  background-color: var(--brand-orange) !important;
  border-color: var(--brand-orange) !important;
  color: #fff !important;
}

/* Keep toast out of document flow until shown */
#toast,
.toast{
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    z-index: 2100;
}
.toast.show{
    display: flex;
}

/* Flat page option: remove card chrome and rely on dividers */
.flat-page .card{
    background: transparent;
    border: 1px solid #e1e1e1;
    box-shadow: none;
    border-radius: 10px;
    padding: 12px;
}
.flat-page table{
    background: transparent;
}
.flat-page table tr{
    background: transparent;
    border-bottom: 1px solid #e5e5e5;
}
.flat-page table tr:last-child{
    border-bottom: none;
}