/* Widget Jadwal Sholat — 2 kolom, responsif, dukung mode gelap */
.npj {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    background: #fff;
    border: 1px solid var(--np-line, #e6ebe8);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 2px 14px rgba(12, 69, 35, 0.08);
}
.npj-left {
    background: linear-gradient(150deg, #0c4523, #166534);
    color: #fff;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.npj-title { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; color: #f5ecd2; }
.npj-masehi { font-size: 17px; font-weight: 800; line-height: 1.4; }
.npj-hijri { font-size: 13px; color: #f5ecd2; }
.npj-loc { font-size: 12.5px; color: #cfe3d6; }
.npj-next { margin-top: 10px; background: rgba(255, 255, 255, 0.12); border-radius: 10px; padding: 12px 14px; text-align: center; }
.npj-next-label { font-size: 12px; color: #eaf4ed; }
.npj-next-name { font-weight: 800; }
.npj-count { font-size: 32px; font-weight: 800; font-variant-numeric: tabular-nums; letter-spacing: 1px; }
.npj-right { padding: 14px 8px; }
.npj-gps {
    width: 100%;
    margin-top: 10px;
    border: 1px solid #166534;
    background: transparent;
    color: #166534;
    border-radius: 9px;
    padding: 9px 10px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    font-family: inherit;
}
.npj-gps:hover { background: #dcfce7; }
.npj-note {
    font-size: 10.5px;
    color: #9aa5a0;
    text-align: center;
    padding: 8px 14px 10px;
}
html[data-theme="dark"] .npj-note { color: #7d8b82; }
html[data-theme="dark"] .npj-gps { border-color: #2f7a4c; color: #7fd6a0; }
html[data-theme="dark"] .npj-gps:hover { background: #123a24; }
.npj-right { padding: 12px 6px; }
.npj-row {
    display: flex; justify-content: space-between; align-items: center;
    padding: 8px 14px; font-size: 14px; border-bottom: 1px solid var(--np-line, #eef1ee);
}
.npj-row:last-child { border-bottom: 0; }
.npj-row .npj-t { font-weight: 600; }
.npj-row .npj-h { font-variant-numeric: tabular-nums; font-weight: 700; }
.npj-row.npj-now { background: #dcfce7; border-radius: 8px; }
.npj-row.npj-now .npj-t { color: #166534; font-weight: 800; }
@media (max-width: 560px) {
    .npj { grid-template-columns: 1fr; }
    .npj-count { font-size: 26px; }
}
.npj-left, .npj-right { min-width: 0; }
.npj-masehi, .npj-hijri, .npj-loc { overflow-wrap: break-word; }
.np-footer .npj-title { color: #f5ecd2; }
html[data-theme="dark"] .npj { background: #161e19; border-color: #263129; }
html[data-theme="dark"] .npj-row { border-bottom-color: #1d2620; }
html[data-theme="dark"] .npj-row .npj-h { color: #e7ede9; }
html[data-theme="dark"] .npj-row .npj-t { color: #b9c6bc; }
html[data-theme="dark"] .npj-row.npj-now { background: #123a24; }
html[data-theme="dark"] .npj-row.npj-now .npj-t { color: #7fd6a0; }