/* App workspaces share the chart below, but never share task storage. */
/* Native names determine the shared header/list width; Trello keeps its fixed panel. */
.native-workspace .task-row-title > a,
.native-workspace .task-board-header .task-board-header-label {
  flex: 0 0 auto;
  overflow: visible;
  max-width: none;
  text-overflow: clip;
}
.native-workspace .task-board-header-label-wrapper > .quick-rename-button {
  position: static;
  transform: none;
}
.native-workspace .task-row-context { flex: 0 0 auto; max-width: none; }
.native-workspace .gantt-wrapper { min-height: 360px; overflow-x: auto; }
.native-workspace #gantt-container:not(.layout-mode-calendar) .gantt-header-row,
.native-workspace #gantt-container:not(.layout-mode-calendar) .gantt-content { min-width: calc(var(--gantt-task-panel-width) + 240px); }
.native-workspace .native-task-panel-measure {
  position: absolute;
  left: -100000px;
  top: 0;
  visibility: hidden;
  pointer-events: none;
  width: max-content !important;
  min-width: 0;
  max-width: none;
  height: 0;
  overflow: hidden;
}
.native-task-panel-measure .task-row,
.native-task-panel-measure .task-board-header { width: max-content; }
.workspace-nav { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:16px; padding:12px 22px; background:linear-gradient(120deg,#fff,#ecfbff); border-bottom:1px solid #cae0ec; }
.workspace-nav__brand { grid-column:1; grid-row:1; display:block; width:240px; max-width:100%; height:72px; overflow:hidden; }
/* Frame the supplied artwork without its large top and bottom margins. */
.workspace-nav__brand img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 46%; }
.workspace-nav__brand:focus-visible { outline:3px solid #42bcdc; outline-offset:3px; border-radius:6px; }
.workspace-nav__apps, .workspace-nav__actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.workspace-nav__apps { grid-column:2; justify-content:center; }
.workspace-nav button, .workspace-dialog button, .workspace-welcome button { font:inherit; cursor:pointer; border:1px solid #c5dfe9; color:#15324e; background:#fff; border-radius:10px; padding:9px 13px; }
.workspace-nav button:hover, .workspace-dialog button:hover { background:#edfaff; }
.workspace-nav button:focus-visible, .workspace-dialog :focus-visible, .workspace-welcome :focus-visible { outline:3px solid #42bcdc; outline-offset:3px; }
.workspace-nav .workspace-tab { display:flex; align-items:center; gap:10px; text-align:left; padding:8px 16px 8px 9px; border-color:transparent; background:transparent; }
.workspace-tab strong { display:block; font-size:17px; }
.workspace-tab small { display:block; color:#617a92; margin-top:2px; font-size:12px; }
.workspace-nav .workspace-tab.is-active { background:#fff; border-color:#7bd7e9; box-shadow:0 4px 14px #1f748012; }
.workspace-tab__icon { display:grid; place-items:center; width:43px; height:43px; border-radius:13px; background:linear-gradient(140deg,#b3fbef,#6bcfe6); color:#075666; font-size:27px; }
.workspace-tab__icon--fretmaster { background:linear-gradient(140deg,#d9fbd7,#7ddbbb); }
.workspace-tab__icon--tab-timeline { background:linear-gradient(140deg,#d9e8ff,#aaa4ed); color:#3e4a8b; }
.workspace-cloud { color:#23715c; font-size:13px; }
.workspace-nav__actions { grid-column:3; min-width:0; justify-content:flex-end; }
.workspace-account { position:relative; flex-shrink:0; }
.workspace-account [hidden] { display:none !important; }
.workspace-nav .workspace-account__avatar { position:relative; display:block; width:48px; height:48px; padding:0; border:0; border-radius:50% !important; background:transparent; box-shadow:none; overflow:hidden; }
.workspace-nav .workspace-account__avatar:hover { background:transparent; box-shadow:0 0 0 4px #cceef066; }
.workspace-account__avatar img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; border-radius:50%; }
.workspace-account__fallback { display:grid; place-items:center; width:100%; height:100%; border-radius:50%; background:#e6f4f6; color:#356680; font-size:17px; font-weight:650; }
.workspace-account__menu { position:absolute; top:calc(100% + 10px); right:0; z-index:200; min-width:190px; max-width:calc(100vw - 32px); padding:7px; border:1px solid #e2e9ed; border-radius:12px; background:#fff; box-shadow:0 8px 26px #18344e1c; }
.workspace-nav .workspace-account__sign-out { display:flex; align-items:center; gap:12px; width:100%; padding:12px 14px; border:0; background:transparent; color:#e3373d; text-align:left; font-size:15px; }
.workspace-nav .workspace-account__sign-out:hover { background:#fff2f2; }
.workspace-account__sign-out svg { flex-shrink:0; }
.workspace-account__sign-out:disabled, .workspace-account__avatar:disabled { cursor:wait; opacity:.65; }
#workspace-notice { color:#883f14; background:#fff2dd; padding:12px 22px; }
body[data-workspace="fretmaster"] .standalone-toolbar, body[data-workspace="tab-timeline"] .standalone-toolbar { background:#e4f3f5; color:#244860; min-height:0; padding:7px 22px; font-size:13px; }
body.native-workspace .workspace-nav__actions { flex-wrap:nowrap; }
body.native-workspace .workspace-nav__actions > .standalone-toolbar { display:block; flex:1 1 180px; min-width:0; padding:6px 10px; line-height:1.35; }
body.native-workspace .workspace-nav__actions > .standalone-toolbar:empty { display:none; }
body.native-workspace .workspace-nav__actions > .workspace-cloud,
body.native-workspace .workspace-nav__actions > button { flex:0 0 auto; white-space:nowrap; }
.workspace-welcome { width:min(680px,calc(100% - 48px)); margin:70px auto; padding:38px; background:#fff; border:1px solid #d5e5ec; border-radius:24px; box-shadow:0 15px 45px #1f446610; color:#17314c; box-sizing:border-box; }
.workspace-welcome h1 { margin:18px 0; font-size:30px; }
.workspace-welcome p { line-height:1.6; color:#536d84; }
.workspace-welcome__icon { font-size:44px; color:#128aab; }
.workspace-welcome__hint { font-size:13px; margin-top:24px; }
.workspace-modal-open { overflow:hidden; }
.workspace-modal { position:fixed; inset:0; z-index:100000; display:flex; align-items:center; justify-content:center; padding:20px; background:#102a4866; backdrop-filter:blur(5px); }
.workspace-dialog { color:#18344e; background:#fff; border:1px solid #c6e0e9; border-radius:22px; box-shadow:0 22px 70px #0b223c33; width:min(720px,100%); max-height:calc(100vh - 40px); overflow:auto; padding:26px; box-sizing:border-box; }
.workspace-dialog header { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:12px; }
.workspace-dialog h2 { margin:0; font-size:26px; }
.workspace-dialog header button { padding:5px 12px; font-size:26px; }
.workspace-dialog__hint { color:#61768c; line-height:1.5; margin:0 0 20px; }
.workspace-dialog fieldset { border:0; margin:0; padding:0; min-width:0; }
.workspace-dialog label, .workspace-field-label { display:flex; flex-direction:column; font-weight:650; gap:7px; margin:12px 0; font-size:15px; }
.workspace-dialog input:not([type="checkbox"]), .workspace-dialog select, .workspace-dialog textarea { font:inherit; font-weight:400; padding:11px 12px; border:1px solid #bcd5e0; background:#fafeff; color:#18344e; border-radius:9px; width:100%; box-sizing:border-box; min-width:0; }
.workspace-dialog textarea { resize:vertical; }
.workspace-form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.workspace-field-hint { color:#647d91; font-size:13px; line-height:1.4; }
.workspace-member-choices { display:flex; flex-wrap:wrap; gap:8px; }
.workspace-dialog .workspace-member-choice { display:flex; flex-direction:row; align-items:center; gap:8px; border:1px solid #d2e5ee; border-radius:10px; padding:8px 12px; margin:0; font-weight:500; }
.workspace-member-choice img { width:30px; height:30px; border-radius:50%; object-fit:cover; }
.workspace-member-choice:has(input:checked) { background:#e7fbf6; border-color:#64c5ae; }
.workspace-dialog footer { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:10px; margin-top:24px; }
.workspace-dialog .workspace-primary, .workspace-welcome .workspace-primary { background:linear-gradient(120deg,#28bcd2,#527de0); color:#fff; border-color:transparent; font-weight:700; }
.workspace-dialog button:disabled { opacity:.6; cursor:wait; }
.workspace-form-error { color:#994719; font-size:14px; line-height:1.4; }
.workspace-delete-button {
  display:inline-flex; align-items:center; justify-content:center; flex:0 0 28px;
  width:28px; height:28px; padding:0; border:1px solid #e5c9c9; border-radius:8px;
  background:#fff; color:#b63b3b; cursor:pointer;
}
.workspace-delete-button:hover { background:#fff0f0; border-color:#d78c8c; }
.workspace-delete-button:focus-visible, .workspace-danger:focus-visible { outline:3px solid #27aecf; outline-offset:2px; }
.workspace-dialog footer > .workspace-delete-button { margin-right:auto; width:38px; height:38px; flex-basis:38px; }
.workspace-dialog .workspace-danger { background:#b83232; border-color:#b83232; color:#fff; font-weight:700; }
.workspace-dialog .workspace-danger:hover { background:#972929; }
.workspace-delete-copy { line-height:1.6; overflow-wrap:anywhere; }
.calendar-task-chip > .workspace-delete-button { position:absolute; right:6px; bottom:4px; width:24px; height:24px; }
.native-workspace .calendar-task-chip > .quick-rename-button { right:36px; }
.workspace-access-person { display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid #e5eef4; padding:13px 0; overflow-wrap:anywhere; }
.workspace-access-person small { display:block; color:#688198; margin-top:4px; }
[data-native-task-id] { cursor:pointer; }
body[data-workspace="fretmaster"] .project-overview,
body[data-workspace="tab-timeline"] .project-overview { grid-template-columns:minmax(0,1fr); }
@media(max-width:1100px) {
  body.native-workspace .workspace-nav__actions { grid-column:1 / -1; grid-row:2; }
}
@media(max-width:700px) {
  .workspace-nav { grid-template-columns:repeat(2,minmax(0,1fr)); padding:10px 12px; gap:10px; }
  .workspace-nav__brand { width:220px; height:66px; }
  .workspace-nav__apps { grid-column:1 / -1; grid-row:2; width:100%; gap:4px; }
  .workspace-nav .workspace-tab { padding:6px; gap:6px; }
  .workspace-tab strong { font-size:14px; }
  .workspace-tab__icon { width:32px; height:32px; font-size:23px; }
  .workspace-nav__actions { grid-column:2; grid-row:1; gap:6px; }
  body.native-workspace .workspace-nav__actions { grid-column:1 / -1; grid-row:3; flex-wrap:wrap; }
  .workspace-nav__actions button { font-size:13px; padding:7px 9px; }
  .workspace-form-row { grid-template-columns:1fr; gap:0; }
  .workspace-dialog { padding:18px; }
  .workspace-welcome { margin:30px auto; padding:24px; }
}
.native-workspace button.task-status-icon:disabled { cursor: default; opacity: .55; box-shadow: none; }
.native-workspace button.task-status-icon[aria-busy="true"] { cursor: progress; }
.native-workspace button.task-status-icon:focus-visible { outline: 2px solid #087cf0; outline-offset: 3px; }