/* Prayer Media List Styles v1.4.0 */
:root{
  --pml-teal:#00A894;
  --pml-teal-2:#0BA693;
  --pml-ink:#0b1320;
  --pml-muted:#6b7280;
  --pml-bg:#f8fafb;
  --pml-white:#fff;
  --pml-border:#e5e7eb;
}

.pml-wrap{background:var(--pml-bg); padding:1rem; border:1px solid var(--pml-border); border-radius:12px;}
.pml-filters{display:flex; gap:12px; align-items:flex-end; margin-bottom:14px; flex-wrap:wrap}
.pml-filters label span{display:block; font-weight:600; color:var(--pml-ink); margin-bottom:6px}
.pml-filters select{min-width:200px; padding:.5rem .75rem; border:1px solid var(--pml-border); border-radius:8px; background:var(--pml-white)}
.pml-btn{background:var(--pml-teal-2); color:#fff; border:none; padding:.55rem 1rem; border-radius:10px; cursor:pointer; font-weight:600}
.pml-btn:hover{filter:brightness(0.95)}

.pml-table-wrap{overflow-x:auto}
.pml-table{width:100%; border-collapse:separate; border-spacing:0; background:var(--pml-white); border:1px solid var(--pml-border); border-radius:12px; overflow:hidden}
.pml-table thead th{background:linear-gradient(90deg,var(--pml-teal-2),var(--pml-teal)); color:#fff; text-align:left; padding:.6rem .8rem; font-weight:700}
.pml-table tbody td{padding:.75rem .9rem; border-top:1px solid var(--pml-border)}
.pml-table tbody tr:nth-child(odd){background:#fafafa}
.pml-col-serial{width:72px; font-weight:700}
.pml-col-action{width:140px; text-align:center}

.pml-btn-link{display:inline-flex; align-items:center; justify-content:center; gap:8px; background:var(--pml-teal-2); color:#fff; text-decoration:none; padding:.5rem .9rem; border-radius:999px; font-weight:700; box-shadow:0 2px 6px rgba(0,0,0,.08); min-width:96px}
.pml-btn-only-icon{ min-width:48px; padding:.5rem; }
.pml-muted{color:var(--pml-muted)}

.pml-pagination{display:flex; gap:6px; justify-content:center; margin-top:14px}
.pml-pagination .pml-page a,
.pml-pagination .pml-page span{display:inline-block; padding:.4rem .7rem; border:1px solid var(--pml-border); border-radius:8px; text-decoration:none}
.pml-pagination .current{background:var(--pml-teal-2); border-color:var(--pml-teal-2); color:#fff}

.pml-brand{margin-top:10px; text-align:right}
.pml-brand a{color:var(--pml-teal-2); text-decoration:none}
.pml-brand a:hover{text-decoration:underline}

@media (max-width: 760px){
  .pml-table thead{display:none}
  .pml-table tr{display:block; border-bottom:1px solid var(--pml-border)}
  .pml-table td{display:flex; justify-content:space-between; gap:10px}
  .pml-col-action, .pml-col-serial{width:auto; text-align:left}
}


/* v1.5.3 responsive + play contrast */
@media (max-width: 640px){
  .pml-wrap { padding: 8px; }
  .pml-filters { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .pml-filters button.pml-btn { grid-column: span 2; width: 100%; }
  .pml-table-wrap { overflow-x: auto; }
  .pml-table td .pml-btn-link { display: inline-flex; width: 100%; justify-content: center; }
}
.pml-btn-link{
  background-color:#ff9800 !important;
  border-color:#ff9800 !important;
  color:#0b1225 !important;
}
.pml-btn-link .pml-btn-text{ color:inherit !important; }