/* EGMedical Wireframe – doplňkové styly (navíc ke generickým EIRA stylům v style.css) */
@import url('style.css');

body { font-family: "Open Sans","Segoe UI",Tahoma,sans-serif; }

/* ── EGMedical banner (modernizovaný styl z tab02-stav-zakazek) ── */
.egmedical-banner {
  height: 48px;
  background: linear-gradient(180deg, #1f3d62 0%, #1b3655 100%);
  color: #e0e0e0;
  display: flex;
  align-items: center;
  padding: 0 18px;
  gap: 0;
  font-family: "Open Sans","Segoe UI",Tahoma,sans-serif;
  box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 2px 8px rgba(27,54,85,.15);
}
.egmedical-logo {
  font-size: 17px;
  font-weight: 900;
  color: #3acdcf;
  letter-spacing: 0.5px;
  margin-right: 22px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.egmedical-logo img {
  height: 24px;
  display: block;
}
.egmedical-nav-tab {
  height: 48px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  font-size: 12.5px;
  color: rgba(255,255,255,.65);
  cursor: pointer;
  border-bottom: 3px solid transparent;
  white-space: nowrap;
  transition: all .15s ease;
}
.egmedical-nav-tab:hover { color: #fff; background: rgba(255,255,255,.08); }
.egmedical-nav-tab.active {
  color: #fff;
  background: rgba(58,205,207,.12);
  border-bottom-color: #3acdcf;
  font-weight: bold;
}

/* ── Back-bar (titulek pod bannerem) ── */
.back-bar {
  padding: 14px 22px;
  background: #fff;
  border-bottom: 1px solid #e8ecf1;
  box-shadow: 0 1px 2px rgba(0,0,0,.02);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.back-bar .title {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.2px;
  color: #0f1d2e;
}
.back-bar a {
  font-size: 12px;
  color: #3acdcf;
  text-decoration: none;
  padding: 4px 10px;
  border-radius: 6px;
  transition: background .15s;
}
.back-bar a:hover { background: rgba(58,205,207,.08); }

/* ── Color legend chips ── */
.legend { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; }
.chip {
  display: inline-flex; align-items: center; gap: 3px;
  padding: 2px 6px; border-radius: 2px;
  font-size: 10px; font-weight: bold; border: 1px solid rgba(0,0,0,.12);
  white-space: nowrap;
}

/* EGMedical operace barvy */
.c-sent    { background:#2AFF00; color:#1a4800; }
.c-qc      { background:#AFF705; color:#3a5800; }
.c-temp    { background:#F6F600; color:#5a5000; }
.c-koop4   { background:#DDFF4B; color:#4a5a00; }
.c-koop3   { background:#E7F66A; color:#4a5a00; }
.c-koop2   { background:#EDFD8C; color:#4a5a00; }
.c-koop1   { background:#E4F5B6; color:#4a5a00; }
.c-dok     { background:#F1E50A; color:#5a4800; }
.c-obr     { background:#F1C504; color:#5a3c00; }
.c-rozb    { background:#F09005; color:#5a2a00; }
.c-vytv    { background:#F85100; color:#fff; }
.c-bal     { background:#FF110B; color:#fff; }
.c-sklad   { background:#DA0660; color:#fff; }
.c-tool    { background:#1DD7FF; color:#003a4a; }
.c-cut     { background:#fff; color:#333; border:1px solid #aaa; }
.c-def     { background:#000; color:#fff; }
.c-plan    { background:#b0b0b0; color:#333; }

/* Gantt buňky v gridu */
.gantt-cell {
  width: 18px; height: 18px;
  display: inline-block; border-radius: 2px;
  border: 1px solid rgba(0,0,0,.1);
  font-size: 8px; font-weight: bold;
  text-align: center; line-height: 18px;
}

/* Procenta buňky */
.pct-red    { background: #ff6b6b; color: #fff; font-weight: bold; }
.pct-orange { background: #ffa94d; color: #fff; font-weight: bold; }
.pct-green  { background: #69db7c; color: #1a4800; font-weight: bold; }
.pct-purple { background: #cc5de8; color: #fff; font-weight: bold; }

/* Tydenni plan bunky */
.week-cell {
  border: 1px solid #ccc;
  padding: 4px 6px;
  min-height: 60px;
  vertical-align: top;
  font-size: 10px;
  background: #fff;
}
.week-cell.sklad { background: #eef2fa; }
.week-cell.dok   { background: #eef7ee; }
.week-cell.exp   { background: #fdecea; }
.week-day-header {
  background: #1b3655;
  color: #fff;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  padding: 5px;
}
.week-day-header.today { background: #3acdcf; color: #1b3655; }

/* Toolbar row */
.toolbar {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  background: #f5f7fa;
  border-bottom: 1px solid #e0e0e0;
  flex-wrap: wrap;
}
.toolbar .sep {
  width: 1px; height: 20px;
  background: #ccc;
  margin: 0 2px;
}

/* Stav vyroba barvy */
.stat-box {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px 14px;
  background: #fff;
  text-align: center;
  min-width: 80px;
}
.stat-box .num { font-size: 24px; font-weight: bold; }
.stat-box .lbl { font-size: 10px; color: #888; text-transform: uppercase; }

/* Chart placeholder */
.chart-ph {
  background: linear-gradient(180deg, #f8f9fb 0%, #eef3fb 100%);
  border: 1px dashed #9ab;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #7a9ab8;
  font-size: 12px;
  gap: 6px;
}

/* Barvy pro docházku / odměny */
.sal-green  { background: #b2f2bb; }
.sal-yellow { background: #ffec99; }
.sal-red    { background: #ffa8a8; }

/* Back link */
.back-bar {
  padding: 8px 14px;
  background: #fff;
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
}
.back-bar .title { font-weight: bold; color: #1b3655; font-size: 13px; }