@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.olwso25aue.bundle.scp.css';
@import '_content/BlazorCalendar/BlazorCalendar.gkat6etyn7.bundle.scp.css';

/* /Components/Shared/Modals/DocumentItemsSelectorModal.razor.rz.scp.css */
.form-section-title[b-eh7y4bnsmr] {
   text-align: center;
   font-weight: 800;
   font-size: 1.5rem;
   color: #495057;
   margin-bottom: 1rem;
}

.button-right-margin[b-eh7y4bnsmr] {
   margin-right: 10px;
}

.modal-body-inner[b-eh7y4bnsmr] {
   display: flex;
   flex-direction: column;
   overflow: visible;
}

.filters-fixed[b-eh7y4bnsmr] {
   flex: 0 0 auto;
   overflow: visible;
}

.filters-scroll-x[b-eh7y4bnsmr] {
   display: flex;
   overflow: visible; /* žádné overflow zde */
}

.filters-row[b-eh7y4bnsmr] {
   display: flex;
   flex-wrap: wrap;
   gap: 1rem;
   width: 100%;
   overflow: visible;
}

/* Výšku omezíme jen gridu */
.items-scroll[b-eh7y4bnsmr] {
   flex: 1 1 auto;
   max-height: 40vh; /* uprav dle potřeby */
   overflow-y: auto;
   overflow-x: hidden;
}

/* Jistota že menu není oříznuto */
.modal-body[b-eh7y4bnsmr],
.modal-body-inner[b-eh7y4bnsmr],
.filters-fixed[b-eh7y4bnsmr],
.filters-row[b-eh7y4bnsmr] {
   overflow: visible !important;
   position: relative;
}

/* Z-index */
.dropdown-menu[b-eh7y4bnsmr] {
   z-index: 2000;
}

/* (ponecháno) */
.modal-body .dropdown-menu[b-eh7y4bnsmr] {
   z-index: 1100;
}
/* /Components/Shared/Modals/LoadingModal.razor.rz.scp.css */
.custom-centered-modal .modal-dialog[b-a7fea1npuz] {
   width: 400px;
   max-width: 100%;
   margin: auto;
   top: 50%;
   transform: translateY(-50%);
   position: relative;
}

.loading-circle-wrapper[b-a7fea1npuz] {
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 8px 0;
}

.loading-circle[b-a7fea1npuz] {
   position: relative;
   width: 30px;
   height: 30px;
   border: 0.5px solid #000;
   border-radius: 50%;
   box-sizing: border-box;
   overflow: hidden;
}

.loading-circle[b-a7fea1npuz]::before,
.loading-circle[b-a7fea1npuz]::after {
   content: "";
   position: absolute;
   background: #000;
   z-index: 5;
}

.loading-circle[b-a7fea1npuz]::before {
   width: 100%;
   height: 1px;
   top: 50%;
   left: 0;
   transform: translateY(-50%);
}

.loading-circle[b-a7fea1npuz]::after {
   width: 0.5px;
   height: 100%;
   left: 50%;
   top: 0;
   transform: translateX(-50%);
}

.loading-circle .segment[b-a7fea1npuz] {
   position: absolute;
   width: 50%;
   height: 50%;
   background: transparent;
   box-sizing: border-box;
   /* Jeden společný čas cyklu; na konci (100%) se vše najednou vynuluje */
   animation-duration: 0.75s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
}

/* Pořadí plnění: pravý horní -> pravý dolní -> levý dolní -> levý horní */
/* Pravý horní (1) */
.loading-circle .s2[b-a7fea1npuz] { top: 0; right: 0; border-top-right-radius: 100%; animation-name: fill1-b-a7fea1npuz; }
/* Pravý dolní (2) */
.loading-circle .s4[b-a7fea1npuz] { bottom: 0; right: 0; border-bottom-right-radius: 100%; animation-name: fill2-b-a7fea1npuz; }
/* Levý dolní (3) */
.loading-circle .s3[b-a7fea1npuz] { bottom: 0; left: 0; border-bottom-left-radius: 100%; animation-name: fill3-b-a7fea1npuz; }
/* Levý horní (4) */
.loading-circle .s1[b-a7fea1npuz] { top: 0; left: 0; border-top-left-radius: 100%; animation-name: fill4-b-a7fea1npuz; }

/* Pokud s5 zůstává, necháme ji neaktivní */
.loading-circle .s5[b-a7fea1npuz] { top:0; left:0; border-top-left-radius:100%; background:transparent !important; }

/* Segment 1 je černý od 5% do 95% cyklu */
@keyframes fill1-b-a7fea1npuz {
   0%,4% { background: transparent; }
   5%,95% { background: #000; }
   96%,100% { background: transparent; }
}
/* Segment 2 začne až když je první vyplněný delší dobu */
@keyframes fill2-b-a7fea1npuz {
   0%,24% { background: transparent; }
   25%,95% { background: #000; }
   96%,100% { background: transparent; }
}
/* Segment 3 */
@keyframes fill3-b-a7fea1npuz {
   0%,49% { background: transparent; }
   50%,95% { background: #000; }
   96%,100% { background: transparent; }
}
/* Segment 4 */
@keyframes fill4-b-a7fea1npuz {
   0%,74% { background: transparent; }
   75%,95% { background: #000; }
   96%,100% { background: transparent; }
}

.loading-text[b-a7fea1npuz] {
   font-size: 0.95rem;
   font-weight: 500;
}