/* Shared UI ownership: reusable detail, tag and assignment surfaces. */

/* Canonical detail header shared by Projects and Resources. */
.work-detail-header{display:flex;align-items:center;justify-content:space-between;gap:18px;height:var(--panel-head-h)!important;min-height:var(--panel-head-h)!important;box-sizing:border-box!important;flex:0 0 var(--panel-head-h);margin:-18px -18px 0;padding:0 14px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(31,39,45,.72),rgba(26,32,37,.45))}
.work-detail-header>.editable{min-width:0;flex:1}.work-detail-header .editable h2{margin:0;font-size:var(--type-display);font-weight:var(--weight-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-detail-header-actions{display:flex;align-items:center;gap:9px;overflow:visible}.work-detail-header .delete-icon{margin-left:5px}
.work-detail-header>.editable.editing{flex:1 1 auto}.work-detail-header>.editable.editing .edit-input{width:min(520px,60vw);font-size:var(--type-display);font-weight:650}
.work-detail-header #deleteEvent{opacity:0;pointer-events:none;transition:opacity .12s ease}.work-detail-header:hover #deleteEvent,.work-detail-header:focus-within #deleteEvent{opacity:.82;pointer-events:auto}
@media(max-width:700px){.work-detail-header{padding:7px 12px}.work-detail-header .context-trigger,.work-detail-header #deleteEvent{opacity:.82!important;pointer-events:auto!important}}
@media(max-width:620px){.work-detail-header{height:auto!important;min-height:48px!important;flex:0 0 auto;align-items:flex-start;flex-wrap:wrap;gap:6px;padding-top:7px;padding-bottom:7px}.work-detail-header>.editable{flex:1 1 180px}.work-detail-header-actions{flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;gap:6px}.work-detail-header .editable h2{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.15}}

/* Canonical tags shared by Projects, Resources and administration surfaces. */
.work-tag-strip{display:flex;align-items:center;gap:8px;min-height:46px;padding:9px 0 10px}.work-tag-strip-chips{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:var(--space-2)!important;min-width:0}.work-tag-strip-actions{display:flex;align-items:center;margin-left:auto}
.tag-color-editor{display:grid;gap:5px}.tag-color-editor>span{font-size:var(--type-xs);color:#7e8992;text-transform:uppercase;letter-spacing:.05em}.tag-color-swatches{display:flex;flex-wrap:wrap;gap:5px}.tag-color-swatch{width:23px;height:23px;border-radius:5px;border:1px solid rgba(255,255,255,.15);padding:0;cursor:pointer}.tag-color-swatch.active{outline:2px solid #d6e5ee;outline-offset:2px}
.user-tag{display:inline-flex;align-items:center;justify-content:center;min-height:24px;box-sizing:border-box;border:0!important;border-left:2px solid transparent!important;border-radius:0 5px 5px 0!important;padding:4px 9px;font:inherit;font-size:var(--type-xs);line-height:var(--leading-tight);text-decoration:none;white-space:nowrap}.user-tag:not(.active){opacity:.46;filter:saturate(.68)}button.user-tag{cursor:pointer}.user-tag:hover{filter:brightness(1.12)}
.tag-color-blue{background:rgba(58,125,173,.20)!important;border-color:#416f8d!important;border-left-color:#416f8d!important;color:#8fc9eb!important}.tag-color-cyan{background:rgba(45,143,161,.19)!important;border-color:#3b7f8a!important;border-left-color:#3b7f8a!important;color:#8fd8e3!important}.tag-color-teal{background:rgba(39,137,121,.20)!important;border-color:#39796e!important;border-left-color:#39796e!important;color:#8ed4c5!important}.tag-color-green{background:rgba(67,139,82,.20)!important;border-color:#477b51!important;border-left-color:#477b51!important;color:#9bd0a5!important}.tag-color-lime{background:rgba(119,143,58,.20)!important;border-color:#687b3d!important;border-left-color:#687b3d!important;color:#c0d18a!important}.tag-color-yellow{background:rgba(155,128,47,.20)!important;border-color:#816d39!important;border-left-color:#816d39!important;color:#dec979!important}.tag-color-orange{background:rgba(164,101,48,.21)!important;border-color:#875b39!important;border-left-color:#875b39!important;color:#e0ab7b!important}.tag-color-red{background:rgba(150,67,67,.21)!important;border-color:#804747!important;border-left-color:#804747!important;color:#dc9292!important}.tag-color-pink{background:rgba(151,70,112,.20)!important;border-color:#804968!important;border-left-color:#804968!important;color:#dda0bd!important}.tag-color-purple{background:rgba(111,79,154,.21)!important;border-color:#655080!important;border-left-color:#655080!important;color:#bd9cdb!important}.tag-color-slate{background:rgba(96,111,123,.20)!important;border-color:#58656e!important;border-left-color:#58656e!important;color:#aebac2!important}
.tag-color-swatch.tag-color-blue,.tag-color-swatch.tag-color-cyan,.tag-color-swatch.tag-color-teal,.tag-color-swatch.tag-color-green,.tag-color-swatch.tag-color-lime,.tag-color-swatch.tag-color-yellow,.tag-color-swatch.tag-color-orange,.tag-color-swatch.tag-color-red,.tag-color-swatch.tag-color-pink,.tag-color-swatch.tag-color-purple,.tag-color-swatch.tag-color-slate{color:transparent!important}

/* Shared context and assignment affordances. */
.context-trigger{width:var(--control-h-compact)!important;height:var(--control-h-compact)!important;opacity:0;pointer-events:none;color:#78858d!important;transition:opacity .12s ease,color .12s ease!important}.context-trigger:hover{opacity:1!important;color:#cbdce6!important;background:transparent!important}@media(max-width:700px){.context-trigger{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;opacity:.82!important;pointer-events:auto!important}}
.floating-popover-layer{position:fixed;inset:0;z-index:2200;pointer-events:none}.floating-popover-layer>.floating-popover{position:fixed!important;right:auto!important;bottom:auto!important;margin:0!important;z-index:2201!important;pointer-events:auto;transform-origin:top center}.floating-popover-layer>.floating-popover.open-up{top:var(--floating-top,auto);bottom:auto!important;transform-origin:bottom center}
.work-tag-dropzone,.work-people-dropzone,.mail-compose-attachment-dropzone{box-sizing:border-box;border:1px dashed #303941;border-radius:5px;background:#181c1f;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}.work-tag-dropzone{flex:1;min-width:0;min-height:34px;padding:5px 7px;display:flex;align-items:center}.work-tag-dropzone.is-empty{min-height:36px}.work-tag-dropzone .work-tag-strip-chips{width:100%}.work-people-dropzone{min-height:48px;padding:5px}.work-tag-dropzone.has-items,.work-people-dropzone.has-items{border-color:transparent;background:transparent}
.work-tag-dropzone.drop-target-ready,.work-people-dropzone.drop-target-ready,.responsibility-card.drop-target-ready,.mail-compose-attachment-dropzone.drop-target-ready{border-width:2px!important;border-color:#607887!important;background:#11171b!important;box-shadow:none!important}.work-tag-dropzone.drop-target-active,.work-people-dropzone.drop-target-active,.responsibility-card.drop-target-active,.mail-compose-attachment-dropzone.drop-target-active{border-width:2px!important;border-color:#7c9aad!important;background:#0f1519!important;box-shadow:0 0 0 1px rgba(124,154,173,.12)!important}
.dropzone-placeholder{color:#65727b!important;font-size:var(--type-xs)!important;font-style:normal!important;letter-spacing:.01em}.context-panel-hint{font-size:var(--type-2xs);color:#6f7b83}
.assignment-picker-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px}.assignment-picker-list{min-width:0}.assignment-picker-row{transition:background .15s ease,border-color .15s ease,opacity .15s ease;touch-action:pan-y}.assignment-picker-row:not(.assigned){cursor:pointer}.assignment-picker-row[draggable="true"]{cursor:grab}.assignment-picker-row[draggable="true"]:active{cursor:grabbing}.assignment-picker-row.assigned{opacity:.62}
@media(max-width:900px){.work-tag-dropzone,.work-people-dropzone,.mail-compose-attachment-dropzone{min-height:44px}}

/* Shared audit/history presentation used by Projects, Tasks and UI Lab. */
.work-context-body .history-item{padding:10px 0 11px!important;border-bottom:1px solid #292f34!important}.work-context-body .history-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:baseline!important;margin:0 0 5px!important}.history-event-title{font-size:var(--type-sm);color:#9aa5ac;font-weight:var(--weight-medium)}.history-time{font-size:var(--type-xs);color:#68747c;white-space:nowrap}.history-change-value{font-size:var(--type-sm);line-height:var(--leading-ui);overflow-wrap:anywhere}.history-change-value.before{color:#b87979}.history-change-value.after{color:#88b596}.history-change-value.same{color:#aab4ba}.history-change-value.empty{color:#626d74;font-style:italic}.history-change-box{display:grid;gap:3px;padding:7px 8px;border-radius:4px;background:#171b1e;min-width:0}.history-change-box .history-change-value{font-size:var(--type-sm);line-height:1.4;overflow-wrap:anywhere}.history-change-box .diff-same{color:#89949b}.history-change-box .diff-del{color:#df7777}.history-change-box .diff-add{color:#76c992}.history-restore-btn{height:23px!important;min-height:23px!important;padding:0 7px!important;font-size:var(--type-2xs)!important;white-space:nowrap}.history-structured{display:grid;gap:2px}.history-structured>span{display:block}.history-structured b{font-weight:var(--weight-semibold);color:inherit}.history-item.restore-running{opacity:.55;pointer-events:none}.history-footer{min-height:25px;margin-top:4px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;gap:8px;align-items:center}.history-footer-user,.history-footer-relative{font-size:var(--type-xs)!important;color:#68747c!important;font-weight:var(--weight-regular)!important;white-space:nowrap}.history-footer-user{justify-self:start}.history-footer-relative{justify-self:end}.history-footer .history-restore-btn{justify-self:center!important}
.history-browser-chrome{margin:-10px -12px 10px;border-bottom:1px solid var(--line);background:#202326}.history-browser-tools{min-height:42px!important;padding:6px 10px!important;gap:7px!important;background:#202326}.history-browser-tools .history-search-wrap{flex:1!important;width:auto!important;min-width:0!important;margin:0!important}.history-browser-chrome>.work-filter-panel{margin:0!important;border-top:1px solid var(--line)!important;background:#1a1d20!important}.history-browser-chrome>.work-filter-panel.collapsed{border-top-color:transparent!important}.history-empty{padding:14px 2px}
@media(max-width:760px){.work-context-body .history-head{grid-template-columns:1fr!important}.history-time{white-space:normal}.history-footer{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important}.history-footer-user{justify-self:start!important}.history-footer-relative{justify-self:end!important}}
@media(max-width:620px){.history-browser-tools{flex-wrap:nowrap!important}.history-browser-tools .history-search-wrap{flex-basis:auto!important}.history-restore-btn{min-height:44px!important;height:44px!important;padding:0 10px!important}}

/* Canonical desktop multi-selection marquee. */
.ui-selection-rectangle{position:fixed;z-index:2600;pointer-events:none;border:1px solid color-mix(in srgb,var(--active-blue,#79b9e4) 82%,white 18%);background:color-mix(in srgb,var(--active-blue,#79b9e4) 16%,transparent);box-shadow:0 0 0 1px rgba(0,0,0,.28);border-radius:3px}
.ui-selection-rectangle.hidden{display:none!important}
.ui-marquee-selected{outline:1px solid color-mix(in srgb,var(--active-blue,#79b9e4) 82%,white 18%)!important;outline-offset:-1px!important;background-color:color-mix(in srgb,var(--active-blue,#79b9e4) 10%,transparent)!important}
.ui-marquee-deselected{opacity:.58!important}
body.ui-selection-rectangle-active,body.ui-selection-rectangle-active *{user-select:none!important}


/* Canonical table header shared by Resources, Tasks and UI Lab. Source of truth: Resources. */
.canonical-table-head{display:grid;grid-template-columns:var(--canonical-table-columns,minmax(0,1fr));gap:6px;align-items:center;min-height:30px;padding:0 8px 0 10px;box-sizing:border-box}
.canonical-table-head-cell{appearance:none!important;-webkit-appearance:none!important;min-width:0;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-xs)!important;line-height:var(--leading-tight)!important;color:#849099!important;text-transform:none!important;letter-spacing:0!important;font-weight:var(--weight-regular)!important;text-align:left}
.canonical-table-head-cell.sortable{cursor:pointer;user-select:none}
.canonical-table-head-cell.sortable:hover,.canonical-table-head-cell.sortable:focus-visible{color:#b0bbc1!important;outline:0}
.canonical-table-head-cell.active{color:var(--active-blue)!important;font-weight:var(--weight-strong)!important}
.canonical-table-head-spacer{min-width:0}