/* Creation ranges, board picker and raised controls. */
/* Accent fills need their own ink; button ink belongs to button gradients. */
.calendar-day.is-today .calendar-day-number,.calendar-week-head .is-today strong{color:var(--accent-text)}
.danger-button{background:linear-gradient(180deg,#b72d48,#92203b);color:#ffffff}
:root:is([data-theme=light],[data-theme=lavender],[data-theme=office-blue],[data-theme=sand],[data-theme=mint]) .sidebar-create{background:linear-gradient(135deg,var(--button-top),var(--button-bottom));color:var(--button-text,#ffffff)}
:root{--status-new:#8ed1ff;--status-new-bg:#1c3449;--status-queued:var(--violet);--status-queued-bg:var(--violet-bg)}
html[data-theme=light],html[data-theme=lavender],html[data-theme=office-blue],html[data-theme=ukraine],html[data-theme=sand],html[data-theme=mint]{--status-new:#1d6499;--status-new-bg:#e8f5ff;--status-queued:var(--violet);--status-queued-bg:var(--violet-bg)}
.badge.new{--chip-text:var(--status-new);--chip-bg:var(--status-new-bg)}
.badge.queued{--chip-text:var(--status-queued);--chip-bg:var(--status-queued-bg)}
.badge.work{--chip-text:var(--blue);--chip-bg:var(--blue-bg)}
.status-new,.status-dot.new{background:var(--status-new)}
.status-queued,.status-dot.queued{background:var(--status-queued)}
.status-work,.status-dot.work{background:var(--blue)}
.quick-trigger.badge,.quick-trigger.priority{min-height:40px;padding:8px 12px;font-size:12px;border-radius:9px;background-image:linear-gradient(180deg,#ffffff0a,#0000000b);box-shadow:inset 0 1px 0 #ffffff12,0 2px 0 color-mix(in srgb,var(--chip-text) 16%,var(--surface)),0 4px 8px #00000014;transition:box-shadow .15s,transform .15s}
.quick-trigger.badge:hover,.quick-trigger.priority:hover{box-shadow:inset 0 1px 0 #ffffff18,0 2px 0 color-mix(in srgb,var(--chip-text) 25%,var(--surface)),0 5px 12px #00000020}
.quick-trigger.badge:active,.quick-trigger.priority:active{transform:translateY(1px);box-shadow:inset 0 1px 3px #00000022}
/* Preserve each control's semantic fill; elevation must not replace its palette. */
.button,.secondary,button[type=submit]{box-shadow:inset 0 1px 0 #ffffff14,0 2px 0 #00000018,0 3px 8px #00000010}
.button:active,.secondary:active,button[type=submit]:active{transform:translateY(1px)}
.ticket-range-dates{display:flex;gap:10px;grid-column:span 2;min-width:0}
.ticket-range-dates>label{flex:1;min-width:0}.ticket-range-dates[hidden]{display:none}
.ticket-range-dates input{width:100%;min-width:0}.errorlist{font-size:12px;color:var(--red);padding-left:18px}
#reset-ticket-filters{margin:0;padding:0}
.board-hub{margin-bottom:22px}.board-hub>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.board-hub h2{font-size:16px;margin:0 0 5px}.board-hub header p{margin:0;font-size:12px}
.board-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;max-height:280px;overflow:auto;padding:2px 2px 6px}
.board-tile{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative;min-width:0;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text)}
a.board-tile{display:block}.board-tile>a{color:inherit;min-width:0;flex:1}.board-tile strong,.board-tile small{display:block;overflow-wrap:anywhere}.board-tile small{color:var(--muted);font-size:11px;margin-top:6px}.board-tile strong{font-size:13px}.board-tile.selected{border-color:var(--accent-edge);background:var(--accent-soft)}
.board-tile-edit{flex-shrink:0;padding:4px 8px;min-height:30px}.board-hub header>button{flex-shrink:0}
#named-board-dialog input:not([type=checkbox]),#named-board-dialog select{width:100%}
#named-board-dialog [hidden]{display:none}.board-tile a:hover{text-decoration:none}.board-tile:has(a:hover),a.board-tile:hover{border-color:var(--accent-edge)}
@media(max-width:700px){.board-hub>header{align-items:flex-start;flex-wrap:wrap}.board-picker{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.ticket-range-dates{grid-column:1/-1}.quick-trigger.badge,.quick-trigger.priority{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.quick-trigger.badge,.quick-trigger.priority{transition:none}}

.option-dot.status-new{background:var(--status-new)}.option-dot.status-queued{background:var(--status-queued)}