@charset "UTF-8";

.img-avatar-square {
    display: inline-block;
    max-width: 205px;  
    max-height: 205px;  
    height: auto;      
    object-fit: contain; 
}

/* PWA Toast Styling */
#installWrap {
	position: fixed !important;
	bottom: 20px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	z-index: 9999;
	display: none; /* Defaultne skryté - čakáme na logiku */
	min-width: 320px;
	max-width: 90%;
	background-color: #0d6efd; /* Primary Blue */
	border-radius: 10px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
/* Štýl pre ikonu v toaste */
.pwa-app-icon {
    width: 64px;          /* Veľkosť ikony */
    height: 64px;
    border-radius: 14px;  /* Zaoblené rohy v štýle iOS/Android */
    object-fit: cover;
    background-color: white; /* Poistka ak by bol obrázok transparentný */
}

/* Jemné doladenie pre mobil */
@media (max-width: 400px) {
    .pwa-app-icon {
        width: 50px;
        height: 50px;
    }
}

/* calendar */
tr.calendar-row	{  }
td.calendar-day	{ min-height:80px; font-size:11px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day .active	{ background-color:silver; }
td.calendar-day:hover	{ background:#eceff5; }
td.calendar-day-np	{ background:#eee; min-height:80px; } * html div.calendar-day-np { height:80px; }
td.calendar-day-head { background:#ccc; font-weight:bold; text-align:center; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
div.day-number		{ background:#E63B7A; padding:5px; width: 30px; color:#fff; font-weight:bold; margin:-5px 5px 0 -5px; text-align:center; }
div.week-number		{ padding:5px; font-weight:bold; text-align:center; }
/* shared */
td.calendar-day, td.calendar-day-np { padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }
.cross {					
	overflow: hidden;
}

.cross:before, .cross:after {
	position: absolute;
	content: '';
	background: red;
	display: block;
	height: 1px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

:root {
  --numDays: 5;
  --numHours: 10;
  --timeHeight: 60px;
  --calBgColor: #fff1f8;
  --eventBorderColor: #f2d3d8;
  --eventColor1: #ffd6d1;
  --eventColor2: #fafaa3;
  --eventColor3: #e2f8ff;
  --eventColor4: #d1ffe6;
}

.calendar {
  display: grid;
  gap: 10px;
  grid-template-columns: auto 1fr;
  margin: 2rem;
}

.dayline {
  display: grid;
  grid-template-rows: repeat(var(--numHours), var(--timeHeight));
}

.days {
  display: grid;
  grid-column: 2;
  gap: 5px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.events {
  display: grid;
  grid-template-rows: repeat(var(--numHours), var(--timeHeight));
  border-radius: 5px;
  background: var(--calBgColor);
}

// Place on Timeline
.start-10 {
  grid-row-start: 2;
}

.start-12 {
  grid-row-start: 4;
}

.start-1 {
  grid-row-start: 5;
}

.start-2 {
  grid-row-start: 6;
}

.end-12 {
  grid-row-end: 4;
}

.end-1 {
  grid-row-end: 5;
}

.end-3 {
  grid-row-end: 7;
}

.end-4 {
  grid-row-end: 8;
}

.end-5 {
  grid-row-end: 9;
}

// Event

.title {
  font-weight: 600;
  margin-bottom: 0.25rem;
}

.event {
  border: 1px solid var(--eventBorderColor);
  border-radius: 5px;
  padding: 0.5rem;
  margin: 0 0.5rem;
  background: white;
}

.space,
.date {
  height: 60px
}

// Global / Etc

body {
  font-family: system-ui, sans-serif;
}

.corp-fi {
  background: var(--eventColor1);
}

.ent-law {
  background: var(--eventColor2);
}

.writing {
  background: var(--eventColor3);
}

.securities {
  background: var(--eventColor4);
}

.date {
  display: flex;
  gap: 1em;
}

.date-num {
  font-size: 3rem;
  font-weight: 600;
  display: inline;
}

.date-day {
  display: inline;
  font-size: 3rem;
  font-weight: 100;
}

/* COLORS */


.bg-red-100 {
	background-color: #ffdbdc !important
}

.bg-red-200 {
	background-color: #ffbfc1 !important
}

.bg-red-300 {
  background-color: #ffa1a4 !important;
}
a.bg-red-300:hover, a.bg-red-300:focus,
button.bg-red-300:hover,
button.bg-red-300:focus {
  background-color: #e6878a !important;
}

.dark-mode .bg-red-300 {
  background-color: #bf5a5c !important;
}
.dark-mode a.bg-red-300:hover, .dark-mode a.bg-red-300:focus,
.dark-mode button.bg-red-300:hover,
.dark-mode button.bg-red-300:focus {
  background-color: #8e3f40 !important;
}


.bg-red-400 {
	background-color: #ff8589 !important
}

.bg-red-500 {
	background-color: #ff666b !important
}

.bg-red-600 {
	background-color: #ff4c52 !important
}

.bg-red-700 {
	background-color: #f2353c !important
}

.bg-red-800 {
	background-color: #e62020 !important
}

.bg-red-900 {
	background-color: #d60b0b !important
}

.red-100 {
	color: #ffdbdc !important
}

.red-200 {
	color: #ffbfc1 !important
}

.red-300 {
	color: #ffa1a4 !important
}

.red-400 {
	color: #ff8589 !important
}

.red-500 {
	color: #ff666b !important
}

.red-600 {
	color: #ff4c52 !important
}

.red-700 {
	color: #f2353c !important
}

.red-800 {
	color: #e62020 !important
}

.red-900 {
	color: #d60b0b !important
}

.bg-pink-100 {
	background-color: #ffd9e6 !important
}

.bg-pink-200 {
	background-color: #ffbad2 !important
}

.bg-pink-300 {
	background-color: #ff9ec0 !important
}

.bg-pink-400 {
	background-color: #ff7daa !important
}

.bg-pink-500 {
	background-color: #ff5e97 !important
}

.bg-pink-600 {
	background-color: #f74584 !important
}

.bg-pink-700 {
	background-color: #eb2f71 !important
}

.bg-pink-800 {
	background-color: #e6155e !important
}

.bg-pink-900 {
	background-color: #d10049 !important
}

.pink-100 {
	color: #ffd9e6 !important
}

.pink-200 {
	color: #ffbad2 !important
}

.pink-300 {
	color: #ff9ec0 !important
}

.pink-400 {
	color: #ff7daa !important
}

.pink-500 {
	color: #ff5e97 !important
}

.pink-600 {
	color: #f74584 !important
}

.pink-700 {
	color: #eb2f71 !important
}

.pink-800 {
	color: #e6155e !important
}

.pink-900 {
	color: #d10049 !important
}

.bg-purple-100 {
	background-color: #eae1fc !important
}

.bg-purple-200 {
	background-color: #d9c7fc !important
}

.bg-purple-300 {
	background-color: #c8aefc !important
}

.bg-purple-400 {
	background-color: #b693fa !important
}

.bg-purple-500 {
	background-color: #a57afa !important
}

.bg-purple-600 {
	background-color: #9463f7 !important
}

.bg-purple-700 {
	background-color: #8349f5 !important
}

.bg-purple-800 {
	background-color: #7231f5 !important
}

.bg-purple-900 {
	background-color: #6118f2 !important
}

.purple-100 {
	color: #eae1fc !important
}

.purple-200 {
	color: #d9c7fc !important
}

.purple-300 {
	color: #c8aefc !important
}

.purple-400 {
	color: #b693fa !important
}

.purple-500 {
	color: #a57afa !important
}

.purple-600 {
	color: #9463f7 !important
}

.purple-700 {
	color: #8349f5 !important
}

.purple-800 {
	color: #7231f5 !important
}

.purple-900 {
	color: #6118f2 !important
}

.bg-indigo-100 {
	background-color: #e1e4fc !important
}

.bg-indigo-200 {
	background-color: #c7cffc !important
}

.bg-indigo-300 {
	background-color: #afb9fa !important
}

.bg-indigo-400 {
	background-color: #96a3fa !important
}

.bg-indigo-500 {
	background-color: #7d8efa !important
}

.bg-indigo-600 {
	background-color: #667afa !important
}

.bg-indigo-700 {
	background-color: #4d64fa !important
}

.bg-indigo-800 {
	background-color: #364ff5 !important
}

.bg-indigo-900 {
	background-color: #1f3aed !important
}

.indigo-100 {
	color: #e1e4fc !important
}

.indigo-200 {
	color: #c7cffc !important
}

.indigo-300 {
	color: #afb9fa !important
}

.indigo-400 {
	color: #96a3fa !important
}

.indigo-500 {
	color: #7d8efa !important
}

.indigo-600 {
	color: #667afa !important
}

.indigo-700 {
	color: #4d64fa !important
}

.indigo-800 {
	color: #364ff5 !important
}

.indigo-900 {
	color: #1f3aed !important
}

.bg-blue-100 {
	background-color: #d9e9ff !important
}

.bg-blue-200 {
	background-color: #b8d7ff !important
}

.bg-blue-300 {
	background-color: #99c5ff !important
}

.bg-blue-400 {
	background-color: #79b2fc !important
}

.bg-blue-500 {
	background-color: #589ffc !important
}

.bg-blue-600 {
	background-color: #3e8ef7 !important
}

.bg-blue-700 {
	background-color: #247cf0 !important
}

.bg-blue-800 {
	background-color: #0b69e3 !important
}

.bg-blue-900 {
	background-color: #0053bf !important
}

.blue-100 {
	color: #d9e9ff !important
}

.blue-200 {
	color: #b8d7ff !important
}

.blue-300 {
	color: #99c5ff !important
}

.blue-400 {
	color: #79b2fc !important
}

.blue-500 {
	color: #589ffc !important
}

.blue-600 {
	color: #3e8ef7 !important
}

.blue-700 {
	color: #247cf0 !important
}

.blue-800 {
	color: #0b69e3 !important
}

.blue-900 {
	color: #0053bf !important
}

.bg-cyan-100 {
	background-color: #c2f5ff !important
}

.bg-cyan-200 {
	background-color: #9de6f5 !important
}

.bg-cyan-300 {
	background-color: #77d9ed !important
}

.bg-cyan-400 {
	background-color: #54cbe3 !important
}

.bg-cyan-500 {
	background-color: #28c0de !important
}

.bg-cyan-600 {
	background-color: #0bb2d4 !important
}

.bg-cyan-700 {
	background-color: #0099b8 !important
}

.bg-cyan-800 {
	background-color: #007d96 !important
}

.bg-cyan-900 {
	background-color: #006275 !important
}

.cyan-100 {
	color: #c2f5ff !important
}

.cyan-200 {
	color: #9de6f5 !important
}

.cyan-300 {
	color: #77d9ed !important
}

.cyan-400 {
	color: #54cbe3 !important
}

.cyan-500 {
	color: #28c0de !important
}

.cyan-600 {
	color: #0bb2d4 !important
}

.cyan-700 {
	color: #0099b8 !important
}

.cyan-800 {
	color: #007d96 !important
}

.cyan-900 {
	color: #006275 !important
}

.bg-teal-100 {
	background-color: #c3f7f2 !important
}

.bg-teal-200 {
	background-color: #92f0e6 !important
}

.bg-teal-300 {
	background-color: #6be3d7 !important
}

.bg-teal-400 {
	background-color: #45d6c8 !important
}

.bg-teal-500 {
	background-color: #28c7b7 !important
}

.bg-teal-600 {
	background-color: #17b3a3 !important
}

.bg-teal-700 {
	background-color: #089e8f !important
}

.bg-teal-800 {
	background-color: #008577 !important
}

.bg-teal-900 {
	background-color: #00665c !important
}

.teal-100 {
	color: #c3f7f2 !important
}

.teal-200 {
	color: #92f0e6 !important
}

.teal-300 {
	color: #6be3d7 !important
}

.teal-400 {
	color: #45d6c8 !important
}

.teal-500 {
	color: #28c7b7 !important
}

.teal-600 {
	color: #17b3a3 !important
}

.teal-700 {
	color: #089e8f !important
}

.teal-800 {
	color: #008577 !important
}

.teal-900 {
	color: #00665c !important
}

.bg-green-100 {
	background-color: #c2fadc !important
}

.bg-green-200 {
	background-color: #99f2c2 !important
}

.bg-green-300 {
	background-color: #72e8ab !important
}

.bg-green-400 {
	background-color: #49de94 !important
}

.bg-green-500 {
	background-color: #28d17c !important
}

.bg-green-600 {
	background-color: #11c26d !important
}

.bg-green-700 {
	background-color: #05a85c !important
}

.bg-green-800 {
	background-color: #008c4d !important
}

.bg-green-900 {
	background-color: #006e3c !important
}

.green-100 {
	color: #c2fadc !important
}

.green-200 {
	color: #99f2c2 !important
}

.green-300 {
	color: #72e8ab !important
}

.green-400 {
	color: #49de94 !important
}

.green-500 {
	color: #28d17c !important
}

.green-600 {
	color: #11c26d !important
}

.green-700 {
	color: #05a85c !important
}

.green-800 {
	color: #008c4d !important
}

.green-900 {
	color: #006e3c !important
}

.bg-light-green-100 {
	background-color: #dcf7b0 !important
}

.bg-light-green-200 {
	background-color: #c3e887 !important
}

.bg-light-green-300 {
	background-color: #add966 !important
}

.bg-light-green-400 {
	background-color: #94cc39 !important
}

.bg-light-green-500 {
	background-color: #7eb524 !important
}

.bg-light-green-600 {
	background-color: #6da611 !important
}

.bg-light-green-700 {
	background-color: #5a9101 !important
}

.bg-light-green-800 {
	background-color: #4a7800 !important
}

.bg-light-green-900 {
	background-color: #3a5e00 !important
}

.light-green-100 {
	color: #dcf7b0 !important
}

.light-green-200 {
	color: #c3e887 !important
}

.light-green-300 {
	color: #add966 !important
}

.light-green-400 {
	color: #94cc39 !important
}

.light-green-500 {
	color: #7eb524 !important
}

.light-green-600 {
	color: #6da611 !important
}

.light-green-700 {
	color: #5a9101 !important
}

.light-green-800 {
	color: #4a7800 !important
}

.light-green-900 {
	color: #3a5e00 !important
}

.bg-yellow-100 {
	background-color: #fff6b5 !important
}

.bg-yellow-200 {
	background-color: #fff39c !important
}

.bg-yellow-300 {
	background-color: #ffed78 !important
}

.bg-yellow-400 {
	background-color: #ffe54f !important
}

.bg-yellow-500 {
	background-color: #ffdc2e !important
}

.bg-yellow-600 {
  background-color: #ffcd17 !important;
}
a.bg-yellow-600:hover, a.bg-yellow-600:focus,
button.bg-yellow-600:hover,
button.bg-yellow-600:focus {
  background-color: #e6b216 !important;
}

.dark-mode .bg-yellow-600 {
  background-color: #b39211 !important;
}
.dark-mode a.bg-yellow-600:hover, .dark-mode a.bg-yellow-600:focus,
.dark-mode button.bg-yellow-600:hover,
.dark-mode button.bg-yellow-600:focus {
  background-color: #8a6e0d !important;
}


.bg-yellow-700 {
	background-color: #fcb900 !important
}

.bg-yellow-800 {
  background-color: #faa700 !important;
}
a.bg-yellow-800:hover, a.bg-yellow-800:focus,
button.bg-yellow-800:hover,
button.bg-yellow-800:focus {
  background-color: #e09600 !important;
}

.dark-mode .bg-yellow-800 {
  background-color: #b37800 !important;
}
.dark-mode a.bg-yellow-800:hover, .dark-mode a.bg-yellow-800:focus,
.dark-mode button.bg-yellow-800:hover,
.dark-mode button.bg-yellow-800:focus {
  background-color: #8a5a00 !important;
}


.bg-yellow-900 {
	background-color: #fa9600 !important
}

.yellow-100 {
	color: #fff6b5 !important
}

.yellow-200 {
	color: #fff39c !important
}

.yellow-300 {
	color: #ffed78 !important
}

.yellow-400 {
	color: #ffe54f !important
}

.yellow-500 {
	color: #ffdc2e !important
}

.yellow-600 {
	color: #ffcd17 !important
}

.yellow-700 {
	color: #fcb900 !important
}

.yellow-800 {
	color: #faa700 !important
}

.yellow-900 {
	color: #fa9600 !important
}

.bg-orange-100 {
	background-color: #ffe1c4 !important
}

.bg-orange-200 {
	background-color: #ffc894 !important
}

.bg-orange-300 {
  background-color: #fab06b !important;
}
a.bg-orange-300:hover, a.bg-orange-300:focus,
button.bg-orange-300:hover,
button.bg-orange-300:focus {
  background-color: #e79951 !important;
}

.dark-mode .bg-orange-300 {
  background-color: #bf6e35 !important;
}
.dark-mode a.bg-orange-300:hover, .dark-mode a.bg-orange-300:focus,
.dark-mode button.bg-orange-300:hover,
.dark-mode button.bg-orange-300:focus {
  background-color: #8e4e23 !important;
}

.bg-orange-400 {
	background-color: #fa983c !important
}

.bg-orange-500 {
	background-color: #f57d1b !important
}

.bg-orange-600 {
	background-color: #eb6709 !important
}

.bg-orange-700 {
	background-color: #de4e00 !important
}

.bg-orange-800 {
	background-color: #b53f00 !important
}

.bg-orange-900 {
	background-color: #962d00 !important
}

.orange-100 {
	color: #ffe1c4 !important
}

.orange-200 {
	color: #ffc894 !important
}

.orange-300 {
	color: #fab06b !important
}

.orange-400 {
	color: #fa983c !important
}

.orange-500 {
	color: #f57d1b !important
}

.orange-600 {
	color: #eb6709 !important
}

.orange-700 {
	color: #de4e00 !important
}

.orange-800 {
	color: #b53f00 !important
}

.orange-900 {
	color: #962d00 !important
}

.bg-brown-100 {
	background-color: #f5e2da !important
}

.bg-brown-200 {
	background-color: #e0cdc5 !important
}

.bg-brown-300 {
  background-color: #cfb8b0 !important;
}
a.bg-brown-300:hover, a.bg-brown-300:focus,
button.bg-brown-300:hover,
button.bg-brown-300:focus {
  background-color: #b59f97 !important;
}

.dark-mode .bg-brown-300 {
  background-color: #8e7268 !important;
}
.dark-mode a.bg-brown-300:hover, .dark-mode a.bg-brown-300:focus,
.dark-mode button.bg-brown-300:hover,
.dark-mode button.bg-brown-300:focus {
  background-color: #6b544e !important;
}


.bg-brown-400 {
	background-color: #bda299 !important
}

.bg-brown-500 {
	background-color: #ab8c82 !important
}

.bg-brown-600 {
	background-color: #997b71 !important
}

.bg-brown-700 {
	background-color: #82675f !important
}

.bg-brown-800 {
	background-color: #6b534c !important
}

.bg-brown-900 {
	background-color: #57403a !important
}

.brown-100 {
	color: #f5e2da !important
}

.brown-200 {
	color: #e0cdc5 !important
}

.brown-300 {
	color: #cfb8b0 !important
}

.brown-400 {
	color: #bda299 !important
}

.brown-500 {
	color: #ab8c82 !important
}

.brown-600 {
	color: #997b71 !important
}

.brown-700 {
	color: #82675f !important
}

.brown-800 {
	color: #6b534c !important
}

.brown-900 {
	color: #57403a !important
}

.bg-grey-100 {
	background-color: #fafafa !important
}

.bg-grey-200 {
	background-color: #eee !important
}

.bg-grey-300 {
  background-color: #e0e0e0 !important;
}
a.bg-grey-300:hover, a.bg-grey-300:focus,
button.bg-grey-300:hover,
button.bg-grey-300:focus {
  background-color: #c6c6c6 !important;
}

.dark-mode .bg-grey-300 {
  background-color: #4a4a4a !important;
}
.dark-mode a.bg-grey-300:hover, .dark-mode a.bg-grey-300:focus,
.dark-mode button.bg-grey-300:hover,
.dark-mode button.bg-grey-300:focus {
  background-color: #303030 !important;
}


.bg-grey-400 {
	background-color: #bdbdbd !important
}

.bg-grey-500 {
	background-color: #9e9e9e !important
}

.bg-grey-600 {
	background-color: #757575 !important
}

.bg-grey-700 {
	background-color: #616161 !important
}

.bg-grey-800 {
	background-color: #424242 !important
}

.bg-grey-900 {
	background-color: #474747 !important
}

.grey-100 {
	color: #fafafa !important
}

.grey-200 {
	color: #eee !important
}

.grey-300 {
	color: #e0e0e0 !important
}

.grey-400 {
	color: #bdbdbd !important
}

.grey-500 {
	color: #9e9e9e !important
}

.grey-600 {
	color: #757575 !important
}

.grey-700 {
	color: #616161 !important
}

.grey-800 {
	color: #424242 !important
}

.grey-900 {
	color: #474747 !important
}

.bg-blue-grey-100 {
	background-color: #f3f7f9 !important
}

.bg-blue-grey-200 {
	background-color: #e4eaec !important
}

.bg-blue-grey-300 {
	background-color: #ccd5db !important
}

.bg-blue-grey-400 {
	background-color: #a3afb7 !important
}

.bg-blue-grey-500 {
	background-color: #76838f !important
}

.bg-blue-grey-600 {
	background-color: #526069 !important
}

.bg-blue-grey-700 {
	background-color: #37474f !important
}

.bg-blue-grey-800 {
	background-color: #263238 !important
}

.bg-blue-grey-900 {
	background-color: #3e4854 !important
}

.blue-grey-100 {
	color: #f3f7f9 !important
}

.blue-grey-200 {
	color: #e4eaec !important
}

.blue-grey-300 {
	color: #ccd5db !important
}

.blue-grey-400 {
	color: #a3afb7 !important
}

.blue-grey-500 {
	color: #76838f !important
}

.blue-grey-600 {
	color: #526069 !important
}

.blue-grey-700 {
	color: #37474f !important
}

.blue-grey-800 {
	color: #263238 !important
}

.blue-grey-900 {
	color: #3e4854 !important
}

.bg-primary-100 {
	background-color: #d9e9ff !important
}

.bg-primary-200 {
	background-color: #b8d7ff !important
}

.bg-primary-300 {
	background-color: #99c5ff !important
}

.bg-primary-400 {
	background-color: #79b2fc !important
}

.bg-primary-500 {
	background-color: #589ffc !important
}

.bg-primary-600 {
	background-color: #3e8ef7 !important
}

.bg-primary-700 {
	background-color: #247cf0 !important
}

.bg-primary-800 {
	background-color: #0b69e3 !important
}

.primary-100 {
	color: #d9e9ff !important
}

.primary-200 {
	color: #b8d7ff !important
}

.primary-300 {
	color: #99c5ff !important
}

.primary-400 {
	color: #79b2fc !important
}

.primary-500 {
	color: #589ffc !important
}

.primary-600 {
	color: #3e8ef7 !important
}

.primary-700 {
	color: #247cf0 !important
}

.primary-800 {
	color: #0b69e3 !important
}

/* ====== DARK MODE COLOR SYSTEM ====== */
.dark-mode .bg-modern-lighter {
    background: #1e293b !important;      /* tmavomodrá namiesto svetlej */
}

.dark-mode .border-info {
    border-color: #38bdf8 !important;     /* svetlejšia modrá */
}

.dark-mode .text-muted {
    color: #cbd5e1 !important;            /* svetlosivá, nie vypraná */
}

.dark-mode .text-info {
    color: #38bdf8 !important;            /* výraznejšia info farba */
}

/* badge TR-1 */
.dark-mode .badge.bg-danger {
    background: #ef4444 !important;
}

/* telefónne číslo */
.dark-mode a[href^="tel:"] {
    color: #7dd3fc !important;
}

/* tlačidlá */
.dark-mode .btn-warning {
    background: #f59e0b !important;
    border-color: #f59e0b !important;
    color: #111 !important;
}

.dark-mode .btn-danger {
    background: #ef4444 !important;
    border-color: #ef4444 !important;
}

.dark-mode .border-secondary {
    border-color: #475569 !important;   /* jemná sivomodrá, nie vypratá */
}

.dark-mode .bg-orange-300 {
    background: #7c2d12 !important;     /* tmavooranžová, ale živá */
    color: #fed7aa !important;          /* svetlý text pre kontrast */
}

.dark-mode .bg-grey-300,
.dark-mode .bg-gray-300 {
    background: #334155 !important;   /* tmavosivá, nie mliečna */
    color: #e2e8f0 !important;
}

.dark-mode .bg-gray-darker {
    background: #0f172a !important;   /* hlboké pozadie sekcií */
}

.dark-mode .bg-body-light {
    background: #1e293b !important;   /* karta/box pozadie */
}

.dark-mode .bg-danger {
    background: #b91c1c !important;   /* tmavšia červená */
    color: #fee2e2 !important;
}

.dark-mode .bg-yellow-600 {
    background: #854d0e !important;   /* horčicová tmavá */
    color: #fef9c3 !important;
}

/* =========================================
   HORIZONTAL NAV (nav-main-horizontal) - DARK FIX
   ========================================= */

/* Kontajner (aby biele plochy nepôsobili cudzo) */
.dark-mode .nav-main.nav-main-horizontal {
  background: transparent !important;
}

/* Linky v hornom menu */
.dark-mode .nav-main.nav-main-horizontal .nav-main-link {
  color: #e2e8f0 !important;
}

/* Ikony v linkoch */
.dark-mode .nav-main.nav-main-horizontal .nav-main-link .nav-main-link-icon {
  color: #cbd5e1 !important;
}

/* Hover/active pre horné položky */
.dark-mode .nav-main.nav-main-horizontal .nav-main-item > .nav-main-link:hover,
.dark-mode .nav-main.nav-main-horizontal .nav-main-item.open > .nav-main-link,
.dark-mode .nav-main.nav-main-horizontal .nav-main-link.active {
  background: #1e293b !important;
  color: #ffffff !important;
  border-radius: 8px;
}

/* Heading v menu ("Prehľad", "Osobné") */
.dark-mode .nav-main.nav-main-horizontal .nav-main-heading {
  color: #94a3b8 !important;
  opacity: 1 !important;
}

/* Submenu panel (dropdown) */
.dark-mode .nav-main.nav-main-horizontal .nav-main-submenu {
  background: #0f172a !important;          /* tmavý panel */
  border: 1px solid #334155 !important;    /* jemný okraj */
  box-shadow: 0 10px 30px rgba(0,0,0,.45) !important;
}

/* Položky v submenu */
.dark-mode .nav-main.nav-main-horizontal .nav-main-submenu .nav-main-link {
  color: #e2e8f0 !important;
}

/* Hover v submenu */
.dark-mode .nav-main.nav-main-horizontal .nav-main-submenu .nav-main-link:hover,
.dark-mode .nav-main.nav-main-horizontal .nav-main-submenu .nav-main-link.active {
  background: #1e293b !important;
  color: #ffffff !important;
}

/* Jemné oddeľovače/hranice (ak ich OneUI používa) */
.dark-mode .nav-main.nav-main-horizontal .nav-main-submenu .nav-main-item + .nav-main-item {
  border-top: 1px solid rgba(148,163,184,.12) !important;
}

/* QR skener */
.qrscanner {
	position: relative;
	text-align: center;
}
.qrscanner video {
	max-width: 95%;
	max-height: 100%;
}
 .qrscanner .arrow-container {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}
.overlay .qr-frame {
	width: 260px;
	height: 260px;
	box-sizing: border-box;
	background: transparent;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.overlay .qr-frame:before {
	content: '';
	position: absolute;
	top: 10px; 
	left: 10px;
	width: calc(100% - 20px); 
	height: calc(100% - 20px);
	background: url('<?php echo TEMPLATEPATH;?>/assets/media/qr_code.png') center/cover no-repeat;
	opacity: 0.5; 
}
.overlay .qr-frame:after {
	content: "Naskenujte QR kód";
	position: absolute;
	bottom: -50px;
	left: 50%;
	transform: translateX(-50%);
	color: white;
	font-size: 16px;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 5px 10px;
	white-space: nowrap;
}

/* Rohové čiary */
.overlay .qr-frame .corner {
	position: absolute;
	width: 40px;
	height: 40px;
	border: 4px solid white;
}
.overlay .qr-frame .corner.tl {
	top: -2px;
	left: -2px;
	border-bottom: none;
	border-right: none;
}
.overlay .qr-frame .corner.tr {
	top: -2px;
	right: -2px;
	border-bottom: none;
	border-left: none;
}
.overlay .qr-frame .corner.bl {
	bottom: -2px;
	left: -2px;
	border-top: none;
	border-right: none;
}
.overlay .qr-frame .corner.br {
	bottom: -2px;
	right: -2px;
	border-top: none;
	border-left: none;
}