body.process-list-page { background: #f4f7fb; color: #24324a; }
.process-list-page .content { padding: 42px 0 72px; }
.process-list-page .process-workspace { padding: 32px; border: 1px solid #e1e9f3; border-radius: 18px; background: #fff; box-shadow: 0 18px 48px rgba(29, 54, 89, .08); }
.process-list-page .app-top-actions { display: flex; gap: 9px; margin-bottom: 34px; padding-bottom: 24px; border-bottom: 1px solid #e6edf5; }
.process-list-page .app-top-actions p { display: flex; flex: 1 1 auto; flex-wrap: nowrap; justify-content: space-between; gap: 9px; margin: 0; }
.process-list-page .app-top-actions .btn { margin: 0; border-radius: 8px; }
.process-list-page .process-list-user-badge { align-items: center; align-self: stretch; background: #ecfdf3; border: 1px solid #a7e3bd; border-radius: 8px; color: #166534; display: inline-flex; flex: 0 0 auto; gap: .45rem; padding: .6rem .8rem; white-space: nowrap; }
.process-list-page .process-list-user-badge i { color: #15803d; }
.process-list-page .process-page-title { margin: 0 0 26px; color: #143962; font-size: clamp(1.55rem, 3.5vw, 2.2rem); font-weight: 700; line-height: 1.3; }
.process-list-page .process-upload-panel,
.process-list-page .process-filter-panel,
.process-list-page .process-list-panel { border: 1px solid #dde8f4; border-radius: 13px; background: #fbfdff; }
.process-list-page .process-upload-panel { margin-bottom: 26px; padding: 22px; }
.process-list-page .process-upload-panel form { margin: 0 !important; padding: 0 !important; border: 0 !important; }
.process-list-page .process-upload-fields { display: flex; flex-wrap: nowrap; align-items: center; gap: 12px; min-width: 0; }
.process-list-page .process-upload-fields label { flex: 0 0 auto; margin: 0; color: #29476d; font-weight: 700; white-space: nowrap; }
.process-list-page .process-upload-fields #file { flex: 1 1 240px; min-width: 0; }
.process-list-page .process-upload-fields #fileUrl,
.process-list-page .process-upload-fields #description { flex: 1 1 220px; min-width: 0; margin: 0; border-color: #c9d9eb; border-radius: 8px; }
.process-list-page .process-upload-fields input[type="submit"] { flex: 0 0 auto; }
.process-list-page .process-upload-links { display: flex; gap: 14px; margin-top: 12px; }
.process-list-page .process-filter-panel { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 18px; padding: 16px; }
.process-list-page .process-filter-label { margin: 0; color: #29476d; font-weight: 700; }
.process-list-page .filters-list.filters-list--open { display: flex; flex: 1 1 0; flex-wrap: nowrap; align-items: center; gap: 10px; min-width: 0; margin: 0; }
.process-list-page .process-filter-panel .form-control { min-width: 0; flex: 1 1 0; border-color: #c9d9eb; border-radius: 8px; }
.process-list-page .process-filter-date-label { flex: 0 0 auto; margin: 0; color: #405b78; white-space: nowrap; }
.process-list-page .filters-list .form-switch { flex: 0 0 auto; margin: 0; white-space: nowrap; }
.process-list-page .process-filter-panel .btn-dropdown { width: 34px; height: 34px !important; border-radius: 7px; }
.process-list-page .process-list-panel { overflow: hidden; padding: 4px; }
.process-list-page #process-list { padding: 0; }
.process-list-page #process-list > img { display: block; width: 40px; height: 40px; margin: 36px auto; }
.process-list-page .table-responsive { margin: 0; border: 0; }
.process-list-page #processes { min-width: 680px !important; margin: 0; border-collapse: separate; border-spacing: 0; }
.process-list-page #processes thead th { border: 0; background: #edf5fd; color: #345578; font-size: .76rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.process-list-page #processes td { padding: 13px 12px; border-color: #e5edf5; vertical-align: middle; }
.process-list-page #processes tbody tr:not(.actions-list) td { background: #fff; transition: background-color .16s ease, box-shadow .16s ease; }
.process-list-page #processes tbody tr:not(.actions-list):hover td { background: #f4f9ff; }
.process-list-page #processes tbody tr:not(.actions-list):hover td:first-child { box-shadow: inset 3px 0 #1684b8; }
.process-list-page .process-select-cell { width: 56px; text-align: center; }
.process-list-page .process-select-control { display: inline-flex; position: relative; align-items: center; justify-content: center; width: 32px; height: 32px; margin: 0; cursor: pointer; }
.process-list-page .process-select-control input { position: static; width: 22px; height: 22px; margin: 0; cursor: pointer; accent-color: #087cb1; }
.process-list-page .process-select-control > span:not(.visually-hidden) { display: none; }
.process-list-page .process-cron-indicator { display: inline-flex; align-items: center; justify-content: center; width: 25px; height: 25px; margin-inline-start: 7px; color: #9a6700; border-radius: 50%; background: #fff5cf; font-size: .78rem; }
.process-list-page .process-detail-button { display: flex; align-items: center; width: 100%; min-width: 210px; padding: 7px 9px; color: #173f63; border: 1px solid transparent; border-radius: 10px; background: transparent; text-align: left; transition: background-color .15s ease, border-color .15s ease, transform .15s ease; }
.process-list-page .process-detail-button:hover, .process-list-page .process-detail-button:focus-visible { color: #0b5e90; border-color: #cde5f5; background: #fff; outline: 0; transform: translateY(-1px); }
.process-list-page .process-detail-button__icon, .process-list-page .process-action-identity__icon { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 34px; height: 34px; margin-inline-end: 10px; color: #087cb1; border-radius: 9px; background: #e5f3fc; }
.process-list-page .process-detail-button__content { display: flex; min-width: 0; flex: 1 1 auto; flex-direction: column; gap: 2px; }
.process-list-page .process-detail-button__title { overflow: hidden; font-size: .9rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.process-list-page .process-detail-button__id { color: #71879b; font-size: .74rem; font-weight: 600; }
.process-list-page .process-detail-button__arrow { flex: 0 0 auto; margin-inline-start: 10px; color: #6b9ab8; font-size: .8rem; }
.process-list-page .process-action-identity { display: inline-flex; align-items: center; max-width: 250px; color: #31516e; font-size: .88rem; font-weight: 700; overflow-wrap: anywhere; }
.process-list-page .process-action-identity__icon { width: 30px; height: 30px; margin-inline-end: 8px; color: #6054b7; background: #eeecff; font-size: .78rem; }
.process-list-page .process-status-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 9px; border: 1px solid transparent; border-radius: 999px; font-size: .76rem; font-weight: 700; line-height: 1; white-space: nowrap; }
.process-list-page .process-status-badge--completed { color: #166534; border-color: #b9e5c6; background: #ecfdf3; }
.process-list-page .process-status-badge--running { color: #075985; border-color: #b8deee; background: #edfaff; }
.process-list-page .process-status-badge--running i { animation: process-list-spin 1.1s linear infinite; }
.process-list-page .process-status-badge--queued, .process-list-page .process-status-badge--new { color: #9a6700; border-color: #f0d49b; background: #fff9e8; }
.process-list-page .process-status-badge--failed { color: #b42318; border-color: #f4c1bd; background: #fff5f4; }
.process-list-page .process-expand-cell { width: 58px; text-align: center; }
.process-list-page .process-expand-button { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px !important; padding: 0; color: #476984; border-color: #d5e2ed; border-radius: 9px; background: #fff; }
.process-list-page .process-expand-button:hover, .process-list-page .process-expand-button:focus-visible { color: #075985; border-color: #a9cee4; background: #eaf6fd; box-shadow: none; }
.process-list-page .process-expand-button[aria-expanded="true"] { color: #fff; border-color: #087cb1; background: #087cb1; }
@keyframes process-list-spin { to { transform: rotate(360deg); } }
.process-list-page .actions-list > td { padding: 0; background: #fbfdff; }
.process-list-page .details_table { width: 100%; margin: 0; background: #fff; }
.process-list-page .details_table td { padding: 12px; border: 1px solid #e7edf5; font-size: .9rem; }
.process-list-page .details_table > tbody > tr:first-child td { background: #f0f6fd; color: #345578; }
.process-list-page .details_table .process-parameters-row > td { padding: 0; border: 0; background: #fff; }
.process-list-page .process-parameters-panel { margin: 12px; padding: 18px; border: 1px solid #dce8f3; border-radius: 12px; background: linear-gradient(135deg, #fbfdff, #f4f9fd); box-shadow: 0 6px 16px rgba(31, 76, 113, .05); }
.process-list-page .process-parameters-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #214a76; }
.process-list-page .span_params_title { font-size: .95rem; }
.process-list-page .process-parameters-toggle { flex: 0 0 auto; min-width: 34px; height: 32px; border-radius: 7px; }
.process-list-page .process-parameters-json { display: none; max-height: 300px; margin: 14px 0; padding: 14px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; color: #dbeeff; border: 1px solid #d7e5ef; border-radius: 8px; background: #0e263a; box-shadow: inset 0 1px 2px rgba(0,0,0,.16); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: .78rem; line-height: 1.55; }
.process-list-page .process-parameters-json::selection { color: #102438; background: #b9ecff; }
.process-list-page .process-parameters-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 14px 0 0; }
.process-list-page .process-parameters-meta > div { min-width: 0; padding: 11px 12px; border: 1px solid #e1ebf3; border-radius: 8px; background: #fff; }
.process-list-page .process-parameters-meta dt { margin: 0 0 3px; color: #688198; font-size: .72rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; }
.process-list-page .process-parameters-meta dd { margin: 0; overflow-wrap: anywhere; color: #244968; font-size: .88rem; font-weight: 600; }
.process-list-page .process-parameters-meta a { color: #0878ae; text-decoration: none; }
.process-list-page .process-parameters-meta a:hover { color: #075579; text-decoration: underline; }
.process-list-page .downloadLink, .process-list-page .downloadResult, .process-list-page .downloadResultRefreshed { color: #0b68c1; }
.process-list-page .btn_list { display: flex; flex-wrap: wrap; gap: 8px; padding: 14px !important; }
.process-list-page .btn_list .btn { border-radius: 7px; }
.process-list-page .process-actions-row > td { border-top: 0; background: #fff; }
.process-list-page .process-action-bar { align-items: center; min-height: 64px; padding: 12px 14px !important; border-top: 1px solid #e3edf5; background: linear-gradient(90deg, #f8fbfe, #fff); }
.process-list-page .process-action-loading { display: inline-flex; align-items: center; min-height: 34px; }
.process-list-page .process-action-loading:empty { display: none; }
.process-list-page .process-action-button { align-items: center; gap: 8px; min-height: 36px; border-radius: 8px !important; font-size: .84rem; font-weight: 700; transition: transform .15s ease, box-shadow .15s ease; }
.process-list-page .process-action-button:hover, .process-list-page .process-action-button:focus { box-shadow: 0 5px 12px rgba(30, 78, 115, .18); transform: translateY(-1px); }
.process-list-page .process-action-button--run { background: #0b7ead; border-color: #0b7ead; }
.process-list-page .process-action-button--run.btn-success { background: #198754; border-color: #198754; }
.process-list-page .process-action-button--run.btn-danger { background: #c42b21; border-color: #c42b21; }
.process-list-page .process-action-button--delete { color: #b42318; border: 1px solid #f0b8b2; background: #fff7f6; }
.process-list-page .process-action-button--delete:hover, .process-list-page .process-action-button--delete:focus { color: #fff; border-color: #c42b21; background: #c42b21; }
.process-list-page .process-schedule-card { width: min(100%, 620px); margin-top: 16px; overflow: hidden; border: 1px solid #d8e5f2; border-radius: 10px; background: #f8fbff; box-shadow: 0 5px 14px rgba(24, 58, 96, .06); }
.process-list-page .process-schedule-section { padding: 16px; }
.process-list-page .process-schedule-section + .process-schedule-section { border-top: 1px solid #dfeaf5; background: #fff; }
.process-list-page .process-schedule-title { display: block; margin-bottom: 12px; color: #214a76; font-size: .92rem; }
.process-list-page .process-schedule-label { display: block; margin: 15px 0 7px; color: #365778; font-size: .84rem; font-weight: 700; }
.process-list-page .process-schedule-input { width: 100%; margin: 0 0 11px; border-color: #c5d8eb; border-radius: 7px; }
.process-list-page .process-schedule-card .btn { border-radius: 7px; font-size: .84rem; }
.process-list-page .process-schedule-card .form-switch { margin: 0; color: #405b78; }
.process-list-page .process-schedule-loading { display: inline-block; margin-inline-start: 8px; vertical-align: middle; }
.process-list-page .process-list-languages { margin-top: 26px; padding: 16px; border: 1px solid #e1e9f3; border-radius: 12px; background: #fff; text-align: center; }
.process-list-page .process-list-languages .list-inline-item { margin: 4px 8px; }
html[dir="rtl"] .process-list-page .app-top-actions { justify-content: flex-start; }
html[dir="rtl"] .process-list-page .process-filter-panel { text-align: right; }
@media (max-width: 767px) {
  .process-list-page .content { padding: 18px 0 42px; }
  .process-list-page .process-workspace { padding: 18px; border-radius: 12px; }
  .process-list-page .app-top-actions { margin-bottom: 22px; padding-bottom: 18px; }
  .process-list-page .app-top-actions { flex-wrap: wrap; }
  .process-list-page .app-top-actions p { flex-wrap: wrap; justify-content: flex-start; }
  .process-list-page .app-top-actions .btn { flex: 1 1 calc(50% - 9px); justify-content: center; }
  .process-list-page .process-upload-panel, .process-list-page .process-filter-panel { padding: 14px; }
  .process-list-page .process-upload-fields { flex-wrap: wrap; }
  .process-list-page .process-upload-fields label,
  .process-list-page .process-upload-fields #file,
  .process-list-page .process-upload-fields #fileUrl,
  .process-list-page .process-upload-fields #description { flex-basis: 100%; min-width: 100%; }
  .process-list-page .filters-list.filters-list--open { flex-basis: 100%; flex-wrap: wrap; }
  .process-list-page .process-filter-panel .form-control { flex-basis: 100%; min-width: 100%; }
  .process-list-page .process-filter-date-label { flex-basis: 100%; }
  .process-list-page .process-parameters-panel { margin: 8px; padding: 14px; }
  .process-list-page .process-parameters-meta { grid-template-columns: 1fr; }
  .process-list-page .process-parameters-json { max-height: 230px; padding: 11px; font-size: .72rem; }
  .process-list-page .process-schedule-card { width: 100%; }
  .process-list-page .process-action-bar { align-items: stretch; }
  .process-list-page .process-action-button { flex: 1 1 100%; justify-content: center; }
  .process-list-page #processes td { padding: 10px 8px; }
  .process-list-page .process-detail-button { min-width: 190px; }
  .process-list-page .process-action-identity { min-width: 155px; }
}