/* Global loading overlay (login + app) — spinner alinhado ao login */
#loading,
#loading-overlay {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: none;
   opacity: 0.8;
   background-color: #fff;
   z-index: 10000;
   text-align: center;
}

#loading .loading-content,
#loading-overlay .loading-content {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.loading-spinner {
   width: 60px;
   height: 60px;
   border: 4px solid #f3f3f3;
   border-top: 4px solid #22355e;
   border-radius: 50%;
   animation: hub-loading-spin 1s linear infinite;
}

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

.loading-text {
   margin-top: 20px;
   margin-bottom: 0;
   color: #1e1e1e;
   font-weight: 700;
}

.fontenova{
font-family: 'ApronCnBold'; 
font-weight: bold; 
font-style: italic;
font-size: 2.7rem;
position: absolute;
margin-left: -10px;
margin-top: -3px;
}

.calendardatapicker .picker__holder { bottom: 0; }