@charset "UTF-8";

:root{
--mokrica-bg:#ffffff;
--mokrica-text:#111827;
--mokrica-border:#e5e7eb;
--mokrica-hover:#f3f4f6;
--mokrica-primary:#2563eb;
}

.mokrica-backdrop{
position:fixed;
inset:0;
background:rgba(0,0,0,.25);
display:none;
z-index:999999;
}

.mokrica-popup{
position:fixed;
right:25px;
bottom:90px;
width:410px;
height:540px;
background:var(--mokrica-bg);
border-radius:12px;
box-shadow:0 25px 60px rgba(0,0,0,.25);
display:none;
flex-direction:column;
border:1px solid var(--mokrica-border);
overflow:hidden;
z-index:999999;
outline:none;
}

.mokrica-header{
padding:15px;
border-bottom:1px solid var(--mokrica-border);
display:flex;
align-items:center;
font-weight:600;
color:var(--mokrica-text);
}

.mokrica-close{
margin-left:auto;
cursor:pointer;
width:34px;
height:34px;
border-radius:8px;
display:flex;
align-items:center;
justify-content:center;
}

.mokrica-close:hover{
background:var(--mokrica-hover);
}

.mokrica-search{
margin:10px;
border:1px solid var(--mokrica-border);
border-radius:8px;
padding:8px;
display:flex;
gap:8px;
}

.mokrica-search input{
border:none;
outline:none;
flex:1;
font-size:14px;
margin-bottom:0;
padding:0;
}

.mokrica-tabs{
display:flex;
gap:20px;
padding:0 15px;
border-bottom:1px solid var(--mokrica-border);
overflow-x:auto;
overflow-y:hidden;
white-space:nowrap;
flex-shrink:0;
-webkit-overflow-scrolling:touch;
scrollbar-width:thin;
}

.mokrica-tab{
padding:10px 0;
cursor:pointer;
color:#6b7280;
font-size:14px;
flex:0 0 auto;
white-space:nowrap;
}

.mokrica-tabs::-webkit-scrollbar{
height:4px;
}

.mokrica-tabs::-webkit-scrollbar-thumb{
background:#cbd5e1;
border-radius:10px;
}

.mokrica-tabs::-webkit-scrollbar-track{
background:transparent;
}

.mokrica-tab.active{
color:var(--mokrica-primary);
}

.mokrica-list{
flex:1;
overflow:auto;
}

.mokrica-item{
padding:14px 16px;
cursor:pointer;
border-bottom:1px solid var(--mokrica-border);
font-size:14px;
color:var(--mokrica-text);
}

.mokrica-item:hover{
background:var(--mokrica-hover);
}

.mokrica-item.active{
background:#e8f0fe;
color:#1d4ed8;
}

.mokrica-article{
display:none;
flex:1;
overflow:auto;
padding:18px;
}

.mokrica-back{
color:var(--mokrica-primary);
cursor:pointer;
margin-bottom:15px;
font-size:14px;
}

.mokrica-footer{
padding:14px;
border-top:1px solid var(--mokrica-border);
font-size:14px;
color:var(--mokrica-primary);
cursor:pointer;
}

.mokrica-list::-webkit-scrollbar,
.mokrica-article::-webkit-scrollbar{
width:6px;
}

.mokrica-list::-webkit-scrollbar-thumb,
.mokrica-article::-webkit-scrollbar-thumb{
background:#cbd5e1;
border-radius:10px;
}

.mokrica-content iframe{
width:100%;
height:400px;
border:0;
}

.mokrica-content video{
width:100%;
}

@media(max-width:600px){
.mokrica-popup{
width:100%;
height:100%;
right:0;
bottom:0;
border-radius:0;
}
}