body:has(.progress-collection-view.active) { overflow: hidden; background: #f7f9fd; }
body:has(.progress-collection-view.active) .app-topbar,
body:has(.progress-collection-view.active) .progress-heading { display: none !important; }
body:has(.progress-collection-view.active) .app-content { width: 100%; max-width: none; padding: 0; }
.progress-collection-view.active, #progressCollectionApp, .pcx-shell { width: 100%; height: 100vh; min-height: 720px; }
.pcx-shell { overflow: hidden; color: #17213a; background: #f7f9fd; font-family: "Microsoft YaHei UI", "PingFang SC", system-ui, sans-serif; }
.pcx-shell button, .pcx-shell input, .pcx-shell select, .pcx-shell textarea { font: inherit; }
.pcx-shell svg { width: 16px; height: 16px; }
.pcx-commandbar { height: 74px; padding: 0 18px; display: grid; grid-template-columns: minmax(176px, auto) auto minmax(24px, 1fr) minmax(220px, 300px) auto auto auto; grid-template-areas: "identity kpis spacer search filter bell remind"; align-items: center; gap: 10px; border-bottom: 1px solid #e2e8f3; background: #fff; }
.pcx-page-identity { grid-area: identity; }
.pcx-brand { min-width: 282px; display: flex; align-items: center; gap: 9px; white-space: nowrap; }
.pcx-brand > span { width: 34px; height: 34px; display: grid; place-items: center; color: #fff; border-radius: 10px; background: #3167ec; }
.pcx-brand strong { font-size: 18px; font-weight: 900; }.pcx-brand i { width: 1px; height: 22px; background: #dce3f0; }.pcx-brand b { font-size: 16px; }.pcx-brand em { padding: 6px 10px; color: #6555db; border-radius: 999px; background: #f0edff; font-size: 11px; font-style: normal; font-weight: 800; }
.pcx-kpis { grid-area: kpis; display: flex; align-items: center; gap: 7px; white-space: nowrap; }
.pcx-kpis button { height: 42px; padding: 0 15px; display: flex; align-items: center; gap: 7px; color: #34405a; cursor: pointer; border: 1px solid #e0e6f1; border-radius: 9px; background: #fff; }
.pcx-kpis button:hover { border-color: #91acf6; background: #f8faff; }.pcx-kpis button b { color: #5a4fd8; font-size: 16px; }.pcx-kpis button small { color: #ed5666; font-size: 11px; }.pcx-kpis > span { margin-left: 4px; display: flex; align-items: center; gap: 6px; color: #34415c; font-size: 12px; }.pcx-kpis > span svg { width: 10px; height: 10px; color: #27aa85; fill: #27aa85; }.pcx-kpis > span b { color: #15926f; }
.pcx-search { grid-area: search; height: 42px; padding: 0 12px; display: flex; align-items: center; gap: 8px; border: 1px solid #e0e6f1; border-radius: 9px; background: #fff; }.pcx-search svg { color: #929db1; }.pcx-search input { width: 100%; min-width: 0; border: 0; color: #23304c; background: transparent; outline: none; font-size: 12px; }
.pcx-icon-button, .pcx-bell { height: 42px; display: flex; align-items: center; justify-content: center; gap: 6px; color: #2c3853; cursor: pointer; border: 1px solid #e0e6f1; border-radius: 9px; background: #fff; }.pcx-icon-button { padding: 0 12px; }.pcx-bell { width: 42px; position: relative; }.pcx-bell b { min-width: 16px; height: 16px; padding: 0 4px; position: absolute; right: -5px; top: -5px; display: grid; place-items: center; color: #fff; border: 2px solid #fff; border-radius: 999px; background: #eb4e61; font-size: 8px; }.pcx-remind { height: 42px; padding-inline: 15px; white-space: nowrap; }
.pcx-icon-button { grid-area: filter; }.pcx-bell { grid-area: bell; }.pcx-remind { grid-area: remind; }
.pcx-workspace { height: calc(100vh - 74px); min-height: 646px; display: grid; grid-template-columns: minmax(340px, 29%) minmax(450px, 38%) minmax(430px, 33%); overflow: hidden; background: #fff; }
.pcx-queue-pane, .pcx-timeline-pane, .pcx-review-pane { min-width: 0; min-height: 0; background: #fff; }.pcx-queue-pane, .pcx-timeline-pane { border-right: 1px solid #dfe6f2; }
.pcx-tabs { height: 58px; padding: 0 18px; display: flex; align-items: end; gap: 28px; border-bottom: 1px solid #e5eaf3; }
.pcx-tabs button { height: 100%; padding: 0 1px; position: relative; color: #46516b; cursor: pointer; border: 0; background: transparent; font-size: 12px; font-weight: 750; }.pcx-tabs button.active { color: #2864e8; }.pcx-tabs button.active::after { content: ""; height: 3px; position: absolute; left: 0; right: 0; bottom: 0; border-radius: 3px; background: #3168ec; }.pcx-tabs button b { margin-left: 4px; padding: 2px 6px; color: #7b8498; border-radius: 999px; background: #f1f3f8; font-size: 10px; }
.pcx-queue-head { height: 42px; padding: 0 14px 0 20px; position: relative; z-index: 8; display: grid; grid-template-columns: minmax(140px, 1fr) 58px 68px 76px; align-items: center; gap: 8px; color: #758098; border-bottom: 1px solid #e8edf5; background: #fff; font-size: 10px; }
.pcx-queue-head > button { min-width: 0; height: 30px; padding: 0 3px; display: flex; align-items: center; justify-content: flex-start; gap: 3px; overflow: hidden; color: #758098; cursor: pointer; border: 0; border-radius: 6px; background: transparent; font-size: 10px; text-align: left; }
.pcx-queue-head > button span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.pcx-queue-head > button svg { width: 11px; height: 11px; flex: 0 0 auto; }.pcx-queue-head > button:hover { color: #2f67e9; background: #f1f5ff; }.pcx-queue-head > button.active { color: #245fdc; font-weight: 800; }.pcx-queue-head > button.active svg { color: #245fdc; }
.pcx-column-popover { min-width: 190px; padding: 12px; position: absolute; top: 36px; z-index: 30; display: grid; gap: 10px; color: #26334e; border: 1px solid #dbe3f0; border-radius: 9px; background: #fff; box-shadow: 0 14px 32px rgba(35, 55, 95, .16); }.pcx-column-popover.keyword { left: 12px; width: 252px; }.pcx-column-popover.owner { left: 192px; }.pcx-column-popover.due { left: 250px; }.pcx-column-popover.contact { right: 8px; }
.pcx-column-popover label { display: grid; gap: 7px; }.pcx-column-popover label > span { color: #667289; font-size: 9px; font-weight: 750; }.pcx-column-popover input, .pcx-column-popover select { width: 100%; height: 34px; padding: 0 9px; color: #26334e; border: 1px solid #dbe3f0; border-radius: 7px; background: #fff; outline: none; font-size: 10px; }.pcx-column-popover input:focus, .pcx-column-popover select:focus { border-color: #6f94f2; box-shadow: 0 0 0 3px rgba(49, 104, 236, .10); }.pcx-column-popover footer { display: flex; justify-content: space-between; gap: 8px; }.pcx-column-popover button { height: 30px; padding: 0 9px; color: #57647b; cursor: pointer; border: 1px solid #dce3ef; border-radius: 6px; background: #fff; font-size: 9px; }.pcx-column-popover button.primary { color: #fff; border-color: #3168ec; background: #3168ec; }.pcx-column-popover > .pcx-filter-clear { justify-self: start; border: 0; color: #2d67e5; background: transparent; }
.pcx-queue-scroll { height: calc(100% - 100px); overflow-y: auto; scrollbar-width: thin; }.pcx-queue-group > header { height: 37px; padding: 0 22px; display: flex; align-items: center; gap: 7px; color: #33405a; font-size: 12px; font-weight: 850; }.pcx-queue-group > header::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #ed5263; }.pcx-queue-group.today > header::before { background: #f09e17; }.pcx-queue-group.future > header::before { background: #4896ef; }.pcx-queue-group > header b { color: inherit; }
.pcx-queue-row { width: 100%; min-height: 63px; padding: 9px 18px 9px 24px; display: grid; grid-template-columns: minmax(140px, 1fr) 58px 68px 76px; align-items: center; gap: 8px; color: #27334e; cursor: pointer; border: 0; border-bottom: 1px solid #edf1f7; background: #fff; text-align: left; }.pcx-queue-row:hover { background: #f8faff; }.pcx-queue-row.selected { box-shadow: inset 4px 0 #3168ec, inset 0 0 0 1px #b8cafb; background: #f1f5ff; }.pcx-task-copy { min-width: 0; }.pcx-task-copy strong, .pcx-task-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.pcx-task-copy strong { font-size: 12px; }.pcx-task-copy small { margin-top: 4px; color: #78849a; font-size: 10px; }.pcx-owner { font-size: 11px; }.pcx-due strong, .pcx-due small, .pcx-contact strong, .pcx-contact small { display: block; }.pcx-due strong, .pcx-contact strong { font-size: 10px; font-weight: 700; }.pcx-due small { margin-top: 3px; color: #ec4d5d; font-size: 9px; }.pcx-contact small { margin-top: 3px; color: #4d82e6; font-size: 9px; }.pcx-view-all { width: 100%; height: 48px; color: #3068e9; cursor: pointer; border: 0; background: #fff; font-size: 11px; }
.pcx-timeline-pane { display: grid; grid-template-rows: auto auto auto minmax(0, 1fr) 34px; }.pcx-task-head { min-height: 76px; padding: 18px 20px 12px; display: grid; grid-template-columns: 1fr auto; align-items: start; gap: 8px 14px; border-bottom: 1px solid #e7ecf4; }.pcx-task-head h2 { margin: 0; color: #18233c; font-size: 16px; }.pcx-task-head h2 em { margin-left: 7px; padding: 4px 7px; color: #e95261; border-radius: 5px; background: #fff0f2; font-size: 9px; font-style: normal; }.pcx-task-head p { margin: 8px 0 0; color: #6b778e; font-size: 10px; }.pcx-task-head > span { display: flex; gap: 6px; }.pcx-task-head > span button { height: 31px; padding: 0 9px; display: flex; align-items: center; gap: 5px; color: #33405b; cursor: pointer; border: 1px solid #dfe5ef; border-radius: 6px; background: #fff; font-size: 9px; }.pcx-task-head > span button.primary { color: #fff; border-color: #4b55dc; background: #4b55dc; }
.pcx-requirement { min-height: 91px; padding: 14px 20px; position: relative; border-bottom: 1px solid #e7ecf4; }.pcx-requirement b { font-size: 11px; }.pcx-requirement p { margin: 9px 44px 0 0; color: #536078; font-size: 11px; line-height: 1.6; }.pcx-requirement button { position: absolute; right: 18px; bottom: 15px; display: flex; align-items: center; gap: 3px; color: #2c67e7; cursor: pointer; border: 0; background: transparent; font-size: 9px; }
.pcx-stream-head { height: 47px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e8edf5; }.pcx-stream-head strong { font-size: 12px; }.pcx-stream-head span { color: #7a8498; font-size: 9px; }.pcx-stream-scroll { min-height: 0; padding: 0 18px 24px; overflow-y: auto; scrollbar-width: thin; }.pcx-timeline-stream > section > header { height: 39px; display: flex; align-items: center; gap: 8px; color: #293650; font-size: 11px; }.pcx-timeline-stream > section > header span { padding: 2px 6px; color: #7b8497; border-radius: 999px; background: #f0f2f6; font-size: 9px; }
.pcx-event { min-height: 112px; position: relative; display: grid; grid-template-columns: 61px 22px minmax(0, 1fr); align-items: start; }.pcx-event::before { content: ""; width: 1px; position: absolute; left: 72px; top: 0; bottom: 0; background: #d9e1ef; }.pcx-event time { padding-top: 10px; text-align: right; }.pcx-event time strong, .pcx-event time small { display: block; }.pcx-event time strong { font-size: 11px; }.pcx-event time small { margin-top: 3px; color: #65718a; font-size: 9px; }.pcx-event-dot { width: 16px; height: 16px; margin: 9px 0 0 6px; z-index: 1; display: grid; place-items: center; color: #fff; border: 3px solid #fff; border-radius: 50%; background: #4a7cf0; box-shadow: 0 0 0 2px #b8ccfb; }.pcx-event-dot svg { width: 8px; height: 8px; }.pcx-event.amber .pcx-event-dot { background: #ed9918; box-shadow: 0 0 0 2px #f9d28c; }.pcx-event.violet .pcx-event-dot { background: #7154e8; box-shadow: 0 0 0 2px #d2c7ff; }.pcx-event-card { min-width: 0; margin: 0 0 10px 8px; padding: 10px 12px; border: 1px solid #e2e8f2; border-radius: 8px; background: #fff; }.pcx-event.blue .pcx-event-card { border-color: #b9cdfb; background: #f7f9ff; }.pcx-event-card header { display: flex; justify-content: space-between; gap: 8px; }.pcx-event-card header > span { display: flex; align-items: center; gap: 6px; }.pcx-event-card header > span svg { color: #3475e8; }.pcx-event-card header strong { font-size: 11px; }.pcx-event-card header em { padding: 3px 7px; color: #236fbd; border-radius: 5px; background: #eaf4ff; font-size: 8px; font-style: normal; }.pcx-event.amber .pcx-event-card header em { color: #bf7410; background: #fff2dc; }.pcx-event.violet .pcx-event-card header em { color: #5e45cb; background: #efebff; }.pcx-event-meta { margin-top: 7px; display: grid; grid-template-columns: 1.5fr .9fr .6fr; gap: 5px; color: #65718a; font-size: 8px; }.pcx-event-card p { margin: 7px 0 0; color: #33415c; font-size: 10px; line-height: 1.55; }.pcx-file { margin-top: 7px; padding: 4px 7px; display: inline-flex; align-items: center; gap: 5px; color: #47536a; border: 1px solid #dfe5ef; border-radius: 5px; background: #fff; font-size: 8px; }.pcx-event-card footer { margin-top: 8px; display: flex; justify-content: space-between; color: #4072dd; font-size: 8px; }.pcx-task-foot { padding: 0 18px; display: flex; align-items: center; color: #8791a4; border-top: 1px solid #e7ecf4; font-size: 8px; }
.pcx-file-actions { max-width: 100%; margin-top: 7px; display: inline-flex; align-items: stretch; overflow: hidden; border: 1px solid #d9e2f2; border-radius: 6px; background: #fff; box-shadow: 0 1px 2px rgba(35, 66, 130, .04); }.pcx-file-actions button, .pcx-file-actions a { min-height: 27px; padding: 4px 8px; display: inline-flex; align-items: center; gap: 5px; color: #365fbf; border: 0; background: transparent; font: inherit; font-size: 8px; text-decoration: none; cursor: pointer; }.pcx-file-actions button { min-width: 0; border-right: 1px solid #e6ebf4; }.pcx-file-actions button > span { max-width: 142px; overflow: hidden; color: #47536a; text-overflow: ellipsis; white-space: nowrap; }.pcx-file-actions button em { display: inline-flex; align-items: center; gap: 3px; color: #2e69dc; font-style: normal; white-space: nowrap; }.pcx-file-actions svg { width: 12px; height: 12px; flex: 0 0 auto; }.pcx-file-actions button:hover, .pcx-file-actions a:hover { background: #eef4ff; }.pcx-file-actions button:focus-visible, .pcx-file-actions a:focus-visible { position: relative; z-index: 1; outline: 2px solid #356af4; outline-offset: -2px; }.pcx-file-actions.compact { margin-top: 8px; }.pcx-file-actions.compact button > span { max-width: 190px; }
.pcx-review-pane { display: grid; grid-template-rows: 94px minmax(0, 1fr); }.pcx-review-pane > header { padding: 18px 20px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #e3e9f2; }.pcx-review-pane > header > div { display: flex; align-items: center; gap: 10px; }.pcx-ai-avatar { width: 36px; height: 36px; display: grid; place-items: center; color: #fff; border-radius: 9px; background: #4c6ef0; }.pcx-review-pane h2 { margin: 0; font-size: 15px; }.pcx-review-pane h2 em { margin-left: 6px; padding: 4px 7px; color: #5264df; border-radius: 999px; background: #eeefff; font-size: 8px; font-style: normal; }.pcx-review-pane header p { margin: 6px 0 0; color: #788399; font-size: 9px; }.pcx-review-pane > header > span { color: #67738a; font-size: 10px; white-space: nowrap; }.pcx-review-pane > header > span b { color: #159876; font-size: 15px; }.pcx-review-pane > header > span button { margin-left: 8px; padding: 0; display: inline-flex; align-items: center; gap: 3px; color: #336fe3; cursor: pointer; border: 0; background: transparent; font-size: 9px; }.pcx-review-scroll { min-height: 0; overflow-y: auto; scrollbar-width: thin; }.pcx-original { padding: 17px 20px; border-bottom: 1px solid #e6ebf4; }.pcx-original > div { display: flex; align-items: center; gap: 7px; font-size: 11px; }.pcx-original > div small { color: #7a8599; }.pcx-original textarea { width: 100%; min-height: 86px; margin-top: 11px; padding: 12px; resize: vertical; color: #33405b; border: 1px solid #dce4f1; border-radius: 8px; background: #f8f9ff; outline: none; font-size: 11px; line-height: 1.65; }.pcx-original-file { margin-top: 8px; padding: 5px 8px; display: inline-flex; align-items: center; gap: 5px; color: #48556d; border: 1px solid #dce3ef; border-radius: 5px; background: #fff; font-size: 8px; }
.pcx-ai-form { padding: 17px 20px 22px; }.pcx-ai-section-head { display: flex; align-items: center; justify-content: space-between; }.pcx-ai-section-head > div { display: flex; align-items: center; gap: 6px; }.pcx-ai-section-head > div > span { display: flex; align-items: center; gap: 7px; }.pcx-ai-section-head small { color: #7c879a; }.pcx-ai-section-head a { color: #306de4; font-size: 9px; text-decoration: none; }.pcx-form-grid { margin-top: 14px; display: grid; grid-template-columns: 1fr 1.25fr; gap: 11px 12px; }.pcx-form-grid label { min-width: 0; }.pcx-form-grid label.wide { grid-column: 1/-1; }.pcx-form-grid label > span { margin-bottom: 6px; display: block; color: #536078; font-size: 9px; font-weight: 700; }.pcx-form-grid input, .pcx-form-grid select, .pcx-form-grid textarea { width: 100%; min-height: 38px; padding: 8px 10px; color: #26334e; border: 1px solid #dbe3f0; border-radius: 7px; background: #fff; outline: none; font-size: 10px; }.pcx-form-grid textarea { resize: vertical; line-height: 1.5; }.pcx-form-grid input:focus, .pcx-form-grid select:focus, .pcx-form-grid textarea:focus { border-color: #6f94f2; box-shadow: 0 0 0 3px rgba(49, 104, 236, .10); }.pcx-affix { display: grid; grid-template-columns: 1fr 30px; }.pcx-affix input { border-radius: 7px 0 0 7px; }.pcx-affix b { display: grid; place-items: center; color: #6c778d; border: 1px solid #dbe3f0; border-left: 0; border-radius: 0 7px 7px 0; font-size: 10px; }.pcx-evidence-line { margin-top: 14px; display: flex; align-items: center; gap: 10px; color: #5d6980; font-size: 9px; }.pcx-evidence-line b { padding: 6px 8px; display: flex; align-items: center; gap: 5px; color: #47546c; border: 1px solid #dce3ef; border-radius: 6px; background: #fff; }.pcx-evidence-detail { margin-top: 13px; padding-top: 11px; border-top: 1px solid #e6ebf3; }.pcx-evidence-detail summary { color: #4e5b72; cursor: pointer; font-size: 9px; font-weight: 800; }.pcx-evidence-detail div { margin-top: 9px; display: flex; flex-wrap: wrap; gap: 6px; }.pcx-evidence-detail span { padding: 5px 7px; color: #5f6980; border-radius: 5px; background: #f1f3f8; font-size: 8px; }.pcx-review-actions { margin-top: 16px; display: grid; grid-template-columns: 1fr 2.3fr; gap: 8px; }.pcx-review-actions .button { min-height: 43px; }.pcx-ai-note { margin: 9px 0 0; color: #758096; font-size: 8px; text-align: center; }
.pcx-field-block > span { margin-bottom: 6px; display: block; color: #536078; font-size: 9px; font-weight: 700; }.pcx-segmented { height: 38px; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }.pcx-segmented label { position: relative; }.pcx-segmented input { position: absolute; opacity: 0; pointer-events: none; }.pcx-segmented span { height: 38px; margin: 0 !important; display: grid !important; place-items: center; color: #5f6980 !important; cursor: pointer; border: 1px solid #dbe3f0; border-radius: 7px; background: #f7f8fb; font-size: 10px !important; }.pcx-segmented input:checked + span { color: #2865e5 !important; border-color: #9ab5f8; background: #eef4ff; }.pcx-segmented input:focus-visible + span { outline: 2px solid #356af4; outline-offset: 2px; }
@media (max-width: 1320px) { .pcx-commandbar { grid-template-columns: minmax(176px, auto) auto minmax(0, 1fr) minmax(160px, 240px) auto auto auto; }.pcx-brand { min-width: 210px; }.pcx-brand em { display: none; }.pcx-kpis button { padding-inline: 9px; }.pcx-search { min-width: 160px; }.pcx-workspace { grid-template-columns: minmax(310px, 29%) minmax(420px, 38%) minmax(390px, 33%); } }
@media (max-width: 1120px) { body:has(.progress-collection-view.active) { overflow: auto; }.progress-collection-view.active, #progressCollectionApp, .pcx-shell { height: auto; min-height: 100vh; }.pcx-commandbar { grid-template-columns: 1fr auto auto auto; grid-template-areas: "identity filter bell remind"; height: auto; min-height: 74px; padding-block: 10px; }.pcx-kpis, .pcx-search { display: none; }.pcx-workspace { height: auto; min-height: 0; grid-template-columns: 1fr; overflow: visible; }.pcx-queue-pane, .pcx-timeline-pane { border-right: 0; border-bottom: 1px solid #dfe6f2; }.pcx-queue-scroll { height: 620px; }.pcx-timeline-pane { min-height: 780px; }.pcx-review-pane { min-height: 780px; } }

/* Keep the page identity and all command controls on one aligned row. */
@media (min-width: 1121px) {
  .pcx-commandbar { height: 74px; }
  .pcx-workspace { height: calc(100vh - 74px); min-height: 646px; }
  .pcx-timeline-pane { grid-template-rows: auto auto minmax(0, 1fr) 34px; }
}
@media (min-width: 1121px) and (max-width: 1320px) {
  .pcx-brand { min-width: 0; }
  .pcx-brand em { display: inline-block; }
}

/* Collection channels: compact horizontal switcher with a collapsible manual-entry panel. */
.pcx-collection-pane { border-left: 1px solid #dfe6f2; }
.pcx-collection-pane > .pcx-collection-head { height: auto; padding: 0; display: grid; grid-template-rows: 52px 48px; align-items: stretch; border-bottom: 1px solid #e3e9f2; }
.pcx-collection-title { padding: 0 18px; display: flex; align-items: center; justify-content: space-between; }
.pcx-collection-title strong { color: #1d2942; font-size: 13px; }
.pcx-collection-title button { width: 32px; height: 32px; display: grid; place-items: center; color: #66738a; cursor: pointer; border: 0; border-radius: 7px; background: transparent; }
.pcx-collection-title button:hover { color: #285fda; background: #f1f5ff; }
.pcx-channel-tabs { padding: 0 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; border-top: 1px solid #edf1f6; }
.pcx-channel-tabs button { position: relative; display: flex; align-items: center; justify-content: center; gap: 7px; color: #26334d; cursor: pointer; border: 0; background: transparent; font-size: 11px; font-weight: 750; }
.pcx-channel-tabs button::after { content: ""; height: 3px; position: absolute; right: 0; bottom: 0; left: 0; border-radius: 3px 3px 0 0; background: transparent; }
.pcx-channel-tabs button.active::after { background: #3168ec; }
.pcx-channel-tabs button em { padding: 3px 7px; color: #158b68; border-radius: 999px; background: #e9f8f2; font-size: 8px; font-style: normal; }
.pcx-channel-tabs button:disabled { color: #788399; cursor: not-allowed; }
.pcx-channel-tabs button:disabled em { color: #7a8497; background: #f0f2f6; }
.pcx-channel-tabs .pcx-channel-ai em { color: #7a8497; background: #f0f2f6; }
.pcx-channel-tabs button:focus-visible { outline: 2px solid #356af4; outline-offset: -2px; }
.pcx-manual-form { padding: 18px 20px 22px; }
.pcx-manual-intro h2 { margin: 0; color: #1d2942; font-size: 16px; }
.pcx-manual-intro p { margin: 7px 0 0; color: #778298; font-size: 10px; }
.pcx-manual-field { min-width: 0; position: relative; display: block; }
.pcx-manual-field > span { margin-bottom: 7px; display: block; color: #536078; font-size: 9px; font-weight: 750; }
.pcx-manual-field > span em { color: #e14c5d; font-style: normal; }
.pcx-manual-field > input, .pcx-manual-field > select, .pcx-manual-field > textarea { width: 100%; min-height: 38px; padding: 9px 10px; color: #26334e; border: 1px solid #dbe3f0; border-radius: 7px; background: #fff; outline: none; font-size: 10px; }
.pcx-manual-field > textarea { resize: vertical; line-height: 1.55; }
.pcx-manual-form > .pcx-manual-field { margin-top: 16px; }
.pcx-manual-form > .pcx-manual-field textarea { min-height: 82px; padding-bottom: 24px; }
.pcx-manual-field > small { position: absolute; right: 10px; bottom: 8px; color: #8a94a7; font-size: 8px; }
.pcx-manual-field > small b { font-weight: 500; }
.pcx-manual-field > input:focus, .pcx-manual-field > select:focus, .pcx-manual-field > textarea:focus, .pcx-evidence-input:focus-within { border-color: #6f94f2; box-shadow: 0 0 0 3px rgba(49, 104, 236, .10); }
.pcx-manual-grid { margin-top: 15px; display: grid; grid-template-columns: 1fr 1.25fr; gap: 13px 12px; }
.pcx-manual-grid .wide { grid-column: 1 / -1; }
.pcx-evidence-input { height: 42px; padding: 0 10px; display: flex; align-items: center; gap: 8px; color: #3974e6; border: 1px dashed #c7d4e9; border-radius: 7px; background: #fbfcff; }
.pcx-evidence-input input { width: 100%; min-width: 0; border: 0; color: #26334e; background: transparent; outline: none; font-size: 10px; }
.pcx-progress-evidence > .pcx-evidence-input { margin-top: 8px; border-style: solid; }
.pcx-progress-dropzone { min-height: 68px; padding: 12px 14px; display: flex; align-items: center; justify-content: center; gap: 10px; color: #3471e4; cursor: pointer; border: 1px dashed #9fb7ee; border-radius: 8px; background: #f8faff; text-align: left; transition: border-color .16s ease, background .16s ease, box-shadow .16s ease; }
.pcx-progress-dropzone > svg { width: 19px; height: 19px; flex: 0 0 auto; }
.pcx-progress-dropzone > span { display: grid; gap: 4px; }
.pcx-progress-dropzone strong { color: #36506f; font-size: 10px; }
.pcx-progress-dropzone small { color: #8390a5; font-size: 8px; }
.pcx-progress-dropzone:hover, .pcx-progress-dropzone.is-dragging { border-color: #356af4; background: #eef4ff; box-shadow: 0 0 0 3px rgba(49, 104, 236, .10); }
.pcx-progress-dropzone:focus-visible { outline: 2px solid #356af4; outline-offset: 2px; }
.pcx-progress-dropzone.is-disabled { color: #9aa5b6; cursor: not-allowed; border-color: #d9e0ea; background: #f7f8fa; box-shadow: none; }
.pcx-progress-dropzone.is-disabled strong, .pcx-progress-dropzone.is-disabled small { color: #929cad; }
.pcx-progress-file-list { margin: 8px 0 0; padding: 0; display: grid; gap: 6px; list-style: none; }
.pcx-progress-file-list li { min-height: 43px; padding: 7px 8px; display: grid; grid-template-columns: 28px minmax(0, 1fr) auto auto; align-items: center; gap: 6px; border: 1px solid #e0e6f0; border-radius: 7px; background: #fff; }
.pcx-progress-file-icon { width: 26px; height: 26px; display: grid; place-items: center; color: #3c72dc; border-radius: 6px; background: #eef4ff; }
.pcx-progress-file-icon svg { width: 14px; height: 14px; }
.pcx-progress-file-copy { min-width: 0; }
.pcx-progress-file-copy > strong { display: block; overflow: hidden; color: #354159; text-overflow: ellipsis; white-space: nowrap; font-size: 9px; }
.pcx-progress-file-copy > small { margin-top: 3px; display: flex; align-items: center; gap: 5px; color: #8993a5; font-size: 8px; }
.pcx-progress-file-copy small > span { display: inline-flex; align-items: center; gap: 3px; }
.pcx-progress-file-copy small svg { width: 10px; height: 10px; }
.pcx-progress-file-copy .uploading { color: #3c6fda; }
.pcx-progress-file-copy .uploading svg { animation: pcx-spin .9s linear infinite; }
.pcx-progress-file-copy .uploaded { color: #16866b; }
.pcx-progress-file-copy .failed { color: #d64d5b; }
.pcx-progress-file-list button { width: 27px; height: 27px; display: grid; place-items: center; color: #69768d; cursor: pointer; border: 0; border-radius: 6px; background: transparent; }
.pcx-progress-file-list button:hover { color: #285fda; background: #eef4ff; }
.pcx-progress-file-list button:disabled { cursor: wait; opacity: .45; }
.pcx-progress-file-list button svg { width: 13px; height: 13px; }
.pcx-progress-file-error { margin: 7px 0 0; color: #d64d5b; font-size: 8px; line-height: 1.5; }
@keyframes pcx-spin { to { transform: rotate(360deg); } }
.pcx-manual-actions { margin-top: 18px; display: grid; grid-template-columns: minmax(92px, .65fr) minmax(180px, 1.6fr); gap: 9px; }
.pcx-manual-actions .button { min-height: 43px; }
.pcx-manual-note { margin: 9px 0 0; color: #788399; font-size: 8px; line-height: 1.5; text-align: center; }
.pcx-ai-preview { padding: 18px 20px 24px; }
.pcx-ai-unavailable-head { display: flex; align-items: center; gap: 10px; }
.pcx-ai-unavailable-head > span { width: 36px; height: 36px; display: grid; place-items: center; color: #fff; border-radius: 9px; background: #4c6ef0; }
.pcx-ai-unavailable-head h2 { margin: 0; color: #1d2942; font-size: 16px; }
.pcx-ai-unavailable-head p { margin: 5px 0 0; color: #778298; font-size: 9px; }
.pcx-ai-unavailable-notice { margin-top: 15px; padding: 11px 12px; display: flex; gap: 9px; color: #7d6a31; border: 1px solid #eadcae; border-radius: 8px; background: #fffbeb; }
.pcx-ai-unavailable-notice > svg { width: 16px; height: 16px; flex: 0 0 auto; }
.pcx-ai-unavailable-notice span { display: grid; gap: 4px; }
.pcx-ai-unavailable-notice strong { font-size: 10px; }
.pcx-ai-unavailable-notice small { color: #8a7c54; font-size: 8px; line-height: 1.5; }
.pcx-ai-preview-field { margin-top: 17px; display: block; }
.pcx-ai-preview-field > span, .pcx-ai-preview-structure header > span, .pcx-ai-preview-structure label > span { display: block; color: #536078; font-size: 9px; font-weight: 750; }
.pcx-ai-preview-field textarea { width: 100%; min-height: 102px; margin-top: 7px; padding: 10px; resize: vertical; color: #45516a; border: 1px solid #dbe3f0; border-radius: 7px; background: #f8f9fc; font-size: 10px; line-height: 1.55; }
.pcx-ai-preview-structure { margin-top: 17px; padding-top: 14px; border-top: 1px solid #e6ebf3; }
.pcx-ai-preview-structure header { display: flex; align-items: center; justify-content: space-between; }
.pcx-ai-preview-structure header em { padding: 3px 7px; color: #7a8497; border-radius: 999px; background: #f0f2f6; font-size: 8px; font-style: normal; }
.pcx-ai-preview-structure > div { margin-top: 11px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.pcx-ai-preview-structure label.wide { grid-column: 1 / -1; }
.pcx-ai-preview-structure input { width: 100%; height: 38px; margin-top: 6px; padding: 0 10px; color: #8792a5; border: 1px solid #e0e5ed; border-radius: 7px; background: #f5f6f8; font-size: 9px; }
.pcx-ai-preview-action { width: 100%; min-height: 42px; margin-top: 18px; opacity: .55; cursor: not-allowed; }
.pcx-ai-back { width: 100%; margin-top: 8px; padding: 7px; color: #3568d4; cursor: pointer; border: 0; background: transparent; font-size: 9px; }

@media (min-width: 1121px) {
  .pcx-workspace { grid-template-columns: minmax(340px, 29%) minmax(0, 71%); }
  .pcx-workspace.is-collection-open { grid-template-columns: minmax(340px, 29%) minmax(450px, 38%) minmax(390px, 33%); }
  .pcx-collection-pane { display: grid; grid-template-rows: 100px minmax(0, 1fr); }
}

@media (max-width: 1120px) {
  .pcx-collection-pane { min-height: 760px; }
}