/* Focused work surfaces: keep the Plane shell and shared tokens. */
.task-status-filters {display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:18px;}
.task-status-filters>button {display:inline-flex;align-items:center;gap:7px;padding:7px 10px;min-height:34px;border-radius:var(--ui-radius);font-size:13px;color:var(--muted);}
.task-status-filters>button>span {min-width:18px;text-align:center;font-variant-numeric:tabular-nums;}
.task-status-filters>button:hover {background:var(--ui-hover);color:var(--text);}
.task-status-filters>button.active {background:var(--plane-active);color:var(--text);font-weight:500;}
.task-toolbar .segmented {display:flex;flex-shrink:0;}
.task-toolbar .segmented>button {display:flex;align-items:center;gap:7px;min-height:34px;font-size:13px;}
.task-toolbar .segmented .icon {width:16px;height:16px;}
.task-week {margin-bottom:22px;border-block:1px solid var(--line);}
.task-week>summary {display:flex;align-items:center;gap:9px;min-height:48px;font-size:14px;cursor:pointer;list-style:none;}
.task-week>summary::-webkit-details-marker,.studio-assistant>summary::-webkit-details-marker {display:none;}
.task-week>summary>.icon {width:16px;height:16px;color:var(--muted);}
.task-week>summary>span {margin-left:auto;color:var(--muted);font-size:12px;}
.task-week[open]>summary>.icon:last-child {transform:rotate(90deg);}
.task-week .plane-week-planner {margin:4px 0 18px;}
.plane-page .kanban {align-items:start;gap:16px;}
.plane-page .kanban-column {min-height:240px;padding:12px;background:var(--ui-header);border-radius:8px;}
.kanban-heading {margin-bottom:14px;}
.kanban-heading>h2 {display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;}
.kanban-heading>h2>span {font-size:12px;font-weight:400;color:var(--muted);margin-left:3px;}
.kanban-heading>.icon-button {width:28px;height:28px;min-height:28px;}
.plane-page .task-card {margin-bottom:12px;background:var(--surface);padding:16px;}
.task-card .task-id {align-items:center;}
.task-card .task-id>.icon {width:14px;height:14px;opacity:0;}
.task-card:hover .task-id>.icon,.task-card:focus-visible .task-id>.icon {opacity:1;}
.task-card h3 {margin:10px 0 15px;line-height:1.7;}
.task-card-details {display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;}
.task-due {display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:12px;white-space:nowrap;}
.task-due>.icon {width:13px;height:13px;}
.task-due.is-overdue {color:#b34c25;}
.dark .task-due.is-overdue {color:#efb48e;}
.task-card .task-meta {display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:16px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;}
.task-meta>span {display:inline-flex;align-items:center;gap:5px;min-width:0;color:var(--muted);}
.task-meta .icon {width:13px;height:13px;}
.task-owner {max-width:100%;overflow-wrap:anywhere;}
.task-owner .avatar {width:23px;height:23px;font-size:12px;}
.kanban-empty {margin:30px 6px;line-height:1.7;font-size:13px;text-align:center;}
.kanban-column>.btn {width:100%;justify-content:flex-start;}
.kanban.is-filtered {grid-template-columns:minmax(0,560px);}
.workflow-help {font-size:12px!important;margin-top:14px;line-height:1.7;}
.task-readonly {padding-top:20px;}
.task-readonly h3 {font-size:17px;line-height:1.65;}
.task-readonly p {white-space:pre-wrap;line-height:1.8;}
.task-readonly dl {display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 24px;margin-top:22px;font-size:14px;line-height:1.7;}
.task-readonly dt {color:var(--muted);}
.task-readonly dd {margin:0;overflow-wrap:anywhere;}
.studio-assistant>summary:focus-visible,.task-week>summary:focus-visible {outline:2px solid var(--ui-focus);outline-offset:3px;border-radius:var(--ui-radius);}

/* The writing canvas leads. Configuration collapses beside an existing article. */
.workflow-studio {align-items:start;grid-template-columns:290px minmax(0,1fr);gap:20px;}
.studio-assistant {min-width:0;max-width:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface);}
.studio-assistant>summary {display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:17px 18px;min-height:54px;cursor:pointer;list-style:none;font-size:14px;}
.studio-assistant>summary>.icon {margin-left:auto;flex-shrink:0;width:15px;height:15px;transition:transform var(--ui-fast) var(--ui-ease);}
.studio-assistant[open]>summary>.icon {transform:rotate(90deg);}
.studio-assistant-label {display:flex;align-items:center;gap:8px;font-weight:600;}
.studio-assistant-label>.icon {width:17px;height:17px;}
.studio-assistant-hint {display:none;font-size:13px;color:var(--muted);}
.studio-assistant[open]>summary {border-bottom:1px solid var(--line);}
.studio-assistant>.studio-config {padding:18px;border:0;border-radius:0;background:transparent;}
.studio-assistant .studio-config>p:first-child {margin:0 0 20px;font-size:13px;line-height:1.7;}
.studio-assistant .field {margin-top:18px;}
.studio-assistant .field:first-of-type {margin-top:0;}
.studio-assistant .field textarea {min-height:104px;}
.studio-assistant .creation-readiness {display:flex;align-items:flex-start;gap:7px;font-size:13px;line-height:1.7;color:var(--muted);margin:18px 0;flex-wrap:wrap;}
.creation-readiness>.icon {width:16px;height:16px;margin-top:3px;color:var(--data-teal);}
.creation-readiness>.btn {padding:0;min-height:28px;}
.studio-assistant .studio-config>button[type=submit] {width:100%;}
.workflow-studio .studio-editor {min-width:0;border-radius:8px;overflow:hidden;}
.workflow-studio .editor-toolbar {padding:14px 20px;}
.editor-document-meta {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 24px 0;color:var(--muted);font-size:12px;line-height:1.7;}
.editor-save-state {display:flex;align-items:center;gap:6px;}
.editor-save-state::before {content:'';width:5px;height:5px;border-radius:50%;background:var(--data-teal);}
.editor-save-state.is-dirty::before {background:#b58531;}
.workflow-studio .editor-content {padding:24px;}
.workflow-studio .article-body {min-height:430px;font-size:14px;line-height:1.95;}
.workflow-studio .editor-title {margin-bottom:22px;}
.workflow-studio .editor-footer {padding:16px 20px;font-size:12px;line-height:1.7;}
.editor-meta-divider {margin-inline:7px;color:var(--muted);}
.workflow-studio .article-preview {font-size:14px;line-height:1.95;}
.workflow-studio .article-preview h2 {font-size:20px;line-height:1.6;margin-top:26px;}
.workflow-studio .article-preview h3 {font-size:17px;line-height:1.6;margin-top:24px;}

/* Publishing prerequisites and a compact selection tray. */
.publishing-readiness {display:flex;align-items:flex-start;gap:12px;padding:16px 0 18px;margin-bottom:12px;border-block:1px solid var(--line);}
.publishing-readiness>.icon {width:20px;height:20px;margin-top:2px;color:var(--data-teal);}
.publishing-readiness>div {flex:1;min-width:0;}
.publishing-readiness strong {font-size:14px;font-weight:500;line-height:1.6;}
.publishing-readiness p {font-size:13px;margin:5px 0 0;line-height:1.7;}
.publishing-readiness>.btn {align-self:center;}
.media-card .media-top {align-items:flex-start;}
.media-card .media-mark {min-width:0;flex:1;}
.media-card .media-mark>div:last-child {min-width:0;}
.media-card .media-mark h3 {font-size:15px;font-weight:500;line-height:1.65;}
.media-card .media-mark p {font-size:13px;margin-top:4px;}
.media-card .media-mark>.avatar {width:32px;height:32px;background:var(--soft);}
.media-card .media-mark>.avatar>.icon {width:17px;height:17px;}
.media-choice {display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;margin-top:3px;border:1px solid var(--muted);border-radius:4px;flex-shrink:0;}
.media-choice>.icon {width:13px;height:13px;stroke-width:2;}
.media-card.selected .media-choice {background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;}
.media-tags {display:flex;gap:7px;flex-wrap:wrap;margin:17px 0 12px;}
.media-card>p {font-size:14px;line-height:1.8;margin:0 0 20px;flex:1;}
.plane-page .media-card {display:flex;flex-direction:column;}
.media-card .media-facts {align-items:center;margin-top:auto;padding-top:16px;gap:8px;border-top:1px solid var(--line);}
.media-facts .price {font-size:22px;font-weight:600;}
.media-facts .price small {font-size:12px;font-weight:400;}
.media-facts>span {font-size:12px;}
.media-selection-hint {font-size:13px!important;margin-top:18px;}
.workflow-selection.selection-bar {bottom:0;gap:20px;padding:16px 18px;box-shadow:none;border-radius:8px;background:var(--plane-control);}
.selected-media-summary {flex:1;min-width:0;}
.selected-media-summary>div:first-child {display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;line-height:1.6;}
.selected-media-summary>div:first-child>span {font-size:13px;color:var(--muted);}
.selected-media-summary strong {font-weight:500;color:var(--text);}
.selected-media-chips {display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;}
.selected-media-chip {display:inline-flex;align-items:center;gap:6px;max-width:100%;border:1px solid var(--line);padding:5px 8px;border-radius:5px;background:var(--surface);font-size:12px;line-height:1.5;overflow-wrap:anywhere;}
.selected-media-chip:hover {border-color:var(--muted);}
.selected-media-chip>.icon {width:12px;height:12px;transform:rotate(45deg);}
.selected-media-summary>p {font-size:12px;margin:9px 0 0;line-height:1.65;}
.workflow-selection .heading-actions {flex-shrink:0;}

/* Connector rows group by the work they enable; status means configured, not tested. */
.integration-section {margin-top:26px;}
.integration-section>h3 {font-size:14px;font-weight:600;margin-bottom:12px;}
.integration-section .plane-integration-list {gap:0;}
.integration-section .plane-integration {border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:20px 0;gap:14px;}
.integration-section .plane-integration strong {font-size:14px;font-weight:500;}
.integration-section .plane-integration>div:nth-child(2) {flex:1;min-width:0;}
.integration-section .plane-integration-icon {width:32px;height:32px;}
.integration-section .plane-integration-icon .platform-name {width:28px;}
.integration-section .plane-integration-icon .platform-icon {width:26px;height:26px;}
.integration-row-actions {display:flex;align-items:center;gap:10px;flex-shrink:0;}
.integration-row-actions>.small {font-size:12px;color:var(--muted);white-space:nowrap;}
.integration-row-actions>.btn {min-height:36px;}

@container geo-content (max-width:960px) {
  .workflow-studio {grid-template-columns:minmax(0,1fr);}
  .studio-assistant-hint {display:inline;}
  .studio-assistant>summary {padding:15px 18px;}
  .studio-assistant>.studio-config {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
  .studio-assistant .studio-config>.field {margin:0;}
  .studio-assistant .studio-config>.creation-readiness,.studio-assistant .studio-config>p,.studio-assistant .studio-config>button {grid-column:1 / -1;margin:0;}
  .workflow-selection {flex-wrap:wrap;}
  .workflow-selection .heading-actions {margin-left:auto;}
}
@container geo-content (max-width:600px) {
  .task-week>summary>span {display:none;}
  .task-week>summary>.icon:last-child {margin-left:auto;}
  .task-toolbar .input-search {flex-basis:100%;}
  .plane-page .task-toolbar>.muted {flex-basis:auto;width:auto;margin-right:auto;}
  .studio-assistant-hint {display:none;}
  .studio-assistant>.studio-config {grid-template-columns:minmax(0,1fr);}
  .workflow-studio .editor-document-meta {padding:12px 18px 0;}
  .workflow-studio .editor-content {padding:20px 18px;}
  .workflow-studio .editor-toolbar,.workflow-studio .editor-footer {padding:14px;}
  .workflow-studio .article-body {min-height:360px;}
  .publishing-readiness {display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;}
  .publishing-readiness>.btn {grid-column:2;justify-self:start;margin-left:0;padding:3px 0;min-height:28px;}
  .workflow-selection .heading-actions {width:100%;justify-content:space-between;}
  .workflow-selection .selected-media-chips {max-height:90px;overflow:auto;}
  .integration-section .plane-integration {display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:12px;}
  .integration-section .plane-integration>div:nth-child(2) {min-width:0;}
  .integration-row-actions {grid-column:2;flex-wrap:wrap;}
}
@media(prefers-reduced-motion:reduce) {.studio-assistant>summary>.icon {transition:none;}}