/*Write your custom css in this file.*/
/* =========================================================
   PREGO – Office/SAP Silver UI polish
   Csak vizuális finomhangolás: árnyék, keret, radius, hover
   Színvilág: #D1EFFF + #EEF0F2 + hover: #94B8D8
   ========================================================= */

:root{
  --prego-bg: #EEF0F2;
  --prego-primary: #D1EFFF;
  --prego-hover: #94B8D8;
  --prego-border: rgba(15, 25, 35, 0.10);
  --prego-border-strong: rgba(15, 25, 35, 0.16);
  --prego-text: rgba(15, 25, 35, 0.92);
  --prego-text-soft: rgba(15, 25, 35, 0.65);
  --prego-shadow: 0 10px 22px rgba(15, 25, 35, 0.10);
  --prego-shadow-soft: 0 6px 14px rgba(15, 25, 35, 0.08);
  --prego-radius: 14px;
  --prego-radius-sm: 10px;
  --prego-speed: 160ms;
}

/* Háttér finomítása */
body{
  background: var(--prego-bg);
  color: var(--prego-text);
}



/* Hover kicsi emelés – nem agresszív */
.card:hover,
.panel:hover,
.widget:hover{
  box-shadow: var(--prego-shadow);
  transform: translateY(-1px);
  transition: box-shadow var(--prego-speed) ease, transform var(--prego-speed) ease;
}

/* Üres “flat” elemek enyhe keretet kapnak */
hr,
.table,
.list-group-item{
  border-color: var(--prego-border) !important;
}

/* Táblázat: zebra + hover sáv */
.table tbody tr:nth-child(even){
  background: rgba(238, 240, 242, 0.55);
}
.table tbody tr:hover{
  background: rgba(209, 239, 255, 0.65) !important;
}

/* Inputok: Windows/Office stílusú fókusz */
.form-control,
select,
textarea,
.select2-container .select2-selection{
  border: 1px solid var(--prego-border-strong) !important;
  border-radius: var(--prego-radius-sm) !important;
  box-shadow: none !important;
  transition: border-color var(--prego-speed) ease, box-shadow var(--prego-speed) ease;
}

.form-control:focus,
select:focus,
textarea:focus,
.select2-container--default .select2-selection--single:focus{
  border-color: rgba(148, 184, 216, 0.95) !important;
  box-shadow: 0 0 0 4px rgba(209, 239, 255, 0.70) !important;
  outline: none !important;
}

/* Gombok: modern, világos enterprise */
.btn{
  border-radius: var(--prego-radius-sm) !important;
  transition: background-color var(--prego-speed) ease,
              border-color var(--prego-speed) ease,
              box-shadow var(--prego-speed) ease,
              transform var(--prego-speed) ease;
}

.btn-primary{
  background: var(--prego-primary) !important;
  border-color: var(--prego-primary) !important;
  color: var(--prego-text) !important;
}

.btn-primary:hover,
.btn-primary:focus{
  background: var(--prego-hover) !important;
  border-color: var(--prego-hover) !important;
  color: rgba(15, 25, 35, 0.98) !important;
  box-shadow: 0 8px 18px rgba(15, 25, 35, 0.12);
  transform: translateY(-1px);
}

/* Kisebb gombok / ikon gombok “nem csörögnek” */
.btn:active{
  transform: translateY(0);
  box-shadow: none !important;
}

/* Linkek: tiszta, üzleti */
a{
  text-decoration: none;
  transition: color var(--prego-speed) ease;
}
a:hover{
  text-decoration: underline;
}

/* Badge/label finomítás */
.badge,
.label{
  border-radius: 999px !important;
  padding: 0.35em 0.65em;
}

/* Alert dobozok “soft” enterprise */
.alert{
  border-radius: var(--prego-radius) !important;
  border: 1px solid var(--prego-border) !important;
}
.alert-success{
  background: rgba(209, 239, 255, 0.55) !important;
  color: var(--prego-text) !important;
}

/* Dropdown / menük */
.dropdown-menu{
  padding: 10px;
}
.dropdown-item:hover,
.dropdown-menu a:hover{
  background: rgba(209, 239, 255, 0.70) !important;
  border-radius: 10px;
}

/* Finom ikon- és header feeling */
h1,h2,h3,h4,h5,h6{
  letter-spacing: -0.2px;
}
.small, small{
  color: var(--prego-text-soft);
}