.database-date-editor{min-width:0}.database-date-editor.is-popover{width:100%}.database-date-trigger{width:100%;min-height:28px;padding:4px 8px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--text-primary);font:inherit;font-size:13px;text-align:left;cursor:pointer}.database-date-trigger:hover,.database-date-trigger[aria-expanded=true]{background:var(--surface-hover)}.database-date-popover-layer{position:fixed;z-index:1200}.database-date-panel{width:280px;background:var(--surface-primary, var(--surface));border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-md, 0 8px 24px rgba(15, 23, 42, .12));color:var(--text-primary);overflow:visible}.database-date-panel.has-time{width:460px}.database-date-panel-main{display:flex;gap:0;border-bottom:1px solid var(--border);overflow:hidden;border-top-left-radius:8px;border-top-right-radius:8px}.database-date-calendar{flex:1;min-width:0;padding:12px}.database-date-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.database-date-calendar-title{font-size:14px;font-weight:600}.database-date-icon-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer}.database-date-icon-button:hover{background:var(--surface-hover);color:var(--text-primary)}.database-date-calendar-weekdays,.database-date-calendar-row{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.database-date-calendar-weekdays{margin-bottom:6px}.database-date-calendar-weekday{font-size:11px;font-weight:500;color:var(--text-secondary);text-align:center}.database-date-calendar-day{width:32px;height:32px;margin:0 auto;border:none;border-radius:999px;background:transparent;color:var(--text-primary);font-size:13px;cursor:pointer}.database-date-calendar-day:hover:not(:disabled){background:var(--surface-hover)}.database-date-calendar-day.is-outside{color:var(--text-disabled, var(--text-secondary));opacity:.45}.database-date-calendar-day.is-today:not(.is-selected){box-shadow:inset 0 0 0 1px var(--primary)}.database-date-calendar-day.is-selected{background:var(--primary);color:var(--text-inverse, #fff)}.database-date-time-picker{display:flex;gap:4px;width:168px;padding:12px 10px;border-left:1px solid var(--border)}.database-date-time-column{display:flex;flex:1;flex-direction:column;min-width:0}.database-date-time-column-label{margin-bottom:6px;color:var(--text-secondary);font-size:11px;font-weight:500;text-align:center}.database-date-time-column-list{display:flex;flex:1;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto;scrollbar-width:thin}.database-date-time-option{min-height:28px;padding:0 4px;border:none;border-radius:6px;background:transparent;color:var(--text-primary);font-size:13px;cursor:pointer}.database-date-time-option:hover{background:var(--surface-hover)}.database-date-time-option.is-selected{background:var(--primary-subtle, rgba(59, 130, 246, .12));color:var(--primary);font-weight:600}.database-date-panel-footer{display:flex;flex-direction:column;gap:10px;padding:12px;max-height:min(320px,45vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.database-date-input-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface-secondary, var(--surface));color:var(--text-secondary)}.database-date-input-row-field{flex:1;min-width:0;border:none;background:transparent;color:var(--text-primary);font:inherit;font-size:13px}.database-date-input-row-field:focus{outline:none}.database-date-reminder-row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.database-date-reminder-label{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:13px;white-space:nowrap}.database-date-reminder-menu{position:relative;min-width:0}.database-date-reminder-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:34px;padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface-secondary, var(--surface));color:var(--text-primary);font:inherit;font-size:13px;text-align:left;cursor:pointer}.database-date-reminder-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.database-date-reminder-trigger:hover{border-color:var(--primary)}.database-date-reminder-chevron{flex-shrink:0;transform:rotate(90deg);color:var(--text-secondary)}.database-date-reminder-options{position:absolute;top:calc(100% + 4px);right:0;left:0;z-index:2;max-height:220px;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:8px;background:var(--surface-primary, var(--surface));box-shadow:var(--shadow-md, 0 8px 24px rgba(15, 23, 42, .12))}.database-date-reminder-options.is-portal{position:fixed;top:auto;right:auto;left:auto;z-index:1300;max-height:280px;scrollbar-width:thin}.database-date-reminder-option{display:block;width:100%;padding:8px 10px;border:none;background:transparent;color:var(--text-primary);font:inherit;font-size:13px;text-align:left;cursor:pointer}.database-date-reminder-option:hover,.database-date-reminder-option.is-selected{background:var(--surface-hover)}.database-date-panel-actions{display:flex;justify-content:space-between;gap:12px}.database-date-text-button{border:none;background:transparent;color:var(--text-secondary);font:inherit;font-size:13px;cursor:pointer}.database-date-text-button:hover{color:var(--primary)}.notion-date-cell-display{display:flex;flex-direction:column;gap:.125rem;min-width:0}.notion-date-cell-reminder,.notion-property-date-reminder{color:var(--text-secondary, #6b7280);font-size:.75rem}.notion-property-date-content{display:flex;flex-direction:column;gap:.125rem}.notion-form-date-editor.database-date-editor.is-inline .database-date-panel,.notion-form-date-editor.database-date-editor.is-inline .database-date-panel.has-time{width:100%;max-width:460px}.notion-cell-content.date-cell.is-editing{overflow:visible}.database-date-recurrence-details{display:flex;flex-direction:column;gap:8px}.database-date-month-day-inputs,.database-date-custom-interval-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.database-date-custom-interval-row{align-items:center;min-width:0}.database-date-custom-interval-input,.database-date-custom-interval-unit{width:100%;min-height:34px;padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface-secondary, var(--surface));color:var(--text-primary);font:inherit;font-size:13px}.database-date-custom-interval-input{cursor:text}.database-date-custom-interval-input:focus,.database-date-custom-interval-unit:focus{outline:none;border-color:var(--primary)}.database-date-custom-interval-unit{cursor:pointer}.database-date-weekday-toggle-row{display:flex;flex-wrap:wrap;gap:4px}.database-date-weekday-toggle{min-width:36px;height:32px;padding:0 6px;border:1px solid var(--border);border-radius:6px;background:var(--surface-secondary, var(--surface));color:var(--text-primary);font-size:12px;cursor:pointer}.database-date-weekday-toggle:hover,.database-date-weekday-toggle.is-selected{border-color:var(--primary);background:var(--primary-subtle, rgba(59, 130, 246, .12));color:var(--primary);font-weight:600}.database-date-reminder-schedules{display:flex;flex-direction:column;gap:10px}.database-date-reminder-schedules-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.database-date-reminder-add-button,.database-date-reminder-remove-button{display:inline-flex;align-items:center;gap:4px;border:none;background:transparent;color:var(--text-secondary);font:inherit;font-size:12px;cursor:pointer}.database-date-reminder-add-button:hover,.database-date-reminder-remove-button:hover{color:var(--primary)}.database-date-reminder-schedule-card{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-secondary, var(--surface))}.database-date-reminder-schedule-row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.database-date-reminder-schedule-controls{display:flex;align-items:center;gap:8px;min-width:0}.database-date-reminder-schedule-controls select{flex:1;min-width:0}.database-date-reminder-schedule-summary{margin:0;color:var(--text-secondary);font-size:12px}.filter-popover-overlay{position:fixed;inset:0;background:var(--overlay-bg);z-index:1000;display:flex;align-items:center;justify-content:center}.filter-popover{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);width:400px;max-width:90vw;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,"Apple Color Emoji",Arial,sans-serif,"Segoe UI Emoji",Segoe UI Symbol}.filter-popover-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--surface)}.filter-popover-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.filter-popover-header-actions{display:flex;align-items:center;gap:8px}.filter-clear-all-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:4px 8px;border-radius:4px;font-size:12px;transition:all .2s ease}.filter-clear-all-btn:hover{background:#ef44441a;border-color:var(--error);color:var(--error)}.filter-popover-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.filter-popover-close:hover{background:var(--surface-hover);color:var(--text-primary)}.filter-popover-content{padding:16px 20px;overflow-y:auto;overflow-x:hidden;flex:1;min-width:0}.filter-logic-selector{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface)}.filter-logic-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.filter-logic-actions{display:flex;gap:6px}.filter-logic-btn{background:var(--surface-primary, var(--surface));border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:500;transition:all .2s ease}.filter-logic-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.filter-popover-empty{text-align:center;padding:32px 16px;color:var(--text-secondary)}.filter-popover-empty p{margin:0 0 8px;font-size:14px}.filter-popover-empty p:last-child{margin-bottom:0;font-size:13px;opacity:.8}.filter-list{margin-bottom:16px;min-width:0}.filter-group-card{border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:12px;min-width:0;overflow:hidden}.filter-group-card.depth-1{margin-left:12px;background:color-mix(in srgb,var(--surface) 88%,white)}.filter-group-card.depth-2,.filter-group-card.depth-3{margin-left:12px;background:color-mix(in srgb,var(--surface) 82%,white)}.filter-group-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.filter-group-heading{display:flex;align-items:center;gap:8px;min-width:0}.filter-group-title{font-size:13px;font-weight:600;color:var(--text-primary)}.filter-group-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.filter-group-body{display:flex;flex-direction:column;gap:10px}.filter-group-copy,.filter-group-empty{margin:0;font-size:12px;color:var(--text-secondary)}.filter-group-children{display:flex;flex-direction:column;gap:10px;min-width:0}.filter-group-footer,.filter-empty-actions{display:flex;gap:8px;flex-wrap:wrap}.filter-inline-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--surface-primary, var(--surface));border:1px solid var(--border);color:var(--text-secondary);border-radius:6px;padding:8px 10px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-inline-action-btn:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--surface-hover)}.filter-add-btn.secondary{border-style:solid}.filter-item{display:flex;align-items:center;gap:8px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:6px;transition:all .2s ease;min-width:0;overflow:hidden}.filter-item.nested{margin-left:12px}.filter-item:hover{background:var(--surface-hover);border-color:var(--border-hover)}.filter-row{display:flex;flex-direction:column;gap:8px;width:100%;min-width:0}.filter-operator{display:flex;align-items:center;margin-left:8px;font-size:12px;font-weight:500;color:var(--text-secondary);padding:2px 6px;background:var(--surface);border-radius:4px}.filter-controls{display:flex;align-items:center;gap:8px;flex:1;min-width:0;max-width:100%}.filter-controls.fit-container-controls{flex-wrap:wrap;overflow:hidden}.filter-property-select,.filter-condition-select,.filter-value-select{background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);padding:6px 8px;font-size:13px;cursor:pointer;min-width:0;max-width:100%;transition:all .2s ease}.filter-property-select{flex:1 1 128px}.filter-condition-select{flex:1 1 118px}.filter-value-select,.filter-value-input{flex:1 1 136px;min-width:0;max-width:100%}.filter-multi-option-list{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 100%;min-width:0;max-width:100%}.filter-multi-option-btn{background:var(--surface-primary, var(--surface));border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:6px 10px;border-radius:999px;font-size:12px;line-height:1.2;transition:all .2s ease}.filter-multi-option-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.filter-multi-option-btn.active{background:color-mix(in srgb,var(--primary) 14%,var(--surface));border-color:var(--primary);color:var(--text-primary)}.filter-multi-option-empty{font-size:12px;color:var(--text-secondary);padding:6px 0}.filter-property-select:hover,.filter-condition-select:hover,.filter-value-select:hover{background:var(--surface-hover);border-color:var(--border-hover)}.filter-property-select:focus,.filter-condition-select:focus,.filter-value-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--focus-ring-color)}.filter-value-input{background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);padding:6px 8px;font-size:13px;transition:all .2s ease}.filter-value-input:hover{background:var(--surface-hover);border-color:var(--border-hover)}.filter-value-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--focus-ring-color)}.filter-value-input::placeholder{color:var(--text-secondary)}.filter-remove-btn,.filter-reorder-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:24px;height:24px;transition:all .2s ease}.filter-reorder-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.filter-reorder-btn:disabled{opacity:.45;cursor:not-allowed}.filter-remove-btn:hover{background:#ef44441a;color:var(--error)}.filter-remove-btn:disabled{opacity:.5;cursor:not-allowed}.filter-add-btn{width:100%;background:none;border:1px dashed var(--border);border-radius:6px;color:var(--text-secondary);padding:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;transition:all .2s ease;margin-bottom:16px}.filter-add-btn:hover{background:var(--surface-hover);border-color:var(--border-hover);color:var(--text-primary)}.filter-add-btn:disabled{opacity:.5;cursor:not-allowed}.filter-add-btn:disabled:hover{background:none;border-color:var(--border);color:var(--text-secondary)}.filter-summary{padding-top:12px;border-top:1px solid var(--border);text-align:center}.filter-summary p{margin:0;font-size:13px;color:var(--text-secondary)}.dark .filter-property-select,.dark .filter-condition-select,.dark .filter-value-select{background:var(--surface)!important;color:var(--text-primary)!important;border-color:var(--border)!important}.dark .filter-property-select option,.dark .filter-condition-select option,.dark .filter-value-select option{background:var(--surface)!important;color:var(--text-primary)!important}.dark .filter-property-select:focus,.dark .filter-condition-select:focus,.dark .filter-value-select:focus{background:var(--surface)!important;border-color:var(--primary)!important;box-shadow:0 0 0 2px var(--focus-ring-color)!important}@media(max-width:480px){.filter-popover{width:calc(100vw - 32px);max-width:calc(100vw - 32px)}.filter-controls{flex-direction:column;align-items:stretch;gap:6px}.filter-property-select,.filter-condition-select,.filter-value-select,.filter-value-input{min-width:0;width:100%}.filter-group-header,.filter-group-footer,.filter-empty-actions{flex-direction:column;align-items:stretch}}.sort-popover-overlay{position:fixed;inset:0;background:var(--overlay-bg);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:100px}.sort-popover{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);width:400px;max-width:90vw;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.sort-popover-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--surface)}.sort-popover-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.sort-popover-header-actions{display:flex;align-items:center;gap:8px}.sort-clear-all-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:4px 8px;border-radius:4px;font-size:12px;transition:all .2s ease}.sort-clear-all-btn:disabled{opacity:.5;cursor:not-allowed}.sort-clear-all-btn:disabled:hover{background:none;border-color:var(--border);color:var(--text-secondary)}.sort-clear-all-btn:hover{background:#ef44441a;border-color:var(--error);color:var(--error)}.sort-popover-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sort-popover-close:hover{background:var(--surface-hover);color:var(--text-primary)}.sort-popover-content{padding:16px 20px;overflow-y:auto;overflow-x:hidden;flex:1;min-width:0}.no-sorts-message{text-align:center;padding:32px 16px;color:var(--text-secondary)}.no-sorts-message p{margin:0 0 8px;font-size:14px}.no-sorts-message p:last-child{margin-bottom:0;font-size:13px;opacity:.8}.sorts-list{margin-bottom:16px;min-width:0}.sort-row{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:6px;transition:all .2s ease;min-width:0;overflow:hidden}.sort-row:hover{background:var(--surface-hover);border-color:var(--border-hover)}.sort-controls{display:flex;align-items:center;gap:8px;flex:1;min-width:0;max-width:100%}.sort-controls.fit-container-controls{flex-wrap:wrap;overflow:hidden}.sort-property-select,.sort-direction-select{background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);padding:6px 8px;font-size:13px;min-width:0;max-width:100%;cursor:pointer;transition:all .2s ease}.sort-property-select{flex:1 1 160px}.sort-direction-select{flex:1 1 132px}.sort-property-select:focus,.sort-direction-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--focus-ring-color)}.sort-property-select:disabled,.sort-direction-select:disabled{opacity:.5;cursor:not-allowed}.sort-move-buttons{display:flex;gap:2px;flex:0 0 auto}.sort-move-btn,.sort-remove-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:24px;height:24px}.sort-move-btn:hover,.sort-remove-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.sort-move-btn:disabled{opacity:.3;cursor:not-allowed}.sort-move-btn:disabled:hover{background:none;color:var(--text-secondary)}.sort-remove-btn:hover{background:#ef44441a;color:var(--error)}.add-sort-btn{width:100%;background:none;border:1px dashed var(--border);border-radius:6px;color:var(--text-secondary);padding:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;transition:all .2s ease;margin-bottom:16px}.add-sort-btn:hover{background:var(--surface-hover);border-color:var(--border-hover);color:var(--text-primary)}.add-sort-btn:disabled{opacity:.5;cursor:not-allowed}.add-sort-btn:disabled:hover{background:none;border-color:var(--border);color:var(--text-secondary)}.sort-summary{padding-top:12px;border-top:1px solid var(--border);text-align:center}.sort-summary p{margin:0;font-size:13px;color:var(--text-secondary)}@media(max-width:480px){.sort-popover{width:calc(100vw - 32px);left:16px;right:16px}.sort-controls{flex-direction:column;align-items:stretch;gap:6px}.sort-property-select,.sort-direction-select{min-width:0;width:100%}.sort-direction-select{min-width:100%}}.group-popover-backdrop{position:fixed;inset:0;background:transparent;z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:100px}.group-popover{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 32px #0000001f;min-width:320px;max-width:400px;max-height:500px;overflow:hidden;animation:groupPopoverAppear .2s ease-out}@keyframes groupPopoverAppear{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.group-popover-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--surface-secondary)}.group-popover-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary)}.group-popover-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:4px;transition:all .2s ease}.group-popover-close:hover{background:var(--surface-hover);color:var(--text-primary)}.group-popover-content{padding:16px 20px;max-height:400px;overflow-y:auto}.group-clear-all-btn{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;padding:5px 8px;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text-secondary);font:inherit;font-size:12px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.group-clear-all-btn:hover{background:#ef444414;border-color:var(--error);color:var(--error)}.group-empty-state{text-align:center;padding:20px 0}.group-empty-state p{margin:0 0 8px;font-size:14px;color:var(--text-primary)}.group-empty-description{font-size:13px;color:var(--text-secondary)!important}.group-list{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.group-item{border:1px solid var(--border);border-radius:6px;padding:12px;background:var(--surface-secondary)}.group-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.group-item-actions{display:flex;align-items:center;gap:4px}.group-item-action{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:2px;border-radius:3px;transition:all .2s ease}.group-item-action:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.group-item-action:disabled{opacity:.45;cursor:not-allowed}.group-item-label{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.group-item-remove{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:2px;border-radius:3px;transition:all .2s ease}.group-item-remove:hover{background:var(--surface-hover);color:var(--error)}.group-item-controls{display:flex;gap:8px;align-items:center}.group-property-selector{position:relative;flex:1}.group-property-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:6px;font-size:14px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.group-property-btn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.group-property-icon{font-size:14px;opacity:.7}.group-property-name{flex:1;text-align:left;font-weight:500}.group-property-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 16px #0000001a;z-index:10000;margin-top:4px;max-height:200px;overflow-y:auto;animation:dropdownAppear .15s ease-out}@keyframes dropdownAppear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.group-property-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;text-align:left;font-size:14px;color:var(--text-primary);cursor:pointer;transition:background-color .2s ease}.group-property-option:hover{background:var(--surface-hover)}.group-direction-selector{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:6px;overflow:hidden}.group-direction-btn{padding:8px 12px;background:none;border:none;font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;border-right:1px solid var(--border)}.group-direction-btn:last-child{border-right:none}.group-direction-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.group-direction-btn.active{background:var(--primary);color:#fff}.group-add-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:transparent;border:2px dashed var(--border);border-radius:6px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.group-add-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.group-add-btn:disabled{opacity:.5;cursor:not-allowed}.group-all-used-message{margin:8px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.4}.group-popover-content::-webkit-scrollbar,.group-property-dropdown::-webkit-scrollbar{width:6px}.group-popover-content::-webkit-scrollbar-track,.group-property-dropdown::-webkit-scrollbar-track{background:transparent}.group-popover-content::-webkit-scrollbar-thumb,.group-property-dropdown::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.group-popover-content::-webkit-scrollbar-thumb:hover,.group-property-dropdown::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@media(max-width:768px){.group-popover{min-width:280px;max-width:90vw;margin:0 16px}.group-popover-backdrop{padding-top:60px}.group-item-controls{flex-direction:column;align-items:stretch;gap:12px}.group-direction-selector{align-self:flex-start}}.filter-sort-controls{display:flex;gap:2px;align-items:center}.filter-sort-btn{display:flex;align-items:center;gap:5px;background:transparent;border:none;border-radius:4px;padding:4px 6px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:400;transition:background-color .15s ease,color .15s ease;position:relative;min-height:28px}.filter-sort-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.filter-sort-btn.active{background:var(--surface-secondary);color:var(--text-primary);font-weight:500}.filter-sort-btn.active:hover{background:var(--surface-hover);color:var(--text-primary)}.filter-sort-count{background:var(--text-secondary);color:var(--surface-primary);border-radius:999px;padding:0 5px;font-size:11px;font-weight:500;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-left:2px}.notion-db-filter-btn svg,.notion-db-sort-btn svg{width:16px!important;height:16px!important;stroke-width:2;flex-shrink:0;display:block;fill:none;stroke:currentColor;pointer-events:none}.notion-db-filter-btn>svg,.notion-db-sort-btn>svg{opacity:1!important;visibility:visible!important;position:relative;z-index:1}.light .notion-db-filter-btn,.light .notion-db-sort-btn{background:transparent;color:var(--text-secondary)}.light .notion-db-filter-btn:hover,.light .notion-db-sort-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.light .notion-db-filter-btn.active,.light .notion-db-sort-btn.active{background:var(--primary);color:var(--text-inverse)}.light .notion-db-filter-btn.active:hover,.light .notion-db-sort-btn.active:hover{background:var(--primary-hover)}