/* ===========================
   Teamium-like theme (mobile + desktop)
   File: /catefing/dochazka/mobile.css
   =========================== */
:root{
  --team-bg:        #F6F9FF;
  --team-surface:   #ffffff;
  --team-dark:      #23345B; /* hlavní tmavě modrá */
  --team-dark-2:    #2E3E6E; /* sekundární modrá */
  --team-accent:    #FF4F6D; /* malinový akcent */
  --team-accent-2:  #FF6B83; /* hover akcent */
  --team-muted:     #6B7280;
  --radius-lg:      16px;
  --radius-sm:      12px;
  --shadow-soft:    0 10px 30px rgba(35,52,91,.10);
  --shadow-tiny:    0 4px 14px rgba(35,52,91,.08);
}

/* Pozadí stránky – jemný gradient a závoj */
html,body{height:100%;}
body{
  background:
    radial-gradient(1200px 700px at 60% -200px, rgba(35,52,91,.08), rgba(35,52,91,0) 60%),
    linear-gradient(180deg, #fff 0%, var(--team-bg) 100%);
  color:#0f172a;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* „karta“ aplikace */
.container-safe{max-width:1100px;margin:0 auto;padding:16px;}
.card-mobile{
  background:var(--team-surface);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-soft);
  overflow:hidden;
}
.header-bar{
  padding:14px 18px;
  font-weight:700;
  color:#fff;
  background:linear-gradient(135deg,var(--team-dark) 0%, var(--team-dark-2) 100%);
  letter-spacing:.2px;
}

/* Odkazy v patičkách/texte */
.footer-links a, a{
  color:var(--team-accent);
  text-decoration:none;
}
.footer-links a:hover, a:hover{ color:var(--team-accent-2); }

/* === Tlačítka (Bootstrap override + vlastní) === */
.btn{ border-radius:12px; font-weight:600; }

.btn-brand{
  background:var(--team-accent);
  border-color:var(--team-accent);
  color:#fff;
}
.btn-brand:hover{ background:var(--team-accent-2); border-color:var(--team-accent-2); color:#fff; }

.btn-outline-secondary{
  color:var(--team-dark);
  border-color:rgba(35,52,91,.25);
  background:#fff;
}
.btn-outline-secondary:hover{
  color:#fff; background:var(--team-dark-2); border-color:var(--team-dark-2);
}

.btn-outline-primary{
  color:var(--team-accent);
  border-color:var(--team-accent);
}
.btn-outline-primary:hover{
  color:#fff; background:var(--team-accent); border-color:var(--team-accent);
}

.btn-accent{
  background:var(--team-accent);
  border-color:var(--team-accent);
  color:#fff;
}
.btn-accent:hover{ background:var(--team-accent-2); border-color:var(--team-accent-2); }

/* Malé „pill“ tlačítko (např. OK v numpadu) */
.numpad .btn{ min-width:64px; min-height:48px; box-shadow:var(--shadow-tiny); }

/* === Form prvky === */
.form-control, .form-select{
  border-radius:12px;
  border-color:#e5e7eb;
}
.form-control:focus, .form-select:focus{
  border-color:var(--team-accent);
  box-shadow:0 0 0 .25rem rgba(255,79,109,.20);
}
.form-label{ font-weight:600; color:var(--team-dark); }
.label-muted{ color:var(--team-muted); font-size:.9rem; }

/* === Alerty === */
.alert-inline{ margin-bottom:18px; border-radius:12px; }
.alert-info{
  background:#FDF2F5;
  border-color:#FCE1E7;
  color:#771D32;
}
.alert-danger{ border-radius:12px; }

/* === Tabulky === */
.table-wrap{ width:100%; overflow:auto; }
.table thead th{
  background:linear-gradient(180deg, #f3f6ff 0%, #eef2ff 100%);
  color:var(--team-dark);
  border-bottom:1px solid #e5e7eb;
}
.table tbody td{ vertical-align:middle; }
.table-sm> :not(caption)>*>*{ padding:.55rem .75rem; }

/* === Badges (stav směny) === */
.badge.bg-success{ background:#16a34a !important; }
.badge.bg-warning{ background:#fde68a !important; color:#7c2d12 !important; }
.badge.text-dark{ color:#111827 !important; }

/* === Karty === */
.card-header{
  background:#F4F6FF !important;
  color:var(--team-dark);
  border-bottom:1px solid #e5e7eb;
  border-top-left-radius:12px !important;
  border-top-right-radius:12px !important;
}
.card{ border:0; box-shadow:var(--shadow-tiny); border-radius:12px; }

/* === Details (rozklikávací nápověda) === */
details{ background:#fff; border:1px solid #eef2ff; border-radius:12px; padding:.75rem 1rem; }
details[open]{ box-shadow:var(--shadow-tiny); }
details>summary{ color:var(--team-dark); }
details>summary:hover{ color:var(--team-accent); }

/* === Header akce (pravý roh) === */
.header-bar .badge, .role-badge{ background:rgba(255,255,255,.15); border-radius:999px; padding:.25rem .6rem; }

/* === Patička tlačítek === */
.footer-links{ text-align:center; color:var(--team-muted); }
.footer-links a{ margin:0 .35rem; }

/* === Terminál specifika === */
.pin-input{ font-size:1.15rem; letter-spacing:.08em; }
.numpad{ display:grid; grid-template-columns:repeat(3,1fr); gap:.5rem; margin-top:.25rem; }
.numpad .btn-outline-secondary{ font-size:1.1rem; }

/* === Export a drobnosti === */
.btn-success{ background:var(--team-dark-2); border-color:var(--team-dark-2); }
.btn-success:hover{ background:#3a4b89; border-color:#3a4b89; }

/* Malé displeje */
@media (max-width: 576px){
  .container-safe{ padding:12px; }
  .header-bar{ padding:12px 14px; }
}