@font-face {font-family: 'Borna Regular';src: url('../font/borna/borna-regular-webfont.eot');src: url('../font/borna/borna-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../font/borna/borna-regular-webfont.woff2') format('woff2'),url('../font/borna/borna-regular-webfont.woff') format('woff'),url('../font/borna/borna-regular-webfont.ttf') format('truetype');}

@font-face {font-family: 'Borna Bold';src: url('../font/borna/borna-bold-webfont.eot');src: url('../font/borna/borna-bold-webfont.eot?#iefix') format('embedded-opentype'),url('../font/borna/borna-bold-webfont.woff2') format('woff2'),url('../font/borna/borna-bold-webfont.woff') format('woff'),url('../font/borna/borna-bold-webfont.ttf') format('truetype');}

:root{
  --ink:#111111;
  --muted:#6b6b6b;
  --border:#e6e6eb;

  --signal:#FF4F00;
  --hover:#D74606;

  --bg:#ffffff;
  --bg-soft:#f7f7fb;
  --card:#ffffff;
}

*{
  font-family: 'Borna Regular', sans-serif !important, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

body{
  background: var(--bg-soft);
  color: var(--ink);
	cursor: default;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.logo {
	max-width:250px;
	height:auto;
}
/* LINKS */
a{
  color: var(--signal);
  text-decoration: none;
}
a:hover{
  color: var(--hover);
}

/* Others */
.thread-title {
  color: var(--signal);
}
.card-seewara .fw-bold {
  color: var(--signal) !important;
}
.card-seewara-sticky {
  position: sticky;
  top: 66px; /* Höhe deiner Navbar + Luft */
  z-index: 10;
}
.navbar-brand img {
  margin-left: -6px;
}
.navbar-brand span {
  margin: -13px 0 0 20px;
  font-size: 17px;
}
.progress {
  --bs-progress-bar-bg: #FF4F00;
}
.progress-bar {
  transition: width .25s ease;
}
#zipSendModal .form-check-input:checked {
  background-color: #FF4F00;
  border-color: #FF4F00;
}
#zipSendModal .form-check-input:focus {
  border-color: #FF4F00;
  box-shadow: 0 0 0 .2rem rgba(255,79,0, .25);
}

/* =========================================================
   LOGIN (FULLSCREEN, CENTERED)
========================================================= */
body.login {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

body.login nav,
body.login footer {
  display: none;
}

body.login main {
  width: 100%;
}

body.login .card {
  border-radius: 16px;
  border: 1px solid var(--border);
  box-shadow: 0 20px 60px rgba(0,0,0,.08);
  max-width: 420px;
  margin: 0 auto;
}

body.login .card-header {
  background: #fff;
  border-bottom: 1px solid var(--border);
  font-size: 120%;
  font-weight: 700;
  text-align: center;
}

body.login .form-control {
  background: #fff;
  border: 1px solid var(--border);
}

body.login .form-control:focus {
  border-color: var(--signal);
  box-shadow: 0 0 0 .15rem rgba(255,79,0,.15);
}

/* NAV */
.nav-seewara{
  background: #fff;
  border-bottom: 1px solid var(--border);
}
.navbar-brand.brand{
  color: var(--ink);
  font-weight: 800;
  letter-spacing: .2px;
}
.brand-dot{
  display:inline-block;
  width:10px;
  height:10px;
  border-radius:999px;
  background: var(--signal);
  margin-right:10px;
  display:none;
}
.navbar .nav-link{
  color: var(--muted);
  font-weight:600;
}
.navbar .nav-link:hover{
  color: var(--ink);
}
.nav-hello{
  color: var(--muted);
  font-size:.92rem;
  padding:.35rem .5rem;
}

/* BUTTONS */
.btn-primary{
  background: var(--signal);
  border-color: var(--signal);
  font-weight:700;
}
.btn-primary:hover{
  background: var(--hover);
  border-color: var(--hover);
}
.btn-secondary{
  background: rgba(5,221,141,.12);
  border: 1px solid #05DD8D;
  color: #05DD8D;
}
.btn-outline-light{
  color: var(--ink);
  border-color: var(--border);
}
.btn-outline-light:hover{
  background: #f1f1f6;
}
.btn-pill{
  border-radius:999px;
  padding:.4rem .85rem;
}

/* CARDS */
.card-seewara{
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 18px;
  box-shadow: 0 12px 32px rgba(0,0,0,.06);
}
.card-seewara .card-header{
  background: #fff;
  border-bottom: 1px solid var(--border);
  color: var(--ink);
  font-weight:600;
  font-size: 120% !important;
}

/* TABLES */
.table{
  color: var(--ink);
}
.table thead th{
  color: #555;
  border-bottom-color: var(--border);
}
.table td,
.table th{
  border-top-color: var(--border);
}
.table-hover tbody tr:hover{
  background: #f4f4fa;
}

/* FORMS */
.form-control,
.form-select{
  background: #fff;
  border: 1px solid var(--border);
  color: var(--ink);
  border-radius: 14px;
}
.form-control:focus,
.form-select:focus{
  border-color: var(--signal);
  box-shadow: 0 0 0 .2rem rgba(255,79,0,.15);
  background: #fff;
}
.form-text,
.text-muted{
  color: var(--muted) !important;
}

/* BADGES */
.badge-role{
  background: rgba(255,79,0,.12);
  border: 1px solid rgba(255,79,0,.35);
  color: var(--signal);
}
.badge-active{
  background: rgba(5,221,141,.12);
  border: 1px solid #05DD8D;
  color: #05DD8D;
}
.badge-deleted{
  background: rgba(240,93,105,.12);
  border: 1px solid #F05D69;
  color: #F05D69;
}

/* KPI */
.kpi{
  display:flex;
  gap:12px;
  align-items:center;
  padding:14px 16px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid var(--border);
}
.kpi .kpi-title{
  color: var(--muted);
  font-size:.85rem;
}
.kpi .kpi-val{
  font-weight:800;
  font-size:1.15rem;
}

/* FOOTER */
.footer-seewara{
  border-top: 1px solid var(--border);
  background: #fff;
  color: var(--muted);
}

/* ALERTS */
.alert{
  border-radius: 8px;
  border: 2px solid var(--border);
  background: #fff;
  color: var(--ink);
}
.alert-success{
  /*border-color: rgba(25,135,84,.35);*/
  border-color: rgba(279,55,0,.5);
  background: rgba(279,55,0,.05);
  box-shadow: 0 0 15px -5px rgba(279,55,0, .25);
}
.alert-danger{
  border-color: rgba(220,53,69,.35);
}

/* UIKIT */
.uk-notification-message{
  background: #fff;
  color: var(--ink);
  border: 1px solid var(--border);
  border-radius: 16px;
}

/* ERGÄNZUNG 15.01.2026 */

/* --- Login Split Layout --- */
body.login { background:#fff; color:#111; }

.login-split{
  display:flex;
  min-height: calc(100vh - 72px); /* minus navbar */
}

.login-left{
  flex: 1 1 50%;
  background-image: url("../img/login_bg.jpg");
  background-size: cover;
  background-position: center;
  border-radius: 16px;
}

.login-right{
  flex: 1 1 50%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 24px;
  background:#fff;
}

/* keep your existing card style, but ensure readable on white */
.login-card{
  max-width: 520px;
  width: 100%;
}

/* Mobile: hide image column */
@media (max-width: 991px){
  .login-left{ display:none; }
  .login-right{ flex-basis: 100%; }
  .login-split{ min-height: calc(100vh - 72px); }
}