/* ====================================================================
   OnePaperExam — LISTING & DETAIL STYLES
   Shared between the Jobs page and the Scholarships page
   (listing cards, detail view, filter bar, pagination).
   Note: footer, .reveal, .widget, .back-btn, .section-header and the
   shared responsive rules already live in shared.css — not repeated here.
   ==================================================================== */
.papers-main{min-width:0}
.papers-sidebar{position:sticky;top:80px}

/* FILTER BAR */
.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;padding:14px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius)}
.filter-bar label{font-size:12px;font-weight:700;color:var(--text-muted);white-space:nowrap;display:flex;align-items:center;gap:5px}
.filter-bar select,.filter-bar input[type="text"]{padding:7px 10px;border:1px solid var(--border);border-radius:6px;font-size:12.5px;font-family:'Poppins',sans-serif;background:var(--bg);color:var(--text);cursor:pointer;outline:none}
.filter-bar select:focus,.filter-bar input:focus{border-color:var(--green)}
.filter-group{display:flex;align-items:center;gap:6px}
.filter-bar input[type="text"]{cursor:text;min-width:180px}

/* LISTING CARDS (jobs/scholarships) */
.listing-list{display:flex;flex-direction:column;gap:12px}
.listing-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;display:flex;gap:16px;align-items:flex-start;cursor:pointer;transition:all .22s cubic-bezier(.34,1.56,.64,1)}
.listing-card:hover{border-color:var(--green);box-shadow:var(--shadow);transform:translateX(3px)}
.listing-icon{width:48px;height:48px;border-radius:12px;background:var(--green-light);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}
.listing-body{flex:1;min-width:0}
.listing-top-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.listing-card h3{font-size:15px;font-weight:700;color:var(--text)}
.listing-deadline{font-size:11.5px;font-weight:700;color:#c0392b;background:#fff0ee;padding:3px 9px;border-radius:20px;white-space:nowrap}
.listing-deadline.open{color:var(--green);background:var(--green-light)}
.listing-card p{font-size:13px;color:var(--text-muted);margin-bottom:10px}
.listing-meta-row{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--text-muted)}
.listing-meta-row span{display:flex;align-items:center;gap:5px}
.listing-meta-row i{color:var(--green)}
.listing-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.tag{display:inline-block;background:var(--green-light);color:var(--green);font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:20px}

/* DETAIL VIEW */
.detail-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:26px;margin-bottom:18px}
.detail-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.detail-icon{width:60px;height:60px;border-radius:14px;background:var(--green-light);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}
.detail-header h1{font-size:21px;font-weight:800;margin-bottom:6px}
.detail-header-meta{display:flex;flex-wrap:wrap;gap:14px;font-size:12.5px;color:var(--text-muted)}
.detail-header-meta span{display:flex;align-items:center;gap:5px}
.detail-header-meta i{color:var(--green)}
.detail-section{margin-top:20px}
.detail-section h3{font-size:14.5px;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.detail-section h3 i{color:var(--green)}
.detail-section ul{padding-left:0}
.detail-section ul li{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;color:var(--text);margin-bottom:8px;line-height:1.6}
.detail-section ul li i{color:var(--green);margin-top:4px;font-size:11px;flex-shrink:0}
.detail-section p{font-size:13.5px;color:var(--text);line-height:1.7}
.detail-cta{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}

/* PAGINATION */
.pgn-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:22px}
.pgn-btn{min-width:40px;height:38px;padding:0 12px;border-radius:8px;border:2px solid var(--border);background:var(--card-bg);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;transition:all .22s cubic-bezier(.34,1.56,.64,1);display:inline-flex;align-items:center;justify-content:center}
.pgn-btn:hover:not(:disabled){border-color:var(--green);color:var(--green);transform:translateY(-2px) scale(1.06)}
.pgn-btn.active{background:var(--green);color:#fff;border-color:var(--green)}
.pgn-btn:disabled{opacity:.38;cursor:not-allowed}
.pgn-btn.pgn-dots{cursor:default;border-color:transparent;background:transparent;color:var(--text-muted)}

/* RESPONSIVE (page-layout specific only — chrome-level responsive rules live in shared.css) */
@media(max-width:1100px){.main-layout{grid-template-columns:1fr}.papers-sidebar{display:none}}
@media(max-width:600px){.filter-bar{flex-direction:column;align-items:stretch}.listing-card{flex-direction:column}}