/* Everöd.nu – datumväljare. Färgerna kommer från sidans tema (site.css / admin.css), med reservvärden. */
.dp-input { cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23679c3c' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; background-size: 18px; padding-right: 36px !important; }
.dp-input.dp-invalid { border-color: var(--red, #d63030) !important; outline: 2px solid color-mix(in srgb, var(--red, #d63030) 35%, transparent); }
.dp-pop { position: absolute; z-index: 10050; background: var(--panel, #fff); border: 1px solid var(--border, #dcdfd8); border-radius: 16px; box-shadow: var(--shadow-lg, 0 10px 30px rgba(0,0,0,.16)); padding: 10px; font-family: 'Poppins', system-ui, sans-serif; color: var(--text, #1d211a); user-select: none; }
.dp-pop[hidden] { display: none; }
.dp-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
.dp-head span { font-weight: 600; font-size: 0.95rem; text-transform: capitalize; }
.dp-pop .dp-head button { background: var(--surface-3, #f3f4f1); border: none; border-radius: 10px; width: 34px; height: 34px; font-size: 1.3rem; line-height: 1; cursor: pointer; color: var(--text, #1d211a); padding: 0; display: inline-flex; align-items: center; justify-content: center; }
.dp-pop .dp-head button:hover { background: var(--accent-soft, #eef5e7); }
.dp-grid { width: 100%; border-collapse: collapse; table-layout: fixed; }
.dp-grid th { font-size: 0.68rem; font-weight: 600; color: var(--muted, #6c7366); padding: 4px 0; text-align: center; }
.dp-grid td { padding: 1px; text-align: center; }
.dp-grid .dp-wk { font-size: 0.62rem; color: var(--placeholder, #a9afa3); width: 26px; font-weight: 400; }
.dp-pop .dp-day { width: 100%; aspect-ratio: 1; max-height: 36px; border: none; background: none; border-radius: 10px; font: 500 0.85rem 'Poppins', system-ui, sans-serif; color: var(--text, #1d211a); cursor: pointer; padding: 0; display: inline-flex; align-items: center; justify-content: center; }
.dp-pop .dp-day:hover:not(:disabled) { background: var(--accent-soft, #eef5e7); }
.dp-pop .dp-day.dp-we { color: #c0702a; }
.dp-pop .dp-day.dp-out { color: var(--placeholder, #c4c8bf); opacity: .7; }
.dp-pop .dp-day.dp-today { box-shadow: inset 0 0 0 1.5px var(--accent, #679c3c); }
.dp-pop .dp-day.dp-sel { background: var(--accent, #679c3c); color: var(--on-accent, #fff); }
.dp-pop .dp-day:disabled { color: var(--placeholder, #d9dcd5); opacity: .55; cursor: default; text-decoration: line-through; }
.dp-foot { display: flex; justify-content: space-between; margin-top: 6px; }
.dp-pop .dp-foot button { background: none; border: none; color: var(--link, #4f7c2b); font: 600 0.8rem 'Poppins', system-ui, sans-serif; cursor: pointer; padding: 6px 8px; border-radius: 8px; }
.dp-pop .dp-foot button:hover { background: var(--accent-soft, #eef5e7); }