body{
		/*background:#4BB5C1;*/
		/*background:  #eafaf1;*/
		background: #f5f5f5;
		font-family: sans-serif;
		font-size:1.2em;
		line-height:1.1em;
		letter-spacing:.05em;
		/*margin:100*/
		}
	header, div.headerclone {
		background:#46ABB6;
		padding:20px 0}
	h1.heading{
		line-height:1.1em;
		text-align:center;
		font-weight:400;
		font-size:1.7em;
		color:#EDF7F2}
	div.naturallanguageform{
		float: left;
		/*width:70%;*/
		max-width:95%;
		/*min-height:400px;*/
		border-radius:5px;
		/*color:#FFF;*/
		}
	@media screen and (max-width:1900px) {
			div.naturallanguageform{
			width:73%;}
	}
	@media screen and (min-width:1900px) {
			div.naturallanguageform{
			width:82%;}
	}
	@media screen and (max-width:1400px) {
			div.naturallanguageform{
			width:60%;}
	}
	@media screen and (max-width:1100px) {
			div.naturallanguageform{
			width:50%;}
	}
	@media screen and (max-width:768px) {
			div.naturallanguageform {
			width:95%;
			}
	}

	div.nlfinner{
		width:96%;
		padding:0% 2% 0% 2%}
	div.ieksa{
		/*height:700px;*/
		/*overflow-y: scroll;*/
		font-size:0.8em;
		color:#000;
		background:#FFF;
		padding:1% 3% 1% 3%;
	}
	/* Mobilajām ierīcēm */
/*@media (max-width: 768px) {
  .naturallanguageform {
    float: none !important;
  }

  #ieks {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}*/
	p.line{
		line-height:1.4em;
		font-weight:300}
	div.editlogs{
		visibility: hidden
	}
	textarea {
		border: none;
		font-family:inherit;
		margin-right:1em;
		letter-spacing:.072em;
		white-space:pre-wrap;
		overflow-y: scroll;
		font-size:0.8em;
		line-height:1.4em;
		color:#000;
		background:#FFF;
		padding:1% 3% 1% 3%;
		height:330px;
		width:94%
    }
	.textmod {
		border: none;
		font-family:inherit;
		margin-right:1em;
		white-space:pre-wrap;
		overflow-y: scroll;
		font-size:0.6em;
		color:#000;
		background:#FFF;
		padding:1% 3% 1% 3%;
		height:100px;
		width:90%
    }
	#virsraksts{
		width: 98%;
	}
	#idno{
		width: 20%;
	}
	#atslegv{
		width: 96%;
	}
	#age, #valoda{
		width: 90%;
	}

	input.textinput{
		background:none;
		border:0;
		border-bottom:1px dashed #EEE;
		width:auto;
		font-size:1em;
		color:#B5E655;
		font:inherit}
	input.textinput:focus{
		outline:none;
		border-bottom:1px dashed #D00}
	::-webkit-input-placeholder{
		color:#B5E655;
		font-weight:300}
	:-moz-placeholder{
		color:#B5E655;
		opacity:1}
	::-moz-placeholder{
		color:#B5E655;
		opacity:1}
	:-ms-input-placeholder{
		color:#B5E655}
	select.dropdown{
		font-size:1em;
		color:#B5E655;
		border:none;
		border-bottom:1px dashed #EFEFEF;
		-webkit-appearance:none;
		-moz-appearance:none;
		background:none;
		width:auto;
		text-indent:.01px;
		box-shadow:none;
		font:inherit}
	select.dropdown:focus{
		outline:none;
		border-bottom:1px dashed #D00}
	/*button.button{
		background:#388891;
		border:none;
		padding:10px 50px;
		font-size:1em;
		color:#FFF;
		display:block;
		margin:40px auto 0;
		cursor:pointer;
		font:inherit} */
	.subs span { 
		color: #388891; 
		text-transform: capitalize;
		background-color: yellow; }
	table, th, td {
		border: none;
		cellpadding:3;
		cellspacing:0;
		background-color:#f5f5f5;
	}
	table{
		width:100%
	}
	tr {
		border-radius: 4px;
	}
	label{
		padding-left:5px;
	}
	/*audio::-webkit-media-controls-timeline-container{background-color:red;}*/
	/*audio::-webkit-media-controls-timeline{background-image: url('bg.jpg')}*/

.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.social-window {
	position: fixed;
	right: 10px;
	background:#F5F5DC;
	/*font-size:1.257em;*/
	padding:0.3em;
	border:solid 1px #e2e2e2;
	-webkit-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.2);
	box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.2);
	max-width:1000px;
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
	z-index:10001;
}

.social-window.open {
	top:10px;
	overflow-y:auto;
	height:90%;
}

.social-window .social-window__title {
	font-weight: bold;
    font-size: 16px;
    clear: both;
	margin-bottom:10px;
}
.player-window {
	position: fixed;
	right: 250px;
	background:#FFF;
	/*font-size:1.257em;*/
	padding:0.1em;
	border:solid 1px #e2e2e2;
	-webkit-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.2);
	box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.2);
	max-width:1000px;
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
	z-index:10002;
}

