/* Semantic theme layer. SVG inherits currentColor, never a fixed icon font. */
.org-tree{position:relative;padding:4px 0;isolation:isolate}.org-connectors{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:visible}.org-connectors path{fill:none;stroke:#66717c;stroke-width:1;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.org-nodes{position:relative;z-index:1;display:flex;flex-direction:column;gap:24px}
.org-person{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--panel);min-width:0}.org-person>span:last-child{min-width:0;overflow-wrap:anywhere}.org-person small{display:block;color:var(--muted);margin-top:4px}.org-person .avatar{width:44px;height:44px;flex:0 0 44px;object-fit:cover;border-radius:50%}.org-employee{margin-left:36px}.org-person:hover{border-color:var(--blue)}
.ui-icon{display:inline-block;width:20px;height:20px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-left{transform:rotate(180deg)}.icon-up{transform:rotate(180deg)}
html:not([data-theme="dark"]) .sidebar .ui-icon{color:#34434e!important;filter:none!important}html:not([data-theme="dark"]) .sidebar nav a.active .ui-icon{color:#075bb2!important}
html[data-theme="dark"]{color-scheme:dark;--bg:#080808;--panel:#161616;--ink:#f5f5f5;--muted:#bcbcbc;--line:#393939;--blue:#80baff;--shadow:0 12px 35px #0006;background:#080808!important}
html[data-theme="dark"] body,html[data-theme="dark"] .shell,html[data-theme="dark"] main{background-color:#080808!important;color:#f5f5f5!important}
html[data-theme="dark"] body,html[data-theme="dark"] .workspace-grid-page,html[data-theme="dark"] .task-canvas{background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px)!important;background-size:26px 26px!important;background-color:#080808!important}
html[data-theme="dark"] :is(.sidebar,header,.panel,.records-panel,.dashboard-hero,.project-card,.workspace-toolbar,.workspace-task-panel,.task-description-card,.task-people-card,.task-branches,.task-update-card,.task-files-card,.task-approval-strip,.notification-popover,.picker-panel,.search-select-options,.context-menu,.member-card,.hierarchy-level,.org-person,.chat-message,.chat-composer,.chat-recipient-panel,.task-update-preview,.profile-identity,.profile-memberships,.profile-form,.table-wrap,table,thead,tbody,tr,td,th,.empty,.tabs,.subscription-card,.license-timeline){background:#161616!important;color:#f5f5f5!important;border-color:#383838!important}
html[data-theme="dark"] :is(input,select,textarea,.search-select-input,.picker-toggle,.chat-feed,.conversation-sidebar,.permission-checks,.user-profile-link,.company-label){background:#101010!important;color:#f5f5f5!important;border-color:#454545!important}
html[data-theme="dark"] :is(h1,h2,h3,h4,strong,label,.eyebrow,.sidebar .brand){color:#f5f5f5!important}
html[data-theme="dark"] :is(small,.muted,.hint,.sidebar .nav-label){color:#c5c5c5!important}
html[data-theme="dark"] a,html[data-theme="dark"] a strong{color:#80baff!important}
html[data-theme="dark"] .sidebar nav a{color:#f0f0f0!important}html[data-theme="dark"] .sidebar nav a.active,html[data-theme="dark"] .sidebar nav a:hover{background:#292929!important;color:#fff!important}
html[data-theme="dark"] .sidebar .ui-icon{color:#ededed!important;filter:none!important}
html[data-theme="dark"] :is(button,.button,.primary,.button.primary,.button.soft){background:linear-gradient(135deg,#1163c1,#244ea8)!important;border-color:#467cc6!important;color:#fff!important}
html[data-theme="dark"] :is(.search-select-option,.context-menu button){background:#161616!important;color:#f5f5f5!important}
html[data-theme="dark"] :is(.search-select-option:hover,.search-select-option.selected,.person-option:hover,.conversation-item.active,.context-menu button:hover){background:#303030!important;color:#fff!important}
html[data-theme="dark"] :is(.pill,.permission-pills span,.avatar){background:#303030!important;color:#fff!important;border-color:#606060!important}
html[data-theme="dark"] :is(.metric-card,.workspace-summary-cards>a,.task-meta-strip,.activity-recent,.activity-idle,.activity-closed){background:linear-gradient(125deg,#252525,#111)!important;border-color:#444!important;color:#fff!important}
html[data-theme="dark"] .org-connectors path{stroke:#c4c4c4}
html[data-theme="dark"] .task-branches .branch-event:not(.flow-update)>.branch-card{background:linear-gradient(125deg,#145436,#092d20)!important;border-color:#43986f!important;color:#fff!important}
html[data-theme="dark"] .task-branches .branch-event.flow-update>.branch-card{background:linear-gradient(125deg,#583279,#301c46)!important;border-color:#a57cc9!important;color:#fff!important}
html:not([data-theme="dark"]) .task-branches .branch-event:not(.flow-update)>.branch-card{background:linear-gradient(125deg,#d3f0df,#edf9f1)!important;border-color:#79ad8c!important;color:#123d29!important}
html:not([data-theme="dark"]) .task-branches .branch-event.flow-update>.branch-card{background:linear-gradient(125deg,#f3df9a,#fff4cd)!important;border-color:#bca054!important;color:#443410!important}
.task-branches .branch-card :is(h3,strong,small,.eyebrow){color:inherit!important}
.picker-toggle:after{content:""!important;display:inline-block;width:7px;height:7px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(45deg)}
.select-wrap:after{content:""!important;display:inline-block;width:7px;height:7px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(45deg)}
.search-select:after{content:""!important;width:7px;height:7px;top:18px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(45deg)}
html[data-theme="dark"] .donut:before,html[data-theme="dark"] .progress-ring:before{background:#161616!important}
html[data-theme="dark"] .metric-card.metric-active,html[data-theme="dark"] .metric-card.metric-idle,html[data-theme="dark"] .workspace-summary-cards>a.metric-active,html[data-theme="dark"] .workspace-summary-cards>a.metric-idle{background:linear-gradient(125deg,#252525,#111)!important;color:#fff!important}
html[data-theme="dark"] .branch-compose-actions .flow-compose-button,html[data-theme="dark"] .branch-compose-button,html[data-theme="dark"] .chat-send-button{background:linear-gradient(135deg,#1163c1,#244ea8)!important;color:white!important;border-color:#467cc6!important}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
html[data-theme="dark"] .command-center .metric-card.violet,html[data-theme="dark"] .command-center .metric-card.cyan,html[data-theme="dark"] .command-center .metric-card.green,html[data-theme="dark"] .command-center .metric-card.coral{background:linear-gradient(125deg,#252525,#111)!important;color:#fff!important;border-color:#444!important}
html[data-theme="dark"] .multi-picker.has-selection .picker-toggle,html[data-theme="dark"] .multi-picker.has-selection,html[data-theme="dark"] .floating-picker-panel{background:#181818!important;border-color:#555!important;color:white!important}
html[data-theme="dark"] .floating-picker-panel .person-option:has(input:checked){background:#303030!important;color:#fff!important}
html[data-theme="dark"] :is(.auth-card,.membership-chips a,.chat-attachment,.workspace-task-row:hover,.task-table-row:hover,.notification-item:hover,.task-view-header .back-link){background:#202020!important;border-color:#444!important}
html[data-theme="dark"] .branch-compose.child-update>summary{background:linear-gradient(135deg,#1163c1,#244ea8)!important;color:white!important;border-color:#467cc6!important}
