.modal-overlay{ position:fixed; inset:0; background:rgba(255, 255, 255, 0.35); display:none; align-items:center; justify-content:center; z-index:9999; }
    .modal-overlay.active{ display:flex; }
    .modal-overlay .modal{width:min(640px, 92vw); background: rgba(241, 242, 243, 0.384); border:1px solid var(--glass-border);backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border-radius: var(--radius); box-shadow: 0 10px 30px rgba(0,0,0,.3); backdrop-filter: blur(20px);
      color: var(--text); overflow:hidden;
    }
    .modal-overlay .modal-header{ display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:1px solid var(--glass-border); }
    .modal-overlay .modal-title{ font-size:var(--text-3); letter-spacing:1px; text-transform: uppercase; }
    
    .modal-overlay .modal-body{ padding:16px; max-height:65vh; overflow:auto; }
    .doc-list{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns: 1fr 1fr; gap:10px; }
    .doc-list li { display:block; }
    .doc-item{font-size: var(--font); display:flex; align-items:center; gap:10px; padding:10px 12px; background: var(--branco); border:1px solid var(--glass-border); border-radius:8px; }
    .doc-item:hover{background: var(--glass-hover);}
    #faturas-modal-body .doc-list {
      margin-top: 5px;
      width: 60%;
      color: var(--color-black-hardest);
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
    .dot{ width:10px; height:10px; border-radius:50%; box-shadow: 0 0 6px rgba(0,0,0,.25); }
    .dot.green{ background: var(--verde); }
    .dot.red{   background: var(--vermelho); }
    .dot.yellow { background: var(--amarelo); } /* Amarelo/Laranja */
    .dot.loading { 
      background: #8892a4; /* Cinza para estado de carregamento */
      animation: pulse 1.5s infinite ease-in-out;
    }
    @keyframes pulse {
      0%, 100% { opacity: 1; }
      50% { opacity: 0.5; }
    }
    .modal-overlay .modal-footer{ padding:12px 16px; border-top:1px solid var(--glass-border); display:flex; justify-content:flex-end; gap:8px; }
    .doc-link{ color: inherit; }
    .modal-overlay .modal .doc-item,
    .modal-overlay .modal .doc-item:link,
    .modal-overlay .modal .doc-item:visited,
    .modal-overlay .modal .doc-item:hover,
    .modal-overlay .modal .doc-item:active,
    .modal-overlay .modal .doc-item:focus {
      text-decoration: none !important;  
      border-bottom: 0 !important;        
      outline: none;                      
      color: inherit;                     
      display: flex;                      
      align-items: center;
      gap: 10px;
    }
    .doc-item.disabled { cursor:not-allowed; opacity:.85;}    
    .doc-item.disabled:hover { background: var(--glass-hover); }