.editing-discussion-badges { display:flex; gap:6px; flex-wrap:wrap; align-items:center; margin-top:6px; font-size:14px; }
.chat-reply,.chat-unread { padding:3px 7px; border-radius:5px; line-height:1.4; }
.chat-reply.reply_needed,.chat-unread { color:#963a0d; background:#fff0cc; }
.chat-reply.awaiting_reply { color:#475569; background:#e9edf2; }
.editing-chat .editing-comments { max-height:480px; overflow:auto; overscroll-behavior:contain; padding:8px 4px; }
.editing-chat .editing-comment { margin:0 24px 12px 0; padding:12px; border:1px solid var(--line); border-radius:8px; }
.editing-chat .editing-comment.chat-mine { margin:0 0 12px 24px; background:var(--surface-soft,#f4f6fa); }
.editing-comment-text { white-space:pre-wrap; overflow-wrap:anywhere; }
.chat-attachments { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.chat-attachments a { width:144px; height:110px; display:block; }
.chat-attachments img { width:100%; height:100%; object-fit:contain; border:1px solid var(--line); border-radius:4px; }
.chat-file-picker [hidden] { display:none!important; }
.chat-file-picker { display:flex; align-items:center; gap:8px; min-width:0; }
.chat-file-picker span { overflow-wrap:anywhere; font-size:14px; }
.editing-comment-compose { min-width:0; }
.editing-workspace { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; align-items:start; border-top:1px solid var(--line); margin-top:16px; padding-top:16px; }
.editing-workspace > .editing-section { min-width:0; margin:0; padding:0; border:0; }
.editing-workspace h2 { font-size:18px; margin:0 0 12px; }
.editing-workspace .section-title { margin:0; }
.editing-workspace .editing-version { display:grid; grid-template-columns:minmax(0,1fr) 32px; gap:6px 8px; padding:10px; }
.editing-workspace .editing-version-head { grid-column:1/-1; margin:0; gap:8px; align-items:center; }
.editing-workspace .editing-version > a { grid-column:1; grid-row:2; align-self:center; font-size:14px; }
.editing-workspace .editing-version > .live-copy { grid-column:2; grid-row:2; width:32px; height:32px; padding:6px; margin:0; }
.editing-workspace .editing-version > small { grid-column:1/-1; margin:0; font-size:14px; }
.editing-workspace .editing-version > .actions { grid-column:1/-1; margin:2px 0 0; gap:8px; flex-wrap:wrap; }
.editing-workspace .editing-version-history summary { cursor:pointer; color:var(--muted); font-size:14px; padding:6px 0; }
.editing-workspace .editing-version-history .editing-version { margin-top:8px; }
.editing-workspace .editing-submit { grid-template-columns:minmax(0,1fr); gap:8px; margin-top:12px; }
.editing-workspace .editing-submit button { justify-self:end; }
.editing-workspace .editing-submit input { min-width:0; }
.editing-workspace .editing-status { font-size:14px; padding:4px 7px; }
.editing-workspace .editing-comments { max-height:300px; padding:0 2px; }
.editing-workspace .editing-comments > .hint { margin:4px 0 12px; }
.editing-workspace .editing-comment { display:grid; grid-template-columns:minmax(0,1fr) 28px; gap:6px; padding:8px; margin-bottom:8px; }
.editing-workspace .editing-comment-head,.editing-workspace .chat-attachments { grid-column:1/-1; }
.editing-workspace .editing-comment-text { grid-column:1; grid-row:2; min-width:0; }
.editing-workspace .editing-comment > .live-copy { grid-column:2; grid-row:2; width:28px; height:28px; padding:4px; margin:0; }
.editing-workspace .editing-discussion-badges:empty { display:none; }
.editing-workspace .editing-comment-head { gap:6px; font-size:14px; }
.editing-workspace .editing-comment-compose { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; margin-top:10px; }
.editing-workspace .editing-comment-compose > label { grid-column:1/-1; }
.editing-workspace .editing-comment-compose textarea { min-height:64px; height:64px; max-height:240px; resize:vertical; }
.editing-workspace .editing-comment-compose > button { align-self:center; }
.editing-workspace > .error-line { grid-column:1/-1; margin:0; }
.editing-workspace .editing-assignment { grid-column:1/-1; display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:14px; }
.editing-workspace .editing-assignment select { width:240px; max-width:100%; }
.editing-workspace .section-title > .editing-status { margin-bottom:12px; }
@media(max-width:1050px) { .editing-workspace { grid-template-columns:minmax(0,1fr); gap:16px; }.editing-workspace > .editing-section + .editing-section { border-top:1px solid var(--line); padding-top:16px; } }
[data-theme="dark"] .chat-reply.reply_needed,[data-theme="dark"] .chat-unread { color:#ffe2ad; background:#573b17; }
[data-theme="dark"] .chat-reply.awaiting_reply { color:#dce3ea; background:#303945; }
[data-theme="dark"] .editing-chat .editing-comment.chat-mine { background:#252a33; }
@media(max-width:600px) { .editing-chat .editing-comment { margin-right:8px; }.editing-chat .editing-comment.chat-mine { margin-left:8px; }.chat-attachments a { width:110px; height:90px; }.editing-comment-head { flex-wrap:wrap; } }
html { scrollbar-gutter: stable; }
.plan-tabs-stable > .content-plan-mode {display:grid;grid-template-columns:repeat(4,max-content);width:max-content;max-width:100%;margin:0 0 18px;align-self:start}
.plan-tabs-stable > .content-plan-mode button {height:40px;min-height:40px;white-space:nowrap}
.board-assignee {min-width:0;max-width:100%;margin-top:4px;height:36px}
.board-assignee button {display:flex;align-items:center;gap:6px;width:100%;height:36px;padding:4px 0;text-align:left;min-width:0}
.board-assignee button span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.board-assignee svg {flex:0 0 16px;width:16px;height:16px}
.board-assignee select {width:100%;max-width:100%;height:36px;padding:4px;min-width:0}
.account-email-dialog {width:420px;max-width:calc(100vw - 32px);border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);padding:24px}
.account-email-dialog form {display:grid;gap:16px}.account-email-dialog label {display:grid;gap:6px}.account-email-dialog input {width:100%;min-width:0}
.account-email-dialog::backdrop {background:#0008}
/* Optional rows collapse; title and preview retain stable dimensions. */
.plan-board .plan-card {display:grid;grid-template-rows:none;grid-auto-rows:auto;align-content:start;gap:10px;height:auto;box-sizing:border-box;padding:12px;border-radius:8px;background:var(--card);min-width:0;transform:none}
.plan-board{grid-auto-columns:minmax(280px,1fr)}
.plan-board.ui-board-workflow{grid-template-columns:repeat(5,minmax(280px,1fr))}
.plan-board.ui-board-workflow.plan-board-single{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);align-items:start;overflow-x:auto}
.plan-detail-head .plan-head-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.plan-head-tools .plan-workflow-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.plan-workflow-actions label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600}
.plan-workflow-actions select{max-width:100%;width:170px;min-height:38px}
.plan-workflow-actions .compare-action{min-height:38px;white-space:nowrap}
.weekly-calendar .weekly-settings{white-space:nowrap}
@media(max-width:800px){
 .plan-detail-head .plan-head-tools{display:flex;justify-content:flex-end}
 .plan-head-tools .plan-workflow-actions{width:100%;justify-content:space-between}
 .plan-head-tools .plan-save-state{flex:1;white-space:normal;overflow:visible}
 .plan-workflow-actions select{width:186px}
 .plan-workflow-actions label{flex:1;min-width:200px}
 .plan-head-tools .plan-save-state{line-height:1.4}
 .content-plan-item-page .plan-detail-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:3px}
 .content-plan-item-page .plan-detail-tabs button{width:100%;min-width:0;min-height:38px;padding:4px;font-size:14px}
 .content-plan-item-page .plan-detail-tabs button small{display:none}
 .plan-board.ui-board-workflow.plan-board-single{grid-auto-columns:min(85vw,310px)}
}
.plan-board-single .plan-column-list{max-height:max(350px,64dvh);overflow-y:auto;scrollbar-width:thin}
.board-jump{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin:8px 0;color:var(--muted);font-size:14px}
.board-jump select{width:180px;max-width:60vw}
.plan-board .plan-card-context:empty,.plan-board .plan-card-editing:empty{display:none}
.plan-board .plan-card:hover {transform:none;box-shadow:none}
.plan-board .plan-card-main {grid-template-columns:48px minmax(0,1fr);gap:8px;align-items:start;padding-right:24px;min-width:0}
.plan-board .plan-card .plan-thumb-wrap {width:48px;height:64px;border-radius:6px}
.plan-board .plan-card-copy {align-self:start;min-width:0}
.plan-board .plan-card h3 {font-size:16px;line-height:22px;height:44px;margin:0;letter-spacing:0}
.plan-board .plan-card-copy p {font-size:14px;line-height:20px;margin:4px 0 0}
.plan-board .plan-board-drag-handle {right:6px;top:8px;width:26px;min-width:26px;height:28px;border:0;background:transparent}
.plan-board .plan-card-context {height:auto;min-height:0;margin:0;gap:4px;overflow:hidden}
.plan-board .plan-card-context span {font-size:14px;line-height:16px;padding:1px 5px;border:0;border-radius:4px}
.plan-board .plan-tags-control {height:auto;min-height:34px;padding:4px 6px;min-width:0;box-sizing:border-box;border-radius:6px}
.plan-board .plan-card-meta {height:24px;margin:0;align-items:center;gap:4px;font-size:14px}
.plan-board .plan-card-badges {flex-wrap:nowrap;align-items:center;gap:4px;flex-shrink:0}
.plan-board .plan-card-badges strong {font-size:14px;line-height:16px;padding:2px 5px}
.plan-board .plan-priority-high svg {width:12px;height:12px;display:block}
.plan-board .plan-card-editing {display:grid;grid-template-rows:auto;gap:6px;min-width:0}
.plan-board [data-chat-badges] {min-width:0;overflow:hidden}
.plan-board .editing-discussion-badges {margin:0;gap:4px;flex-wrap:wrap;height:auto;font-size:14px;overflow:hidden}
.plan-board .editing-discussion-badges > * {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 5px}
.plan-board .board-assignee {height:30px;margin:0;min-width:0}
.plan-board .board-assignee button,.plan-board .board-assignee select {height:30px;min-height:30px;font-size:14px;padding:3px 6px;border:1px solid var(--line);border-radius:6px;background:var(--card);box-sizing:border-box}
.plan-board .plan-card-editing > small {font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.plan-board .plan-card-stage {height:32px;min-height:32px;margin:0;padding:4px 6px;border-radius:6px;border:1px solid var(--line);background:var(--card);font-size:14px;box-sizing:border-box}
@media(max-width:700px){.plan-tabs-stable > .content-plan-mode{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.plan-tabs-stable > .content-plan-mode button{padding:4px 8px}}
@media(max-width:800px){.plan-toolbar #plan-search{flex:1 0 100%;width:100%;min-width:0}.plan-toolbar>select{flex:1 1 calc(50% - 4px);min-width:140px;width:calc(50% - 4px)}}
.project-add-bloggers.form-collapsed > :is(.panel-title,.parse-layout,.upload-setup){display:none!important}
.reels-table .reel-tags{min-width:0;max-width:100%;flex-wrap:wrap}
.reels-table .reel-tags-edit span{display:none}
.reels-table .reel-tags-edit{min-width:32px;padding:5px}
.mobile-media-toggle{display:none!important}
.plan-column-list:has(> .plan-drop-placeholder) > .plan-column-empty{display:none}
.plan-drag-ghost :is(select,input,button){pointer-events:none!important;outline:none!important;box-shadow:none!important}
.plan-drop-placeholder{border-radius:8px}
.plan-board .plan-card select:focus{box-shadow:none;outline:none}
.plan-board .plan-card select:focus-visible{outline:2px solid var(--accent);outline-offset:1px;box-shadow:none}
@media(max-width:700px){
  .project-media-panel .mobile-media-toggle{display:inline-flex!important;order:2}
  .project-media-panel .ui-toolbar-main{display:flex;flex-wrap:wrap}
  .project-media-panel .ui-toolbar-main #search{order:1;flex:1 1 120px;min-width:0;width:auto}
  .project-media-panel .ui-toolbar-main > :not(#search,.mobile-media-toggle){order:3}
  .project-media-panel .toolbar:not(.filters-expanded) .ui-toolbar-main > :not(#search,.mobile-media-toggle),
  .project-media-panel .toolbar:not(.filters-expanded) .ui-toolbar-tools,
  .project-media-panel:not(:has(.filters-expanded)) .media-quality-filter,
  .project-media-panel > .panel-title:has(+ .media-quality-filter){display:none!important}
  #admin-view .admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
  #admin-view .admin-grid .stat{min-width:0;padding:8px 4px;text-align:center}
  #admin-view .admin-grid .stat span{font-size:13px}
}