/* Shared quiet palette and compact layout. Feature dialogs keep their own styles. */
.prayer-strip {
    --ps-ink: #203b30;
    --ps-muted: #486054;
    --ps-line: #d7e2d9;
    --ps-gold: #725321;
    background: #fff;
    color: var(--ps-ink);
    border-bottom-color: var(--ps-line);
}

.prayer-strip__inner { min-height: 0; padding: 7px 20px 6px; gap: 12px; }
.prayer-strip .prayer-strip__location { color: var(--ps-ink); }
.prayer-strip__pin { width: 29px; height: 29px; background: #fff; border-color: var(--ps-line); color: #3d6954; }
.prayer-strip__place [data-prayer-location] { font-size: 13px; }
.prayer-strip__place small, .prayer-strip__place small span { color: var(--ps-muted); }
.prayer-strip__times { gap: 4px; }
.prayer-strip button.prayer-strip__time {
    min-height: 42px; gap: 2px; padding: 3px 2px;
    border: 1px solid transparent; border-radius: 7px;
    background: transparent; color: var(--ps-muted); font-size: 11px;
}
.prayer-strip__time b { color: var(--ps-ink); font-size: 17px; }
.prayer-strip__passed { color: #626a65; font-size: 10px; line-height: 1; }
.prayer-strip button.prayer-strip__time:hover { background: #e8efe7; }
.prayer-strip button.prayer-strip__time[aria-current="time"] { background: #f5eddb; color: var(--ps-gold); }
.prayer-strip__time[aria-current="time"] b { color: var(--ps-gold); }
.prayer-strip .prayer-strip__times button.prayer-strip__time { border: 1px solid #151515; border-radius: 7px; }
.prayer-strip .prayer-strip__times button.prayer-strip__time:focus-visible { outline: 2px solid #176b3a; outline-offset: 1px; }
.prayer-time-info-icon { color: #526a5d; border-color: #a4b4a9; }
.prayer-strip__next { min-width: 168px; }
.prayer-strip__next .prayer-strip__countdown {
    padding: 4px 7px; font-size: 11px; white-space: normal;
    border-color: var(--ps-line); color: var(--ps-ink); background: #ffffff90;
}
.prayer-strip__progress { margin-top: 3px; background: #dce6dc; }
.prayer-strip__progress > span { background: #638771; }

.prayer-strip__meta { max-width: 1240px; margin: auto; }
.prayer-strip__meta .prayer-extras { padding-bottom: 4px; }
.prayer-extras__dates, .prayer-strip__footer .prayer-strip__source { color: var(--ps-muted); font-size: 10px; }
.prayer-extras__hijri { color: var(--ps-gold); border-color: #d7cdb5; }
.prayer-extras__ramadan { background: #fbf5e7; border-color: #dfd2b6; color: var(--ps-gold); }
.prayer-extras__ramadan-label { color: var(--ps-gold); }
.prayer-strip__footer { gap: 5px 8px; padding-bottom: 6px; }
.prayer-strip .prayer-strip__footer > button {
    min-width: 0; min-height: 27px; padding: 3px 8px;
    background: #fff; color: var(--ps-ink); border-color: var(--ps-line);
    font-size: 11px; line-height: 1.25;
}
.prayer-strip .prayer-strip__footer > button:hover:not(:disabled) { background: #e8efe7; }
.prayer-strip .prayer-strip__source a:hover { color: var(--ps-ink); }
.prayer-strip .prayer-social__share-panel { background: #fff; border-color: var(--ps-line); }
.prayer-strip .prayer-social__share-actions :is(a, button) { color: var(--ps-ink); border-color: var(--ps-line); }
.prayer-strip .prayer-social__share-actions :is(a, button):hover { background: #e8efe7; }
.prayer-strip .prayer-social__copy-manual, .prayer-strip .prayer-social__share-status { color: var(--ps-muted); }

@media (min-width: 1100px) {
    .prayer-strip__meta { display: flex; align-items: center; gap: 12px; padding: 0 20px 6px; }
    .prayer-strip__meta .prayer-extras:not([hidden]) { padding: 0; margin: 0; }
    .prayer-strip__meta .prayer-strip__footer { flex: 1; padding: 0; margin: 0; }
    .prayer-strip__footer .prayer-strip__source { margin-left: auto; }
}

@media (max-width: 900px) {
    .prayer-strip__inner { padding: 5px 14px; gap: 4px 8px; }
    .prayer-strip__times { padding-top: 2px; border-top-color: var(--ps-line); }
    .prayer-strip__next { min-width: 0; max-width: 54%; }
}

@media (max-width: 600px) {
    .prayer-strip button.prayer-strip__time { min-height: 44px; font-size: 10px; }
    .prayer-strip__time b { font-size: 15px; }
    .prayer-strip__footer { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .prayer-strip .prayer-strip__footer > button {
        justify-content: center; min-height: 36px; padding: 3px 4px; gap: 3px;
        font-size: 10px; white-space: normal; text-align: center;
    }
    .prayer-strip__footer .prayer-strip__source { display: block; grid-column: 1 / -1; }
    .prayer-strip__footer .prayer-strip__source > a { font-size: 9px; }
}

@media (max-width: 350px) {
    .prayer-strip__times { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}