.player-window.open {
	top:10px;
	width:500px;
}
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10003;
  width: 120px;
  height: 120px;
  margin: -76px 0 0 -76px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
hr {
    border: 2px solid #333; /* Border style */
    border-radius: 5px;    /* Rounded corners */
    margin: 10px 0;        /* Spacing above and below */
}
@media screen and (max-width: 768px) {
    .hide-on-small {
        display: none;
    }
}
        .modalis {
            display: none;
            position: fixed;
            z-index: 1;
            left: 50%;
            top: 0;
            width: 50%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
        }
        .modalis-content {
            background-color: white;
            margin: 5% auto;
            padding: 10px;
            width: 95%;
            box-shadow: 0px 0px 10px 2px gray;
            overflow-y: auto;
            max-height: 88vh;
        }
        .close { float: right; cursor: pointer; }
        .timestamp { color: blue; cursor: pointer; text-decoration: underline; display: block; margin: 5px 0; }

.tooltip {
  position: relative;
  display: inline-block;
  cursor: help;
  color: black;
  font-weight: bold;
  font-size: 0.8em;
  border: 1px solid #ccc;
  border-radius: 50%;
  padding: 0 6px;
  text-align: center;
}

.tooltip-text {
  visibility: hidden;
  width: 220px;
  background-color: #333;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 8px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  right: 0;             /* Novieto pa labi no ikonas */
  left: auto;           /* Neļauj centrēties */
  transform: none;      /* Noņem X ass nobīdi */
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 0.75em;
  line-height: 1.2;
}

