/* Nepali (Bikram Sambat) date-picker widget.
   Colours come from the app theme (assets/css/app.css) so the widget
   follows light/dark mode; the fallbacks keep it usable on its own. */
.nepali-date { position: relative; }
.ndp-display { cursor: pointer; background: var(--surface, #fff); }
.ndp-pop {
    position: absolute; z-index: 1080; top: 100%; left: 0; margin-top: 6px;
    min-width: 290px;
    background: var(--surface, #fff);
    border: 1px solid var(--border, #e3e8ef);
    border-radius: var(--radius, .75rem);
    box-shadow: var(--shadow-lg, 0 12px 30px rgba(16, 24, 40, .16));
    padding: 12px; user-select: none;
}
.ndp-pop * { box-sizing: border-box; }
.ndp-pop.hide { display: none; }
.ndp-head { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-bottom: 10px; }
.ndp-nav {
    border: 0; background: var(--surface-2, #f1f4f9); color: var(--text-muted, #475467);
    border-radius: .45rem; width: 30px; height: 30px; line-height: 1; cursor: pointer;
    transition: background-color .15s ease, color .15s ease;
}
.ndp-nav:hover { background: var(--surface-3, #e2e8f0); color: var(--text, #1d2939); }
.ndp-title { font-weight: 600; font-size: .9rem; color: var(--text, #1d2939); text-align: center; flex: 1; }
.ndp-week, .ndp-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.ndp-week span {
    font-size: .68rem; font-weight: 700; color: var(--text-subtle, #98a2b3);
    text-align: center; padding: 3px 0; text-transform: uppercase; letter-spacing: .04em;
}
.ndp-day {
    text-align: center; padding: 6px 0; border-radius: .45rem; cursor: pointer;
    font-size: .85rem; color: var(--text, #344054); background: transparent; border: 0;
    transition: background-color .12s ease, color .12s ease;
}
.ndp-day:hover { background: var(--brand-50, #eef4ff); color: var(--brand-600, #1d4ed8); }
.ndp-day.other { color: var(--text-subtle, #c1c9d4); opacity: .6; }
.ndp-day.today,
.ndp-grid.today-set .ndp-day.ndp-today {
    background: var(--brand-gradient, #4f8cff); color: #fff; font-weight: 600;
}
.ndp-clear { cursor: pointer; }
.ndp-display:disabled { cursor: not-allowed; background: var(--surface-2, #f2f4f8); }