2 lines
17 KiB
CSS
2 lines
17 KiB
CSS
.drawer-overlay[data-v-7ea89962]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:var(--z-modal-backdrop);display:flex;align-items:stretch;justify-content:flex-start}.drawer-menu[data-v-7ea89962]{width:280px;max-width:85vw;height:100%;min-height:60vh;background:var(--surface-card);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;z-index:var(--z-modal)}.drawer-header[data-v-7ea89962]{padding:var(--space-lg) var(--space-md);border-bottom:1px solid var(--surface-border);background:var(--surface-ground)}.drawer-logo[data-v-7ea89962]{display:flex;align-items:center;gap:var(--space-sm)}.drawer-logo i[data-v-7ea89962]{font-size:var(--text-2xl);color:var(--color-primary)}.logo-text[data-v-7ea89962]{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-color)}.drawer-selectors[data-v-7ea89962]{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);background:var(--surface-ground)}.selector-group[data-v-7ea89962]{position:relative}.selector-label[data-v-7ea89962]{display:block;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-color-secondary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.05em}.selector-trigger[data-v-7ea89962]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-sm) var(--space-md);background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);min-height:48px;text-align:left}.selector-trigger[data-v-7ea89962]:hover{border-color:var(--color-primary);background:var(--surface-hover)}.selector-value[data-v-7ea89962]{display:flex;flex-direction:column;min-width:0;flex:1}.selector-main[data-v-7ea89962]{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selector-sub[data-v-7ea89962]{font-size:var(--text-xs);color:var(--text-color-secondary);margin-top:2px}.selector-trigger .pi-chevron-down[data-v-7ea89962]{font-size:var(--text-xs);color:var(--text-color-secondary);transition:transform var(--transition-fast);flex-shrink:0}.selector-trigger .rotate-180[data-v-7ea89962]{transform:rotate(180deg)}.selector-panel[data-v-7ea89962]{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-xs);background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:10;max-height:250px;overflow:hidden}.selector-search[data-v-7ea89962]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-bottom:1px solid var(--surface-border)}.selector-search .pi-search[data-v-7ea89962]{color:var(--text-color-secondary);font-size:var(--text-sm)}.selector-search-input[data-v-7ea89962]{flex:1;border:none;background:transparent;font-size:var(--text-sm);color:var(--text-color);outline:none}.selector-search-input[data-v-7ea89962]::placeholder{color:var(--text-color-secondary)}.selector-list[data-v-7ea89962]{max-height:200px;overflow-y:auto;-webkit-overflow-scrolling:touch}.selector-item[data-v-7ea89962]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background var(--transition-fast);min-height:48px;border-bottom:1px solid var(--surface-border)}.selector-item[data-v-7ea89962]:last-child{border-bottom:none}.selector-item[data-v-7ea89962]:hover{background:var(--surface-hover)}.selector-item.active[data-v-7ea89962]{background:var(--blue-50);color:var(--color-primary)}.selector-item.active .pi-check[data-v-7ea89962]{color:var(--color-primary)}.selector-item-content[data-v-7ea89962]{display:flex;flex-direction:column;min-width:0;flex:1}.selector-item-name[data-v-7ea89962]{font-size:var(--text-sm);font-weight:var(--font-medium);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selector-item-sub[data-v-7ea89962]{font-size:var(--text-xs);color:var(--text-color-secondary);margin-top:2px}.selector-item .pi-check[data-v-7ea89962]{font-size:var(--text-sm);flex-shrink:0}.selector-empty[data-v-7ea89962]{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);color:var(--text-color-secondary);font-size:var(--text-sm)}.drawer-sections[data-v-7ea89962]{padding:var(--space-sm) 0}.drawer-section[data-v-7ea89962]{padding:var(--space-xs) 0}.section-header[data-v-7ea89962]{padding:var(--space-sm) var(--space-lg);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.05em}.drawer-nav[data-v-7ea89962]{list-style:none;margin:0;padding:0}.drawer-link[data-v-7ea89962]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);color:var(--text-color);text-decoration:none;font-size:var(--text-base);font-weight:var(--font-medium);min-height:48px;transition:background var(--transition-fast),color var(--transition-fast);cursor:pointer;border:none;background:none;width:100%;text-align:left}.drawer-link[data-v-7ea89962]:hover,.drawer-link[data-v-7ea89962]:active{background:var(--surface-hover)}.drawer-link.active[data-v-7ea89962]{background:var(--blue-50);color:var(--color-primary)}.drawer-link.active .drawer-icon[data-v-7ea89962]{color:var(--color-primary)}.drawer-icon[data-v-7ea89962]{font-size:var(--text-xl);width:24px;text-align:center;color:var(--text-color-secondary);flex-shrink:0}.drawer-label[data-v-7ea89962]{flex:1}.drawer-divider[data-v-7ea89962]{height:1px;background:var(--surface-border);margin:var(--space-xs) var(--space-md)}.drawer-profile[data-v-7ea89962]{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--surface-border);padding-bottom:calc(var(--header-height) + var(--space-sm));display:flex;flex-direction:column;gap:var(--space-xs)}.drawer-profile--compact[data-v-7ea89962]{padding:var(--space-sm) var(--space-md);padding-bottom:calc(56px + var(--space-md));gap:var(--space-xs)}.profile-row[data-v-7ea89962]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-height:44px}.profile-user[data-v-7ea89962]{display:flex;align-items:center;gap:var(--space-sm);min-width:0;flex:1}.profile-icon[data-v-7ea89962]{font-size:var(--text-base);color:var(--color-primary);flex-shrink:0}.profile-name[data-v-7ea89962]{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn[data-v-7ea89962]{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:transparent;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);min-height:36px;flex-shrink:0}.logout-btn[data-v-7ea89962]:hover{background:var(--red-50)}.logout-btn[data-v-7ea89962]:active{background:var(--red-100)}.logout-btn i[data-v-7ea89962]{font-size:var(--text-sm)}.theme-toggle-compact[data-v-7ea89962]{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-xs) var(--space-sm);background:var(--surface-hover);border:none;border-radius:var(--radius-md);color:var(--text-color);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast);min-height:36px}.theme-toggle-compact[data-v-7ea89962]:hover{background:var(--surface-border)}.theme-toggle-compact i[data-v-7ea89962]:first-child{color:var(--color-primary);font-size:var(--text-sm)}.theme-toggle-compact span[data-v-7ea89962]{flex:1;text-align:left}.theme-toggle-compact i[data-v-7ea89962]:last-child{font-size:var(--text-xs);color:var(--text-color-secondary);opacity:.6}.drawer-enter-active[data-v-7ea89962],.drawer-leave-active[data-v-7ea89962]{transition:opacity var(--transition-normal)}.drawer-enter-active .drawer-menu[data-v-7ea89962],.drawer-leave-active .drawer-menu[data-v-7ea89962]{transition:transform var(--transition-normal)}.drawer-enter-from[data-v-7ea89962],.drawer-leave-to[data-v-7ea89962]{opacity:0}.drawer-enter-from .drawer-menu[data-v-7ea89962],.drawer-leave-to .drawer-menu[data-v-7ea89962]{transform:translate(-100%)}.drawer-enter-to[data-v-7ea89962],.drawer-leave-from[data-v-7ea89962]{opacity:1}.drawer-enter-to .drawer-menu[data-v-7ea89962],.drawer-leave-from .drawer-menu[data-v-7ea89962]{transform:translate(0)}[data-theme=dark] .drawer-overlay[data-v-7ea89962]{background:#000000b3}[data-theme=dark] .drawer-menu[data-v-7ea89962]{background:var(--surface-card);box-shadow:4px 0 24px #0006}[data-theme=dark] .drawer-header[data-v-7ea89962]{background:var(--surface-ground);border-bottom-color:var(--surface-border)}[data-theme=dark] .drawer-logo i[data-v-7ea89962]{color:var(--blue-400)}[data-theme=dark] .logo-text[data-v-7ea89962]{color:var(--text-color)}[data-theme=dark] .drawer-selectors[data-v-7ea89962]{background:var(--surface-ground)}[data-theme=dark] .selector-label[data-v-7ea89962]{color:var(--text-color-secondary)}[data-theme=dark] .selector-trigger[data-v-7ea89962]{background:var(--surface-card);border-color:var(--surface-border)}[data-theme=dark] .selector-trigger[data-v-7ea89962]:hover{background:var(--surface-hover);border-color:var(--blue-400)}[data-theme=dark] .selector-main[data-v-7ea89962]{color:var(--text-color)}[data-theme=dark] .selector-sub[data-v-7ea89962],[data-theme=dark] .selector-trigger .pi-chevron-down[data-v-7ea89962]{color:var(--text-color-secondary)}[data-theme=dark] .selector-panel[data-v-7ea89962]{background:var(--surface-card);border-color:var(--surface-border);box-shadow:0 8px 24px #0006}[data-theme=dark] .selector-search[data-v-7ea89962]{border-bottom-color:var(--surface-border)}[data-theme=dark] .selector-search .pi-search[data-v-7ea89962]{color:var(--text-color-secondary)}[data-theme=dark] .selector-search-input[data-v-7ea89962]{color:var(--text-color)}[data-theme=dark] .selector-search-input[data-v-7ea89962]::placeholder{color:var(--text-color-secondary)}[data-theme=dark] .selector-item[data-v-7ea89962]{border-bottom-color:var(--surface-border)}[data-theme=dark] .selector-item[data-v-7ea89962]:hover{background:var(--surface-hover)}[data-theme=dark] .selector-item.active[data-v-7ea89962]{background:var(--blue-900);color:var(--blue-400)}[data-theme=dark] .selector-item.active .pi-check[data-v-7ea89962]{color:var(--blue-400)}[data-theme=dark] .selector-item-name[data-v-7ea89962]{color:var(--text-color)}[data-theme=dark] .selector-item.active .selector-item-name[data-v-7ea89962]{color:var(--blue-400)}[data-theme=dark] .selector-item-sub[data-v-7ea89962],[data-theme=dark] .selector-empty[data-v-7ea89962]{color:var(--text-color-secondary)}[data-theme=dark] .drawer-link[data-v-7ea89962]{color:var(--text-color)}[data-theme=dark] .drawer-link[data-v-7ea89962]:hover{background:var(--surface-hover)}[data-theme=dark] .drawer-link.active[data-v-7ea89962]{background:var(--blue-900);color:var(--blue-400)}[data-theme=dark] .drawer-link.active .drawer-icon[data-v-7ea89962]{color:var(--blue-400)}[data-theme=dark] .drawer-icon[data-v-7ea89962]{color:var(--text-color-secondary)}[data-theme=dark] .drawer-divider[data-v-7ea89962]{background:var(--surface-border)}[data-theme=dark] .section-header[data-v-7ea89962]{color:var(--text-color-secondary)}[data-theme=dark] .drawer-profile[data-v-7ea89962]{border-top-color:var(--surface-border)}[data-theme=dark] .profile-icon[data-v-7ea89962]{color:var(--blue-400)}[data-theme=dark] .profile-name[data-v-7ea89962]{color:var(--text-color)}[data-theme=dark] .logout-btn[data-v-7ea89962]{border-color:var(--red-400);color:var(--red-400)}[data-theme=dark] .logout-btn[data-v-7ea89962]:hover{background:var(--red-900)}[data-theme=dark] .logout-btn[data-v-7ea89962]:active{background:var(--red-800)}[data-theme=dark] .theme-toggle-compact[data-v-7ea89962]{background:var(--surface-hover);color:var(--text-color)}[data-theme=dark] .theme-toggle-compact[data-v-7ea89962]:hover{background:var(--surface-border)}[data-theme=dark] .theme-toggle-compact i[data-v-7ea89962]:first-child{color:var(--blue-400)}[data-theme=dark] .theme-toggle-compact i[data-v-7ea89962]:last-child{color:var(--text-color-secondary)}@media (prefers-color-scheme: dark){:root:not([data-theme]) .drawer-overlay[data-v-7ea89962]{background:#000000b3}:root:not([data-theme]) .drawer-menu[data-v-7ea89962]{background:var(--surface-card);box-shadow:4px 0 24px #0006}:root:not([data-theme]) .drawer-header[data-v-7ea89962]{background:var(--surface-ground);border-bottom-color:var(--surface-border)}:root:not([data-theme]) .drawer-logo i[data-v-7ea89962]{color:var(--blue-400)}:root:not([data-theme]) .logo-text[data-v-7ea89962]{color:var(--text-color)}:root:not([data-theme]) .drawer-selectors[data-v-7ea89962]{background:var(--surface-ground)}:root:not([data-theme]) .selector-label[data-v-7ea89962]{color:var(--text-color-secondary)}:root:not([data-theme]) .selector-trigger[data-v-7ea89962]{background:var(--surface-card);border-color:var(--surface-border)}:root:not([data-theme]) .selector-trigger[data-v-7ea89962]:hover{background:var(--surface-hover);border-color:var(--blue-400)}:root:not([data-theme]) .selector-main[data-v-7ea89962]{color:var(--text-color)}:root:not([data-theme]) .selector-sub[data-v-7ea89962]{color:var(--text-color-secondary)}:root:not([data-theme]) .selector-trigger .pi-chevron-down[data-v-7ea89962]{color:var(--text-color-secondary)}:root:not([data-theme]) .selector-panel[data-v-7ea89962]{background:var(--surface-card);border-color:var(--surface-border);box-shadow:0 8px 24px #0006}:root:not([data-theme]) .selector-search[data-v-7ea89962]{border-bottom-color:var(--surface-border)}:root:not([data-theme]) .selector-search .pi-search[data-v-7ea89962]{color:var(--text-color-secondary)}:root:not([data-theme]) .selector-search-input[data-v-7ea89962]{color:var(--text-color)}:root:not([data-theme]) .selector-search-input[data-v-7ea89962]::placeholder{color:var(--text-color-secondary)}:root:not([data-theme]) .selector-item[data-v-7ea89962]{border-bottom-color:var(--surface-border)}:root:not([data-theme]) .selector-item[data-v-7ea89962]:hover{background:var(--surface-hover)}:root:not([data-theme]) .selector-item.active[data-v-7ea89962]{background:var(--blue-900);color:var(--blue-400)}:root:not([data-theme]) .selector-item.active .pi-check[data-v-7ea89962]{color:var(--blue-400)}:root:not([data-theme]) .selector-item-name[data-v-7ea89962]{color:var(--text-color)}:root:not([data-theme]) .selector-item.active .selector-item-name[data-v-7ea89962]{color:var(--blue-400)}:root:not([data-theme]) .selector-item-sub[data-v-7ea89962]{color:var(--text-color-secondary)}:root:not([data-theme]) .selector-empty[data-v-7ea89962]{color:var(--text-color-secondary)}:root:not([data-theme]) .drawer-link[data-v-7ea89962]{color:var(--text-color)}:root:not([data-theme]) .drawer-link[data-v-7ea89962]:hover{background:var(--surface-hover)}:root:not([data-theme]) .drawer-link.active[data-v-7ea89962]{background:var(--blue-900);color:var(--blue-400)}:root:not([data-theme]) .drawer-link.active .drawer-icon[data-v-7ea89962]{color:var(--blue-400)}:root:not([data-theme]) .drawer-icon[data-v-7ea89962]{color:var(--text-color-secondary)}:root:not([data-theme]) .drawer-divider[data-v-7ea89962]{background:var(--surface-border)}:root:not([data-theme]) .section-header[data-v-7ea89962]{color:var(--text-color-secondary)}:root:not([data-theme]) .drawer-profile[data-v-7ea89962]{border-top-color:var(--surface-border)}:root:not([data-theme]) .profile-icon[data-v-7ea89962]{color:var(--blue-400)}:root:not([data-theme]) .profile-name[data-v-7ea89962]{color:var(--text-color)}:root:not([data-theme]) .logout-btn[data-v-7ea89962]{border-color:var(--red-400);color:var(--red-400)}:root:not([data-theme]) .logout-btn[data-v-7ea89962]:hover{background:var(--red-900)}:root:not([data-theme]) .logout-btn[data-v-7ea89962]:active{background:var(--red-800)}:root:not([data-theme]) .theme-toggle-compact[data-v-7ea89962]{background:var(--surface-hover);color:var(--text-color)}:root:not([data-theme]) .theme-toggle-compact[data-v-7ea89962]:hover{background:var(--surface-border)}:root:not([data-theme]) .theme-toggle-compact i[data-v-7ea89962]:first-child{color:var(--blue-400)}:root:not([data-theme]) .theme-toggle-compact i[data-v-7ea89962]:last-child{color:var(--text-color-secondary)}}.mobile-server-switch-modal[data-v-7ea89962] .p-dialog{border-radius:var(--radius-lg);background:var(--surface-card)}.mobile-server-switch-modal[data-v-7ea89962] .p-dialog-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--surface-border)}.mobile-server-switch-modal[data-v-7ea89962] .p-dialog-content{padding:var(--space-lg)}.mobile-server-switch-modal[data-v-7ea89962] .p-dialog-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--surface-border);display:flex;gap:var(--space-sm);justify-content:flex-end}.server-switch-modal-content[data-v-7ea89962]{display:flex;flex-direction:column;gap:var(--space-md)}.server-switch-modal-content[data-v-7ea89962] .p-password,.server-switch-modal-content[data-v-7ea89962] .p-password input{width:100%}.switch-error[data-v-7ea89962]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--red-50);color:var(--red-600);border-radius:var(--radius-md);font-size:var(--text-sm)}.switch-error i[data-v-7ea89962]{font-size:1rem}[data-theme=dark] .switch-error[data-v-7ea89962]{background:#ef444426;color:var(--red-400)}
|