.tooltip:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
/* Button */
.btn{appearance:none;border:0;padding:0.2rem 1rem;border-radius:8px;background:#1d72b8;color:white;font-weight:600;cursor:pointer}
.btn.secondary{background:#6c757d}


/* Backdrop */
.backdrop{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:1000}
.backdrop.show{display:flex}


/* Modal */
.modal{background:#ffffff;width:30%;min-width:320px;height:60%;max-height:200vh;border-radius:var(--radius);box-shadow:0 10px 30px rgba(0,0,0,0.2);display:flex;flex-direction:column;overflow:hidden}
@media (max-width:700px){.modal{width:90%;height:60%}}
.modal { margin-top: 100px; }


.modal-header{padding:0.8rem 1rem;border-bottom:1px solid #eee;font-weight:700}
.modal-body{padding:1rem;flex:1;display:flex;flex-direction:column}
.modal-body textarea{flex:1;resize:vertical;min-height:120px;padding:0.6rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;font-family:inherit}
.modal-body input[type=text]{padding:0.5rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;font-family:inherit}

.modal-footer{padding:0.8rem 1rem;border-top:1px solid #eee;display:flex;gap:0.5rem;justify-content:flex-end}


/* Status */
.status{margin-right:auto;align-self:center;font-size:.9rem;color:#444}


/* Simple focus outline */
.modal :focus{outline:3px solid rgba(29,114,184,.18);outline-offset:2px}

.archive-actions {
    display: flex;
    gap: 6px;
}

/* pamata poga */
.archive-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 6px 14px;
    font-size: 0.8em;
    color: #333;
    text-decoration: none;

    background: #e6e6e6;
    border: 1px solid #bfbfbf;
    border-radius: 4px;

    box-shadow: inset 0 1px 0 #f8f8f8;
    cursor: pointer;
}

/* hover */
.archive-btn:hover{
    background: #dcdcdc;
    border-color: #a9a9a9;
}

/* klikšķis */
.archive-btn:active{
    background: #cfcfcf;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
}

/* tikai ikonai */
.icon-btn{
    width: 32px;
    padding: 0;
    font-size: 1.1em;
}
.header-wrapper {
    display: flex;
    align-items: center;
    justify-content: center; /* centrs horizontāli */
	/*justify-content: space-between;*/
    flex-wrap: wrap;         /* ļauj elementiem pārlekt uz nākamo rindu uz šauriem ekrāniem */
    gap: 10px;               /* attālums starp elementiem */
    position: relative;
	/*width: 60%;*/
    box-sizing: border-box;
	margin: 0 auto;
}

/* radio poga */
.kanali-radio {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;         /* kanālu pogas var pārlekt uz nākamo rindu, ja vajadzīgs */
}
.kanali-radio input[type="radio"] {
    display: none; /* radio pogas paslēptas */
}

/* label stils */
.kanali-radio .kanals-label{
    display: inline-block;
    margin: 0 6px;
    padding: 4px;
    cursor: pointer;
    border-radius: 4px;
}

/* bildes */
.kanali-radio .kanals-label img{
    height: 40px;
    opacity: 0.3;
}

/* aktīvais kanāls */
.kanali-radio input[type="radio"]:checked + .kanals-label img{
    opacity: 1;
}

/* hover */
.kanali-radio .kanals-label:hover img{
    opacity: 0.85;
}

.iestatijumi{
    position: absolute;
    top: calc(100% + 6px);
    right: 40%;

    background: #f2f2f2;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    padding: 8px 10px;

    font-size: 0.8em;
    white-space: nowrap;

    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    display: none;
    z-index: 1000;
	text-align: left;
}

.iestatijumi input{
    margin-right: 6px;
}

.iestatijumi label{
    cursor: pointer;
}

.site-footer {
    min-height: 50px;          /* minimālais augstums */
    padding: 10px 20px;        /* vertikālā un horizontālā atkāpe */
    background-color: #f2f2f2;
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 1.3;          /* mazāka rindu atstarpe, piemēram 1.3 */
    box-sizing: border-box;
}


  .site-footer a {
    color: #0073e6; /* saites krāsa */
    text-decoration: none;
  }

  .site-footer a:hover {
    text-decoration: underline;
  }
  
  /* mazākiem ekrāniem */
@media (max-width: 600px) {
    .header-wrapper {
        flex-direction: column; /* kanāli un pogas vienu zem otras */
        align-items: center;
    }
    .archive-actions {
        order: 0; /* var būt zem kanāliem */
    }
    .kanali-radio {
        order: 1; /* var būt augšā */
    }
}
/*
.tab-content {
    border: 1px solid #ccc;
    padding: 20px;
    display: none;
    border-radius: 0 5px 5px 5px;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    margin-top: -1px;
  }
  #tab1:checked ~ #content1,
  #tab2:checked ~ #content2,
  #tab3:checked ~ #content3 {
    display: block;
  }
  
  .tab-content { display: none; }
.tab-content.active { display: block; }
*/

#tabs-container button { margin-right: 5px; padding: 8px 15px; cursor: pointer; }
#tabs-container button.active { font-weight: bold; background-color: #eee; }


#ieks { 
	position: relative; 
}

  /* Visi tab satura paneļi ir absolūti un aizpilda #ieks */
  .tab-content {
    position: absolute;
    inset: 0;
    overflow: auto;
    display: none;      /* pēc noklusējuma neredzams */
	padding:1% 3% 1% 3%;
  }
  .tab-content.active {
    display: block;     /* redzams, ja aktīvs */
  }