/* Themed date picker + notice pop-up (dark default, light/pink overrides in vars) */
:root { --dp-bg:#1f1f1f; --dp-fg:#e5e7eb; --dp-muted:#9ca3af; --dp-border:#3a3a3a; --dp-hover:#2d2d2d; --dp-accent:#facc15; --dp-accent-fg:#000; }
html.theme-light { --dp-bg:#ffffff; --dp-fg:#1e293b; --dp-muted:#64748b; --dp-border:#e2e8f0; --dp-hover:#f1f5f9; --dp-accent:#ca8a04; --dp-accent-fg:#fff; }
html.theme-pink { --dp-bg:#fff5f9; --dp-fg:#4a1d33; --dp-muted:#9d5a7a; --dp-border:#f5c6dc; --dp-hover:#fde4ef; --dp-accent:#ec4899; --dp-accent-fg:#fff; }

.dp-btn { text-align:left; cursor:pointer; width:100%; }
.dp-btn.dp-empty { color: var(--dp-muted); }
.dp-pop { position:fixed; z-index:9999; width:260px; padding:10px; border-radius:12px; background:var(--dp-bg); color:var(--dp-fg);
  border:1px solid var(--dp-border); box-shadow:0 10px 30px rgba(0,0,0,.35); font-size:.85rem; animation:dp-in .12s ease-out; }
@keyframes dp-in { from { opacity:0; transform:translateY(-4px); } to { opacity:1; transform:none; } }
.dp-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; }
.dp-title { font-weight:700; }
.dp-nav { width:28px; height:28px; border-radius:8px; font-size:1.2rem; line-height:1; color:var(--dp-fg); }
.dp-nav:hover, .dp-day:hover, .dp-link:hover { background:var(--dp-hover); }
.dp-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:2px; text-align:center; }
.dp-dow span { color:var(--dp-muted); font-size:.7rem; padding:2px 0; }
.dp-day { height:30px; border-radius:8px; color:var(--dp-fg); }
.dp-today { box-shadow: inset 0 0 0 1px var(--dp-accent); }
.dp-day.dp-sel { background:var(--dp-accent); color:var(--dp-accent-fg); font-weight:700; }
.dp-foot { display:flex; justify-content:space-between; margin-top:6px; }
.dp-link { padding:4px 10px; border-radius:8px; color:var(--dp-accent); font-weight:600; }

/* Parts no ETA / back order tag: maroon, distinct from Urgent red */
.badge-parts-noeta { background:#7f1d1d; color:#fff; font-weight:600; }
html.theme-light .badge-parts-noeta { background:#881337; color:#fff; }

.cos-notice { position:fixed; inset:0; z-index:10000; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.5); animation:dp-fade .12s ease-out; }
@keyframes dp-fade { from { opacity:0; } to { opacity:1; } }
.cos-notice-box { background:var(--dp-bg); color:var(--dp-fg); border:1px solid var(--dp-border); border-radius:14px; padding:20px 22px; max-width:320px; width:90%;
  text-align:center; box-shadow:0 20px 40px rgba(0,0,0,.4); animation:dp-in .15s ease-out; }
.cos-notice-icon { width:40px; height:40px; margin:0 auto 10px; border-radius:50%; background:var(--dp-accent); color:var(--dp-accent-fg); font-weight:800; font-size:1.3rem; line-height:40px; }
.cos-notice-msg { font-weight:600; margin-bottom:14px; }
.cos-notice-ok { padding:6px 22px; border-radius:9999px; background:var(--dp-accent); color:var(--dp-accent-fg); font-weight:700; }

/* Themed confirm (Collected): Cancel + red Remove */
.cos-notice-actions { display:flex; justify-content:center; gap:10px; }
.cos-notice-cancel { padding:6px 18px; border-radius:9999px; border:1px solid var(--dp-border); color:var(--dp-fg); background:transparent; font-weight:600; }
.cos-notice-cancel:hover { background:var(--dp-hover); }
.cos-notice-ok.cos-notice-danger { background:#dc2626; color:#fff; }

/* Themed prompt input (preset names) */
.cos-notice-input { width:100%; margin:0 0 14px; text-align:left; }
html.theme-light .cos-notice-input { background:var(--dp-bg); color:var(--dp-fg); border:1px solid var(--dp-border); }

/* Header Settings menu (all users) */
.settings-menu-wrap { position: relative; }
.settings-menu { position:absolute; right:0; top:calc(100% + 6px); z-index:60; min-width:190px; padding:6px; border-radius:12px;
  background:var(--dp-bg); color:var(--dp-fg); border:1px solid var(--dp-border); box-shadow:0 10px 30px rgba(0,0,0,.35); animation:dp-in .12s ease-out; }
.settings-menu.hidden { display:none; }
.settings-menu-item { display:flex; align-items:center; gap:10px; width:100%; padding:9px 12px; border-radius:8px; font-size:.9rem;
  color:var(--dp-fg); text-align:left; background:transparent; }
.settings-menu-item i { width:16px; text-align:center; color:var(--dp-accent); }
.settings-menu-item:hover { background:var(--dp-hover); }
.settings-menu-sep { height:1px; margin:4px 6px; background:var(--dp-border); }
.settings-menu-logout, .settings-menu-logout i { color:#ef4444; }

/* About this tool */
.cos-notice-box.about-box { max-width:560px; width:92%; max-height:85vh; overflow-y:auto; text-align:left; padding:22px 24px; }
.about-title { font-size:1.3rem; font-weight:800; color:var(--dp-accent); margin-bottom:8px; }
.about-body h3 { font-size:.8rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; color:var(--dp-accent); margin:14px 0 4px; }
.about-body p, .about-body li { font-size:.9rem; line-height:1.5; color:var(--dp-fg); }
.about-body ul { list-style:disc; padding-left:1.2rem; }
.about-actions { display:flex; justify-content:flex-end; margin-top:18px; }