/* === Gooey Priority Picker Styles === */
.priority-picker-container { display: flex; flex-direction: column; align-items: center; }
.gooey-wrapper { filter: url('#gooey-filter'); }
.priority-picker { display: flex; position: relative; background-color: #ffffff; border-radius: 2.5rem; padding: 0.5rem; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.08); }
.priority-picker::before { content: ''; position: absolute; top: var(--bubble-top, 0.5rem); left: var(--bubble-left, 0.5rem); width: var(--bubble-width, 0px); height: var(--bubble-height, calc(100% - 1rem)); border-radius: 2rem; background: linear-gradient(135deg, #6f57ff, #57aeff); transition: left 0.4s cubic-bezier(0.85, 0.05, 0.18, 1), width 0.4s cubic-bezier(0.85, 0.05, 0.18, 1), top 0.4s cubic-bezier(0.85, 0.05, 0.18, 1), height 0.4s cubic-bezier(0.85, 0.05, 0.18, 1), background 0.3s ease; z-index: 1; }
#priority1:checked ~ .gooey-wrapper .priority-picker::before { background: linear-gradient(135deg, #3498db, #57aeff); }
#priority2:checked ~ .gooey-wrapper .priority-picker::before { background: linear-gradient(135deg, #2ecc71, #59d27a); }
#priority3:checked ~ .gooey-wrapper .priority-picker::before { background: linear-gradient(135deg, #f1c40f, #f3d05a); }
#priority4:checked ~ .gooey-wrapper .priority-picker::before { background: linear-gradient(135deg, #e67e22, #ea964f); }
#priority5:checked ~ .gooey-wrapper .priority-picker::before { background: linear-gradient(135deg, #e74c3c, #ec7063); }
.priority-picker-container input { display: none; }
.priority-picker label { display: block; padding: 1rem 1.75rem; font-size: 1rem; font-weight: 500; color: #333d4f; cursor: pointer; position: relative; z-index: 2; transition: color 0.3s ease; white-space: nowrap; }
#priority1:checked ~ .gooey-wrapper .priority-picker label[for="priority1"], #priority2:checked ~ .gooey-wrapper .priority-picker label[for="priority2"], #priority3:checked ~ .gooey-wrapper .priority-picker label[for="priority3"], #priority4:checked ~ .gooey-wrapper .priority-picker label[for="priority4"], #priority5:checked ~ .gooey-wrapper .priority-picker label[for="priority5"] { color: #ffffff; font-weight: 600; }

/* === Liquid Fill Checkbox Styles === */
.liquid-checkbox-container { display: flex; align-items: center; gap: 1em; /*font-size: 1rem;*/ }
.liquid-checkbox-container input { display: none; }
.liquid-checkbox-label { font-weight: 500; color: #333d4f; cursor: pointer; }
.liquid-checkbox-switch { position: relative; width: 2.125em; height: 2.125em; border: 0.125em solid #bdc3c7; border-radius: 50%; cursor: pointer; overflow: hidden; transition: border-color 0.3s ease; }
.liquid-checkbox-switch::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background: linear-gradient(135deg, #2ecc71, #59d27a); transition: all 0.4s cubic-bezier(0.65, 0, 0.35, 1); }
.liquid-checkbox-switch .check-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.8); width: 1.25em; height: 1.25em; stroke: #ffffff; stroke-width: 3; fill: none; stroke-dasharray: 24; stroke-dashoffset: 24; transition: stroke-dashoffset 0.4s 0.2s cubic-bezier(0.65, 0, 0.35, 1); }
.liquid-checkbox-container input:checked + .liquid-checkbox-switch { border-color: #2ecc71; }
.liquid-checkbox-container input:checked + .liquid-checkbox-switch::before { height: 100%; }
.liquid-checkbox-container input:checked + .liquid-checkbox-switch .check-icon { stroke-dashoffset: 0; }

/* === Pill Label Styles === */
.mv-pill-label { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; border-radius: 2rem; font-size: 0.875rem; font-weight: 500; line-height: 1; }
.mv-pill-label svg { width: 16px; height: 16px; stroke-width: 2; }
.mv-pill-label.label-success { background-color: #d4efdf; color: #1e8449; } .mv-pill-label.label-success svg { stroke: #1e8449; }
.mv-pill-label.label-warning { background-color: #fdebd0; color: #d35400; } .mv-pill-label.label-warning svg { stroke: #d35400; }
.mv-pill-label.label-danger { background-color: #fadbd8; color: #c0392b; } .mv-pill-label.label-danger svg { stroke: #c0392b; }
.mv-pill-label.label-info { background-color: #eaf2f8; color: #2980b9; } .mv-pill-label.label-info svg { stroke: #2980b9; }
.mv-pill-label.label-brand { background-color: #e8e6ff; color: #6f57ff; } .mv-pill-label.label-brand svg { stroke: #6f57ff; }
.mv-pill-label.label-new { background-color: #f5eaf8; color: #8e44ad; } .mv-pill-label.label-new svg { stroke: #8e44ad; }
.mv-pill-label.label-archived { background-color: #f4f6f7; color: #7f8c8d; } .mv-pill-label.label-archived svg { stroke: #7f8c8d; }
.mv-pill-label.label-default { background-color: #e5e7e9; color: #566573; } .mv-pill-label.label-default svg { stroke: #566573; }
.mv-pill-label.label-active { background-color: #d6eaf8; color: #2e86c1; } .mv-pill-label.label-active svg { stroke: #2e86c1; }
.mv-pill-label.label-paused { background-color: #f6ddcc; color: #ba4a00; } .mv-pill-label.label-paused svg { stroke: #ba4a00; }
.mv-pill-label.label-pro { background-color: #fcf3cf; color: #b7950b; } .mv-pill-label.label-pro svg { stroke: #b7950b; }
.mv-pill-label.label-admin { background-color: #d5d8dc; color: #212f3c; } .mv-pill-label.label-admin svg { stroke: #212f3c; }