/* css/responsive.css */
@media (max-width: 1024px){.app-content{padding: 1.25rem 1rem}}@media (max-width: 900px){.app-content{padding: 1rem 0.75rem}.app-container{padding-top: 72px}.grid-3,.grid-4{grid-template-columns: 1fr 1fr !important}.grid-2{grid-template-columns: 1fr !important}.dashboard-hero .hero-row{flex-direction: column;align-items: stretch;gap: 1rem}.dashboard-hero .hero-actions{justify-content: flex-start;flex-wrap: wrap}}@media (max-width: 480px){.app-content{padding: 0.75rem 0.5rem}.grid-3,.grid-4{grid-template-columns: 1fr !important}}@media (max-width: 1024px){.settings-layout{grid-template-columns: 220px 1fr;gap: 1.5rem}}@media (max-width: 768px){.settings-layout{grid-template-columns: 1fr;gap: 1rem}.settings-sidebar{display: flex;flex-direction: row;overflow-x: auto;gap: 0.5rem;padding-bottom: 0.5rem;border-right: none;border-bottom: 1px solid var(--border-light);padding-right: 0;scrollbar-width: none}.settings-sidebar::-webkit-scrollbar{display: none}.nav-item{white-space: nowrap;flex-shrink: 0}.form-grid{grid-template-columns: 1fr !important}.settings-header h1{font-size: 1.5rem}}@media (max-width: 480px){.settings-container{padding: 0}.tab-content{padding: 1rem}}@media (max-width: 900px){.messages-workspace{grid-template-columns: 260px 1fr}}@media (max-width: 768px){.messages-workspace{grid-template-columns: 1fr;height: auto;min-height: calc(100vh - 80px)}.messages-sidebar{height: auto;max-height: 280px;border-right: none;border-bottom: 1px solid var(--border-light);overflow-y: auto}.messages-main{height: calc(100vh - 440px);min-height: 320px}.chat-header{padding: 0.75rem 1rem}.chat-messages{padding: 1rem}}@media (max-width: 480px){.messages-sidebar{max-height: 220px}.messages-main{min-height: 280px}.chat-input-container{padding: 0.75rem}}@media (max-width: 900px){.chat-layout{grid-template-columns: 240px 1fr}}@media (max-width: 768px){.chat-container{height: auto}.chat-layout{grid-template-columns: 1fr;height: auto}.chat-sidebar{height: auto;max-height: 240px;overflow-y: auto;border-right: none;border-bottom: 1px solid var(--border-light);padding-bottom: 0.5rem}.chat-main{height: calc(100vh - 380px);min-height: 320px}.chat-messages{padding: 1rem}.chat-input-area{padding: 0.75rem 1rem}.chat-header{padding: 0.75rem 1rem}}@media (max-width: 480px){.chat-sidebar{max-height: 180px}.chat-main{min-height: 280px}.input-wrapper{gap: 0.5rem}}@media (max-width: 768px){.perf-dashboard-wrapper{padding: 0.75rem}.perf-page-header{flex-direction: column;align-items: flex-start;gap: 1rem}.perf-row{flex-direction: column}.perf-col-3,.perf-col-4,.perf-col-6,.perf-col-8,.perf-col-12{width: 100% !important;padding: 0 !important;margin-bottom: 1rem}.perf-metric-card{padding: 1rem}}@media (max-width: 480px){.perf-page-header-title{font-size: 1.25rem}.perf-metric-value{font-size: 1.75rem}}@media (max-width: 1024px){.bugs-grid{grid-template-columns: repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.bugs-grid{grid-template-columns: 1fr}.bdp{width: 100%;max-width: 100%;right: 0;border-top-left-radius: 20px;border-top-right-radius: 20px}.bdp__meta{grid-template-columns: 1fr 1fr}.bdp__status-grid{grid-template-columns: 1fr 1fr}.bugs-stats-bar{flex-wrap: wrap;gap: 0.5rem;padding: 12px 16px}.bugs-stats-bar .stat-item{flex: 1 1 calc(50% - 0.5rem);min-width: 80px}.bugs-stats-bar .stat-divider{display: none}}@media (max-width: 480px){.bdp__meta{grid-template-columns: 1fr}.bdp__header{padding: 1rem}.bdp__body{padding: 1rem}}@media (max-width: 1200px){.kanban{grid-template-columns: repeat(3,minmax(240px,1fr))}}@media (max-width: 900px){.kanban{grid-template-columns: repeat(2,minmax(240px,1fr))}}@media (max-width: 640px){.kanban{grid-template-columns: 1fr}}@media (max-width: 768px){.gates-grid,.sprints-grid{grid-template-columns: 1fr}.project-detail-layout{flex-direction: column}.project-sidebar{width: 100%;border-right: none;border-bottom: 1px solid var(--border-light)}}@media (max-width: 768px){.badges-grid,.awards-grid{grid-template-columns: repeat(auto-fill,minmax(160px,1fr))}}@media (max-width: 480px){.badges-grid,.awards-grid{grid-template-columns: 1fr 1fr}.badge-card{padding: 1rem}}@media (max-width: 1024px){.capacity-grid{grid-template-columns: 1fr 1fr}}@media (max-width: 768px){.capacity-grid{grid-template-columns: 1fr}.capacity-table{display: block;overflow-x: auto;-webkit-overflow-scrolling: touch}}@media (max-width: 768px){.notifications-list{gap: 0.75rem}.notification-card{flex-direction: column;align-items: flex-start;gap: 0.75rem;padding: 1rem}.notification-actions{align-self: flex-end}}@media (max-width: 768px){.workflow-grid,.github-grid{grid-template-columns: 1fr}.repo-header{flex-direction: column;align-items: flex-start;gap: 0.75rem}}@media (max-width: 768px){.glass-card{padding: 1.25rem;border-radius: 16px}[class*="grid-cols-3"],[class*="grid-cols-4"]{grid-template-columns: 1fr 1fr !important}}@media (max-width: 480px){.glass-card{padding: 1rem;border-radius: 12px}[class*="grid-cols-2"],[class*="grid-cols-3"],[class*="grid-cols-4"]{grid-template-columns: 1fr !important}}@media (max-width: 768px){.table-responsive,.data-table-wrap{overflow-x: auto;-webkit-overflow-scrolling: touch}.app-content table{min-width: 500px}.app-content .table-scroll{overflow-x: auto;-webkit-overflow-scrolling: touch}}@media (max-width: 600px){.modal,dialog.modal,.modal-box{width: 95vw !important;max-width: 95vw !important;max-height: 92vh !important;border-radius: 20px !important;padding: 1.25rem !important}.modal-actions{flex-direction: column;gap: 0.5rem}.modal-actions .btn,.modal-actions button{width: 100%}}@media (max-width: 640px){.form-row,.form-grid,.input-row{grid-template-columns: 1fr !important;flex-direction: column}.form-actions{flex-direction: column;gap: 0.5rem}.form-actions .btn,.form-actions button{width: 100%}}@media (max-width: 768px){.btn,.action-btn,.btn-primary,.btn-ghost,.btn-danger{min-height: 44px}}@media (max-width: 768px){.page-header,.dashboard-hero{padding: 1.25rem 1rem}.page-title{font-size: 1.5rem !important}.page-subtitle{font-size: 0.9rem}}@media (max-width: 480px){.page-title{font-size: 1.25rem !important}.hero-actions{flex-wrap: wrap;gap: 0.5rem}.hero-actions .btn,.hero-actions a{flex: 1 1 auto;text-align: center}}
/* css/theme-universal-coverage.css */
html[data-theme]{background: var(--color-background);--theme-accent: var(--google-blue);--theme-accent-light: var(--google-blue-light);--theme-accent-strong: var(--google-blue-dark);--theme-accent-subtle: var(--google-blue-subtle);--theme-on-accent: #ffffff;--primary: var(--theme-accent);--primary-light: var(--theme-accent-light);--primary-dark: var(--theme-accent-strong);--primary-subtle: var(--theme-accent-subtle);--shadow-focus: 0 0 0 3px var(--theme-accent-subtle);--project-accent: var(--theme-accent-light);--project-accent-color: var(--theme-accent);--project-accent-strong: var(--theme-accent-strong);--project-accent-fill: color-mix(in srgb,var(--theme-accent) 16%,transparent);--project-accent-fill-strong: color-mix(in srgb,var(--theme-accent) 32%,transparent);--project-accent-border: color-mix(in srgb,var(--theme-accent) 45%,transparent);--project-accent-glow: color-mix(in srgb,var(--theme-accent) 35%,transparent);--project-action-bg: var(--project-accent-fill);--project-action-text: var(--project-accent-strong);--project-action-border: var(--project-accent-border);--project-action-hover-bg: var(--project-accent-fill-strong);--project-action-hover-text: var(--project-accent-strong);--project-action-hover-border: var(--project-accent-color);--project-focus-ring: color-mix(in srgb,var(--theme-accent) 24%,transparent);--project-card-glow: color-mix(in srgb,var(--theme-accent) 12%,transparent);--project-sheen: linear-gradient(135deg,color-mix(in srgb,var(--theme-accent) 10%,transparent),color-mix(in srgb,var(--theme-accent-light) 7%,transparent));--project-gradient-1: linear-gradient(135deg,var(--theme-accent) 0%,var(--theme-accent-light) 100%);--project-gradient-3: linear-gradient(135deg,var(--google-green) 0%,var(--theme-accent) 100%);--project-btn-bg: var(--theme-accent-strong);--project-btn-text: var(--theme-on-accent);--project-btn-hover-bg: var(--theme-accent);--project-btn-shadow: var(--theme-accent-subtle);--project-pill-bg: var(--project-btn-bg);--project-pill-border: var(--project-btn-bg);--project-pill-text: var(--project-btn-text);--theme-nav-hover-bg: var(--theme-accent-subtle);--theme-nav-hover-text: var(--text-primary);--theme-nav-active-bg: linear-gradient(135deg,var(--theme-accent),var(--theme-accent-strong));--theme-nav-active-text: var(--theme-on-accent);--theme-nav-shadow: 0 8px 20px var(--theme-accent-subtle);--es-primary: var(--theme-accent);--es-primary-hover: var(--theme-accent-strong);--es-info: var(--theme-accent-light);--perf-accent-1: var(--theme-accent);--perf-accent-2: var(--theme-accent-light);--perf-gradient-primary: linear-gradient(135deg,var(--theme-accent) 0%,var(--theme-accent-strong) 100%);--perf-gradient-success: linear-gradient(135deg,var(--theme-accent-light) 0%,var(--theme-accent) 100%);--perf-gradient-info: linear-gradient(135deg,var(--theme-accent-light) 0%,var(--theme-accent) 100%);--perf-header-tint-1: color-mix(in srgb,var(--theme-accent) 10%,transparent);--perf-header-tint-2: color-mix(in srgb,var(--theme-accent-light) 8%,transparent);--perf-title-color: var(--text-primary)}html[data-theme="lapis-lazuli"]{--theme-accent: #1a4dff;--theme-accent-light: #3db8ff;--theme-accent-strong: #082489;--theme-accent-subtle: rgba(26,77,255,0.20);--theme-on-accent: #ffffff;--theme-nav-active-bg: linear-gradient(135deg,#1a4dff,#082489);--theme-nav-shadow: 0 10px 26px rgba(26,77,255,0.28)}html[data-theme="polar-glass"]{--theme-accent: #1597ff;--theme-accent-light: #6fd8ff;--theme-accent-strong: #0a5ba9;--theme-accent-subtle: rgba(21,151,255,0.15);--theme-on-accent: #ffffff;--theme-nav-active-bg: linear-gradient(135deg,#1597ff,#0a5ba9);--theme-nav-shadow: 0 12px 28px rgba(21,151,255,0.20);--project-action-bg: linear-gradient(135deg,rgba(255,255,255,0.76),rgba(227,247,255,0.50)),rgba(255,255,255,0.64);--project-action-text: #0a5ba9;--project-action-border: rgba(21,151,255,0.32);--project-action-hover-bg: linear-gradient(135deg,rgba(21,151,255,0.16),rgba(111,216,255,0.22)),rgba(255,255,255,0.76);--project-action-hover-text: #073f7c;--project-action-hover-border: rgba(21,151,255,0.58);--project-btn-bg: #1597ff;--project-btn-hover-bg: #0a5ba9;--project-btn-text: #ffffff;--project-btn-shadow: rgba(21,151,255,0.24)}html[data-theme="origami-folded"]{--theme-accent: #d4674a;--theme-accent-light: #f0a08a;--theme-accent-strong: #a14528;--theme-accent-subtle: rgba(212,103,74,0.14);--theme-on-accent: #ffffff}html[data-theme="samurai-steel"]{--theme-accent: #c9243f;--theme-accent-light: #f06b82;--theme-accent-strong: #7c0d20;--theme-accent-subtle: rgba(201,36,63,0.14);--theme-on-accent: #ffffff;--project-action-bg: linear-gradient(180deg,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0.05) 15%,transparent 16%),linear-gradient(135deg,rgba(72,81,93,0.94) 0%,rgba(26,32,39,0.96) 56%,rgba(125,18,29,0.94) 100%);--project-action-text: #f8fbff;--project-action-border: rgba(229,236,242,0.28);--project-action-hover-bg: linear-gradient(180deg,rgba(255,255,255,0.20) 0%,rgba(255,255,255,0.07) 15%,transparent 16%),linear-gradient(135deg,#596372 0%,#202832 54%,#a4192c 100%);--project-action-hover-text: #ffffff;--project-action-hover-border: rgba(255,138,148,0.70)}html[data-theme="black-ice"]{--theme-accent: #24c7ff;--theme-accent-light: #83e6ff;--theme-accent-strong: #0075ad;--theme-accent-subtle: rgba(36,199,255,0.16);--theme-on-accent: #021017;--theme-nav-active-bg: #24c7ff;--theme-nav-shadow: 0 10px 26px rgba(36,199,255,0.22);--project-action-bg: rgba(6,21,33,0.92);--project-action-text: #eaf8ff;--project-action-border: rgba(55,207,255,0.42);--project-action-hover-bg: rgba(9,32,48,0.96);--project-action-hover-text: #ffffff;--project-action-hover-border: #83e6ff;--project-btn-bg: #24c7ff;--project-btn-hover-bg: #83e6ff;--project-btn-text: #021017;--project-btn-shadow: rgba(36,199,255,0.22)}html[data-theme] body,html[data-theme] .app-shell,html[data-theme] main,html[data-theme] .main-content,html[data-theme] .content,html[data-theme] .page-content,html[data-theme] .page,html[data-theme] .container,html[data-theme] .container-fluid{color: var(--text-primary) !important}html[data-theme] .page-header,html[data-theme] .section-header,html[data-theme] .content-header,html[data-theme] .toolbar,html[data-theme] .topbar,html[data-theme] .subnav,html[data-theme] .filter-bar,html[data-theme] .actions-bar,html[data-theme] .search-bar,html[data-theme] .breadcrumb,html[data-theme] .sidebar,html[data-theme] .side-panel,html[data-theme] .drawer,html[data-theme] .drawer-content{background: var(--color-surface) !important;color: var(--text-primary) !important;border-color: var(--border-light) !important;box-shadow: var(--theme-shadow-sm) !important}html[data-theme] :where( .card,.glass-card,.panel,.panel-card,.content-card,.dashboard-card,.metric-card,.stat-card,.summary-card,.feature-card,.settings-card,.theme-card,.project-card,.repo-card,.repository-card,.workflow-card,.issue-card,.bug-card,.sprint-card,.gate-card,.kanban-card,.document-card,.doc-card,.agent-card,.message-card,.notification-card,.resource-card,.capacity-card,.calendar-card,.leave-card,.recognition-card,.widget,.widget-card,.tile,.tile-card,.list-card,.auth-card,.login-card,.modal-content,.dropdown-menu,.popover,.toast,.list-group-item,.accordion-item,.tab-pane,.table-wrapper,.table-container,.data-grid,.code-panel,.code-section,.code-card,.editor-panel,.file-panel,.results-panel,.inspector-panel,.wizard-panel,.wizard-card,.query-builder,.builder-panel,.perf-card,.github-card,.chat-panel,.chat-container,.chat-sidebar,.chat-main,.chat-header,.chat-input-area,.chat-input-container,.messages-container,.conversation-list,.conversation-item,.agent-panel ){background: var(--color-surface) !important;color: var(--text-primary) !important;border-color: var(--border-light) !important;box-shadow: var(--theme-shadow-sm) !important}html[data-theme] :where( .card:hover,.glass-card:hover,.panel:hover,.dashboard-card:hover,.metric-card:hover,.stat-card:hover,.project-card:hover,.repo-card:hover,.document-card:hover,.agent-card:hover,.theme-card:hover,.kanban-card:hover,.widget:hover,.tile:hover ){border-color: var(--border-medium) !important;box-shadow: var(--theme-shadow-md) !important}html[data-theme] :where( .card-header,.card-footer,.panel-header,.panel-footer,.section,.section-body,.subsection,.empty-state,.detail-row,.metadata,.meta-row,.activity-item,.timeline-item,.comment,.comment-body,.file-row,.tree-node,.repo-row,.branch-row,.commit-row,.workflow-row,.issue-row,.message-row,.notification-row,.result-row,.result-item,.inspector-row,.kanban-column,.kanban-lane,.chat-message,.message,.message-content,.assistant-message,.user-message ){background-color: var(--color-surface-subtle) !important;color: var(--text-primary) !important;border-color: var(--border-light) !important}html[data-theme] :where( h1,h2,h3,h4,h5,h6,.page-title,.section-title,.card-title,.panel-title,.title,.heading,.stat-value,.metric-value,.repo-name,.project-name,.document-title,.agent-name,.message-title ){color: var(--text-primary) !important}html[data-theme] :where( p,label,.subtitle,.description,.card-description,.page-subtitle,.text-muted,.muted,.secondary-text,.meta,.metadata,.help-text,.hint,small,.small,.stat-label,.metric-label,.timestamp,.date,.author,.breadcrumb-item,.empty-state p ){color: var(--text-secondary) !important}html[data-theme] :where(.text-tertiary,.placeholder,.caption,.eyebrow){color: var(--text-tertiary) !important}html[data-theme] a:not(.btn):not(.pill-nav__item):not(.theme-card):not(.dropdown-item):hover{color: var(--theme-accent-strong) !important}html[data-theme] :where( input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-control,.form-select,.search-input,.chat-input,.input,.input-wrapper,.select2-selection,.custom-select,.multiselect,.monaco-inputbox ){background: var(--color-surface-elevated) !important;color: var(--text-primary) !important;border-color: var(--border-light) !important;border-radius: var(--theme-radius-md) !important}html[data-theme] :where(input,select,textarea,.form-control,.form-select,.chat-input)::placeholder{color: var(--text-tertiary) !important}html[data-theme] :where( input:not([type="checkbox"]):not([type="radio"]):focus,select:focus,textarea:focus,.form-control:focus,.form-select:focus,.search-input:focus,.chat-input:focus,.input-wrapper:focus-within ){border-color: var(--theme-accent) !important;box-shadow: var(--shadow-focus) !important;outline: none !important}html[data-theme] :where(.form-label,.control-label,.field-label){color: var(--text-primary) !important}html[data-theme] :where(.form-text,.validation-summary,.validation-message){color: var(--text-secondary) !important}html[data-theme] :where( .btn:not(.btn-danger):not(.btn-warning):not(.btn-success):not(.btn-outline-danger),.button:not(.btn-danger):not(.btn-warning):not(.btn-success):not(.btn-outline-danger),button:not(.theme-card):not(.pill-nav__item):not(.pill-nav__toggle):not(.btn-danger):not(.btn-warning):not(.btn-success):not(.btn-outline-danger),.action-btn,.icon-btn,.toolbar-btn,.tab-button,.filter-btn ){background: var(--color-surface-elevated) !important;color: var(--text-primary) !important;border-color: var(--border-medium) !important;box-shadow: var(--theme-shadow-sm) !important}html[data-theme] :where( .btn-primary,.primary-btn,.button-primary,button.primary,.action-btn.primary,.toolbar-btn.active,.tab-button.active,.filter-btn.active ){background: linear-gradient(135deg,var(--theme-accent),var(--theme-accent-strong)) !important;color: var(--theme-on-accent) !important;border-color: var(--theme-accent) !important;box-shadow: 0 8px 20px var(--theme-accent-subtle) !important}html[data-theme] :where( .btn:hover,.button:hover,button:not(.theme-card):not(.pill-nav__item):not(.pill-nav__toggle):hover,.action-btn:hover,.icon-btn:hover,.toolbar-btn:hover,.tab-button:hover,.filter-btn:hover ){border-color: var(--theme-accent) !important;box-shadow: var(--theme-shadow-md) !important}html[data-theme] :where( .pill-nav,.nav-tabs,.tabs,.tab-list,.navbar,.nav-panel,.sidebar-nav,.menu,.menu-panel ){background: var(--color-surface) !important;border-color: var(--border-light) !important;box-shadow: var(--theme-shadow-sm) !important}html[data-theme] :where( .pill-nav__item,.nav-link,.tab,.tab-item,.dropdown-item,.menu-item,.sidebar-link ){color: var(--text-secondary) !important}html[data-theme] :where( .pill-nav__item:hover,.nav-link:hover,.tab:hover,.tab-item:hover,.dropdown-item:hover,.menu-item:hover,.sidebar-link:hover ){background: var(--theme-accent-subtle) !important;color: var(--text-primary) !important}html[data-theme] :where( .pill-nav__item.active,.nav-link.active,.tab.active,.tab-item.active,.menu-item.active,.sidebar-link.active ){background: linear-gradient(135deg,var(--theme-accent),var(--theme-accent-strong)) !important;color: var(--theme-on-accent) !important;box-shadow: 0 4px 12px var(--theme-accent-subtle) !important}html[data-theme] :where(table,.table,.data-table,.grid,.ag-root,.results-table){background: var(--color-surface) !important;color: var(--text-primary) !important;border-color: var(--border-light) !important}html[data-theme] :where(thead,th,.table-header,.grid-header,.ag-header){background: var(--color-surface-elevated) !important;color: var(--text-primary) !important;border-color: var(--border-light) !important}html[data-theme] :where(td,tr,.table-row,.grid-row,.ag-row){color: var(--text-primary) !important;border-color: var(--border-light) !important}html[data-theme] :where(tbody tr:hover,.table-row:hover,.grid-row:hover,.ag-row:hover){background: var(--color-surface-subtle) !important}html[data-theme] :where(.badge,.chip,.pill,.tag,.label,.status,.status-badge):not(.badge-danger):not(.badge-warning):not(.badge-success):not(.status-danger):not(.status-warning):not(.status-success){background: var(--theme-accent-subtle) !important;border-color: var(--border-light) !important}html[data-theme] :where(.projects-shell-v2,.project-section,.project-card,.bugs-grid,.bugs-stats-bar) .pill,html[data-theme] :where(.projects-shell-v2,.project-section,.project-card,.bugs-grid,.bugs-stats-bar) a.pill,html[data-theme] :where(.projects-shell-v2,.project-section,.project-card,.bugs-grid,.bugs-stats-bar) button.pill{background: var(--project-accent-fill) !important;color: var(--project-accent-strong) !important;border-color: var(--project-accent-border) !important}html[data-theme] :where(.projects-shell-v2,.project-section,.project-card,.bugs-grid,.bugs-stats-bar) .pill:hover,html[data-theme] :where(.projects-shell-v2,.project-section,.project-card,.bugs-grid,.bugs-stats-bar) .pill:focus-visible,html[data-theme] :where(.projects-shell-v2,.project-section,.project-card,.bugs-grid,.bugs-stats-bar) a.pill:hover,html[data-theme] :where(.projects-shell-v2,.project-section,.project-card,.bugs-grid,.bugs-stats-bar) button.pill:hover{background: var(--project-accent-fill-strong) !important;color: var(--project-accent-strong) !important;border-color: var(--project-accent-color) !important}html[data-theme] :where(.projects-shell-v2,.project-section,.project-card,.bugs-grid,.bugs-stats-bar) .pill,html[data-theme] :where(.projects-shell-v2,.project-section,.project-card,.bugs-grid,.bugs-stats-bar) .pill :where(i,span){color: inherit !important}html[data-theme] :where(.projects-shell-v2,.project-section,.project-card,.bugs-grid,.bugs-stats-bar) .pill:hover :where(i,span),html[data-theme] :where(.projects-shell-v2,.project-section,.project-card,.bugs-grid,.bugs-stats-bar) .pill:focus-visible :where(i,span){color: inherit !important}html[data-theme] :where(pre,code,.code-block,.code-editor,.code-viewer,.file-content,.diff-viewer,.terminal-output,.log-output,.console,.monaco-editor,.cm-editor){background: var(--color-surface-elevated) !important;color: var(--text-primary) !important;border-color: var(--border-light) !important}html[data-theme] :where(.line-number,.code-meta,.file-meta,.diff-meta){color: var(--text-tertiary) !important}html[data-theme] :where(.modal-backdrop,.overlay,.drawer-backdrop){background: rgba(0,0,0,0.45) !important}html[data-theme] :where(.modal-header,.modal-footer,.dropdown-header,.popover-header){background: var(--color-surface-elevated) !important;color: var(--text-primary) !important;border-color: var(--border-light) !important}html[data-theme] :where(.icon,.material-icons,.fa,.fas,.far,.fab,svg:not(.theme-preview svg)){color: inherit}html[data-theme] :where(hr,.divider,.separator,.border,.border-top,.border-bottom,.border-left,.border-right){border-color: var(--border-light) !important}html[data-theme] :where(.progress,.progress-track,.meter,.meter-track){background: var(--color-surface-subtle) !important;border-color: var(--border-light) !important}html[data-theme] :where(.progress-bar,.meter-fill,.progress-fill){background: linear-gradient(90deg,var(--theme-accent),var(--theme-accent-light)) !important}html[data-theme] .pill-nav__item.active{background: var(--theme-nav-active-bg) !important;color: var(--theme-nav-active-text) !important;border-color: var(--theme-accent) !important;box-shadow: var(--theme-nav-shadow) !important}html[data-theme] .pill-nav__user-avatar{background: var(--theme-nav-active-bg) !important;color: var(--theme-nav-active-text) !important;border: 1px solid color-mix(in srgb,var(--theme-accent) 48%,transparent) !important;box-shadow: 0 6px 16px var(--theme-accent-subtle) !important}html[data-theme] .pill-nav__item:hover,html[data-theme] .pill-nav__dropdown-item:hover{background: var(--theme-nav-hover-bg) !important;color: var(--theme-nav-hover-text) !important;border-color: var(--theme-accent) !important;box-shadow: inset 0 -2px 0 var(--theme-accent) !important;outline: none !important;text-decoration: none !important}html[data-theme] :where(.pill-nav__item,.pill-nav__dropdown-item,.nav-link):focus,html[data-theme] :where(.pill-nav__item,.pill-nav__dropdown-item,.nav-link):focus-visible{border-color: var(--theme-accent) !important;box-shadow: inset 0 -2px 0 var(--theme-accent),0 0 0 3px var(--theme-accent-subtle) !important;outline: none !important;text-decoration: none !important}html[data-theme] :where( .hero-title,.page-header h1,.es-hero__title,.leave-hero h1 ){background: linear-gradient(135deg,var(--theme-accent),var(--theme-accent-strong)) !important;-webkit-background-clip: text !important;background-clip: text !important;-webkit-text-fill-color: transparent !important}html[data-theme] :where( .leave-hero,.es-hero ){background: radial-gradient(circle at top right,color-mix(in srgb,var(--theme-accent) 12%,transparent),transparent 36%),linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-elevated) 100%) !important}html[data-theme] :where( .leave-hero__title-icon,.leave-modal__title-icon,.balance-icon ){background: linear-gradient(135deg,var(--theme-accent),var(--theme-accent-strong)) !important;color: var(--theme-on-accent) !important;-webkit-text-fill-color: var(--theme-on-accent) !important;box-shadow: 0 12px 24px var(--theme-accent-subtle) !important}html[data-theme] :where( .org-node-card,.employee-card,.employee-card-compact,.leave-action-btn,.leave-modal__close,.form-control:focus,.form-select:focus ){border-color: var(--border-light) !important}html[data-theme] :where( .org-node-card:hover,.employee-card:hover,.employee-card-compact:hover,.leave-action-btn:hover,.leave-modal__close:hover,.form-control:focus,.form-select:focus ){border-color: var(--theme-accent) !important;box-shadow: var(--theme-shadow-md) !important}html[data-theme] :where( .org-info .job-title,.org-detail-item i,.leave-requests-count,.balance-value ){color: var(--theme-accent-strong) !important}html[data-theme] :where( .reports-badge,.custom-tab.active,.leave-action-btn--secondary,.leave-requests-count,.leave-request-days ){background: color-mix(in srgb,var(--theme-accent) 14%,var(--color-surface)) !important;border-color: color-mix(in srgb,var(--theme-accent) 36%,transparent) !important}html[data-theme] :where(.reports-badge,.custom-tab.active){background: linear-gradient(135deg,var(--theme-accent),var(--theme-accent-strong)) !important;color: var(--theme-on-accent) !important;box-shadow: 0 10px 20px var(--theme-accent-subtle) !important}html[data-theme] :where(.org-node-card){border-left-color: var(--theme-accent) !important}html[data-theme] :where(.org-node-card:hover){border-left-color: var(--theme-accent-strong) !important}html[data-theme] .dept-card::before,html[data-theme] .balance-card::before,html[data-theme] .balance-progress-bar{background: linear-gradient(90deg,var(--theme-accent),var(--theme-accent-light)) !important}html[data-theme] :where(.es-hero){color: var(--theme-on-accent) !important}html[data-theme] :where(.es-help-card__btn){background: var(--theme-accent) !important;color: var(--theme-on-accent) !important}html[data-theme] :where(.es-help-card__btn:hover){background: var(--theme-accent-strong) !important;box-shadow: 0 4px 12px var(--theme-accent-subtle) !important}html[data-theme] :where( .perf-page-header,.capacity-metric-card ){background: radial-gradient(circle at top right,color-mix(in srgb,var(--theme-accent) 12%,transparent),transparent 36%),linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-elevated) 100%) !important}html[data-theme] .perf-page-header::before,html[data-theme] .capacity-metric-card::before,html[data-theme] .perf-card::before{background: radial-gradient(circle,color-mix(in srgb,var(--theme-accent) 10%,transparent) 0%,transparent 70%) !important}html[data-theme] :where( .perf-metric-icon-primary,.perf-metric-icon-info,.perf-metric-icon-warning,.capacity-icon-box,.member-avatar-large,.team-icon-large,.perf-dashboard-wrapper [style*="rgba(66,133,244"] ){background: color-mix(in srgb,var(--theme-accent) 15%,var(--color-surface)) !important;color: var(--theme-accent-strong) !important;border-color: color-mix(in srgb,var(--theme-accent) 36%,transparent) !important;box-shadow: 0 4px 16px var(--theme-accent-subtle) !important}html[data-theme] .perf-page-header-title .fa-trophy,html[data-theme] .perf-dashboard-wrapper .perf-metric-icon-box[style*="var(--google-yellow)"]{color: var(--theme-accent-strong) !important;-webkit-text-fill-color: currentColor !important}html[data-theme] .perf-dashboard-wrapper .perf-metric-icon-box[style*="var(--google-yellow)"]{background: color-mix(in srgb,var(--theme-accent) 15%,var(--color-surface)) !important;border-color: color-mix(in srgb,var(--theme-accent) 36%,transparent) !important;box-shadow: 0 4px 16px var(--theme-accent-subtle) !important}html[data-theme] :where( .perf-btn-primary,.perf-progress-primary,.perf-progress-bar-fill,.team-header,.perf-page-header-title>div,.tab-btn.active,.perf-checkbox-input:checked ~ .perf-checkbox-custom ){background: linear-gradient(135deg,var(--theme-accent) 0%,var(--theme-accent-strong) 100%) !important;color: var(--theme-on-accent) !important;border-color: var(--theme-accent) !important;box-shadow: 0 8px 22px var(--theme-accent-subtle) !important}html[data-theme] :where( .perf-btn-primary:hover,.week-navigator-btn:hover ){background: linear-gradient(135deg,var(--theme-accent-strong) 0%,var(--theme-accent) 100%) !important;color: var(--theme-on-accent) !important;border-color: var(--theme-accent-strong) !important;box-shadow: 0 10px 26px var(--theme-accent-subtle) !important}html[data-theme] :where( .perf-metric-change-up,.perf-card-title i,.perf-goal-meta i,.perf-badge-primary,.perf-badge-info,.perf-link,.capacity-metric-value,.week-display i,.team-stat-item i,.team-stat-value,.member-details h4 + .member-role-badge.role-developer,.skill-level,.perf-dashboard-wrapper [style*="--google-blue"] ){color: var(--theme-accent-strong) !important;-webkit-text-fill-color: currentColor !important}html[data-theme] :where( .perf-color-primary,.perf-color-info,.capacity-metric-value ){background: linear-gradient(135deg,var(--theme-accent),var(--theme-accent-strong)) !important;-webkit-background-clip: text !important;background-clip: text !important;-webkit-text-fill-color: transparent !important}html[data-theme] :where( .perf-badge-primary,.perf-badge-info,.role-developer,.leave-requests-count,.perf-dashboard-wrapper tr[style*="--google-blue-subtle"] ){background: color-mix(in srgb,var(--theme-accent) 14%,var(--color-surface)) !important;color: var(--theme-accent-strong) !important;border-color: color-mix(in srgb,var(--theme-accent) 35%,transparent) !important;box-shadow: 0 2px 8px var(--theme-accent-subtle) !important}html[data-theme] .perf-card-header::after,html[data-theme] .perf-modal-header::after,html[data-theme] .perf-key-result-box::before,html[data-theme] .perf-metric-card::before,html[data-theme] .perf-comparison-item::before,html[data-theme] .perf-goal-item::before,html[data-theme] .capacity-bar-fill{background: linear-gradient(90deg,var(--theme-accent),var(--theme-accent-light)) !important}html[data-theme] :where( .perf-metric-card:hover,.perf-card:hover,.perf-comparison-item:hover,.perf-goal-item:hover,.capacity-metric-card:hover,.team-stat-item:hover,.perf-key-result-box:hover,.perf-checkbox-label:hover,.perf-modal-body .perf-form-input:hover,.perf-modal-body .perf-form-select:hover,.perf-modal-body .perf-form-textarea:hover,.perf-modal-body .perf-form-input:focus,.perf-modal-body .perf-form-select:focus,.perf-modal-body .perf-form-textarea:focus ){border-color: var(--theme-accent) !important;box-shadow: var(--theme-shadow-md),0 0 0 3px var(--theme-accent-subtle) !important}html[data-theme] :where( .perf-btn-outline,.perf-btn-secondary:hover ){color: var(--theme-accent-strong) !important;border-color: var(--theme-accent) !important;background: color-mix(in srgb,var(--theme-accent) 10%,var(--color-surface)) !important}html[data-theme] :where(.perf-btn-outline:hover){color: var(--theme-on-accent) !important;background: var(--theme-accent) !important;border-color: var(--theme-accent) !important}html[data-theme] .perf-modal-close-btn::before,html[data-theme] .perf-checkbox-input:focus ~ .perf-checkbox-custom{background: var(--theme-accent-subtle) !important;box-shadow: 0 0 0 4px var(--theme-accent-subtle) !important}html[data-theme] :where(.perf-modal-close-btn:hover){background: var(--theme-accent) !important;color: var(--theme-on-accent) !important;border-color: var(--theme-accent) !important}html[data-theme] :where(.perf-dashboard-wrapper [style*="#5a7de8"]){background: linear-gradient(135deg,var(--theme-accent),var(--theme-accent-strong)) !important;color: var(--theme-on-accent) !important;box-shadow: 0 8px 22px var(--theme-accent-subtle) !important}html[data-theme] :where(.perf-dashboard-wrapper [style*="rgba(66,133,244,0.3)"]){box-shadow: 0 4px 12px var(--theme-accent-subtle) !important}html[data-theme] :where(.text-primary,.link-primary,.accent,.accent-text){color: var(--theme-accent-strong) !important}html[data-theme] :where(.bg-primary,.badge-primary,.badge--primary,.primary-bg){background: var(--theme-accent) !important;color: var(--theme-on-accent) !important;border-color: var(--theme-accent) !important}html[data-theme] :where(.border-primary,.primary-border){border-color: var(--theme-accent) !important}html[data-theme] :where(.btn-outline-primary,.outline-primary){color: var(--theme-accent-strong) !important;border-color: var(--theme-accent) !important;background: transparent !important}html[data-theme] :where(.btn-outline-primary:hover,.outline-primary:hover){color: var(--theme-on-accent) !important;border-color: var(--theme-accent) !important;background: var(--theme-accent) !important}html[data-theme] .theme-preview,html[data-theme] .theme-preview *{box-shadow: revert}
/* css/page-theme-adapters.css */
html[data-theme]{--pt-on-accent: #ffffff;--pt-danger: #dc2626;--pt-success: #16a34a;--pt-warning: #d97706;--pt-info: #0284c7}html[data-theme="lapis-lazuli"]{--pt-on-accent: #ffffff;--pt-project-accent: #3db8ff;--pt-project-alt: #d9af3f;--pt-github-accent: #3db8ff;--pt-github-alt: #f5d778;--pt-people-accent: #3db8ff;--pt-people-alt: #35d399;--pt-message-accent: #1a4dff;--pt-message-alt: #d9af3f;--pt-settings-accent: #3db8ff;--pt-data-accent: #39d5ff;--pt-vault-accent: #6ea8ff;--pt-docs-accent: #3db8ff}html[data-theme="polar-glass"]{--pt-on-accent: #ffffff;--pt-project-accent: #1597ff;--pt-project-alt: #6fd8ff;--pt-github-accent: #0a5ba9;--pt-github-alt: #5ecbff;--pt-people-accent: #1597ff;--pt-people-alt: #12b981;--pt-message-accent: #1597ff;--pt-message-alt: #7dd3fc;--pt-settings-accent: #1597ff;--pt-data-accent: #14b8d4;--pt-vault-accent: #4aa8ff;--pt-docs-accent: #1597ff}html[data-theme="origami-folded"]{--pt-project-accent: #d4674a;--pt-project-alt: #d49d4a;--pt-github-accent: #a14528;--pt-github-alt: #f0a08a;--pt-people-accent: #d4674a;--pt-people-alt: #629c72;--pt-message-accent: #d4674a;--pt-message-alt: #cc7a9a;--pt-settings-accent: #d4674a;--pt-data-accent: #d98962;--pt-vault-accent: #c75b78;--pt-docs-accent: #b56f4a}html[data-theme="samurai-steel"]{--pt-project-accent: #cf2333;--pt-project-alt: #94a3b8;--pt-github-accent: #e5ecf2;--pt-github-alt: #cf2333;--pt-people-accent: #cf2333;--pt-people-alt: #6b7a8c;--pt-message-accent: #cf2333;--pt-message-alt: #9ca3af;--pt-settings-accent: #b7c5d1;--pt-data-accent: #e5ecf2;--pt-vault-accent: #cf2333;--pt-docs-accent: #d9e2ea}html[data-theme="black-ice"]{--pt-on-accent: #021017;--pt-project-accent: #24c7ff;--pt-project-alt: #83e6ff;--pt-github-accent: #83e6ff;--pt-github-alt: #24c7ff;--pt-people-accent: #24c7ff;--pt-people-alt: #5de2bb;--pt-message-accent: #24c7ff;--pt-message-alt: #83e6ff;--pt-settings-accent: #83e6ff;--pt-data-accent: #4fd9ff;--pt-vault-accent: #24c7ff;--pt-docs-accent: #83e6ff}html[data-theme] body[class^="page-"],html[data-theme] body[class*=" page-"]{--page-accent: var(--theme-accent);--page-accent-2: var(--theme-accent-light);--page-accent-strong: var(--theme-accent-strong);--page-on-accent: var(--pt-on-accent);--page-surface: var(--color-surface);--page-surface-raised: var(--color-surface-elevated,var(--color-surface));--page-surface-soft: var(--color-surface-subtle,rgba(127,127,127,0.08));--page-border: var(--border-light);--page-text: var(--text-primary);--page-muted: var(--text-secondary);--page-subtle: var(--text-tertiary);--page-focus: color-mix(in srgb,var(--page-accent) 24%,transparent);--page-glow: color-mix(in srgb,var(--page-accent) 18%,transparent);--page-shadow: var(--theme-shadow-md,0 16px 42px rgba(15,23,42,0.12));--page-radius: var(--theme-radius-lg,18px)}html[data-theme] body:is(.page-projects-index,.page-projects-details,.page-projects-architecture,.page-projects-planning,.page-projects-whiteboard,.page-projects-sprints,.page-projects-gates,.page-projects-tickets,.page-projects-vault){--page-accent: var(--pt-project-accent);--page-accent-2: var(--pt-project-alt);--page-accent-strong: color-mix(in srgb,var(--pt-project-accent) 82%,black);--project-accent: var(--page-accent-2);--project-accent-color: var(--page-accent);--project-accent-strong: var(--page-accent-strong);--project-btn-bg: var(--page-accent);--project-btn-hover-bg: var(--page-accent-strong);--project-btn-text: var(--page-on-accent);--project-accent-fill: color-mix(in srgb,var(--page-accent) 14%,transparent);--project-accent-fill-strong: color-mix(in srgb,var(--page-accent) 24%,transparent);--project-accent-border: color-mix(in srgb,var(--page-accent) 42%,transparent);--project-focus-ring: var(--page-focus);--card-bg: var(--page-surface-raised);--border: var(--page-border)}html[data-theme] body:is(.page-projects-bugs,.page-projects-kanban){--page-accent: var(--pt-project-accent);--page-accent-2: var(--pt-project-alt);--page-accent-strong: color-mix(in srgb,var(--pt-project-accent) 84%,black);--project-accent: var(--page-accent-2);--project-accent-color: var(--page-accent);--project-accent-strong: var(--page-accent-strong);--project-btn-bg: var(--page-accent);--project-btn-hover-bg: var(--page-accent-strong);--project-btn-text: var(--page-on-accent);--project-accent-fill: color-mix(in srgb,var(--page-accent) 14%,transparent);--project-accent-border: color-mix(in srgb,var(--page-accent) 42%,transparent);--project-focus-ring: var(--page-focus);--card-bg: var(--page-surface-raised);--border: var(--page-border)}html[data-theme] body:is(.page-github,.page-githubnew,.page-githubold,.page-github-workflowgenerator,.page-github-triggerworkflow,.page-codemanagement,.page-agentcodesnippets,.page-visualstudioagents,.page-branchgraveyard){--page-accent: var(--pt-github-accent);--page-accent-2: var(--pt-github-alt);--page-accent-strong: color-mix(in srgb,var(--pt-github-accent) 82%,black);--gh-primary: var(--page-accent);--gh-primary-2: var(--page-accent-2);--gh-surface: var(--page-surface-raised);--gh-surface-2: var(--page-surface-soft);--gh-border: var(--page-border);--gh-text: var(--page-text);--gh-text-2: var(--page-muted);--gh-text-3: var(--page-subtle);--cmx-primary: var(--page-accent);--cmx-primary-hover: var(--page-accent-strong);--cmx-accent-1: var(--page-accent);--cmx-accent-2: var(--page-accent-2);--cmx-surface: var(--page-surface-raised);--cmx-surface-alt: var(--page-surface-soft);--cmx-surface-overlay: var(--page-surface-raised);--cmx-border: var(--page-border)}html[data-theme] body:is(.page-github-workflowgenerator,.page-github-triggerworkflow){--google-blue: var(--page-accent);--google-blue-light: var(--page-accent-2);--google-blue-dark: var(--page-accent-strong);--google-green: var(--page-accent-2);--google-yellow: var(--page-accent-2);--google-red: var(--page-accent-strong);--perf-accent-1: var(--page-accent);--perf-accent-2: var(--page-accent-2);--perf-accent-3: var(--page-accent-2);--perf-accent-4: var(--page-accent-strong);--perf-gradient-primary: linear-gradient(135deg,var(--page-accent),var(--page-accent-strong));--perf-gradient-success: linear-gradient(135deg,var(--page-accent-2),var(--page-accent));--perf-header-tint-1: color-mix(in srgb,var(--page-accent) 10%,transparent);--perf-header-tint-2: color-mix(in srgb,var(--page-accent-2) 9%,transparent);--perf-header-tint-3: color-mix(in srgb,var(--page-accent-strong) 7%,transparent)}html[data-theme] body:is(.page-index,.page-performance-dashboard,.page-leave-index,.page-calendar-index,.page-organization-index,.page-resources-capacity,.page-recognition-wall,.page-recognition-managebadges){--page-accent: var(--pt-people-accent);--page-accent-2: var(--pt-people-alt);--page-accent-strong: color-mix(in srgb,var(--pt-people-accent) 82%,black);--perf-accent-1: var(--page-accent);--perf-accent-2: var(--page-accent-2);--perf-gradient-primary: linear-gradient(135deg,var(--page-accent) 0%,var(--page-accent-2) 100%);--perf-gradient-success: linear-gradient(135deg,var(--page-accent-2) 0%,var(--page-accent) 100%);--perf-header-tint-1: color-mix(in srgb,var(--page-accent) 10%,transparent);--perf-header-tint-2: color-mix(in srgb,var(--page-accent-2) 9%,transparent);--es-primary: var(--page-accent);--es-primary-hover: var(--page-accent-strong);--es-info: var(--page-accent-2)}html[data-theme] body:is(.page-messages-index,.page-chat,.page-chatagents){--page-accent: var(--pt-message-accent);--page-accent-2: var(--pt-message-alt);--page-accent-strong: color-mix(in srgb,var(--pt-message-accent) 82%,black)}html[data-theme] body.page-settings-index{--page-accent: var(--pt-settings-accent);--page-accent-2: var(--theme-accent);--page-accent-strong: color-mix(in srgb,var(--pt-settings-accent) 84%,black)}html[data-theme] body:is(.page-thevault,.page-projects-vault){--page-accent: var(--pt-vault-accent);--page-accent-2: var(--theme-accent-light);--page-accent-strong: color-mix(in srgb,var(--pt-vault-accent) 82%,black);--vault-accent: var(--page-accent);--vault-accent-strong: var(--page-accent-strong);--vault-accent-edge: color-mix(in srgb,var(--page-accent) 44%,transparent);--vault-focus: var(--page-focus)}html[data-theme] body:is(.page-dbwizard){--page-accent: var(--pt-data-accent);--page-accent-2: var(--theme-accent-light);--page-accent-strong: color-mix(in srgb,var(--pt-data-accent) 82%,black);--ssms-accent: var(--page-accent);--ssms-accent-hover: var(--page-accent-strong);--ssms-border: var(--page-border);--ssms-bg-primary: var(--page-surface);--ssms-bg-secondary: var(--page-surface-raised)}html[data-theme] body:is(.page-documents){--page-accent: var(--pt-docs-accent);--page-accent-2: var(--theme-accent-light);--page-accent-strong: color-mix(in srgb,var(--pt-docs-accent) 82%,black)}html[data-theme] body[class^="page-"] :where( .page-header,.perf-page-header,.dashboard-hero,.messages-hero,.settings-header,.gh-hero,.es-hero ){background: radial-gradient(circle at 8% 10%,color-mix(in srgb,var(--page-accent) 16%,transparent),transparent 34%),radial-gradient(circle at 98% 0%,color-mix(in srgb,var(--page-accent-2) 12%,transparent),transparent 32%),var(--page-surface) !important;color: var(--page-text) !important;border-color: color-mix(in srgb,var(--page-accent) 28%,var(--page-border)) !important;box-shadow: var(--page-shadow) !important}html[data-theme="polar-glass"] body[class^="page-"] :where( .page-header,.perf-page-header,.dashboard-hero,.messages-hero,.settings-header,.gh-hero,.es-hero ),html[data-theme="polar-glass"] body[class*=" page-"] :where( .page-header,.perf-page-header,.dashboard-hero,.messages-hero,.settings-header,.gh-hero,.es-hero ){background: var(--theme-page-hero-background) !important;color: var(--page-text) !important;border-color: rgba(21,151,255,0.30) !important;box-shadow: var(--theme-shadow-md),inset 0 1px 0 rgba(255,255,255,0.72) !important;backdrop-filter: blur(var(--theme-blur)) saturate(var(--theme-saturation));-webkit-backdrop-filter: blur(var(--theme-blur)) saturate(var(--theme-saturation))}html[data-theme] body[class^="page-"] :where( input,select,textarea,.form-control,.form-select,.filter-select,.search-input,.perf-form-input,.perf-form-select,.perf-form-textarea,.chat-input,.wfgen-mono,.wfgen-input,.codebase-repo-dropdown ){background: var(--page-surface-raised) !important;color: var(--page-text) !important;border-color: var(--page-border) !important}html[data-theme] body[class^="page-"] :where( input,select,textarea,.form-control,.form-select,.filter-select,.search-input,.perf-form-input,.perf-form-select,.perf-form-textarea,.chat-input,.wfgen-mono,.wfgen-input,.codebase-repo-dropdown ):focus{border-color: var(--page-accent) !important;box-shadow: 0 0 0 3px var(--page-focus) !important;outline: none !important}html[data-theme] body[class^="page-"] :where( .btn-primary,.button-primary,.perf-btn-primary,.project-btn--primary,.action-link,.gh-btn.primary,.wfgen-section-num,.chat-send-button,.send-btn,.new-chat-btn,.codebase-chat-send,.vault-btn--primary ){background: linear-gradient(135deg,var(--page-accent),var(--page-accent-strong)) !important;color: var(--page-on-accent) !important;border-color: color-mix(in srgb,var(--page-accent) 72%,transparent) !important;box-shadow: 0 12px 28px var(--page-glow) !important}html[data-theme] body[class^="page-"] :where( .btn-primary,.button-primary,.perf-btn-primary,.project-btn--primary,.action-link,.gh-btn.primary,.chat-send-button,.send-btn,.new-chat-btn,.codebase-chat-send,.vault-btn--primary ):hover:not(:disabled){background: linear-gradient(135deg,var(--page-accent-strong),var(--page-accent)) !important;color: var(--page-on-accent) !important;transform: translateY(-1px)}html[data-theme] body[class^="page-"] :where( .btn-secondary,.btn-ghost,.perf-btn-secondary,.perf-btn-outline,.project-btn--ghost,.icon-btn,.btn-icon,.gh-btn,.tab-button,.nav-item,.code-tab,.filter-btn,.toolbar-btn ){background: color-mix(in srgb,var(--page-accent) 8%,var(--page-surface-raised)) !important;color: var(--page-text) !important;border-color: color-mix(in srgb,var(--page-accent) 24%,var(--page-border)) !important}html[data-theme] body[class^="page-"] :where( .btn-secondary,.btn-ghost,.perf-btn-secondary,.perf-btn-outline,.project-btn--ghost,.icon-btn,.btn-icon,.gh-btn,.tab-button,.nav-item,.code-tab,.filter-btn,.toolbar-btn ):hover{background: color-mix(in srgb,var(--page-accent) 16%,var(--page-surface-raised)) !important;color: var(--page-accent-strong) !important;border-color: var(--page-accent) !important}html[data-theme] body[class^="page-"] :where( .active,.is-active,.selected,.tab-button.active,.nav-item.active,.conversation-item.active,.repo-item.active,.history-item.active ){border-color: var(--page-accent) !important}html[data-theme] body:is(.page-projects-index,.page-projects-details,.page-projects-architecture,.page-projects-planning,.page-projects-whiteboard,.page-projects-bugs,.page-projects-kanban,.page-projects-sprints,.page-projects-gates,.page-projects-tickets,.page-projects-vault) :where( .project-section,.projects-filter-bar,.deadlines-section,.team-section,.phase-track-section,.project-card,.phase-card-mini,.deadline-item,.kanban-toolbar,.kanban-col,.kanban-card,.bugs-stats-bar,.bstat,.bcard,.bug-detail-panel,.bdp__meta-item,.bdp__feed-item,.bdp__status-opt,.ticket-control-panel,.ticket-link-panel,.ticket-link-card,.ticket-inbox-card,.external-ticket-card,.external-ticket-recent,.modal-box,.project-modal-shell,.project-team-picker,.project-team-picker__options ){background: linear-gradient(135deg,color-mix(in srgb,var(--page-accent) 7%,transparent),color-mix(in srgb,var(--page-accent-2) 5%,transparent)),var(--page-surface-raised) !important;color: var(--page-text) !important;border-color: color-mix(in srgb,var(--page-accent) 26%,var(--page-border)) !important;box-shadow: var(--project-shadow-md,var(--page-shadow)) !important}html[data-theme] body:is(.page-projects-index,.page-projects-details,.page-projects-architecture,.page-projects-planning,.page-projects-whiteboard,.page-projects-bugs,.page-projects-kanban,.page-projects-sprints,.page-projects-gates,.page-projects-tickets,.page-projects-vault) :where( .project-card:hover,.phase-card-mini:hover,.deadline-item:hover,.kanban-card:hover,.bcard:hover,.ticket-inbox-card:hover,.ticket-link-card:hover ){border-color: var(--page-accent) !important;box-shadow: var(--project-shadow-lg,var(--page-shadow)),0 0 0 3px var(--page-focus) !important}html[data-theme] body.page-projects-bugs :where(.bug-detail-panel){background: linear-gradient(180deg,color-mix(in srgb,var(--page-accent) 9%,transparent),transparent 32%),var(--page-surface-raised) !important;border: 1px solid color-mix(in srgb,var(--page-accent) 34%,var(--page-border)) !important;box-shadow: -24px 0 70px rgba(0,0,0,0.18),0 0 0 1px var(--page-glow) !important}html[data-theme] body.page-projects-bugs :where(.bdp__header,.bdp__section){border-color: color-mix(in srgb,var(--page-accent) 20%,var(--page-border)) !important}html[data-theme] body.page-projects-bugs :where(.bdp__id,.bdp__section-title,.bstat-num,.bcard__title){color: var(--page-accent-strong) !important;-webkit-text-fill-color: currentColor !important}html[data-theme] body.page-projects-bugs :where(.bdp__close,.bdp__claim-inline-btn,.bdp__post-btn,.bdp__submit-btn,.bcard__claim-btn){background: linear-gradient(135deg,var(--page-accent),var(--page-accent-strong)) !important;color: var(--page-on-accent) !important;border-color: transparent !important}html[data-theme] body.page-projects-kanban :where(.kanban-drop.over){background: color-mix(in srgb,var(--page-accent) 14%,transparent) !important;outline-color: color-mix(in srgb,var(--page-accent) 55%,transparent) !important}html[data-theme] body.page-projects-whiteboard .whiteboard-app-shell{--theme-font: 'Inter','Roboto',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--theme-radius-md: 8px;--theme-radius-lg: 10px;--theme-border-width: 1px;--theme-shadow-sm: none;--theme-shadow-md: 0 16px 32px rgba(0,0,0,0.18);--wb-bg: color-mix(in srgb,var(--page-surface,#071831) 84%,#061328);--wb-panel: color-mix(in srgb,var(--page-surface-raised,#0a1d3d) 88%,var(--page-surface,#071831));--wb-panel-soft: color-mix(in srgb,var(--page-surface-soft,rgba(127,127,127,0.1)) 74%,transparent);--wb-ink: var(--page-text,#f4f7ff);--wb-muted: color-mix(in srgb,var(--page-muted,#cbd5e1) 82%,var(--page-text,#f4f7ff));--wb-border: color-mix(in srgb,var(--page-border,rgba(127,127,127,0.22)) 82%,transparent);--wb-accent: var(--page-accent,var(--theme-accent,#2f6fed));--wb-accent-strong: color-mix(in srgb,var(--wb-accent) 78%,var(--page-text,#ffffff));--wb-control-bg: color-mix(in srgb,var(--page-surface-raised,#0a1d3d) 90%,transparent);--wb-canvas: color-mix(in srgb,#f8fbff 94%,var(--page-surface,#ffffff) 6%);--wb-canvas-line: color-mix(in srgb,var(--wb-accent) 16%,rgba(64,86,120,0.1));background: linear-gradient(180deg,color-mix(in srgb,var(--wb-bg) 88%,var(--wb-accent) 12%),var(--wb-bg)) !important;color: var(--wb-ink) !important}html[data-theme] body.page-projects-whiteboard :where( .whiteboard-topbar,.whiteboard-board-rail,.whiteboard-inspector,.whiteboard-mobile-dock,.whiteboard-toolbar-group,.whiteboard-color-group,.whiteboard-mobile-colors,.whiteboard-mobile-strokes,.whiteboard-mobile-primary-tools ){color: var(--wb-ink) !important;border-color: var(--wb-border) !important}html[data-theme] body.page-projects-whiteboard :where( .whiteboard-tool-button,.whiteboard-toolbar-group button,.whiteboard-icon-button,.whiteboard-mobile-tool,.whiteboard-mobile-tray-button,.whiteboard-stroke-button,.whiteboard-board-create button ){appearance: none !important;-webkit-appearance: none !important;min-width: 0;border-color: var(--wb-border) !important;background: color-mix(in srgb,var(--wb-panel) 72%,transparent) !important;color: var(--wb-ink) !important;box-shadow: none !important;letter-spacing: 0 !important;text-transform: none !important}html[data-theme] body.page-projects-whiteboard :where( .whiteboard-tool-button.is-active,.whiteboard-mobile-tool.is-active,.whiteboard-mobile-tray-button.is-active,.whiteboard-stroke-button.is-active,.whiteboard-board-row.is-active>button:first-child ){border-color: color-mix(in srgb,var(--wb-accent) 70%,transparent) !important;background: linear-gradient(135deg,var(--wb-accent),color-mix(in srgb,var(--wb-accent) 72%,#111827)) !important;color: #ffffff !important;box-shadow: 0 10px 22px color-mix(in srgb,var(--wb-accent) 26%,transparent) !important}html[data-theme] body:is(.page-github,.page-githubnew,.page-githubold,.page-github-workflowgenerator,.page-github-triggerworkflow,.page-codemanagement,.page-agentcodesnippets,.page-visualstudioagents,.page-branchgraveyard) :where( .gh-sidebar__card,.repo-item,.gh-repoTop,.content-card,.metric-card,.workflow-card,.stat-pill,.traffic-panel,.traffic-item,.tab-nav,.perf-card,.wfgen-tip,.wfgen-warn,.workflow-type-panel,.wfgen-artifact,.secret-table,.cmx-statusbar,.cmx-sidebar,.cmx-repo,.cmx-repo-header,.cmx-metric-card,.cmx-modal__panel,.cmx-empty ){background: linear-gradient(135deg,color-mix(in srgb,var(--page-accent) 7%,transparent),color-mix(in srgb,var(--page-accent-2) 5%,transparent)),var(--page-surface-raised) !important;color: var(--page-text) !important;border-color: color-mix(in srgb,var(--page-accent) 26%,var(--page-border)) !important;box-shadow: var(--page-shadow) !important}html[data-theme] body:is(.page-github-workflowgenerator,.page-github-triggerworkflow) :where( .perf-page-header-title i,.perf-card-title i,.wfgen-section-title i,.wfgen-artifact-lang,.secret-name,.ai-badge ){color: var(--page-accent) !important;-webkit-text-fill-color: currentColor !important}html[data-theme] body:is(.page-github-workflowgenerator,.page-github-triggerworkflow) :where( .wfgen-pre,.wfgen-mono,code,pre ){background: color-mix(in srgb,var(--page-accent) 7%,#0b1020) !important;color: #e5edf8 !important;border-color: color-mix(in srgb,var(--page-accent) 32%,transparent) !important}html[data-theme] body.page-codemanagement :where(.cmx-repo.is-active,.cmx-action-btn:not(:disabled):hover,.cmx-statusbar__btn:hover){background: color-mix(in srgb,var(--page-accent) 16%,var(--page-surface-raised)) !important;border-color: var(--page-accent) !important}html[data-theme] body:is(.page-index,.page-performance-dashboard,.page-leave-index,.page-calendar-index,.page-organization-index,.page-resources-capacity,.page-recognition-wall,.page-recognition-managebadges) :where( .perf-card,.perf-metric-card,.perf-comparison-item,.perf-goal-item,.perf-key-result-box,.perf-modal-container,.capacity-metric-card,.team-stat-item,.leave-card,.leave-balance-card,.leave-request-card,.leave-table,.leave-modal,.calendar-card,.org-card,.org-node,.recognition-card,.badge-card,.es-action-card,.es-stat-card,.es-section,.es-timeline-item,.es-help-card ){background: linear-gradient(135deg,color-mix(in srgb,var(--page-accent) 6%,transparent),color-mix(in srgb,var(--page-accent-2) 5%,transparent)),var(--page-surface-raised) !important;color: var(--page-text) !important;border-color: color-mix(in srgb,var(--page-accent) 25%,var(--page-border)) !important;box-shadow: var(--page-shadow) !important}html[data-theme] body:is(.page-index,.page-performance-dashboard,.page-leave-index,.page-calendar-index,.page-organization-index,.page-resources-capacity,.page-recognition-wall,.page-recognition-managebadges) :where( .perf-card-title i,.perf-goal-meta i,.perf-metric-value,.leave-hero__title-icon,.leave-stat-value,.es-section__title i,.es-stat-card__value ){color: var(--page-accent-strong) !important;-webkit-text-fill-color: currentColor !important}html[data-theme] body.page-organization-index :where( .org-card,.org-stat,.hierarchy-card,.person-card,.dept-card,.constellation ){background: var(--org-surface-elevated,var(--page-surface-raised)) !important;color: var(--org-text,var(--page-text)) !important;border-color: var(--org-border,color-mix(in srgb,var(--page-accent) 25%,var(--page-border))) !important;box-shadow: var(--org-shadow-sm,var(--page-shadow)) !important}html[data-theme] body.page-organization-index :where(.hierarchy-card--leaf){background: var(--org-surface,var(--page-surface)) !important}html[data-theme] body.page-organization-index .dept-card::before,html[data-theme] body.page-organization-index .dept-meter__fill{background: var(--org-accent,var(--page-accent)) !important}html[data-theme] body:is(.page-leave-index,.page-calendar-index) :where(.leave-action-btn--primary,.leave-hero__action,.leave-submit-btn){background: linear-gradient(135deg,var(--page-accent),var(--page-accent-2)) !important;color: var(--page-on-accent) !important;border-color: transparent !important}html[data-theme] body:is(.page-messages-index,.page-chat,.page-chatagents) :where( .messages-sidebar,.messages-main,.messages-page .messages-sidebar,.messages-page .messages-main,.chat-sidebar,.chat-main,.chat-header,.chat-input-container,.conversation-item,.history-item,.message-content,.message-text,.msg-bubble,.document-reference,.suggestion-chip,.agent-card,.modal-container,.participants-list,.participant-item ){background: linear-gradient(135deg,color-mix(in srgb,var(--page-accent) 6%,transparent),color-mix(in srgb,var(--page-accent-2) 5%,transparent)),var(--page-surface-raised) !important;color: var(--page-text) !important;border-color: color-mix(in srgb,var(--page-accent) 24%,var(--page-border)) !important}html[data-theme] body:is(.page-messages-index,.page-chat,.page-chatagents) :where(.msg-bubble.me,.message.user .message-content,.user-message .message-text){background: linear-gradient(135deg,var(--page-accent),var(--page-accent-strong)) !important;color: var(--page-on-accent) !important;border-color: transparent !important}html[data-theme] body:is(.page-messages-index,.page-chat,.page-chatagents) :where(.conversation-item.active,.history-item.active,.suggestion-chip:hover){background: color-mix(in srgb,var(--page-accent) 16%,var(--page-surface-raised)) !important;color: var(--page-accent-strong) !important}html[data-theme] body.page-settings-index :where( .settings-sidebar,.settings-content .card,.theme-card,.builder-item,.modal-box,.users-table,.tab-content.active ){background: linear-gradient(135deg,color-mix(in srgb,var(--page-accent) 5%,transparent),color-mix(in srgb,var(--page-accent-2) 4%,transparent)),var(--page-surface-raised) !important;color: var(--page-text) !important;border-color: color-mix(in srgb,var(--page-accent) 24%,var(--page-border)) !important;box-shadow: var(--page-shadow) !important}html[data-theme] body.page-settings-index :where(.theme-card.selected,.nav-item.active){background: color-mix(in srgb,var(--page-accent) 14%,var(--page-surface-raised)) !important;border-color: var(--page-accent) !important;color: var(--page-accent-strong) !important;box-shadow: 0 0 0 3px var(--page-focus) !important}html[data-theme] body.page-settings-index :where(input[type="range"]){accent-color: var(--page-accent)}html[data-theme] body:is(.page-thevault,.page-projects-vault,.page-documents,.page-dbwizard) :where( .vault-hero,.vault-card,.vault-project-card,.vault-entry-card,.vault-category-section,.vault-modal__dialog,.document-card,.message-card,.section,.table-container,.chunk,.db-wizard-wrapper,.ssms-welcome,.properties-panel,.query-panel,.results-panel,.column-details-panel,.modal-dialog ){background: linear-gradient(135deg,color-mix(in srgb,var(--page-accent) 6%,transparent),color-mix(in srgb,var(--page-accent-2) 4%,transparent)),var(--page-surface-raised) !important;color: var(--page-text) !important;border-color: color-mix(in srgb,var(--page-accent) 25%,var(--page-border)) !important;box-shadow: var(--page-shadow) !important}html[data-theme] body:is(.page-thevault,.page-projects-vault,.page-documents,.page-dbwizard) :where( .vault-btn--primary,.vault-mini-btn:hover,.ssms-welcome-icon,.execute-btn,.run-query-btn ){background: linear-gradient(135deg,var(--page-accent),var(--page-accent-strong)) !important;color: var(--page-on-accent) !important;border-color: transparent !important}html[data-theme] body[class^="page-"] :where( table,.table,.data-table,.users-table,.secret-table,.modal,.modal-box,.modal-container,.modal-content,.dropdown-menu,.popover,.toast,.notif-live-island,.codebase-toast,.cmx-toast ){background: var(--page-surface-raised) !important;color: var(--page-text) !important;border-color: color-mix(in srgb,var(--page-accent) 24%,var(--page-border)) !important}html[data-theme] body[class^="page-"] :where(th,.table thead th,.data-table thead th,.users-table th,.secret-table th){background: color-mix(in srgb,var(--page-accent) 10%,var(--page-surface-raised)) !important;color: var(--page-accent-strong) !important;border-color: color-mix(in srgb,var(--page-accent) 22%,var(--page-border)) !important}html[data-theme] body[class^="page-"] :where(td,.table td,.data-table td,.users-table td,.secret-table td){color: var(--page-text) !important;border-color: color-mix(in srgb,var(--page-accent) 14%,var(--page-border)) !important}html[data-theme] body[class^="page-"] :where( .badge,.chip,.pill,.tag,.ai-badge,.step-badge,.status-badge,.workflow-badge,.tab-count ){background: color-mix(in srgb,var(--page-accent) 14%,var(--page-surface-raised)) !important;color: var(--page-accent-strong) !important;border-color: color-mix(in srgb,var(--page-accent) 30%,transparent) !important}html[data-theme] body[class^="page-"] :where( .alert-success,.perf-alert-success,.success-message,.msg-line.system.ok ){background: color-mix(in srgb,var(--pt-success) 14%,var(--page-surface-raised)) !important;color: color-mix(in srgb,var(--pt-success) 72%,var(--page-text)) !important;border-color: color-mix(in srgb,var(--pt-success) 34%,transparent) !important}html[data-theme] body[class^="page-"] :where( .alert-danger,.alert-error,.perf-alert-danger,.error-message,.cmx-toast--danger ){background: color-mix(in srgb,var(--pt-danger) 14%,var(--page-surface-raised)) !important;color: color-mix(in srgb,var(--pt-danger) 78%,var(--page-text)) !important;border-color: color-mix(in srgb,var(--pt-danger) 34%,transparent) !important}html[data-theme] body[class^="page-"] :where( .alert-warning,.warning-message,.wfgen-warn,.msg-line.system.warn ){background: color-mix(in srgb,var(--pt-warning) 14%,var(--page-surface-raised)) !important;color: color-mix(in srgb,var(--pt-warning) 74%,var(--page-text)) !important;border-color: color-mix(in srgb,var(--pt-warning) 34%,transparent) !important}html[data-theme] body[class^="page-"] :where( *:focus-visible ){outline: 2px solid var(--page-accent) !important;outline-offset: 2px !important}html[data-theme] body[class^="page-"] :where( *:disabled,.disabled,[aria-disabled="true"] ){opacity: 0.62 !important;cursor: not-allowed !important}html[data-theme] body[class^="page-"] :where( .perf-skeleton,.loading-shimmer,.skeleton,.placeholder ){background: linear-gradient(90deg,var(--page-surface-soft),color-mix(in srgb,var(--page-accent) 12%,var(--page-surface-raised)),var(--page-surface-soft)) !important;background-size: 220% 100% !important}html[data-theme] body[class^="page-"] ::selection,html[data-theme] body[class*=" page-"] ::selection{background: color-mix(in srgb,var(--page-accent) 32%,transparent);color: var(--page-text)}html[data-theme] body[class^="page-"] *::-webkit-scrollbar-thumb,html[data-theme] body[class*=" page-"] *::-webkit-scrollbar-thumb{background: color-mix(in srgb,var(--page-accent) 34%,var(--page-border)) !important;border: 2px solid transparent !important;background-clip: padding-box !important}body.ticket-intake{--page-accent: var(--brand-primary);--page-accent-2: var(--brand-secondary);--page-accent-strong: var(--brand-primary-dark);--page-on-accent: #ffffff;--page-surface: var(--brand-surface);--page-surface-raised: color-mix(in srgb,var(--brand-surface) 92%,white);--page-border: var(--brand-line);--page-text: var(--brand-ink);--page-muted: var(--brand-muted);--page-focus: color-mix(in srgb,var(--brand-primary) 24%,transparent);--page-shadow: 0 20px 60px color-mix(in srgb,var(--brand-primary) 16%,transparent)}body.ticket-intake :where(.ticket-form,.ticket-intro__panel,.ticket-success,.ticket-errors,.ticket-type-card,.platform-topbar){border-color: color-mix(in srgb,var(--page-accent) 24%,var(--page-border)) !important;box-shadow: var(--page-shadow) !important}body.ticket-intake :where(.ticket-field input,.ticket-field select,.ticket-field textarea){border-color: color-mix(in srgb,var(--page-accent) 20%,var(--page-border)) !important}body.ticket-intake :where(.ticket-field input,.ticket-field select,.ticket-field textarea):focus{border-color: var(--page-accent) !important;box-shadow: 0 0 0 3px var(--page-focus) !important}
/* css/page-responsive-adapters.css */
html,body{max-width: 100%}html[data-theme] body[class^="page-"],html[data-theme] body[class*=" page-"],body.ticket-intake{overflow-x: clip}body[class^="page-"] *,body[class^="page-"] *::before,body[class^="page-"] *::after,body[class*=" page-"] *,body[class*=" page-"] *::before,body[class*=" page-"] *::after,body.ticket-intake *,body.ticket-intake *::before,body.ticket-intake *::after{min-width: 0}img,svg,video,canvas{max-width: 100%}body[class^="page-"] :where(.app-shell,.app-container,.app-content,main,.main-content,.content,.page-content),body[class*=" page-"] :where(.app-shell,.app-container,.app-content,main,.main-content,.content,.page-content){max-width: 100%;min-width: 0}body.page-settings-index .app-content{padding: .75rem 0 1rem !important}body.page-settings-index .app-shell{padding-top: 64px !important}body.page-settings-index .app-container{min-height: calc(100vh - 64px) !important;padding-top: 0 !important}body.page-settings-index .settings-hero h1{color: var(--settings-accent,var(--page-accent,var(--theme-accent))) !important;-webkit-text-fill-color: currentColor !important;background: none !important}body.page-settings-index .settings-page-shell .tab-content.active{background: transparent !important;border-color: transparent !important;box-shadow: none !important}body[class^="page-"] :where(table),body[class*=" page-"] :where(table){max-width: 100%}body[class^="page-"] :where(pre,code,.wfgen-pre,.cmx-code,.code-section pre,.markdown-body pre),body[class*=" page-"] :where(pre,code,.wfgen-pre,.cmx-code,.code-section pre,.markdown-body pre){white-space: pre-wrap;overflow-wrap: anywhere}@media (max-width: 1280px){body[class^="page-"] :where(.app-content),body[class*=" page-"] :where(.app-content){padding-left: clamp(0.75rem,2vw,1.25rem);padding-right: clamp(0.75rem,2vw,1.25rem)}body:is(.page-projects-index,.page-projects-details,.page-projects-bugs,.page-projects-kanban,.page-projects-tickets) :where( .projects-grid,.project-grid,.bugs-grid,.external-ticket-grid,.ticket-link-grid ){grid-template-columns: repeat(auto-fit,minmax(min(280px,100%),1fr)) !important}body:is(.page-dbwizard) :where(.split-layout,.db-wizard-layout,.ssms-layout){grid-template-columns: minmax(260px,0.8fr) minmax(0,1.2fr) !important}}@media (max-width: 1080px){body[class^="page-"] :where( .dashboard-hero,.page-header,.perf-page-header,.messages-hero,.gh-hero,.vault-hero,.leave-hero,.es-hero ),body[class*=" page-"] :where( .dashboard-hero,.page-header,.perf-page-header,.messages-hero,.gh-hero,.vault-hero,.leave-hero,.es-hero ){padding: clamp(1.1rem,3vw,1.75rem) !important}body[class^="page-"] :where( .hero-row,.gh-hero__inner,.gh-repoTop__header,.perf-d-flex.perf-justify-between,.leave-hero,.messages-hero,.vault-hero,.external-ticket-hub__head ),body[class*=" page-"] :where( .hero-row,.gh-hero__inner,.gh-repoTop__header,.perf-d-flex.perf-justify-between,.leave-hero,.messages-hero,.vault-hero,.external-ticket-hub__head ){display: flex !important;flex-wrap: wrap !important;align-items: flex-start !important;gap: 1rem !important}body:is(.page-messages-index,.page-chat,.page-chatagents) :where(.messages-workspace,.messages-page .messages-workspace,.chat-layout){grid-template-columns: minmax(240px,320px) minmax(0,1fr) !important}body:is(.page-settings-index) :where(.settings-layout){grid-template-columns: 220px minmax(0,1fr) !important}body:is(.page-dbwizard) :where( .split-layout,.db-wizard-layout,.ssms-layout,.results-columns-container ){grid-template-columns: 1fr !important}body:is(.page-dbwizard) :where( .split-pane-left,.split-pane-right,.properties-panel,.query-panel,.results-panel,.column-details-panel,.results-section,.column-inspector-section ){width: 100% !important;max-width: none !important;min-width: 0 !important}body:is(.page-dbwizard) :where(.vertical-resizer,.horizontal-resizer){display: none !important}}@media (max-width: 900px){body[class^="page-"] :where( .grid-2,.grid-3,.grid-4,.form-grid,.form-row,.wfgen-grid-2,.wfgen-grid-3,.perf-row,.ticket-inbox-summary,.ticket-filter-form,.ticket-link-grid,.external-ticket-grid,.project-modal-grid,.project-form-grid,.vault-form-grid,.vault-stats,.vault-project-grid,.vault-entry-grid,.vault-category-grid,.builder-grid,.theme-grid ),body[class*=" page-"] :where( .grid-2,.grid-3,.grid-4,.form-grid,.form-row,.wfgen-grid-2,.wfgen-grid-3,.perf-row,.ticket-inbox-summary,.ticket-filter-form,.ticket-link-grid,.external-ticket-grid,.project-modal-grid,.project-form-grid,.vault-form-grid,.vault-stats,.vault-project-grid,.vault-entry-grid,.vault-category-grid,.builder-grid,.theme-grid ){grid-template-columns: 1fr !important}body:is(.page-projects-bugs) :where(.bugs-page-surface.has-bug-panel .bugs-main-shell){padding-right: 0 !important}body:is(.page-projects-bugs) :where(.bug-detail-panel,.bdp){position: fixed !important;top: auto !important;right: 0 !important;bottom: 0 !important;left: 0 !important;width: 100% !important;max-width: 100% !important;min-width: 0 !important;height: min(78vh,calc(100vh - 76px)) !important;border-radius: 22px 22px 0 0 !important;overflow: hidden !important}body:is(.page-projects-bugs) :where(.bdp__body){max-height: calc(78vh - 112px) !important;overflow-y: auto !important;-webkit-overflow-scrolling: touch}body:is(.page-projects-kanban) :where(.kanban-board,.kanban,.kanban-columns){display: flex !important;gap: 1rem !important;overflow-x: auto !important;scroll-snap-type: x proximity;padding-bottom: 0.75rem !important;-webkit-overflow-scrolling: touch}body:is(.page-projects-kanban) :where(.kanban-col,.kanban-column){flex: 0 0 min(82vw,360px) !important;width: min(82vw,360px) !important;scroll-snap-align: start}body:is(.page-messages-index,.page-chat,.page-chatagents) :where(.messages-workspace,.messages-page .messages-workspace,.chat-layout){grid-template-columns: 1fr !important;height: auto !important;min-height: 0 !important}body:is(.page-messages-index,.page-chat,.page-chatagents) :where(.messages-sidebar,.chat-sidebar){max-height: 280px !important;height: auto !important;overflow-y: auto !important;border-right: 0 !important}body:is(.page-messages-index,.page-chat,.page-chatagents) :where(.messages-main,.chat-main){height: min(680px,calc(100vh - 260px)) !important;min-height: 420px !important}body:is(.page-settings-index) :where(.settings-container){height: auto !important;min-height: calc(100vh - 72px)}body:is(.page-settings-index) :where(.settings-layout){grid-template-columns: 1fr !important;overflow: visible !important}body:is(.page-settings-index) :where(.settings-sidebar){display: flex !important;flex-wrap: nowrap !important;overflow-x: auto !important;padding: 0.75rem !important;gap: 0.5rem !important;border-right: 0 !important;border-bottom: 1px solid var(--page-border,var(--border-light)) !important;-webkit-overflow-scrolling: touch}body:is(.page-settings-index) :where(.settings-sidebar .nav-item){flex: 0 0 auto !important;width: auto !important;white-space: nowrap !important}body:is(.page-settings-index) :where(.settings-content){overflow: visible !important;padding: 1rem !important}body:is(.page-github,.page-githubnew,.page-githubold,.page-github-workflowgenerator,.page-github-triggerworkflow,.page-codemanagement) :where( .gh-shell,.gh-grid2,.metrics-grid,.cmx-layout,.cmx-metrics-bar,.cmx-repo-header,.workflow-type-panel__grid ){grid-template-columns: 1fr !important}body:is(.page-github,.page-githubnew,.page-githubold) :where(.repo-list){max-height: 320px !important}}@media (max-width: 768px){body[class^="page-"] :where( h1,.page-title,.perf-page-header-title,.gh-hero__title,.projects-hero h1,.messages-hero h1,.vault-hero h1 ),body[class*=" page-"] :where( h1,.page-title,.perf-page-header-title,.gh-hero__title,.projects-hero h1,.messages-hero h1,.vault-hero h1 ){font-size: clamp(1.45rem,8vw,2.15rem) !important;line-height: 1.08 !important}body[class^="page-"] :where( .hero-actions,.page-actions,.gh-repoTop__actions,.project-actions,.modal-actions,.perf-modal-footer,.chat-header-actions,.ticket-link-card__actions,.external-ticket-card__actions,.vault-form-actions,.builder-actions ),body[class*=" page-"] :where( .hero-actions,.page-actions,.gh-repoTop__actions,.project-actions,.modal-actions,.perf-modal-footer,.chat-header-actions,.ticket-link-card__actions,.external-ticket-card__actions,.vault-form-actions,.builder-actions ){display: flex !important;flex-wrap: wrap !important;align-items: stretch !important;gap: 0.6rem !important;width: 100%}body[class^="page-"] :where( .hero-actions>*,.page-actions>*,.modal-actions>*,.perf-modal-footer>*,.vault-form-actions>*,.builder-actions>* ),body[class*=" page-"] :where( .hero-actions>*,.page-actions>*,.modal-actions>*,.perf-modal-footer>*,.vault-form-actions>*,.builder-actions>* ){flex: 1 1 min(190px,100%);justify-content: center}body[class^="page-"] :where( .toolbar,.filter-bar,.actions-bar,.projects-filter-bar,.kanban-toolbar,.wfgen-artifact-toolbar,.gh-repo-search,.ticket-control-panel,.ticket-assignment-form ),body[class*=" page-"] :where( .toolbar,.filter-bar,.actions-bar,.projects-filter-bar,.kanban-toolbar,.wfgen-artifact-toolbar,.gh-repo-search,.ticket-control-panel,.ticket-assignment-form ){display: flex !important;flex-wrap: wrap !important;align-items: stretch !important;gap: 0.75rem !important}body[class^="page-"] :where( .toolbar>*,.filter-bar>*,.actions-bar>*,.projects-filter-bar>*,.kanban-toolbar>*,.gh-repo-search>*,.ticket-control-panel>*,.ticket-assignment-form>* ),body[class*=" page-"] :where( .toolbar>*,.filter-bar>*,.actions-bar>*,.projects-filter-bar>*,.kanban-toolbar>*,.gh-repo-search>*,.ticket-control-panel>*,.ticket-assignment-form>* ){flex: 1 1 min(220px,100%) !important}body[class^="page-"] :where( .table-container,.table-responsive,.table-wrapper,.data-table-wrap,.workflow-runs-table,.secret-table,.users-table,.ticket-inbox-list,.external-ticket-recent__list,.repo-list,.results-content ),body[class*=" page-"] :where( .table-container,.table-responsive,.table-wrapper,.data-table-wrap,.workflow-runs-table,.secret-table,.users-table,.ticket-inbox-list,.external-ticket-recent__list,.repo-list,.results-content ){overflow-x: auto !important;-webkit-overflow-scrolling: touch}body[class^="page-"] :where(.data-table,.users-table,.secret-table,.table,table),body[class*=" page-"] :where(.data-table,.users-table,.secret-table,.table,table){min-width: 560px}body:is(.page-projects-tickets) :where(.ticket-inbox-card,.external-ticket-row){grid-template-columns: 1fr !important;gap: 0.75rem !important}body:is(.page-projects-tickets) :where(.ticket-assignment-panel){width: 100% !important;max-width: none !important}body:is(.page-projects-index,.page-projects-details,.page-projects-bugs,.page-projects-kanban,.page-projects-tickets) :where( .project-card,.bcard,.kanban-card,.ticket-inbox-card,.external-ticket-card,.modal-box ){border-radius: min(var(--page-radius,18px),16px) !important}body:is(.page-projects-bugs) :where(.bugs-stats-bar){display: grid !important;grid-template-columns: repeat(2,minmax(0,1fr)) !important;align-items: stretch !important}body:is(.page-projects-bugs) :where(.bstat-div,.stat-divider){display: none !important}body:is(.page-performance-dashboard,.page-index,.page-resources-capacity,.page-recognition-wall,.page-recognition-managebadges) :where( .perf-col-3,.perf-col-4,.perf-col-6,.perf-col-8,.perf-col-12 ){width: 100% !important;padding-left: 0 !important;padding-right: 0 !important}body:is(.page-thevault,.page-projects-vault) :where(.vault-screen,.vault-page){padding: 0.75rem !important}body:is(.page-dbwizard) :where(.ssms-tab,.ssms-table-card,.results-section,.query-panel){min-width: 0 !important}body:is(.page-dbwizard) :where(.table-row,.column-row){grid-template-columns: 1fr !important}.temp-theme-switcher{max-width: calc(100vw - 1rem) !important;right: 0.5rem !important}}@media (max-width: 640px){body[class^="page-"] :where( .app-content,.settings-content,.perf-dashboard-wrapper,.kanban-root,.github,.cmx,.messages-page,.vault-shell,.vault-page ),body[class*=" page-"] :where( .app-content,.settings-content,.perf-dashboard-wrapper,.kanban-root,.github,.cmx,.messages-page,.vault-shell,.vault-page ){padding-left: 0.75rem !important;padding-right: 0.75rem !important}body[class^="page-"] :where( .card,.perf-card,.project-section,.project-card,.bcard,.kanban-card,.gh-sidebar__card,.content-card,.metric-card,.cmx-sidebar,.cmx-repo-header,.messages-sidebar,.messages-main,.chat-sidebar,.chat-main,.settings-content .card,.vault-card,.vault-entry-card,.ticket-inbox-card,.external-ticket-card ),body[class*=" page-"] :where( .card,.perf-card,.project-section,.project-card,.bcard,.kanban-card,.gh-sidebar__card,.content-card,.metric-card,.cmx-sidebar,.cmx-repo-header,.messages-sidebar,.messages-main,.chat-sidebar,.chat-main,.settings-content .card,.vault-card,.vault-entry-card,.ticket-inbox-card,.external-ticket-card ){padding: 1rem !important}body[class^="page-"] :where( button,.btn,.button,.perf-btn,.project-btn,.gh-btn,.action-link,.icon-btn,.btn-icon,.chat-send-button,.new-chat-btn,.vault-btn,.ticket-submit ),body[class*=" page-"] :where( button,.btn,.button,.perf-btn,.project-btn,.gh-btn,.action-link,.icon-btn,.btn-icon,.chat-send-button,.new-chat-btn,.vault-btn,.ticket-submit ){min-height: 44px}body[class^="page-"] :where( .modal,dialog.modal,.modal-box,.modal-container,.modal-content,.perf-modal-container,.cmx-modal__panel,.vault-modal__dialog,.codebase-scope-modal-content ),body[class*=" page-"] :where( .modal,dialog.modal,.modal-box,.modal-container,.modal-content,.perf-modal-container,.cmx-modal__panel,.vault-modal__dialog,.codebase-scope-modal-content ){width: calc(100vw - 1rem) !important;max-width: calc(100vw - 1rem) !important;max-height: calc(100dvh - 1rem) !important;border-radius: 18px !important;margin: 0.5rem !important;overflow-y: auto !important}body:is(.page-messages-index,.page-chat,.page-chatagents) :where(.messages-main,.chat-main){min-height: 360px !important;height: min(620px,calc(100dvh - 230px)) !important}body:is(.page-messages-index,.page-chat,.page-chatagents) :where(.msg-bubble,.message-text,.message-content){max-width: 92vw !important}body:is(.page-github-workflowgenerator,.page-github-triggerworkflow) :where(.pipeline-steps){display: grid !important;grid-template-columns: 1fr !important}body:is(.page-github-workflowgenerator,.page-github-triggerworkflow) :where(.pipeline-arrow){display: none !important}body:is(.page-dbwizard) :where(.modal-dialog){width: calc(100vw - 1rem) !important;max-width: calc(100vw - 1rem) !important}body:is(.page-settings-index) :where(.theme-grid){grid-template-columns: repeat(auto-fit,minmax(130px,1fr)) !important}}@media (max-width: 520px){body[class^="page-"] :where( .hero-actions>*,.page-actions>*,.modal-actions>*,.perf-modal-footer>*,.project-btn,.perf-btn,.gh-btn,.vault-btn,.action-link,.btn ),body[class*=" page-"] :where( .hero-actions>*,.page-actions>*,.modal-actions>*,.perf-modal-footer>*,.project-btn,.perf-btn,.gh-btn,.vault-btn,.action-link,.btn ){width: 100%;flex-basis: 100%}body[class^="page-"] :where(input,select,textarea,.form-control,.form-select),body[class*=" page-"] :where(input,select,textarea,.form-control,.form-select){width: 100% !important}body:is(.page-projects-bugs) :where(.bugs-stats-bar){grid-template-columns: 1fr !important}body:is(.page-projects-bugs) :where(.bdp__status-grid,.bdp__meta){grid-template-columns: 1fr !important}body:is(.page-projects-kanban) :where(.kanban-col,.kanban-column){flex-basis: calc(100vw - 2rem) !important;width: calc(100vw - 2rem) !important}body:is(.page-messages-index,.page-chat,.page-chatagents) :where(.messages-sidebar,.chat-sidebar){max-height: 220px !important}body:is(.page-messages-index,.page-chat,.page-chatagents) :where(.chat-input-wrapper,.input-wrapper){gap: 0.5rem !important}body:is(.page-messages-index,.page-chat,.page-chatagents) :where(.chat-send-button,.send-btn){flex: 0 0 44px !important;width: 44px !important;padding: 0 !important}body:is(.page-settings-index) :where(.theme-grid){grid-template-columns: 1fr 1fr !important}body:is(.page-thevault,.page-projects-vault) :where(.vault-entry-card__meta,.vault-project-card__header,.vault-secret-row){grid-template-columns: 1fr !important;flex-direction: column !important;align-items: stretch !important}.temp-theme-switcher{left: 0.5rem !important;right: 0.5rem !important;justify-content: space-between !important;width: auto !important}.temp-theme-switcher__select{min-width: 0 !important;flex: 1 1 auto !important}}@media (max-width: 420px){body[class^="page-"] :where( .app-content,.settings-content,.perf-dashboard-wrapper,.kanban-root,.github,.cmx,.messages-page,.vault-page ),body[class*=" page-"] :where( .app-content,.settings-content,.perf-dashboard-wrapper,.kanban-root,.github,.cmx,.messages-page,.vault-page ){padding-left: 0.5rem !important;padding-right: 0.5rem !important}body[class^="page-"] :where(.data-table,.users-table,.secret-table,.table,table),body[class*=" page-"] :where(.data-table,.users-table,.secret-table,.table,table){min-width: 480px}body:is(.page-settings-index) :where(.theme-grid){grid-template-columns: 1fr !important}body:is(.page-projects-bugs) :where(.bug-detail-panel,.bdp){height: min(84dvh,calc(100dvh - 56px)) !important}}body.auth-responsive{overflow-x: clip}body.auth-responsive .login-shell{width: min(100%,980px);box-sizing: border-box}body.auth-responsive .login-brand img{width: clamp(96px,32vw,320px) !important;height: clamp(96px,32vw,320px) !important}@media (max-width: 900px){body.auth-responsive .login-shell{grid-template-columns: 1fr !important;max-width: min(520px,calc(100vw - 2rem)) !important;min-height: auto !important;margin: 1rem auto !important}body.auth-responsive .login-welcome{text-align: center;padding: 1.5rem 1.25rem 0 !important}body.auth-responsive .login-card{padding: 1.5rem !important}}@media (max-width: 480px){body.auth-responsive{display: block;min-height: 100dvh}body.auth-responsive .login-shell{width: 100% !important;max-width: 100% !important;margin: 0 !important;border-radius: 0 !important;padding-inline: 1rem !important;min-height: 100dvh !important}body.auth-responsive .login-welcome{padding: 1rem 1rem 0 !important}body.auth-responsive .login-hero-text{font-size: clamp(1.65rem,10vw,2.2rem) !important}body.auth-responsive .login-card{padding: 1.25rem 1rem 1.5rem !important;border-radius: 18px 18px 0 0 !important}body.auth-responsive .shape{opacity: 0.35}}body.admin-create-responsive{padding: 1rem;overflow-x: clip}body.admin-create-responsive .card{max-width: min(400px,calc(100vw - 2rem)) !important}@media (max-width: 480px){body.admin-create-responsive{place-items: start stretch !important;padding: 0.75rem !important}body.admin-create-responsive .card{padding: 1.25rem !important;border-radius: 14px !important}}@media (max-width: 900px){body.ticket-intake :where(.ticket-workspace,.ticket-intro,.ticket-form-grid,.ticket-form__foot){grid-template-columns: 1fr !important}body.ticket-intake :where(.platform-topbar){flex-wrap: wrap;gap: 0.75rem}body.ticket-intake :where(.ticket-type-group){grid-template-columns: 1fr !important}}@media (max-width: 560px){body.ticket-intake :where(.ticket-page-shell,.ticket-workspace){padding-left: 0.75rem !important;padding-right: 0.75rem !important}body.ticket-intake :where(.ticket-form,.ticket-intro__panel,.ticket-success,.ticket-errors){padding: 1rem !important;border-radius: 16px !important}body.ticket-intake :where(.ticket-submit,.ticket-success__again){width: 100%;justify-content: center}}body[class^="page-"] :where(.pill-nav,.pill-nav *),body[class*=" page-"] :where(.pill-nav,.pill-nav *),body[class^="page-"] :where(.pill-nav-sidebar,.pill-nav-sidebar *),body[class*=" page-"] :where(.pill-nav-sidebar,.pill-nav-sidebar *){min-width: initial}body[class^="page-"] .pill-nav,body[class*=" page-"] .pill-nav{display: flex !important;flex-wrap: nowrap !important;align-items: center !important;width: max-content !important;max-width: calc(100vw - 1rem) !important;overflow: visible !important}body[class^="page-"] :where(.pill-nav__brand,.pill-nav__items,.pill-nav__actions),body[class*=" page-"] :where(.pill-nav__brand,.pill-nav__items,.pill-nav__actions){display: flex !important;flex-wrap: nowrap !important;align-items: center !important}body[class^="page-"] :where(.pill-nav__brand,.pill-nav__actions,.pill-nav__dropdown,.pill-nav__notif-bell,.pill-nav__logo,.pill-nav__item),body[class*=" page-"] :where(.pill-nav__brand,.pill-nav__actions,.pill-nav__dropdown,.pill-nav__notif-bell,.pill-nav__logo,.pill-nav__item){flex: 0 0 auto !important}body[class^="page-"] :where(.pill-nav__items),body[class*=" page-"] :where(.pill-nav__items){flex: 0 1 auto !important;min-width: 0 !important;overflow: visible !important}body[class^="page-"] :where(.pill-nav__item),body[class*=" page-"] :where(.pill-nav__item){height: 2.35rem;justify-content: center;line-height: 1}body[class^="page-"] :where(.pill-nav__item span,.pill-nav__logo-text,.pill-nav__user-name),body[class*=" page-"] :where(.pill-nav__item span,.pill-nav__logo-text,.pill-nav__user-name){white-space: nowrap !important}body[class^="page-"] :where(.pill-nav-sidebar),body[class*=" page-"] :where(.pill-nav-sidebar){z-index: 2147483100 !important}body[class^="page-"] :where(.pill-nav-overlay),body[class*=" page-"] :where(.pill-nav-overlay){z-index: 2147483000 !important}@media (max-width: 1535px) and (min-width: 1181px){body[class^="page-"] .pill-nav,body[class*=" page-"] .pill-nav{gap: 0.2rem !important;padding: 0.45rem 0.75rem !important}body[class^="page-"] :where(.pill-nav__items .pill-nav__item>span),body[class*=" page-"] :where(.pill-nav__items .pill-nav__item>span){display: none !important}body[class^="page-"] :where(.pill-nav__item),body[class*=" page-"] :where(.pill-nav__item){width: 2.35rem;padding: 0 !important;gap: 0 !important}body[class^="page-"] :where(.pill-nav__items .pill-nav__item i),body[class*=" page-"] :where(.pill-nav__items .pill-nav__item i){margin: 0 !important}body[class^="page-"] :where(.pill-nav__logo-img),body[class*=" page-"] :where(.pill-nav__logo-img){width: 40px !important;height: 40px !important}}@media (max-width: 1180px) and (min-width: 1001px){body[class^="page-"] .pill-nav,body[class*=" page-"] .pill-nav{gap: 0.15rem !important;padding: 0.45rem 0.625rem !important}body[class^="page-"] :where(.pill-nav__items .pill-nav__item>span,.pill-nav__logo-text,.pill-nav__user-name),body[class*=" page-"] :where(.pill-nav__items .pill-nav__item>span,.pill-nav__logo-text,.pill-nav__user-name){display: none !important}body[class^="page-"] :where(.pill-nav__brand),body[class*=" page-"] :where(.pill-nav__brand){padding-right: 0.375rem !important}body[class^="page-"] :where(.pill-nav__actions),body[class*=" page-"] :where(.pill-nav__actions){padding-left: 0.375rem !important}body[class^="page-"] :where(.pill-nav__item),body[class*=" page-"] :where(.pill-nav__item){width: 2.25rem;padding: 0 !important;gap: 0 !important}body[class^="page-"] :where(.pill-nav__logo-img),body[class*=" page-"] :where(.pill-nav__logo-img){width: 36px !important;height: 36px !important}}@media (max-width: 1000px){body[class^="page-"] .pill-nav,body[class*=" page-"] .pill-nav{width: auto !important;min-width: 0 !important;max-width: calc(100vw - 1rem) !important;padding: 0.4rem 0.6rem !important}body[class^="page-"] :where(.pill-nav__toggle),body[class*=" page-"] :where(.pill-nav__toggle){display: flex !important;flex: 0 0 34px !important}body[class^="page-"] :where(.pill-nav__items),body[class*=" page-"] :where(.pill-nav__items){display: none !important}body[class^="page-"] :where(.pill-nav-sidebar),body[class*=" page-"] :where(.pill-nav-sidebar){display: block !important}}@media (max-width: 520px){body[class^="page-"] :where(.pill-nav__logo-text,.pill-nav__user-name),body[class*=" page-"] :where(.pill-nav__logo-text,.pill-nav__user-name){display: none !important}body[class^="page-"] :where(.pill-nav__brand),body[class*=" page-"] :where(.pill-nav__brand){border-right: 0 !important;padding-right: 0.125rem !important}body[class^="page-"] :where(.pill-nav__actions),body[class*=" page-"] :where(.pill-nav__actions){gap: 0.25rem !important}}body .pill-nav__user-menu--compactable .pill-nav__user-name,body .pill-nav__user-menu--compactable .pill-nav__user-chevron{display: none !important}body .pill-nav__user-menu--compactable .pill-nav__user-trigger{width: 2.25rem !important;padding-inline: 0.25rem !important;justify-content: center !important}body[class^="page-"] .pill-nav,body[class*=" page-"] .pill-nav{left: 0 !important;right: 0 !important;margin-left: auto !important;margin-right: auto !important;transform: none !important;width: max-content !important;max-width: calc(100vw - 1rem) !important;min-width: 0 !important;box-sizing: border-box !important}body[class^="page-"] :where(.pill-nav__theme-button,.notif-bell-btn,.pill-nav__user-trigger),body[class*=" page-"] :where(.pill-nav__theme-button,.notif-bell-btn,.pill-nav__user-trigger){width: 2.35rem !important;min-width: 2.35rem !important;height: 2.35rem !important;padding: 0 !important;justify-content: center !important}body[class^="page-"] :where(.pill-nav__theme-button span,.notif-bell-btn>span:not(.notif-badge)),body[class*=" page-"] :where(.pill-nav__theme-button span,.notif-bell-btn>span:not(.notif-badge)){display: none !important}@media (max-width: 1280px){body[class^="page-"] .pill-nav,body[class*=" page-"] .pill-nav{gap: 0.3rem !important;padding: 0.42rem 0.62rem !important}body[class^="page-"] :where(.pill-nav__toggle),body[class*=" page-"] :where(.pill-nav__toggle){display: flex !important;flex: 0 0 2.35rem !important;width: 2.35rem !important;height: 2.35rem !important}body[class^="page-"] :where(.pill-nav__items),body[class*=" page-"] :where(.pill-nav__items){display: none !important}body[class^="page-"] :where(.pill-nav-sidebar),body[class*=" page-"] :where(.pill-nav-sidebar){display: block !important}body[class^="page-"] :where(.pill-nav__theme-panel.pill-nav__dropdown-menu,.pill-nav__theme-panel.pill-nav__dropdown-menu--right),body[class*=" page-"] :where(.pill-nav__theme-panel.pill-nav__dropdown-menu,.pill-nav__theme-panel.pill-nav__dropdown-menu--right){position: fixed !important;top: 4.25rem !important;left: 50% !important;right: auto !important;width: min(760px,calc(100vw - 1rem)) !important;min-width: 0 !important;max-width: calc(100vw - 1rem) !important;transform: translateX(-50%) !important}body[class^="page-"] :where(.pill-nav__theme-panel.pill-nav__dropdown-menu.show,.pill-nav__theme-panel.pill-nav__dropdown-menu--right.show),body[class*=" page-"] :where(.pill-nav__theme-panel.pill-nav__dropdown-menu.show,.pill-nav__theme-panel.pill-nav__dropdown-menu--right.show){transform: translateX(-50%) !important}}@media (max-width: 760px){body[class^="page-"] :where(.pill-nav__logo-text,.pill-nav__user-name,.pill-nav__user-chevron),body[class*=" page-"] :where(.pill-nav__logo-text,.pill-nav__user-name,.pill-nav__user-chevron){display: none !important}body[class^="page-"] :where(.pill-nav__brand),body[class*=" page-"] :where(.pill-nav__brand){padding-right: 0.25rem !important}body[class^="page-"] :where(.pill-nav__actions),body[class*=" page-"] :where(.pill-nav__actions){gap: 0.2rem !important;padding-left: 0.25rem !important}}@media (max-width: 460px){body[class^="page-"] .pill-nav,body[class*=" page-"] .pill-nav{gap: 0.18rem !important;padding: 0.34rem 0.45rem !important}body[class^="page-"] :where(.pill-nav__brand),body[class*=" page-"] :where(.pill-nav__brand){border-right: 0 !important;padding-right: 0 !important}body[class^="page-"] :where(.pill-nav__logo-img),body[class*=" page-"] :where(.pill-nav__logo-img){width: 32px !important;height: 32px !important}body[class^="page-"] :where(.pill-nav__theme-button,.notif-bell-btn,.pill-nav__user-trigger,.pill-nav__toggle),body[class*=" page-"] :where(.pill-nav__theme-button,.notif-bell-btn,.pill-nav__user-trigger,.pill-nav__toggle){width: 2.05rem !important;min-width: 2.05rem !important;height: 2.05rem !important}}@media (max-width: 600px){body[class^="page-"] .pill-nav__theme-panel,body[class*=" page-"] .pill-nav__theme-panel{left: 0.5rem !important;right: 0.5rem !important;width: auto !important;min-width: 0 !important;max-width: calc(100vw - 1rem) !important;transform: none !important}body[class^="page-"] :where(.pill-nav__theme-panel.show),body[class*=" page-"] :where(.pill-nav__theme-panel.show){transform: none !important}}body[class^="page-"] :where(h1,h2,h3,.card,.glass-card,.section),body[class*=" page-"] :where(h1,h2,h3,.card,.glass-card,.section){min-width: 0}@media (max-width: 760px){body[class^="page-"] :where(h1,h2,h3),body[class*=" page-"] :where(h1,h2,h3){overflow-wrap: anywhere;word-break: normal}}@media (max-width: 600px){body[class^="page-"] .pill-nav,body[class*=" page-"] .pill-nav{backdrop-filter: none !important;-webkit-backdrop-filter: none !important}body[class^="page-"] .pill-nav .pill-nav__theme-panel.pill-nav__dropdown-menu,body[class^="page-"] .pill-nav .pill-nav__theme-panel.pill-nav__dropdown-menu--right,body[class*=" page-"] .pill-nav .pill-nav__theme-panel.pill-nav__dropdown-menu,body[class*=" page-"] .pill-nav .pill-nav__theme-panel.pill-nav__dropdown-menu--right{position: fixed !important;top: 4rem !important;left: 0.5rem !important;right: 0.5rem !important;width: calc(100vw - 1rem) !important;min-width: 0 !important;max-width: calc(100vw - 1rem) !important;box-sizing: border-box !important;transform: none !important}body[class^="page-"] .pill-nav .pill-nav__theme-panel .theme-chooser__grid,body[class*=" page-"] .pill-nav .pill-nav__theme-panel .theme-chooser__grid{grid-template-columns: repeat(2,minmax(0,1fr)) !important}body[class^="page-"] .pill-nav .pill-nav__theme-panel .theme-chooser__option,body[class*=" page-"] .pill-nav .pill-nav__theme-panel .theme-chooser__option{min-width: 0 !important}}@media (max-width: 460px){body[class^="page-"] .pill-nav .pill-nav__theme-panel .theme-chooser__grid,body[class*=" page-"] .pill-nav .pill-nav__theme-panel .theme-chooser__grid{grid-template-columns: 1fr !important}}@media (max-width: 1920px){body[class^="page-"] .pill-nav,body[class*=" page-"] .pill-nav{gap: 0.28rem !important;padding: 0.42rem 0.62rem !important}body[class^="page-"] :where(.pill-nav__items),body[class*=" page-"] :where(.pill-nav__items){gap: 0.1rem !important;min-width: 0 !important}body[class^="page-"] :where(.pill-nav__items .pill-nav__item),body[class*=" page-"] :where(.pill-nav__items .pill-nav__item){justify-content: center !important;width: 2.28rem !important;min-width: 2.28rem !important;height: 2.28rem !important;padding: 0 !important;gap: 0 !important}body[class^="page-"] :where(.pill-nav__items .pill-nav__item>span,.pill-nav__items .pill-nav__item .fa-chevron-down),body[class*=" page-"] :where(.pill-nav__items .pill-nav__item>span,.pill-nav__items .pill-nav__item .fa-chevron-down){display: none !important}}@media (max-width: 1500px){body[class^="page-"] :where(.pill-nav__toggle),body[class*=" page-"] :where(.pill-nav__toggle){display: flex !important;flex: 0 0 2.35rem !important;width: 2.35rem !important;height: 2.35rem !important}body[class^="page-"] :where(.pill-nav__items),body[class*=" page-"] :where(.pill-nav__items){display: none !important}body[class^="page-"] :where(.pill-nav-sidebar),body[class*=" page-"] :where(.pill-nav-sidebar){display: block !important}}body[class^="page-"] .pill-nav,body[class*=" page-"] .pill-nav{max-width: calc(100dvw - 0.75rem) !important;overflow: visible !important;flex-wrap: nowrap !important}body[class^="page-"] :where(.pill-nav__brand,.pill-nav__actions,.pill-nav__dropdown),body[class*=" page-"] :where(.pill-nav__brand,.pill-nav__actions,.pill-nav__dropdown){min-width: 0 !important}body[class^="page-"] :where(.pill-nav__actions),body[class*=" page-"] :where(.pill-nav__actions){flex: 0 0 auto !important}@media (max-width: 980px){body[class^="page-"] :where(.pill-nav__logo-text,.pill-nav__user-name,.pill-nav__user-chevron),body[class*=" page-"] :where(.pill-nav__logo-text,.pill-nav__user-name,.pill-nav__user-chevron){display: none !important}body[class^="page-"] :where(.pill-nav__brand),body[class*=" page-"] :where(.pill-nav__brand){flex: 0 1 auto !important}}@media (max-width: 520px){body[class^="page-"] .pill-nav,body[class*=" page-"] .pill-nav{width: max-content !important;max-width: calc(100dvw - 0.5rem) !important;gap: 0.14rem !important;padding: 0.32rem 0.38rem !important}body[class^="page-"] :where(.pill-nav__brand),body[class*=" page-"] :where(.pill-nav__brand){border-right: 0 !important;padding-right: 0 !important}body[class^="page-"] :where(.pill-nav__actions),body[class*=" page-"] :where(.pill-nav__actions){gap: 0.12rem !important;padding-left: 0.1rem !important}}@media (max-width: 390px){body[class^="page-"] .pill-nav,body[class*=" page-"] .pill-nav{width: calc(100dvw - 0.5rem) !important;max-width: calc(100dvw - 0.5rem) !important;justify-content: space-between !important}body[class^="page-"] :where(.pill-nav__logo-img),body[class*=" page-"] :where(.pill-nav__logo-img){width: 28px !important;height: 28px !important}body[class^="page-"] :where(.pill-nav__theme-button,.notif-bell-btn,.pill-nav__user-trigger,.pill-nav__toggle),body[class*=" page-"] :where(.pill-nav__theme-button,.notif-bell-btn,.pill-nav__user-trigger,.pill-nav__toggle){width: 1.9rem !important;min-width: 1.9rem !important;height: 1.9rem !important}}body[class^="page-"] .pill-nav,body[class*=" page-"] .pill-nav{width: min(1720px,calc(100dvw - 1.5rem)) !important;max-width: calc(100dvw - 1.5rem) !important;justify-content: center !important;gap: clamp(0.35rem,0.7vw,0.75rem) !important}body[class^="page-"] :where(.pill-nav__items),body[class*=" page-"] :where(.pill-nav__items){flex: 1 1 auto !important;justify-content: center !important;min-width: 0 !important;overflow: hidden !important}body[class^="page-"] :where(.pill-nav__item),body[class*=" page-"] :where(.pill-nav__item){min-width: 0 !important}@media (min-width: 1601px){body[class^="page-"] :where(.pill-nav__toggle),body[class*=" page-"] :where(.pill-nav__toggle){display: none !important}body[class^="page-"] :where(.pill-nav__items),body[class*=" page-"] :where(.pill-nav__items){display: flex !important;gap: clamp(0.12rem,0.25vw,0.35rem) !important}body[class^="page-"] :where(.pill-nav__items .pill-nav__item),body[class*=" page-"] :where(.pill-nav__items .pill-nav__item){width: auto !important;min-width: 0 !important;height: 2.35rem !important;padding: 0.5rem clamp(0.52rem,0.55vw,0.875rem) !important;gap: 0.35rem !important}body[class^="page-"] :where(.pill-nav__items .pill-nav__item>span),body[class^="page-"] :where(.pill-nav__items .pill-nav__item .fa-chevron-down),body[class*=" page-"] :where(.pill-nav__items .pill-nav__item>span),body[class*=" page-"] :where(.pill-nav__items .pill-nav__item .fa-chevron-down){display: inline-flex !important}body[class^="page-"] :where(.pill-nav-sidebar),body[class*=" page-"] :where(.pill-nav-sidebar){display: none !important}}@media (max-width: 1600px) and (min-width: 1281px){body[class^="page-"] .pill-nav,body[class*=" page-"] .pill-nav{width: min(1380px,calc(100dvw - 1rem)) !important;max-width: calc(100dvw - 1rem) !important;gap: 0.25rem !important;padding: 0.42rem 0.62rem !important}body[class^="page-"] :where(.pill-nav__toggle),body[class*=" page-"] :where(.pill-nav__toggle){display: none !important}body[class^="page-"] :where(.pill-nav__items),body[class*=" page-"] :where(.pill-nav__items){display: flex !important;gap: 0.1rem !important}body[class^="page-"] :where(.pill-nav__items .pill-nav__item),body[class*=" page-"] :where(.pill-nav__items .pill-nav__item){width: 2.3rem !important;min-width: 2.3rem !important;height: 2.3rem !important;padding: 0 !important;gap: 0 !important}body[class^="page-"] :where(.pill-nav__items .pill-nav__item>span,.pill-nav__items .pill-nav__item .fa-chevron-down),body[class*=" page-"] :where(.pill-nav__items .pill-nav__item>span,.pill-nav__items .pill-nav__item .fa-chevron-down){display: none !important}body[class^="page-"] :where(.pill-nav-sidebar),body[class*=" page-"] :where(.pill-nav-sidebar){display: none !important}}@media (max-width: 1280px){body[class^="page-"] .pill-nav,body[class*=" page-"] .pill-nav{width: max-content !important;max-width: calc(100dvw - 0.75rem) !important}}@media (min-width: 1601px){body[class^="page-"] .pill-nav,body[class*=" page-"] .pill-nav{width: max-content !important;max-width: min(96dvw,1560px) !important;justify-content: flex-start !important;gap: 0.5rem !important;padding: 0.46rem 0.75rem !important}body[class^="page-"] .pill-nav .pill-nav__items,body[class*=" page-"] .pill-nav .pill-nav__items{display: flex !important;flex: 0 1 auto !important;justify-content: flex-start !important;gap: 0.12rem !important;overflow: visible !important}body[class^="page-"] .pill-nav .pill-nav__items .pill-nav__item,body[class*=" page-"] .pill-nav .pill-nav__items .pill-nav__item{width: auto !important;min-width: max-content !important;height: 2.35rem !important;padding: 0.5rem 0.72rem !important;gap: 0.36rem !important;flex: 0 0 auto !important;overflow: visible !important}body[class^="page-"] .pill-nav .pill-nav__items .pill-nav__item>span,body[class^="page-"] .pill-nav .pill-nav__items .pill-nav__item .fa-chevron-down,body[class*=" page-"] .pill-nav .pill-nav__items .pill-nav__item>span,body[class*=" page-"] .pill-nav .pill-nav__items .pill-nav__item .fa-chevron-down{display: inline-flex !important;flex: 0 0 auto !important}}@media (min-width: 1281px) and (max-width: 1600px){body[class^="page-"] .pill-nav,body[class*=" page-"] .pill-nav{width: max-content !important;max-width: calc(100dvw - 1rem) !important;justify-content: flex-start !important}body[class^="page-"] .pill-nav .pill-nav__items,body[class*=" page-"] .pill-nav .pill-nav__items{display: flex !important;flex: 0 1 auto !important;overflow: visible !important}body[class^="page-"] .pill-nav .pill-nav__items .pill-nav__item,body[class*=" page-"] .pill-nav .pill-nav__items .pill-nav__item{width: 2.3rem !important;min-width: 2.3rem !important;height: 2.3rem !important;padding: 0 !important;gap: 0 !important;flex: 0 0 2.3rem !important}body[class^="page-"] .pill-nav .pill-nav__items .pill-nav__item>span,body[class^="page-"] .pill-nav .pill-nav__items .pill-nav__item .fa-chevron-down,body[class*=" page-"] .pill-nav .pill-nav__items .pill-nav__item>span,body[class*=" page-"] .pill-nav .pill-nav__items .pill-nav__item .fa-chevron-down{display: none !important}}body.page-projects-whiteboard{overflow: hidden !important}body.page-projects-whiteboard :where(.app-container,.app-content){width: 100% !important;max-width: 100% !important;min-width: 0 !important;overflow: hidden !important}body.page-projects-whiteboard .app-content{padding: 0 !important}body.page-projects-whiteboard :where( .whiteboard-tool-button,.whiteboard-toolbar-group button,.whiteboard-icon-button,.whiteboard-mobile-tool,.whiteboard-mobile-tray-button,.whiteboard-stroke-button,.whiteboard-board-create button ){display: inline-flex !important;align-items: center !important;justify-content: center !important;min-width: 0;text-align: center !important}body.page-projects-whiteboard .whiteboard-stroke-button{width: 38px !important;height: 38px !important;min-width: 38px !important;min-height: 38px !important;padding: 0 !important}body.page-projects-whiteboard .whiteboard-stroke-dot{flex: 0 0 auto;margin: auto}html[data-theme] body.page-projects-whiteboard .whiteboard-app-shell :is(button,a){font-family: 'Inter','Roboto',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;letter-spacing: 0 !important;text-transform: none !important;text-shadow: none !important}html[data-theme] body.page-projects-whiteboard .whiteboard-app-shell button:not(.whiteboard-color-swatch){appearance: none !important;-webkit-appearance: none !important;border-width: 1px !important;border-style: solid !important;border-radius: 8px !important;filter: none !important;transform: none !important;transition: background-color 140ms ease,border-color 140ms ease,color 140ms ease,box-shadow 140ms ease !important}html[data-theme] body.page-projects-whiteboard .whiteboard-app-shell :is( .whiteboard-toolbar-host .whiteboard-tool-button,.whiteboard-toolbar-host .whiteboard-toolbar-group>button,.whiteboard-toolbar-host .whiteboard-stroke-button ){width: 42px !important;min-width: 42px !important;max-width: 42px !important;height: 42px !important;min-height: 42px !important;max-height: 42px !important;padding: 0 !important;border-color: transparent !important;background: transparent !important;color: var(--wb-ink) !important;box-shadow: none !important}html[data-theme] body.page-projects-whiteboard .whiteboard-app-shell :is( .whiteboard-toolbar-host .whiteboard-tool-button:hover,.whiteboard-toolbar-host .whiteboard-tool-button:focus-visible,.whiteboard-toolbar-host .whiteboard-toolbar-group>button:hover,.whiteboard-toolbar-host .whiteboard-toolbar-group>button:focus-visible ){border-color: color-mix(in srgb,var(--wb-accent) 50%,transparent) !important;background: color-mix(in srgb,var(--wb-accent) 14%,transparent) !important;color: var(--wb-accent-strong) !important;box-shadow: none !important;transform: none !important}html[data-theme] body.page-projects-whiteboard .whiteboard-app-shell :is( .whiteboard-toolbar-host .whiteboard-tool-button.is-active,.whiteboard-toolbar-host .whiteboard-stroke-button.is-active ){border-color: color-mix(in srgb,var(--wb-accent) 64%,transparent) !important;background: var(--wb-accent) !important;color: #ffffff !important;box-shadow: 0 10px 22px color-mix(in srgb,var(--wb-accent) 24%,transparent) !important}html[data-theme] body.page-projects-whiteboard .whiteboard-app-shell :is(.whiteboard-toolbar-group,.whiteboard-color-group){gap: 0.32rem !important;padding: 0.35rem !important;border-width: 1px !important;border-style: solid !important;border-radius: 10px !important;border-color: var(--wb-border) !important;background: color-mix(in srgb,var(--wb-control-bg) 94%,transparent) !important;box-shadow: 0 16px 32px rgba(0,0,0,0.22) !important;transform: none !important}html[data-theme] body.page-projects-whiteboard .whiteboard-app-shell .whiteboard-color-swatch{width: 34px !important;min-width: 34px !important;max-width: 34px !important;height: 34px !important;min-height: 34px !important;max-height: 34px !important;padding: 0 !important;border: 2px solid rgba(255,255,255,0.9) !important;border-radius: 999px !important;box-shadow: 0 0 0 1px var(--wb-border) !important;transform: none !important}html[data-theme] body.page-projects-whiteboard .whiteboard-app-shell .whiteboard-board-row>button:first-child{min-height: 46px !important;width: 100% !important;padding: 0.58rem 0.65rem !important;border-radius: 8px !important;background: transparent !important;color: var(--wb-ink) !important;box-shadow: none !important}html[data-theme] body.page-projects-whiteboard .whiteboard-app-shell .whiteboard-board-actions .whiteboard-icon-button{width: 32px !important;min-width: 32px !important;height: 32px !important;min-height: 32px !important;padding: 0 !important;border-radius: 999px !important}html[data-theme] body.page-projects-whiteboard .whiteboard-canvas-host[data-tool="pan"]{cursor: grab}html[data-theme] body.page-projects-whiteboard .whiteboard-canvas-host[data-tool="pan"]:active{cursor: grabbing}@media (max-width: 760px){body.page-projects-whiteboard .whiteboard-app-shell{--wb-mobile-dock-height: clamp(176px,28dvh,224px);height: calc(100dvh - 64px) !important;min-height: calc(100dvh - 64px) !important;grid-template-rows: auto minmax(0,1fr) auto !important}body.page-projects-whiteboard :where(.whiteboard-board-rail,.whiteboard-inspector){bottom: var(--wb-mobile-dock-height) !important}body.page-projects-whiteboard .whiteboard-mobile-dock{min-height: var(--wb-mobile-dock-height) !important;display: grid !important;grid-template-columns: minmax(0,1fr) !important;grid-template-rows: auto auto auto auto !important;gap: 0.42rem !important;overflow: visible !important;padding: 0.5rem 0.62rem calc(0.58rem + env(safe-area-inset-bottom)) !important}body.page-projects-whiteboard .whiteboard-mobile-colors{order: 1 !important}body.page-projects-whiteboard .whiteboard-mobile-strokes{order: 2 !important;display: grid !important;grid-template-columns: repeat(5,minmax(0,1fr)) !important;align-items: center !important;justify-items: stretch !important;gap: 0.34rem !important;width: 100% !important;padding: 0.34rem 0.42rem !important;border: 1px solid var(--wb-border) !important;border-radius: 12px !important;background: color-mix(in srgb,var(--wb-bg) 42%,transparent) !important;overflow: hidden !important}body.page-projects-whiteboard .whiteboard-mobile-primary-tools{order: 3 !important}body.page-projects-whiteboard .whiteboard-mobile-tray{order: 4 !important}body.page-projects-whiteboard .whiteboard-mobile-strokes .whiteboard-stroke-button{width: 100% !important;min-width: 0 !important;height: 34px !important;min-height: 34px !important;border-radius: 10px !important;background: color-mix(in srgb,var(--wb-panel) 76%,transparent) !important;color: var(--wb-ink) !important}body.page-projects-whiteboard .whiteboard-mobile-strokes .whiteboard-stroke-button.is-active{background: var(--wb-accent) !important;color: #ffffff !important}body.page-projects-whiteboard .whiteboard-mobile-strokes .whiteboard-stroke-button span:not(.whiteboard-stroke-dot){display: none !important}}@media (max-width: 900px){body.page-projects-whiteboard .whiteboard-app-shell{--wb-topbar-height: clamp(82px,11dvh,96px);--wb-mobile-dock-height: clamp(172px,25dvh,224px);height: calc(100dvh - 64px) !important;min-height: calc(100dvh - 64px) !important;grid-template-rows: var(--wb-topbar-height) minmax(0,1fr) var(--wb-mobile-dock-height) !important;overflow: hidden !important}body.page-projects-whiteboard .whiteboard-topbar{height: var(--wb-topbar-height) !important;min-height: var(--wb-topbar-height) !important;display: grid !important;grid-template-columns: minmax(0,1fr) !important;align-items: stretch !important;gap: 0.34rem !important;padding: 0.56rem 0.72rem 0.62rem !important}body.page-projects-whiteboard :where(.whiteboard-topbar__identity,.whiteboard-topbar__nav){display: none !important}body.page-projects-whiteboard .whiteboard-mobile-page-header{display: grid !important;grid-template-columns: 40px minmax(0,1fr) 40px !important;align-items: center !important;gap: 0.62rem !important}body.page-projects-whiteboard .whiteboard-mobile-page-header__button{width: 40px !important;min-width: 40px !important;height: 40px !important;min-height: 40px !important;display: inline-grid !important;place-items: center !important;border-radius: 999px !important;padding: 0 !important}body.page-projects-whiteboard .whiteboard-mobile-page-header__title{min-width: 0 !important;display: flex !important;align-items: center !important;justify-content: center !important;gap: 0.42rem !important}body.page-projects-whiteboard .whiteboard-mobile-page-header__title strong{overflow: hidden !important;text-overflow: ellipsis !important;white-space: nowrap !important;font-size: 1rem !important;line-height: 1.1 !important}body.page-projects-whiteboard .whiteboard-mobile-page-header__title span{flex: 0 0 auto !important;padding: 0.16rem 0.42rem !important;border-radius: 999px !important;font-size: 0.7rem !important;font-weight: 850 !important}body.page-projects-whiteboard .whiteboard-mobile-collaborators{display: flex !important;align-items: center !important;gap: 0.28rem !important;min-height: 28px !important}body.page-projects-whiteboard .whiteboard-workspace{position: relative !important;display: block !important;width: 100% !important;min-width: 0 !important;height: 100% !important;min-height: 0 !important;overflow: hidden !important}body.page-projects-whiteboard .whiteboard-stage-shell{position: absolute !important;inset: 0 !important;width: 100% !important;min-width: 0 !important;min-height: 0 !important}body.page-projects-whiteboard .whiteboard-toolbar-host{display: none !important}body.page-projects-whiteboard :where(.whiteboard-board-rail,.whiteboard-inspector){position: absolute !important;top: var(--wb-topbar-height) !important;bottom: var(--wb-mobile-dock-height) !important;z-index: 30 !important;max-height: none !important;overflow: auto !important}body.page-projects-whiteboard .whiteboard-board-rail{left: 0 !important;width: min(326px,90vw) !important;transform: translateX(-100%) !important}body.page-projects-whiteboard .whiteboard-app-shell.is-board-rail-open .whiteboard-board-rail{transform: translateX(0) !important}body.page-projects-whiteboard .whiteboard-inspector{right: 0 !important;width: min(360px,92vw) !important;transform: translateX(100%) !important}body.page-projects-whiteboard .whiteboard-app-shell.is-inspector-open .whiteboard-inspector{transform: translateX(0) !important}body.page-projects-whiteboard .whiteboard-canvas-host{width: 100% !important;min-width: 0 !important;height: 100% !important;min-height: 0 !important}body.page-projects-whiteboard .whiteboard-mobile-dock{height: var(--wb-mobile-dock-height) !important;min-height: var(--wb-mobile-dock-height) !important;max-height: var(--wb-mobile-dock-height) !important;display: grid !important;grid-template-columns: minmax(0,1fr) !important;grid-template-rows: auto auto auto minmax(0,auto) !important;gap: 0.4rem !important;overflow-x: hidden !important;overflow-y: auto !important;overscroll-behavior: contain !important;scrollbar-width: none !important;padding: 0.5rem 0.62rem calc(0.58rem + env(safe-area-inset-bottom)) !important}body.page-projects-whiteboard .whiteboard-mobile-dock::-webkit-scrollbar{display: none !important}body.page-projects-whiteboard .whiteboard-mobile-colors{order: 1 !important;display: flex !important;justify-content: center !important;gap: 0.4rem !important;overflow-x: auto !important;padding: 0.42rem 0.5rem !important;border-radius: 12px !important;scrollbar-width: none !important}body.page-projects-whiteboard .whiteboard-mobile-colors .whiteboard-color-swatch{flex: 0 0 32px !important;width: 32px !important;min-width: 32px !important;height: 32px !important;min-height: 32px !important}body.page-projects-whiteboard .whiteboard-mobile-strokes{order: 2 !important;display: grid !important;grid-template-columns: repeat(5,minmax(0,1fr)) !important}body.page-projects-whiteboard .whiteboard-mobile-primary-tools{order: 3 !important;display: grid !important;grid-template-columns: repeat(5,minmax(0,1fr)) !important;gap: 0.42rem !important;padding: 0.42rem !important}body.page-projects-whiteboard .whiteboard-mobile-tool{min-height: 52px !important;min-width: 0 !important;padding: 0.35rem 0.18rem !important}body.page-projects-whiteboard .whiteboard-mobile-tool span{max-width: 100% !important;overflow: hidden !important;text-overflow: ellipsis !important;white-space: nowrap !important}body.page-projects-whiteboard .whiteboard-mobile-tray{order: 4 !important;min-width: 0 !important}body.page-projects-whiteboard .whiteboard-mobile-tray.is-open{display: grid !important;grid-auto-flow: column !important;grid-auto-columns: minmax(58px,1fr) !important;gap: 0.34rem !important;overflow-x: auto !important;padding-bottom: 0.05rem !important}}@media (max-width: 380px){body.page-projects-whiteboard .whiteboard-app-shell{--wb-topbar-height: 86px;--wb-mobile-dock-height: 188px}body.page-projects-whiteboard .whiteboard-topbar{padding-inline: 0.5rem !important}body.page-projects-whiteboard .whiteboard-mobile-page-header{grid-template-columns: 36px minmax(0,1fr) 36px !important;gap: 0.42rem !important}body.page-projects-whiteboard .whiteboard-mobile-page-header__button{width: 36px !important;min-width: 36px !important;height: 36px !important;min-height: 36px !important}body.page-projects-whiteboard .whiteboard-mobile-page-header__title strong{font-size: 0.94rem !important}body.page-projects-whiteboard .whiteboard-mobile-page-header__title span{font-size: 0.64rem !important}body.page-projects-whiteboard .whiteboard-mobile-dock{gap: 0.32rem !important;padding-inline: 0.46rem !important}body.page-projects-whiteboard .whiteboard-mobile-colors .whiteboard-color-swatch{flex-basis: 28px !important;width: 28px !important;min-width: 28px !important;height: 28px !important;min-height: 28px !important}body.page-projects-whiteboard .whiteboard-mobile-tool{min-height: 48px !important;font-size: 0.58rem !important}}@media (max-width: 900px) and (max-height: 620px){body.page-projects-whiteboard .whiteboard-app-shell{--wb-topbar-height: 64px;--wb-mobile-dock-height: 152px}body.page-projects-whiteboard .whiteboard-topbar{padding: 0.42rem 0.58rem !important}body.page-projects-whiteboard .whiteboard-mobile-collaborators{display: none !important}body.page-projects-whiteboard .whiteboard-mobile-page-header{grid-template-columns: 36px minmax(0,1fr) 36px !important}body.page-projects-whiteboard .whiteboard-mobile-page-header__button{width: 36px !important;min-width: 36px !important;height: 36px !important;min-height: 36px !important}body.page-projects-whiteboard .whiteboard-mobile-dock{gap: 0.32rem !important;padding-block: 0.38rem calc(0.42rem + env(safe-area-inset-bottom)) !important}body.page-projects-whiteboard .whiteboard-mobile-colors{padding-block: 0.28rem !important}body.page-projects-whiteboard .whiteboard-mobile-strokes{padding-block: 0.24rem !important}body.page-projects-whiteboard .whiteboard-mobile-strokes .whiteboard-stroke-button{height: 30px !important;min-height: 30px !important}body.page-projects-whiteboard .whiteboard-mobile-primary-tools{padding: 0.32rem !important;gap: 0.32rem !important}body.page-projects-whiteboard .whiteboard-mobile-tool{min-height: 44px !important}}@media (max-width: 900px) and (max-height: 460px){body.page-projects-whiteboard .whiteboard-app-shell{--wb-topbar-height: 52px;--wb-mobile-dock-height: 120px}body.page-projects-whiteboard .whiteboard-topbar{padding-block: 0.34rem !important}body.page-projects-whiteboard .whiteboard-mobile-page-header__title span{display: none !important}body.page-projects-whiteboard .whiteboard-mobile-dock{grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;grid-template-rows: auto auto minmax(0,auto) !important;gap: 0.28rem !important}body.page-projects-whiteboard .whiteboard-mobile-colors{grid-column: 1 !important;padding: 0.22rem 0.3rem !important;justify-content: flex-start !important}body.page-projects-whiteboard .whiteboard-mobile-strokes{grid-column: 2 !important;padding: 0.22rem 0.3rem !important;gap: 0.24rem !important}body.page-projects-whiteboard .whiteboard-mobile-primary-tools{grid-column: 1 / -1 !important;padding: 0.26rem !important}body.page-projects-whiteboard .whiteboard-mobile-tray{grid-column: 1 / -1 !important}body.page-projects-whiteboard .whiteboard-mobile-tool{min-height: 36px !important;gap: 0 !important}body.page-projects-whiteboard .whiteboard-mobile-tool span{display: none !important}}@media (max-width: 900px){body.page-projects-whiteboard{width: 100% !important;height: 100dvh !important;min-height: 100dvh !important;overflow: hidden !important}body.page-projects-whiteboard .pill-nav{display: none !important}body.page-projects-whiteboard :where(.app-shell,.app-container,.app-content){width: 100% !important;height: 100dvh !important;min-height: 100dvh !important;max-height: 100dvh !important;margin: 0 !important;padding: 0 !important;overflow: hidden !important}body.page-projects-whiteboard .whiteboard-app-shell{--wb-topbar-height: clamp(72px,10dvh,92px);--wb-mobile-dock-height: clamp(164px,23dvh,204px);width: 100% !important;height: 100dvh !important;min-height: 100dvh !important;max-height: 100dvh !important;grid-template-rows: var(--wb-topbar-height) minmax(0,1fr) var(--wb-mobile-dock-height) !important;overflow: hidden !important}body.page-projects-whiteboard .whiteboard-workspace,body.page-projects-whiteboard .whiteboard-stage-shell,body.page-projects-whiteboard .whiteboard-canvas-host{min-height: 0 !important;max-height: 100% !important}body.page-projects-whiteboard .whiteboard-mobile-dock{height: var(--wb-mobile-dock-height) !important;min-height: 0 !important;max-height: var(--wb-mobile-dock-height) !important;align-content: start !important;overflow-y: auto !important;-webkit-overflow-scrolling: touch !important;touch-action: pan-y !important}}@media (max-width: 380px){body.page-projects-whiteboard .whiteboard-app-shell{--wb-topbar-height: 72px;--wb-mobile-dock-height: 178px}}@media (max-width: 900px) and (max-height: 620px){body.page-projects-whiteboard .whiteboard-app-shell{--wb-topbar-height: 58px;--wb-mobile-dock-height: 142px}}@media (max-width: 900px) and (max-height: 460px){body.page-projects-whiteboard .whiteboard-app-shell{--wb-topbar-height: 48px;--wb-mobile-dock-height: 108px}}@media (max-width: 720px){html,body:not(.page-projects-whiteboard){max-width: 100%;overflow-x: clip}body:not(.page-projects-whiteboard) :where( .app-shell,.app-container,.app-content,main,section,article,form,fieldset,.card,.panel,.modal,.modal-box,.modal-content ){max-width: 100%;min-width: 0}body:not(.page-projects-whiteboard) :where( img,video,canvas,svg,iframe ){max-width: 100%}body:not(.page-projects-whiteboard) :where( pre,code,table,.table-responsive,.recent-table-wrap,.graveyard__table-wrap,.results-body,.db-mobile-results-scroll,.github-mobile-scroll-table ){max-width: 100%}body:not(.page-projects-whiteboard) :where( pre,.table-responsive,.recent-table-wrap,.graveyard__table-wrap,.results-body,.db-mobile-results-scroll,.github-mobile-scroll-table ){overflow-x: auto;-webkit-overflow-scrolling: touch}}body:not(.page-login) :where( h1,h2,h3,.page-title,.section-title,.card-title,.panel-title,.modal-title,.settings-header h1,.agents-header h1,.chat-header h2,.drift-hero h1,.project-hero h1,.project-planning-hero h1,.vault-hero h1 ){letter-spacing: 0 !important}body:not(.page-login) :where( .page-title,.settings-header h1,.agents-header h1 ){font-size: var(--athena-type-page-title,2rem) !important;font-weight: var(--athena-font-weight-title,800) !important;line-height: 1.12 !important}body:not(.page-login) :where( h2,.section-title,.card h2,.panel-title,.modal-title,.modal-box h3,.project-modal-header h2,.employee-card__title,.my-hours-panel h2,.team-panel h2,.focus-metric h2,.employee-panel h2,.employee-live-sessions h2 ){font-size: var(--athena-type-section-title,1.35rem) !important;font-weight: var(--athena-font-weight-section,760) !important;line-height: 1.18 !important}body:not(.page-login) :where( h3,.card-title,.project-card__title,.kanban-card__title,.vault-project-card__header h3,.empty-state h3 ){font-size: var(--athena-type-card-title,1rem) !important;font-weight: var(--athena-font-weight-card,720) !important;line-height: 1.25 !important}
