.operations-toolbar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  padding: clamp(18px, 2.4vw, 28px);
  margin-bottom: 18px;
  border: 1px solid color-mix(in srgb, var(--work-accent) 28%, var(--work-line));
  border-radius: 18px;
  background:
    radial-gradient(circle at 94% 10%, color-mix(in srgb, #f6d97c 28%, transparent), transparent 38%),
    linear-gradient(135deg, color-mix(in srgb, var(--work-tint) 82%, var(--work-surface)), var(--work-surface));
}
.operations-toolbar h3 { margin: 2px 0 8px; font-size: clamp(20px, 2.2vw, 27px); letter-spacing: -.03em; }
.operations-toolbar p { margin: 0; color: var(--work-muted); line-height: 1.65; }
.operations-toolbar > div:last-child { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
.operations-toolbar .work-button { margin: 0; }
.operations-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.operations-grid > .work-panel { height: 100%; margin: 0; }
.operations-grid .operations-span { grid-column: 1 / -1; }
.operation-card { display: grid; gap: 11px; padding: 15px 0; border-bottom: 1px solid var(--work-line); min-width: 0; }
.operation-card:last-child { border-bottom: 0; padding-bottom: 0; }
.operation-card > strong, .operation-card p { overflow-wrap: anywhere; }
.operation-card p, .operation-card blockquote { margin: 0; color: var(--work-muted); font-size: 13px; line-height: 1.65; }
.operation-card blockquote { padding: 10px 12px; border-left: 3px solid var(--work-accent); background: var(--work-tint); border-radius: 0 8px 8px 0; }
.operation-card-head, .operation-actions, .work-file-heading, .work-file-actions { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
.operation-card-head small { color: var(--work-muted); }
.operation-status { display: inline-flex; align-items: center; width: fit-content; padding: 4px 8px; border-radius: 999px; background: var(--work-tint); color: var(--work-accent); font-size: 11px; font-weight: 700; white-space: nowrap; }
.operation-status.status-approved, .operation-status.status-completed, .operation-status.review-approved { background: #dcf2e7; color: #216b4d; }
.operation-status.status-rejected, .operation-status.status-cancelled, .operation-status.review-changes_requested, .operation-status.review-obsolete { background: #fae4de; color: #9b3f2d; }
.operation-status.status-pending, .operation-status.status-scheduled, .operation-status.review-in_review { background: #fff0c8; color: #785914; }
.approval-steps { display: flex; flex-wrap: wrap; gap: 8px; }
.approval-steps span { padding: 5px 8px; border-radius: 7px; background: var(--work-tint); color: var(--work-muted); font-size: 12px; }
.approval-steps .step-approved { background: #dcf2e7; color: #216b4d; }
.approval-steps .step-rejected { background: #fae4de; color: #9b3f2d; }
.operation-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 0; border-bottom: 1px solid var(--work-line); }
.operation-row:last-child { border-bottom: 0; }
.operation-row > div { display: grid; min-width: 0; gap: 5px; }
.operation-row strong, .operation-row small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.operation-row small { color: var(--work-muted); }
.poll-options { display: grid; gap: 8px; }
.poll-option { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 5px 10px; width: 100%; padding: 10px 12px; overflow: hidden; border: 1px solid var(--work-line); border-radius: 10px; background: var(--work-surface); color: var(--work-text); text-align: left; cursor: pointer; }
.poll-option span, .poll-option small { position: relative; z-index: 1; overflow-wrap: anywhere; }
.poll-option small { color: var(--work-muted); }
.poll-option progress { grid-column: 1 / -1; width: 100%; height: 4px; border: 0; border-radius: 999px; overflow: hidden; accent-color: var(--work-accent); }
.poll-option progress::-webkit-progress-bar { background: var(--work-tint); }
.poll-option progress::-webkit-progress-value { background: var(--work-accent); }
.poll-option.is-selected { border-color: var(--work-accent); background: color-mix(in srgb, var(--work-tint) 70%, var(--work-surface)); }
.poll-option:disabled { cursor: default; opacity: .78; }
.today-operations { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0 0 24px; }
.today-operations .work-panel { margin: 0; padding: 15px; }
.today-operations .work-section-title { margin-top: 0; }
.operation-template-preview { padding: 13px; border-radius: 10px; background: var(--work-tint); }
.operation-template-preview p { margin: 7px 0 0; color: var(--work-muted); line-height: 1.6; }
.task-relations { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--work-line); }
.task-relations > .work-section-title { margin-top: 0; }
.task-relation-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 14px; }
.task-relation-block { min-width: 0; padding: 12px; border: 1px solid var(--work-line); border-radius: 10px; }
.task-relation-block h4 { margin: 0 0 9px; font-size: 13px; }
.task-relation-block > div { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 7px; padding: 6px 0; border-top: 1px solid var(--work-line); }
.task-relation-block p { margin: 0; color: var(--work-muted); font-size: 12px; }
.relation-open, .relation-remove { border: 0; padding: 0; background: transparent; color: var(--work-text); text-align: left; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.relation-remove { width: 24px; height: 24px; color: #a04433; text-align: center; }
.task-relation-block span { color: var(--work-muted); font-size: 11px; white-space: nowrap; }
.task-blocked-note { padding: 10px 12px; border-radius: 9px; background: #fff0c8; color: #735414; font-size: 13px; }
.file-review-summary { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 18px; }
.file-review-summary p { margin: 0; color: var(--work-muted); }
.file-comment-list { display: grid; gap: 10px; margin-top: 18px; }
.file-comment-list article { padding: 12px; border: 1px solid var(--work-line); border-radius: 10px; }
.file-comment-list strong, .file-comment-list small { display: block; }
.file-comment-list small { margin-top: 4px; color: var(--work-muted); }
.file-comment-list p { margin-bottom: 0; line-height: 1.65; overflow-wrap: anywhere; }
.work-file-heading h3 { margin: 0; overflow-wrap: anywhere; }
.work-file-actions { justify-content: flex-start; }
.work-button.danger { border-color: #d78776; color: #9b3f2d; }
@media (max-width: 1180px) { .today-operations { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .operations-toolbar { align-items: stretch; flex-direction: column; } .operations-toolbar > div:last-child { justify-content: flex-start; } .operations-grid { grid-template-columns: 1fr; } .operations-grid .operations-span { grid-column: auto; } .task-relation-grid { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .today-operations { grid-template-columns: 1fr; } .operations-toolbar { padding: 16px; } .operations-toolbar > div:last-child .work-button { flex: 1 1 calc(50% - 4px); } .operation-row { align-items: flex-start; flex-direction: column; } }