/* CSS Document */
/* Levý panel (sidebar) */
* Zajištění max šířky 95 % */
container-fluid {
  max-width: 95% !important;
  margin: 15px auto;   /* vystředění + mezery vlevo/vpravo */
  margin-top: 20px;    /* přidá svislou mezeru pod headerem */
}

/* Sidebar a hlavní obsah */
.sidebar {
  background: rgba(255,255,255,0.9);
  padding: 1rem;
  min-height: 100vh;
  border-right: 1px solid #ddd;
   display: flex;
  flex-direction: column;
}

.main-content {
  padding: 1rem 2rem;
  background: rgba(255,255,255,0.95);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
   display: flex;
  flex-direction: column;
  
}



/* Box pro hlášení */
.alert-box {
  background: #fff3cd;
  border: 1px solid #ffeeba;
  color: #856404;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  font-size: 0.95rem;
}

/* Vertikální zarovnání */
.row {
  display: flex;
  align-items: stretch; /* všechny sloupce budou stejně vysoké */
}

.alert {
  font-size: 0.95rem;
  margin-bottom: 1rem;
}

/*  sekce data */
.sekce-title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #004085;
  position: relative;
  display: inline-block;
  margin-bottom: 0.5rem;
  padding-bottom: 6px; /* rezerva pro linku */
  text-align: right;   /* text doprava */
  width:80%;
}

/* Linka se zarovná doprava */
.sekce-title::after {
  content: "";
  position: absolute;
  right: 0;  /* místo left ? right */
  bottom: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #004085, yellow, #004085);
  background-size: 200% 100%;
  animation: underlineFlow 8s linear infinite;
}

@keyframes underlineFlow {
  0%   { background-position: 200% 50%; }
  100% { background-position: 0% 50%; }
}
}

/* Info text */
.sekce-info {
  font-size: 1rem;
  color: #555;
  margin-bottom: 1rem;
  animation: fadeInUp 1.2s ease;
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

/*  css pro zak8zky */
/* tlačítko smazat (ladí se vzhledem webu) */
.tlacitko_soft{
  appearance:none; background:#f8d7da; color:#842029; border:1px solid #f1aeb5; border-radius:6px;
  padding:6px 10px; font-weight:600; cursor:pointer;
}
.tlacitko_soft:hover{ background:#f4c2c7; }

/* pravý panel – tabulka položek */
.dz-table{width:100%; border-collapse:separate; border-spacing:0; background:#fff; border:1px solid #e3e7ee; border-radius:10px; overflow:hidden;}
.dz-table th, .dz-table td{padding:10px 12px; vertical-align:top;}
.dz-table th{background:#f7f9fc; color:#1f2633; font-weight:700; text-align:left; border-bottom:1px solid #e3e7ee;}
.dz-table td{border-bottom:1px solid #f0f2f6;}
.dz-num{text-align:right; white-space:nowrap;}
.dz-row-date td{background:#e9f7ff; color:#0b5ed7; font-weight:600; border-bottom-color:#d6ecff;}
.dz-row-warn td{background:#fff5e6;}
.dz-row-total td{background:#e9f7ff; font-weight:700; border-top:2px solid #cfe7ff;}

/* autocomplete box – sjednocení s ostatními hledáními */
.autocomplete{position:relative;}
.finderbox{
  display:none; position:absolute; z-index:1030; top:100%; left:0; right:0; margin-top:4px;
  max-height:260px; overflow:auto; background:#fff; border:1px solid #d6d9de; border-radius:8px;
  box-shadow:0 8px 18px rgba(9,30,66,.15);
}
.finderbox .box{padding:8px 10px; cursor:pointer; border-bottom:1px solid #f1f3f5; font-size:.95rem;}
.finderbox .box:last-child{border-bottom:0;}
.finderbox .box:hover, .finderbox .box.is-active{background:#f0f6ff; color:#0d6efd;}

/* ===== DOXA (dz-): layout dvou sloupců ===== */
.dz-wrap{max-width:100%; margin:10px 0;}
.dz-grid{display:grid; grid-template-columns: 30% 1fr; gap:16px; align-items:start;}
@media (max-width: 992px){ .dz-grid{ grid-template-columns: 1fr; } }

/* levý panel (formulář) */
.dz-panel{
  background:#fff; border:1px solid #e3e7ee; border-radius:10px; padding:14px;
  box-shadow:0 1px 0 rgba(0,0,0,.03);
}
.dz-panel .form-control-label{font-weight:600;}
.dz-panel .hr-line{border:0; border-top:1px solid #e3e7ee; margin:10px 0 14px;}
.dz-heading{font-size:1.1rem; font-weight:700; color:#0b1a33;}