/* 双栏评审台：限定提交页。旧组件有固定颜色与 !important，独立层统一昼夜表面。 */
@layer ai-review-workbench {
  body:has(app-ai-review-form .ai-review-form-shell) {
    --aw-page: #100f0e;
    --aw-surface: #191714;
    --aw-input: #141310;
    --aw-copy: #f6f0e6;
    --aw-muted: #b6aea2;
    --aw-line: #484036;
    --aw-red: #da6057;
    --aw-action: #a72f2a;
    --aw-gold: #d2b375;
    --bg-primary: var(--aw-page);
    background: var(--aw-page) !important;
  }
  html.light-mode body:has(app-ai-review-form .ai-review-form-shell) {
    --aw-page: #f6f0e6;
    --aw-surface: #fffcf6;
    --aw-input: #fffdf9;
    --aw-copy: #29231e;
    --aw-muted: #655c52;
    --aw-line: #d9cfc0;
    --aw-red: #a32d2a;
    --aw-action: #a32d2a;
    --aw-gold: #785a28;
  }
  body:has(app-ai-review-form .ai-review-form-shell) div:has(> app-breadcrumb) {
    padding-top: 80px !important;
    padding-bottom: 0 !important;
    max-width: 1328px !important;
  }
  body:has(app-ai-review-form .ai-review-form-shell) .breadcrumb-container {
    padding: 0 !important;
    min-height: 24px !important;
  }
  body:has(app-ai-review-form .ai-review-form-shell) .breadcrumb-list {
    padding: 0 !important;
    margin: 0 !important;
    min-height: 24px !important;
  }
  app-ai-review:has(.ai-review-form-shell) > div {
    display: flex !important;
    flex-direction: column !important;
    min-height: auto !important;
    padding: 0 24px 48px !important;
    background: var(--aw-page) !important;
    color: var(--aw-copy) !important;
  }
  app-ai-review:has(.ai-review-form-shell) app-ai-review-form,
  app-ai-review-form .ai-review-form-shell {
    display: contents !important;
    font-family: 'Noto Sans SC', 'Microsoft YaHei', 'PingFang SC', sans-serif !important;
  }
  app-ai-review-form .page-background,
  app-ai-review-form .form-hero::before,
  app-ai-review-form .form-hero-eyebrow,
  app-ai-review-form .form-hero-kicker,
  app-ai-review-form .review-flow-overview {
    display: none !important;
  }
  app-ai-review-form .form-hero {
    order: 1 !important;
    width: 100% !important;
    max-width: 1280px !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 12px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
  }
  app-ai-review-form .form-hero::after {
    content: '' !important;
    top: -36px !important;
    right: 0 !important;
    width: 180px !important;
    height: 180px !important;
    transform: none !important;
    background: url('/assets/brand/yun-cheng-fa-ren.png') center / contain no-repeat !important;
    opacity: .055 !important;
  }
  app-ai-review-form .gradient-title {
    margin: 0 !important;
    color: var(--aw-copy) !important;
    -webkit-text-fill-color: var(--aw-copy) !important;
    background: none !important;
    font-family: var(--font-seal-display, 'STKaiti', 'KaiTi', serif) !important;
    font-size: 38px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    letter-spacing: .02em !important;
  }
  app-ai-review-form .form-hero-desc {
    margin: 8px 0 0 !important;
    max-width: 70% !important;
    color: var(--aw-muted) !important;
    font-size: 14px !important;
  }
  app-ai-review-form .quota-badge {
    position: absolute !important;
    top: 26px !important;
    right: 4px !important;
    margin: 0 !important;
    padding: 5px 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--aw-gold) !important;
    box-shadow: none !important;
    font-size: 12px !important;
  }
  app-ai-review:has(.ai-review-form-shell) .ai-review-topbar {
    order: 2 !important;
    position: relative !important;
    top: auto !important;
    width: 100% !important;
    max-width: 1280px !important;
    margin: 0 auto 16px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--aw-line) !important;
    background: transparent !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
  }
  app-ai-review:has(.ai-review-form-shell) .ai-review-topbar > div {
    max-width: none !important;
    padding: 0 !important;
  }
  app-ai-review:has(.ai-review-form-shell) .ai-review-main-tabs {
    padding: 0 !important;
    min-height: 46px !important;
  }
  app-ai-review:has(.ai-review-form-shell) .ai-review-main-tabs button {
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--aw-muted) !important;
    box-shadow: none !important;
    font-size: 14px !important;
    padding: 10px 18px !important;
  }
  app-ai-review:has(.ai-review-form-shell) .ai-review-main-tabs button.bg-amber-500\/20 {
    color: var(--aw-red) !important;
    border-bottom: 2px solid var(--aw-red) !important;
  }
  app-ai-review:has(.ai-review-form-shell) .ai-review-mode-row {
    position: absolute !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    height: 46px !important;
    top: 0 !important;
    right: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  app-ai-review:has(.ai-review-form-shell) .ai-review-mode-row button {
    background: transparent !important;
    border: 0 !important;
    color: var(--aw-muted) !important;
    font-size: 12px !important;
  }
  app-ai-review-form .ai-review-flow {
    order: 3 !important;
    width: 100% !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
  }
  app-ai-review-form .ai-review-fields-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1.75fr) minmax(360px, 1fr) !important;
    grid-template-rows: auto 1fr !important;
    column-gap: 28px !important;
    max-width: none !important;
    padding: 20px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: var(--aw-surface) !important;
    box-shadow: none !important;
    animation: none !important;
    overflow: visible !important;
  }
  app-ai-review-form .ai-review-fields-card > [role='status'] {
    grid-column: 1 / -1 !important;
  }
  app-ai-review-form .review-flow-section {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }
  app-ai-review-form .review-material-section {
    grid-column: 1 !important;
    grid-row: span 2 !important;
    display: flex !important;
    flex-direction: column !important;
    border-right: 1px solid var(--aw-line) !important;
    padding-right: 28px !important;
  }
  app-ai-review-form .review-details-section,
  app-ai-review-form .review-submit-section {
    grid-column: 2 !important;
  }
  app-ai-review-form .review-section-header {
    display: block !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
  }
  app-ai-review-form .review-section-kicker,
  app-ai-review-form .review-roster-entry > div:first-child,
  app-ai-review-form .review-submit-section > .review-section-header,
  app-ai-review-form .roster-count-subtitle {
    display: none !important;
  }
  app-ai-review-form .review-section-header h2,
  app-ai-review-form .quality-title {
    color: var(--aw-copy) !important;
    font-family: var(--font-seal-display, 'STKaiti', 'KaiTi', serif) !important;
    font-size: 21px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
  }
  app-ai-review-form .review-section-header p {
    margin: 6px 0 0 !important;
    color: var(--aw-muted) !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }
  app-ai-review-form .review-transcript-entry {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    min-height: 530px !important;
  }
  app-ai-review-form .transcript-entry-head {
    align-items: flex-start !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
  }
  app-ai-review-form .form-label {
    margin-bottom: 6px !important;
    color: var(--aw-copy) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
  }
  app-ai-review-form .form-label > span:not(.field-required) {
    color: var(--aw-copy) !important;
  }
  app-ai-review-form .field-required { color: var(--aw-red) !important; }
  app-ai-review-form .transcript-action-bar {
    gap: 6px !important;
    justify-content: flex-start !important;
    flex: 1 1 auto !important;
  }
  app-ai-review-form .transcript-action {
    min-height: 38px !important;
    padding: 7px 10px !important;
    border: 1px solid var(--aw-line) !important;
    border-radius: 3px !important;
    background: transparent !important;
    color: var(--aw-copy) !important;
    box-shadow: none !important;
    font-size: 12px !important;
  }
  app-ai-review-form .transcript-action:hover { border-color: var(--aw-red) !important; }
  app-ai-review-form .input,
  app-ai-review-form select.input {
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 10px 12px !important;
    border: 1px solid var(--aw-line) !important;
    border-radius: 3px !important;
    background: var(--aw-input) !important;
    color: var(--aw-copy) !important;
    box-shadow: none !important;
    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
  }
  app-ai-review-form .input::placeholder { color: var(--aw-muted) !important; opacity: .85 !important; }
  app-ai-review-form .input:focus { border-color: var(--aw-red) !important; outline: 2px solid var(--aw-line) !important; outline-offset: 2px !important; }
  app-ai-review-form #transcript {
    flex: 1 !important;
    min-height: 450px !important;
    resize: vertical !important;
    line-height: 1.8 !important;
  }
  app-ai-review-form .transcript-diagnostics {
    margin-top: 10px !important;
    padding: 0 !important;
    color: var(--aw-muted) !important;
    font-size: 12px !important;
    flex-wrap: wrap !important;
    background: transparent !important;
  }
  app-ai-review-form .transcript-diagnostics strong { color: var(--aw-muted) !important; background: transparent !important; border: 0 !important; }
  app-ai-review-form .transcript-recognition {
    margin-top: 16px !important;
    padding-top: 12px !important;
    border-top: 1px solid var(--aw-line) !important;
    background: transparent !important;
    color: var(--aw-copy) !important;
  }
  app-ai-review-form .transcript-recognition strong { color: var(--aw-copy) !important; }
  app-ai-review-form .transcript-recognition-head span,
  app-ai-review-form .transcript-recognition small { color: var(--aw-muted) !important; }
  app-ai-review-form .transcript-recognition-item span,
  app-ai-review-form .transcript-recognition-applied { color: var(--aw-red) !important; }
  app-ai-review-form .transcript-recognition-item { border-color: var(--aw-line) !important; background: transparent !important; }
  app-ai-review-form .transcript-recognition button {
    min-height: 44px !important;
    padding: 8px 12px !important;
    border: 1px solid var(--aw-line) !important;
    border-radius: 3px !important;
    background: transparent !important;
    color: var(--aw-red) !important;
    font-size: 12px !important;
  }
  app-ai-review-form .review-topic-entry { margin-bottom: 12px !important; }
  app-ai-review-form .review-roster-entry { margin: 0 0 12px !important; }
  app-ai-review-form .review-roster-entry { padding: 0 !important; border: 0 !important; }
  app-ai-review-form .review-roster-entry > .grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
  }
  app-ai-review-form .review-roster-entry > .grid > div {
    display: grid !important;
    grid-template-columns: 76px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 8px !important;
  }
  app-ai-review-form .review-roster-entry > .grid .form-label { display: block !important; margin: 0 !important; font-size: 12px !important; }
  app-ai-review-form .review-roster-entry > .grid .form-label > span:first-child { display: none !important; }
  app-ai-review-form .review-roster-entry [role='listbox'] { grid-column: 1 / -1 !important; top: 100% !important; }
  app-ai-review-form .roster-count-panel {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  app-ai-review-form .roster-count-head { margin-bottom: 8px !important; }
  app-ai-review-form .roster-count-title { color: var(--aw-copy) !important; font-size: 13px !important; }
  app-ai-review-form .roster-count-total { padding: 0 !important; line-height: 1.4 !important; color: var(--aw-muted) !important; background: transparent !important; border: 0 !important; }
  app-ai-review-form .roster-count-grid { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
  app-ai-review-form .roster-count-group { min-width: 0 !important; display: block !important; }
  app-ai-review-form .roster-count-label { display: block !important; margin-bottom: 6px !important; color: var(--aw-muted) !important; font-size: 12px !important; line-height: 1.4 !important; }
  app-ai-review-form .roster-count-buttons { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 4px !important; }
  app-ai-review-form .roster-count-btn {
    min-width: 0 !important;
    min-height: 40px !important;
    padding: 6px 1px !important;
    border: 1px solid var(--aw-line) !important;
    border-radius: 3px !important;
    color: var(--aw-copy) !important;
    background: transparent !important;
    font-size: 12px !important;
  }
  app-ai-review-form .roster-count-btn.active { background: var(--aw-action) !important; border-color: var(--aw-action) !important; color: #fffaf2 !important; }
  app-ai-review-form .advanced-settings-toggle {
    min-height: 44px !important;
    padding: 8px 10px !important;
    border: 1px solid var(--aw-line) !important;
    background: transparent !important;
    color: var(--aw-copy) !important;
    box-shadow: none !important;
  }
  app-ai-review-form .advanced-settings-toggle small { color: var(--aw-muted) !important; font-size: 11px !important; }
  app-ai-review-form .advanced-settings-content { margin-top: 12px !important; }
  app-ai-review-form .review-submit-section { padding-top: 12px !important; margin-top: 12px !important; border-top: 1px solid var(--aw-line) !important; }
  app-ai-review-form .quality-precheck {
    padding: 0 !important;
    margin: 0 0 8px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--aw-copy) !important;
    box-shadow: none !important;
  }
  app-ai-review-form .quality-head { align-items: flex-start !important; gap: 8px !important; margin-bottom: 6px !important; }
  app-ai-review-form .quality-title { margin: 0 0 4px !important; font-size: 19px !important; }
  app-ai-review-form .quality-desc { color: var(--aw-muted) !important; font-size: 11px !important; line-height: 1.5 !important; }
  app-ai-review-form .quality-badge { border: 0 !important; padding: 3px 0 !important; color: var(--aw-red) !important; background: transparent !important; font-size: 11px !important; white-space: nowrap !important; }
  app-ai-review-form .quality-badge.good { color: var(--aw-gold) !important; }
  app-ai-review-form .quality-grid { grid-template-columns: 1fr !important; gap: 6px !important; }
  app-ai-review-form .quality-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  app-ai-review-form .quality-item > span:last-child { flex: 1 !important; min-width: 0 !important; display: grid !important; grid-template-columns: 70px minmax(0, 1fr) !important; align-items: baseline !important; gap: 6px !important; font-size: 12px !important; line-height: 1.4 !important; }
  app-ai-review-form .quality-item strong { color: var(--aw-copy) !important; font-size: 12px !important; line-height: 1.4 !important; }
  app-ai-review-form .quality-item small { margin: 0 !important; color: var(--aw-muted) !important; font-size: 11px !important; line-height: 1.4 !important; }
  app-ai-review-form .quality-item.pass > span:last-child { display: flex !important; align-items: baseline !important; gap: 8px !important; }
  app-ai-review-form .quality-icon { width: 18px !important; height: 18px !important; flex: 0 0 18px !important; font-size: 11px !important; color: var(--aw-red) !important; border-color: var(--aw-line) !important; background: transparent !important; }
  app-ai-review-form .quality-item.pass .quality-icon { color: #fffaf2 !important; background: var(--aw-action) !important; border-color: var(--aw-action) !important; }
  app-ai-review-form .submit-dock {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding: 10px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--aw-line) !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  app-ai-review-form .submit-dock > label { padding: 0 !important; min-height: 32px !important; color: var(--aw-muted) !important; font-size: 12px !important; }
  app-ai-review-form .analyze-btn { min-height: 48px !important; min-width: 0 !important; width: 100% !important; padding: 12px !important; border-radius: 3px !important; background: var(--aw-action) !important; color: #fffaf2 !important; box-shadow: none !important; font-size: 14px !important; }
  app-ai-review-form .analyze-btn:disabled { opacity: .55 !important; }
  app-ai-review-form .submit-status-line { order: -1 !important; margin: 0 !important; text-align: left !important; color: var(--aw-red) !important; font-size: 12px !important; }
  app-ai-review-form button:focus-visible { outline: 2px solid var(--aw-red) !important; outline-offset: 3px !important; }

  @media (max-width: 1023px) {
    app-ai-review:has(.ai-review-form-shell) > div { padding: 0 16px 32px !important; }
    app-ai-review-form .ai-review-fields-card { grid-template-columns: 1fr !important; padding: 20px !important; row-gap: 24px !important; }
    app-ai-review-form .review-material-section { grid-column: 1 !important; grid-row: auto !important; border-right: 0 !important; padding-right: 0 !important; }
    app-ai-review-form .review-details-section, app-ai-review-form .review-submit-section { grid-column: 1 !important; }
    app-ai-review-form .review-transcript-entry { min-height: 340px !important; }
    app-ai-review-form #transcript { min-height: 280px !important; }
    app-ai-review-form .review-submit-section { margin-top: 0 !important; }
    app-ai-review-form .quota-badge { position: static !important; margin-top: 6px !important; }
    app-ai-review-form .form-hero { min-height: 0 !important; padding: 16px 0 12px !important; }
    app-ai-review-form .gradient-title { font-size: 32px !important; }
    app-ai-review-form .form-hero-desc { max-width: 100% !important; }
    app-ai-review-form .transcript-action { min-height: 44px !important; }
    app-ai-review-form .roster-count-btn { min-height: 44px !important; }
  }
  @media (max-width: 479px) {
    app-ai-review:has(.ai-review-form-shell) > div { padding-left: 12px !important; padding-right: 12px !important; }
    app-ai-review-form .ai-review-fields-card { padding: 16px !important; }
    app-ai-review:has(.ai-review-form-shell) .ai-review-topbar { margin-bottom: 14px !important; }
    app-ai-review:has(.ai-review-form-shell) .ai-review-main-tabs button { padding: 10px 12px !important; font-size: 13px !important; }
    app-ai-review-form .transcript-action-bar { display: grid !important; grid-template-columns: 1fr 1fr !important; width: 100% !important; }
    app-ai-review-form .transcript-action-bar > span { grid-column: 1 / -1 !important; }
    app-ai-review-form .transcript-action { justify-content: center !important; }
    app-ai-review-form .roster-count-grid { grid-template-columns: 1fr !important; }
    app-ai-review-form .quality-item > span:last-child { display: block !important; }
    app-ai-review-form .review-roster-entry > .grid > div { display: block !important; }
    app-ai-review-form .review-roster-entry > .grid .form-label { margin-bottom: 6px !important; }
    app-ai-review-form .advanced-settings-toggle small { display: block !important; max-width: 190px !important; overflow-wrap: anywhere !important; }
  }
}