/* Paginа: admin/graduacao-eligibilidade.html — CSS extraido automaticamente */
:root {
      --bg-main:#F5F2E9; --bg-secondary:#181818;
      --bg-card:rgba(255,255,255,.045); --bg-card-strong:rgba(255,255,255,.065);
      --glass-bg:#FFFFFF;
      --gold:#16804A; --gold-soft:rgba(22,128,74,.10);
      --green:#16804A; --green-soft:rgba(22,128,74,.10);
      --red:#C93632; --red-soft:rgba(201,54,50,.10);
      --orange:#d97722; --orange-soft:rgba(217,119,34,.13);
      --yellow:#c9b51b; --yellow-soft:rgba(201,181,27,.13);
      --text:#111111; --text-soft:#3b3b3b; --text-muted:#6f6a5f;
      --border:rgba(17,17,17,.10);
      --radius:18px; --radius-small:13px; --nav-height:72px;
      --sidebar-width:270px;
    }

    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }

    body {
      margin:0;
      min-height:100vh;
      background:var(--bg-main);
      color:var(--text);
      font-family:'Montserrat',sans-serif;
      overflow-x:hidden;
    }

    body::before {
      content:"";
      position:fixed;
      inset:0;
      background:
        linear-gradient(rgba(11,11,15,.94),rgba(11,11,15,.98)),
        url("/imagens/logoaya2.png");
      background-position:center;
      background-repeat:no-repeat;
      background-size:430px;
      opacity:.16;
      pointer-events:none;
      z-index:-1;
    }

    a { text-decoration:none; color:inherit; }
    button, input, select { font-family:inherit; }

    /* =====================================================
       SIDEBAR — PADRAO CANONICO DO PORTAL
    ===================================================== */
    .sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border);z-index:1050;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;transition:transform .25s ease;}
    .sidebar-brand{display:flex;align-items:center;gap:11px;padding:20px 18px 18px;border-bottom:1px solid var(--border);text-decoration:none;flex-shrink:0;}
    .sidebar-brand img{width:38px;height:38px;object-fit:contain;flex-shrink:0;}
    .sidebar-brand h5{margin:0;color:var(--gold);font-size:15px;font-weight:800;line-height:1.1;letter-spacing:.8px;}
    .sidebar-brand small{display:block;margin-top:2px;color:var(--text-muted);font-size:9px;font-weight:600;letter-spacing:1px;}
    .sidebar-menu{flex:1;padding:14px 12px;display:flex;flex-direction:column;gap:2px;}
    .sidebar-section{padding:14px 10px 5px;color:var(--text-muted);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;}
    .sidebar-menu a{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:9px;color:var(--text-muted);text-decoration:none;font-size:12px;font-weight:600;transition:.15s ease;}
    .sidebar-menu a i{width:20px;text-align:center;font-size:16px;flex-shrink:0;}
    .sidebar-menu a:hover{background:rgba(255,255,255,.055);color:#fff;}
    .sidebar-menu a.active{background:rgba(255,215,0,.10);color:var(--gold);}
    .sidebar-divider{height:1px;margin:9px 10px;background:rgba(255,255,255,.045);flex-shrink:0;}
    .sidebar-footer{padding:14px 18px;border-top:1px solid var(--border);color:var(--text-muted);font-size:9px;text-align:center;flex-shrink:0;}
    .sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:1040;}
    .sidebar-overlay.show{display:block;}
    .main-content{margin-left:var(--sidebar-width);min-height:100vh;}
    #menuButton{display:none;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--border);border-radius:10px;background:var(--glass-bg);color:var(--text-muted);font-size:18px;cursor:pointer;flex-shrink:0;}
    #menuButton:hover{background:rgba(255,255,255,.075);color:#fff;}

    /* MAIN */
    .main-content {
      margin-left:var(--sidebar-width);
      min-height:100vh;
      padding:25px 28px 45px;
    }

    .topbar {
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:20px;
      margin-bottom:25px;
    }

    .page-title small {
      display:block;
      color:var(--gold);
      font-size:10px;
      text-transform:uppercase;
      letter-spacing:1.7px;
      font-weight:700;
      margin-bottom:5px;
    }

    .page-title h1 {
      margin:0;
      font-size:27px;
      font-weight:800;
      letter-spacing:-.6px;
    }

    .page-title p {
      margin:7px 0 0;
      color:var(--text-muted);
      font-size:11px;
    }

    .top-actions {
      display:flex;
      gap:8px;
    }

    .icon-btn {
      width:40px;
      height:40px;
      border:1px solid var(--border);
      border-radius:12px;
      background:var(--bg-card);
      color:var(--text-soft);
      display:flex;
      align-items:center;
      justify-content:center;
      transition:.2s;
      position:relative;
    }

    .icon-btn:hover {
      color:var(--gold);
      background:var(--gold-soft);
    }

    /* YEAR BAR */
    .year-card {
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:15px;
      padding:15px 18px;
      background:var(--bg-card);
      border:1px solid var(--border);
      border-radius:var(--radius);
      margin-bottom:18px;
    }

    .year-info {
      display:flex;
      align-items:center;
      gap:12px;
    }

    .year-icon {
      width:42px;
      height:42px;
      border-radius:12px;
      background:var(--gold-soft);
      color:var(--gold);
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:18px;
    }

    .year-info strong {
      display:block;
      font-size:12px;
    }

    .year-info span {
      display:block;
      color:var(--text-muted);
      font-size:9px;
      margin-top:3px;
    }

    .year-select {
      height:39px;
      min-width:120px;
      border:1px solid var(--border);
      background:#111116;
      color:var(--text);
      border-radius:10px;
      padding:0 12px;
      font-size:10px;
      outline:none;
    }

    /* SUMMARY */
    .summary-grid {
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:13px;
      margin-bottom:20px;
    }

    .summary-card {
      background:var(--bg-card);
      border:1px solid var(--border);
      border-radius:var(--radius);
      padding:16px;
    }

    .summary-icon {
      width:35px;
      height:35px;
      border-radius:10px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:var(--gold-soft);
      color:var(--gold);
      margin-bottom:12px;
    }

    .summary-card.green .summary-icon {
      background:var(--green-soft);
      color:#68cc68;
    }

    .summary-card.yellow .summary-icon {
      background:var(--yellow-soft);
      color:#d8c52b;
    }

    .summary-card.red .summary-icon {
      background:var(--red-soft);
      color:#ec625b;
    }

    .summary-card h3 {
      margin:0;
      font-size:23px;
      font-weight:800;
    }

    .summary-card p {
      margin:4px 0 0;
      color:var(--text-muted);
      font-size:9px;
    }

    /* LEGEND */
    .legend {
      display:flex;
      align-items:center;
      flex-wrap:wrap;
      gap:8px;
      padding:13px 15px;
      margin-bottom:16px;
      background:rgba(255,255,255,.025);
      border:1px solid var(--border);
      border-radius:var(--radius-small);
    }

    .legend-title {
      color:var(--text-soft);
      font-size:9px;
      font-weight:700;
      margin-right:4px;
    }

    .legend-item {
      display:flex;
      align-items:center;
      gap:5px;
      color:var(--text-muted);
      font-size:8px;
    }

    .legend-dot {
      width:8px;
      height:8px;
      border-radius:50%;
    }

    .dot-green { background:#52c852; }
    .dot-yellow { background:#d0bc25; }
    .dot-orange { background:#df822c; }
    .dot-red { background:#d64b43; }

    /* TOOLBAR */
    .toolbar {
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:14px;
      padding:14px;
      margin-bottom:16px;
      background:var(--bg-card);
      border:1px solid var(--border);
      border-radius:var(--radius);
    }

    .search-box {
      position:relative;
      flex:1;
      max-width:400px;
    }

    .search-box i {
      position:absolute;
      left:13px;
      top:50%;
      transform:translateY(-50%);
      color:var(--text-muted);
      font-size:14px;
    }

    .search-box input {
      width:100%;
      height:40px;
      border:1px solid var(--border);
      background:rgba(0,0,0,.18);
      color:var(--text);
      border-radius:11px;
      padding:0 13px 0 37px;
      outline:none;
      font-size:10px;
    }

    .search-box input:focus {
      border-color:rgba(255,215,0,.35);
    }

    .filters {
      display:flex;
      gap:8px;
    }

    .filter-select {
      height:40px;
      min-width:145px;
      border:1px solid var(--border);
      background:#111116;
      color:var(--text-soft);
      border-radius:11px;
      padding:0 12px;
      outline:none;
      font-size:9px;
    }

    /* TABLE */
    .table-card {
      background:var(--bg-card);
      border:1px solid var(--border);
      border-radius:var(--radius);
      overflow:hidden;
    }

    .table-responsive {
      overflow-x:auto;
    }

    .eligibility-table {
      width:100%;
      min-width:950px;
      border-collapse:collapse;
    }

    .eligibility-table th {
      padding:14px 15px;
      color:var(--text-muted);
      font-size:8px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:.9px;
      text-align:left;
      border-bottom:1px solid var(--border);
      white-space:nowrap;
    }

    .eligibility-table td {
      padding:14px 15px;
      border-bottom:1px solid rgba(255,255,255,.045);
      font-size:10px;
      color:var(--text-soft);
      vertical-align:middle;
    }

    /* EMPTY STATE */
    .empty-state {
      text-align:center;
      padding:55px 25px !important;
      color:var(--text-muted);
    }

    .empty-state-icon {
      width:52px;
      height:52px;
      margin:0 auto 14px;
      border-radius:15px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:rgba(255,255,255,.045);
      border:1px solid var(--border);
      color:var(--gold);
      font-size:22px;
    }

    .empty-state strong {
      display:block;
      color:var(--text-soft);
      font-size:12px;
      margin-bottom:6px;
    }

    .empty-state span {
      display:block;
      max-width:480px;
      margin:0 auto;
      color:var(--text-muted);
      font-size:9px;
      line-height:1.6;
    }

    /* FOOTNOTE */
    .rule-card {
      margin-top:17px;
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
    }

    .rule {
      padding:15px 17px;
      background:rgba(255,255,255,.025);
      border:1px solid var(--border);
      border-radius:var(--radius-small);
    }

    .rule h3 {
      margin:0 0 6px;
      font-size:10px;
      font-weight:800;
    }

    .rule h3 i {
      color:var(--gold);
      margin-right:5px;
    }

    .rule p {
      margin:0;
      color:var(--text-muted);
      font-size:9px;
      line-height:1.6;
    }

    /* MOBILE */
    .mobile-header,
    .mobile-bottom {
      display:none;
    }

    @media (max-width:1100px) {
      .summary-grid { grid-template-columns:repeat(2,1fr); }
    }

    @media(max-width:991px){.sidebar{transform:translateX(-100%);}.sidebar.show{transform:translateX(0);}.main-content{margin-left:0;}#menuButton{display:flex;}}
    @media(min-width:992px){#menuButton{display:none;}}

    @media (max-width:850px) {
      .main-content { margin-left:0; padding:82px 15px 95px; }

      .mobile-header {
        position:fixed;
        top:0;
        left:0;
        right:0;
        height:62px;
        z-index:1000;
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:0 15px;
        background:rgba(10,10,14,.94);
        backdrop-filter:blur(15px);
        border-bottom:1px solid var(--border);
      }

      .mobile-brand {
        display:flex;
        align-items:center;
        gap:9px;
      }

      .mobile-brand img {
        width:33px;
        height:33px;
        object-fit:contain;
      }

      .mobile-brand strong {
        font-size:13px;
        font-weight:800;
      }

      .mobile-brand span {
        color:var(--gold);
        font-size:8px;
        margin-left:3px;
      }

      .mobile-bottom {
        position:fixed;
        bottom:0;
        left:0;
        right:0;
        height:var(--nav-height);
        z-index:1000;
        display:flex;
        justify-content:space-around;
        align-items:center;
        background:rgba(10,10,14,.96);
        backdrop-filter:blur(16px);
        border-top:1px solid var(--border);
      }

      .mobile-bottom a {
        color:var(--text-muted);
        text-align:center;
        font-size:8px;
        min-width:50px;
      }

      .mobile-bottom i {
        display:block;
        font-size:18px;
        margin-bottom:3px;
      }

      .mobile-bottom a.active {
        color:var(--gold);
      }

      .topbar {
        margin-bottom:19px;
      }

      .page-title h1 {
        font-size:22px;
      }

      .toolbar {
        flex-direction:column;
        align-items:stretch;
      }

      .search-box {
        max-width:none;
      }

      .filters {
        display:grid;
        grid-template-columns:1fr 1fr;
      }

      .filter-select {
        min-width:0;
        width:100%;
      }
    }

    @media (max-width:600px) {
      .summary-grid {
        gap:9px;
      }

      .summary-card {
        padding:13px;
      }

      .summary-card h3 {
        font-size:19px;
      }

      .year-card {
        align-items:flex-start;
      }

      .year-select {
        min-width:95px;
      }

      .rule-card {
        grid-template-columns:1fr;
      }

      .legend {
        align-items:flex-start;
        flex-direction:column;
      }
    }
          /* ===== IEPLUS_LIGHT_OVERRIDES : IÊ+ tema claro (estrutura/navegação preta com texto claro) ===== */
        .topbar,.sidebar,.sidebar-header,.bottom-navigation,.bottom-nav,.side-nav,.nav-drawer,.app-nav{background:#111111 !important;}
        .topbar,.topbar *,.sidebar *,.bottom-navigation *,.bottom-navigation a,.bottom-navigation i,.bottom-navigation span{color:rgba(255,255,255,.85) !important;}
        .sidebar a.active,.sidebar .active,.bottom-navigation .active{color:#8FE6B4 !important;}
        .sidebar a.active,.bottom-navigation .active{background:rgba(22,128,74,.30) !important;}