/* ============================================================
   Aflax Live Students v1.1 - Admin & Teacher Portal CSS
   ============================================================ */
:root {
  --aflax-bg:      #0a0e1a;
  --aflax-surface: #0d1526;
  --aflax-border:  #1e3a5f;
  --aflax-accent:  #1a6fdb;
  --aflax-accent2: #0d4fa3;
  --aflax-text:    #e2e8f0;
  --aflax-muted:   #94a3b8;
  --aflax-faint:   #64748b;
  --aflax-green:   #34d399;
  --aflax-red:     #f87171;
  --aflax-yellow:  #fcd34d;
  --aflax-purple:  #a78bfa;
  --aflax-radius:  12px;
  --aflax-radius-sm: 8px;
}
*{box-sizing:border-box;}
body,html{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;}

/* ─ Wrap ─────────────────────────────────────────────────── */
.aflax-wrap{background:var(--aflax-bg);color:var(--aflax-text);padding:24px;min-height:100vh;}
#wpcontent{background:var(--aflax-bg)!important;}
.wp-admin .aflax-wrap h1,.wp-admin .aflax-wrap h2{color:#fff!important;}

/* ─ Header ───────────────────────────────────────────────── */
.aflax-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;}
.aflax-header-left{display:flex;align-items:center;gap:14px;}
.aflax-logo{width:40px;height:40px;background:linear-gradient(135deg,var(--aflax-accent),var(--aflax-accent2));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#fff;flex-shrink:0;}
.aflax-header h1{font-size:22px;font-weight:700;color:#fff;margin:0;}
.aflax-subtitle{font-size:13px;color:var(--aflax-faint);margin:0;}
.aflax-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px;}
.aflax-page-header h2{font-size:22px;font-weight:700;color:#fff;margin:0;}

/* ─ Buttons ──────────────────────────────────────────────── */
.aflax-btn{border:none;border-radius:var(--aflax-radius-sm);padding:9px 16px;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .15s;text-decoration:none;display:inline-block;}
.aflax-btn:hover{opacity:.85;}
.aflax-btn-primary{background:linear-gradient(135deg,var(--aflax-accent),var(--aflax-accent2));color:#fff;}
.aflax-btn-ghost{background:var(--aflax-surface);color:var(--aflax-muted);border:1px solid var(--aflax-border);}
.aflax-btn-danger{background:#7f1d1d;color:#fca5a5;}
.aflax-btn-sm{padding:4px 10px;font-size:11px;font-weight:600;border-radius:6px;border:none;cursor:pointer;}
.aflax-btn-view{background:#1a3a6b;color:#7ab3ff;}
.aflax-btn-edit{background:#0d3a2b;color:var(--aflax-green);}
.aflax-btn-danger.aflax-btn-sm{background:#3b0f0f;color:var(--aflax-red);}
.aflax-copy-btn{background:#1a3a6b;color:#7ab3ff;border:none;border-radius:6px;padding:4px 12px;font-size:12px;cursor:pointer;}

/* ─ Inputs / selects ─────────────────────────────────────── */
.aflax-input,.aflax-select{background:var(--aflax-bg);border:1px solid var(--aflax-border);border-radius:var(--aflax-radius-sm);padding:9px 12px;font-size:13px;color:var(--aflax-text);width:100%;}
.aflax-input:focus,.aflax-select:focus{outline:none;border-color:var(--aflax-accent);}
.aflax-label{font-size:11px;color:var(--aflax-faint);font-weight:700;text-transform:uppercase;display:block;margin-bottom:5px;letter-spacing:.6px;}
.aflax-required{color:var(--aflax-red);}

/* ─ Filter row ───────────────────────────────────────────── */
.aflax-filter-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:14px;}
.aflax-filter-row .aflax-input{width:220px;}
.aflax-filter-row .aflax-select{width:auto;}

/* ─ Tabs ─────────────────────────────────────────────────── */
.aflax-tab-row{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;}
.aflax-tab{padding:7px 16px;border-radius:var(--aflax-radius-sm);border:1px solid var(--aflax-border);cursor:pointer;font-weight:600;font-size:13px;background:var(--aflax-surface);color:#7ab3ff;}
.aflax-tab.active{background:var(--aflax-accent);color:#fff;border-color:var(--aflax-accent);}

/* ─ Toggle groups ────────────────────────────────────────── */
.aflax-toggle-group{display:flex;gap:6px;flex-wrap:wrap;}
.aflax-toggle-btn{padding:7px 12px;border-radius:var(--aflax-radius-sm);border:1px solid var(--aflax-border);cursor:pointer;background:var(--aflax-bg);color:#7ab3ff;font-size:12px;font-weight:600;}
.aflax-toggle-btn.active{background:var(--aflax-accent);color:#fff;border-color:var(--aflax-accent);}

/* ─ Stats grid ───────────────────────────────────────────── */
.aflax-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;}
.aflax-stat-card{background:var(--aflax-surface);border:1px solid var(--aflax-border);border-radius:var(--aflax-radius);padding:20px;}
.aflax-stat-icon{font-size:26px;margin-bottom:8px;display:block;}
.aflax-stat-value{font-size:28px;font-weight:800;}
.aflax-stat-label{font-size:13px;color:var(--aflax-faint);margin-top:4px;}

/* ─ Cards ────────────────────────────────────────────────── */
.aflax-card{background:var(--aflax-surface);border:1px solid var(--aflax-border);border-radius:var(--aflax-radius);padding:20px;margin-bottom:16px;}
.aflax-card-title{font-size:15px;font-weight:700;color:#fff;margin-bottom:14px;}
.aflax-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.aflax-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}

/* ─ Teacher cards ────────────────────────────────────────── */
.aflax-teacher-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--aflax-border);}
.aflax-teacher-row strong{display:block;font-size:14px;color:var(--aflax-text);}
.aflax-teacher-row small{font-size:11px;color:var(--aflax-faint);}
.aflax-teacher-card-header{display:flex;align-items:center;gap:14px;margin-bottom:14px;}
.aflax-teacher-avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--aflax-accent),var(--aflax-accent2));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#fff;}
.aflax-teacher-card-name{font-size:16px;font-weight:700;color:#fff;}
.aflax-teacher-card-role{font-size:12px;color:#7ab3ff;}
.aflax-teacher-info{font-size:13px;color:var(--aflax-muted);margin-bottom:6px;}
.aflax-card-actions{margin-top:14px;display:flex;gap:8px;}

/* ─ Class cards ──────────────────────────────────────────── */
.aflax-class-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.aflax-class-card{background:var(--aflax-surface);border:1px solid var(--aflax-border);border-radius:var(--aflax-radius);padding:18px;cursor:pointer;transition:border-color .2s,transform .1s;}
.aflax-class-card:hover{border-color:var(--aflax-accent);transform:translateY(-1px);}
.aflax-class-card:active{transform:translateY(0);}
.aflax-class-card-title{font-size:15px;font-weight:700;color:#fff;margin-bottom:4px;}
.aflax-class-card-teacher{font-size:12px;color:#7ab3ff;margin-bottom:10px;}
.aflax-class-card-footer{display:flex;justify-content:space-between;align-items:center;}
.aflax-class-card-admin{background:var(--aflax-surface);border:1px solid var(--aflax-border);border-radius:var(--aflax-radius);padding:20px;}
.aflax-class-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;}
.aflax-class-title{font-size:16px;font-weight:700;color:#fff;}
.aflax-class-id{font-size:12px;color:#7ab3ff;margin-top:2px;}
.aflax-class-teacher{font-size:13px;color:var(--aflax-muted);margin-bottom:12px;}
.aflax-class-student-list{border-top:1px solid var(--aflax-border);padding-top:12px;}
.aflax-class-student-row{display:flex;justify-content:space-between;font-size:12px;color:var(--aflax-muted);padding:3px 0;}

/* ─ Badges ───────────────────────────────────────────────── */
.aflax-badge{padding:3px 8px;border-radius:10px;font-size:11px;font-weight:600;display:inline-block;}
.aflax-badges{display:flex;gap:6px;flex-wrap:wrap;}
.aflax-badge-blue{background:#1a3a6b;color:#7ab3ff;}
.aflax-badge-purple{background:#2d1a5f;color:var(--aflax-purple);}
.aflax-status-badge{padding:3px 8px;border-radius:8px;font-size:11px;font-weight:700;display:inline-block;}
.aflax-status-active{background:#064e3b;color:var(--aflax-green);}
.aflax-status-inactive{background:#78350f;color:var(--aflax-yellow);}
.aflax-status-left{background:#3b0f0f;color:var(--aflax-red);}
.aflax-course-badge{padding:2px 8px;border-radius:8px;font-size:11px;font-weight:600;display:inline-block;}
.aflax-course-english{background:#0d3a2b;color:var(--aflax-green);}
.aflax-course-mathematics{background:#2d1a5f;color:var(--aflax-purple);}
.aflax-course-both{background:#1a3a6b;color:#7ab3ff;}
.aflax-row-inactive{background:rgba(234,179,8,.07)!important;border-left:3px solid #fcd34d;}
.aflax-row-left{background:rgba(220,38,38,.07)!important;border-left:3px solid #f87171;}

/* ─ Table ────────────────────────────────────────────────── */
.aflax-table-wrap{background:var(--aflax-surface);border:1px solid var(--aflax-border);border-radius:var(--aflax-radius);overflow-x:auto;margin-bottom:16px;}
.aflax-table{width:100%;border-collapse:collapse;font-size:13px;min-width:400px;}
.aflax-table thead tr{background:var(--aflax-bg);border-bottom:1px solid var(--aflax-border);}
.aflax-table th{padding:11px 12px;text-align:left;color:#7ab3ff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;}
.aflax-table td{padding:9px 12px;color:var(--aflax-muted);border-bottom:1px solid var(--aflax-border);}
.aflax-table tbody tr:last-child td{border-bottom:none;}
.aflax-table tbody tr:hover{background:rgba(255,255,255,.02);}
.aflax-table-footer{padding:10px 16px;border-top:1px solid var(--aflax-border);font-size:12px;color:var(--aflax-faint);}
.aflax-action-btns{display:flex;gap:4px;flex-wrap:wrap;align-items:center;}
.aflax-status-select{background:var(--aflax-bg);border:1px solid var(--aflax-border);border-radius:6px;padding:4px 6px;font-size:11px;color:var(--aflax-text);cursor:pointer;}

/* ─ Payment ──────────────────────────────────────────────── */
.aflax-pay-btn{padding:3px 10px;border-radius:6px;border:none;cursor:pointer;font-size:12px;font-weight:700;white-space:nowrap;}
.aflax-pay-paid{background:#064e3b;color:var(--aflax-green);}
.aflax-pay-unpaid{background:#3b0f0f;color:var(--aflax-red);}
.aflax-pay-badge{padding:3px 10px;border-radius:6px;font-size:12px;font-weight:700;display:inline-block;white-space:nowrap;}

/* ─ Attendance ───────────────────────────────────────────── */
.aflax-att-controls{margin-bottom:16px;}
.aflax-att-control-row{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-end;}
.aflax-att-cell-select{background:var(--aflax-bg);border:1px solid var(--aflax-border);border-radius:6px;padding:3px 5px;font-size:11px;cursor:pointer;font-weight:700;width:100%;}
.aflax-att-cell-badge{border-radius:6px;padding:4px 6px;text-align:center;font-size:11px;font-weight:700;display:block;white-space:nowrap;}
.aflax-att-present{background:#064e3b;color:var(--aflax-green);}
.aflax-att-absent{background:#3b0f0f;color:var(--aflax-red);}
.aflax-att-late{background:#78350f;color:var(--aflax-yellow);}
.aflax-att-excuse{background:#1a3a6b;color:#7ab3ff;}
.aflax-att-empty{background:var(--aflax-bg);border:1px solid var(--aflax-border);color:#334155;}

/* Note indicator - subtle icon, no text overflow */
.aflax-att-note-dot,.aflax-att-note-indicator{
  font-size:10px;display:inline-block;margin-left:3px;
  cursor:help;opacity:.7;
}
.aflax-att-note-dot:hover,.aflax-att-note-indicator:hover{opacity:1;}

/* Tooltip via title attribute enhanced */
[title]:hover::after{
  content:attr(title);
  position:absolute;
  bottom:calc(100% + 4px);
  left:50%;
  transform:translateX(-50%);
  background:#0d1526;
  color:#e2e8f0;
  border:1px solid #1e3a5f;
  border-radius:6px;
  padding:5px 10px;
  font-size:11px;
  font-weight:600;
  white-space:nowrap;
  z-index:9999;
  pointer-events:none;
  max-width:200px;
  white-space:normal;
  text-align:center;
}
.aflax-att-cell-badge[title]{position:relative;}

/* ─ Mode toggle ──────────────────────────────────────────── */
.aflax-mode-toggle{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.aflax-badge-mode{padding:3px 10px;border-radius:8px;font-size:11px;font-weight:700;}
.aflax-badge-mode-preview{background:#78350f;color:var(--aflax-yellow);}
.aflax-badge-mode-edit{background:#064e3b;color:var(--aflax-green);}

/* ─ Forms ────────────────────────────────────────────────── */
.aflax-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.aflax-form-group{display:flex;flex-direction:column;}
.aflax-form-group label{font-size:11px;color:var(--aflax-faint);font-weight:700;text-transform:uppercase;margin-bottom:5px;letter-spacing:.6px;}
.aflax-form-full{grid-column:span 2;}

/* ─ Modals ───────────────────────────────────────────────── */
.aflax-modal{position:fixed;inset:0;background:rgba(0,0,0,.78);display:flex;align-items:center;justify-content:center;z-index:9999;}
.aflax-modal-box{background:var(--aflax-surface);border:1px solid var(--aflax-border);border-radius:16px;padding:28px;width:600px;max-width:95vw;max-height:88vh;overflow-y:auto;}
.aflax-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.aflax-modal-header h3{font-size:18px;font-weight:700;color:#fff;margin:0;}
.aflax-modal-close{background:none;border:none;color:var(--aflax-muted);font-size:18px;cursor:pointer;line-height:1;padding:4px;}
.aflax-modal-close:hover{color:var(--aflax-red);}
.aflax-modal-footer{display:flex;gap:10px;margin-top:20px;}
.aflax-modal-footer .aflax-btn{flex:1;padding:11px;font-size:14px;text-align:center;}

/* ─ Detail view ─────────────────────────────────────────────*/
.aflax-detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--aflax-border);font-size:13px;}
.aflax-detail-label{color:var(--aflax-faint);font-weight:600;}
.aflax-detail-value{color:var(--aflax-text);}
.aflax-payment-history{margin-top:16px;}
.aflax-payment-history-title{font-size:11px;color:var(--aflax-faint);font-weight:700;text-transform:uppercase;margin-bottom:10px;letter-spacing:.8px;}
.aflax-pay-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;}
.aflax-pay-cell{text-align:center;border-radius:8px;padding:6px 2px;}
.aflax-pay-cell .month{font-size:10px;font-weight:700;}
.aflax-pay-cell .symbol{font-size:14px;}

/* ─ Shortcode box ────────────────────────────────────────── */
.aflax-shortcode-box{background:var(--aflax-bg);border:1px solid var(--aflax-accent);border-radius:8px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;}
.aflax-shortcode-box code{font-size:14px;color:#7ab3ff;font-weight:700;letter-spacing:1px;word-break:break-all;}

/* ─ Column picker ────────────────────────────────────────── */
.aflax-col-picker-wrap{position:relative;display:inline-block;}
.aflax-col-picker{position:absolute;right:0;top:110%;background:var(--aflax-surface);border:1px solid var(--aflax-border);border-radius:10px;padding:14px;z-index:200;min-width:180px;box-shadow:0 8px 24px rgba(0,0,0,.6);}
.aflax-col-picker-title{font-size:11px;color:var(--aflax-faint);font-weight:700;text-transform:uppercase;margin-bottom:8px;letter-spacing:.8px;}
.aflax-col-check{display:flex;align-items:center;gap:8px;padding:5px 0;cursor:pointer;font-size:13px;color:var(--aflax-text);}
.aflax-col-check input{accent-color:var(--aflax-accent);}

/* ─ Teacher Portal ───────────────────────────────────────── */
.aflax-portal-wrap{background:var(--aflax-bg);color:var(--aflax-text);min-height:100vh;}
.aflax-portal-header{background:var(--aflax-surface);border-bottom:1px solid var(--aflax-border);padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;}
.aflax-portal-brand{display:flex;align-items:center;gap:12px;}
.aflax-portal-title{font-size:16px;font-weight:700;color:#fff;}
.aflax-portal-subtitle{font-size:11px;color:var(--aflax-faint);}
.aflax-portal-user{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--aflax-text);flex-wrap:wrap;}
.aflax-portal-nav{background:var(--aflax-surface);border-bottom:1px solid var(--aflax-border);padding:0 24px;display:flex;gap:4px;overflow-x:auto;}
.aflax-portal-nav-item{display:inline-block;padding:16px 18px;font-size:14px;font-weight:600;color:var(--aflax-muted);text-decoration:none;border-bottom:3px solid transparent;transition:color .15s,border-color .15s;white-space:nowrap;}
.aflax-portal-nav-item:hover{color:#7ab3ff;}
.aflax-portal-nav-item.active{color:#7ab3ff;border-bottom-color:var(--aflax-accent);}
.aflax-portal-content{padding:24px;}
.aflax-login-msg{color:var(--aflax-muted);padding:40px;text-align:center;font-size:15px;}
.aflax-login-msg a{color:#7ab3ff;}

/* ─ Responsive ───────────────────────────────────────────── */
@media(max-width:900px){
  .aflax-stats-grid{grid-template-columns:repeat(2,1fr);}
  .aflax-grid-2,.aflax-grid-3{grid-template-columns:1fr;}
  .aflax-class-cards-grid{grid-template-columns:1fr 1fr;}
  .aflax-form-grid{grid-template-columns:1fr;}
  .aflax-form-full{grid-column:span 1;}
}
@media(max-width:600px){
  .aflax-stats-grid{grid-template-columns:1fr 1fr;}
  .aflax-class-cards-grid{grid-template-columns:1fr;}
  .aflax-filter-row{flex-direction:column;}
  .aflax-filter-row .aflax-input{width:100%;}
  .aflax-att-control-row{flex-direction:column;}
  .aflax-portal-header{height:auto;padding:12px 16px;}
}

/* ═══════════════ Aflax v1.2 Additions ═══════════════ */

/* ── Login page (New Feature #1) ──────────────────── */
.aflax-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0e1a;padding:20px;}
.aflax-login-box{background:#0d1526;border:1px solid #1e3a5f;border-radius:16px;padding:40px 36px;width:100%;max-width:400px;text-align:center;}
.aflax-login-logo{width:60px;height:60px;background:linear-gradient(135deg,#1a6fdb,#0d4fa3);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#fff;margin:0 auto 16px;}

/* ── Payment cell wrap (Fix #4) ───────────────────── */
.aflax-pay-cell-wrap{display:inline-block;}
.aflax-pay-dd{padding:4px 8px;border-radius:6px;cursor:pointer;font-weight:700;font-size:12px;}

/* ── Fix #2: attendance cell no extra height ──────── */
.aflax-att-note-indicator,.aflax-att-note-dot{display:none!important;}

/* ═══════════════ Fix #6: Mobile Responsive ══════════ */
@media(max-width:900px){
  .aflax-grid-3{grid-template-columns:repeat(2,1fr)!important;}
  .aflax-stats-grid{grid-template-columns:repeat(2,1fr)!important;}
  .aflax-class-cards-grid{grid-template-columns:repeat(2,1fr)!important;}
}
@media(max-width:640px){
  /* Sidebar becomes horizontal scrollable top bar */
  #aflax-admin-sidebar, .aflax-admin-sidebar{
    width:100%!important;height:auto!important;
    display:flex!important;flex-direction:row!important;
    flex-wrap:nowrap!important;overflow-x:auto!important;
    padding:0!important;border-right:none!important;
    border-bottom:1px solid #1e3a5f!important;
    position:sticky!important;top:52px!important;z-index:40!important;
    -webkit-overflow-scrolling:touch;
  }
  #aflax-admin-sidebar a, #aflax-admin-sidebar button,
  .aflax-admin-sidebar a, .aflax-admin-sidebar button{
    flex-shrink:0!important;width:auto!important;
    padding:10px 12px!important;font-size:11px!important;
    white-space:nowrap!important;border-left:none!important;
    border-bottom:3px solid transparent!important;
  }
  .aflax-wrap{padding:12px!important;}
  .aflax-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;}
  .aflax-grid-2,.aflax-grid-3{grid-template-columns:1fr!important;}
  .aflax-class-cards-grid{grid-template-columns:1fr!important;}
  .aflax-form-grid{grid-template-columns:1fr!important;}
  .aflax-filter-row{flex-direction:column!important;}
  .aflax-filter-row .aflax-input,.aflax-filter-row .aflax-select{width:100%!important;}
  .aflax-modal-box{width:calc(100vw - 24px)!important;max-width:100%!important;padding:16px!important;}
  .aflax-page-header{flex-direction:column!important;gap:8px!important;align-items:flex-start!important;}
  .aflax-att-control-row{flex-direction:column!important;gap:10px!important;}
  .aflax-toggle-group{flex-wrap:wrap!important;}
  .aflax-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
  /* Portal */
  .aflax-portal-header{flex-wrap:wrap!important;gap:8px!important;padding:8px 14px!important;height:auto!important;}
  .aflax-portal-nav{overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch!important;}
  .aflax-portal-nav-item{white-space:nowrap!important;padding:10px 12px!important;}
  .aflax-portal-user{flex-wrap:wrap!important;gap:4px!important;}
}
@media(max-width:400px){
  .aflax-stats-grid{grid-template-columns:1fr 1fr!important;}
  .aflax-toggle-btn{padding:5px 8px!important;font-size:11px!important;}
}

/* Fix [1]: Column picker popup */
.aflax-col-picker {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  background: #0d1526;
  border: 1px solid #1e3a5f;
  border-radius: 10px;
  padding: 14px;
  z-index: 99999;
  min-width: 190px;
  box-shadow: 0 8px 32px rgba(0,0,0,.7);
}
#aflax-col-picker-wrap { position: relative; display: inline-block; }

/* ═══════════════════════════════════════════════════════════════════
   v1.8.0 — New styles
   ═══════════════════════════════════════════════════════════════════ */

/* Pagination bar */
.aflax-pagination-bar {
  display: block;
  padding: 10px 4px;
  border-top: 1px solid #1e3a5f;
  font-size: 12px;
  color: #94a3b8;
  margin-top: 6px;
  overflow: hidden;
}
.aflax-pagination-bar .aflax-pag-info { color: #94a3b8; }
.aflax-pagination-bar .aflax-pag-controls .aflax-btn { display: inline-block; }
.aflax-pagination-bar .aflax-pag-prev[disabled],
.aflax-pagination-bar .aflax-pag-next[disabled] {
  opacity: .35;
  cursor: not-allowed;
}

/* Hide rows that are filtered out OR paginated out */
tr.aflax-filter-hide,
tr.aflax-pag-hide { display: none !important; }

/* Tri-state payment N/A */
.aflax-pay-na {
  background: #2a2a18 !important;
  color: #fcd34d !important;
  border: 1px solid #4a3f1f;
}

/* Dropped status badge (replaces .aflax-status-left) */
.aflax-status-dropped {
  background: #3b0f0f;
  color: #fcd34d;
}
.aflax-row-dropped { opacity: .65; }
.aflax-row-dropped:hover { opacity: .9; }

/* Column picker dropdown */
.aflax-col-picker {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 6px;
  background: #0d1526;
  border: 1px solid #1e3a5f;
  border-radius: 10px;
  padding: 12px 14px;
  min-width: 200px;
  z-index: 200;
  box-shadow: 0 10px 30px rgba(0,0,0,.4);
}
.aflax-col-picker-title {
  font-size: 10px;
  color: #64748b;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 8px;
  letter-spacing: .6px;
}
.aflax-col-check {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 3px 0;
  cursor: pointer;
  font-size: 12px;
  color: #e2e8f0;
}
.aflax-col-check input { accent-color: #1a6fdb; }
#aflax-col-picker-wrap { position: relative; display: inline-block; }