.operations-page { display: grid; gap: 18px; max-width: 1600px; margin: 0 auto; }
.operations-page__header { display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.operations-page__eyebrow { margin: 0 0 5px; color: #977a00; font-size: 12px; font-weight: 800; letter-spacing: .13em; }
.operations-page h2, .operations-page h3 { margin: 0; color: #111a25; }
.operations-page__header h2 { font-size: 28px; }
.operations-page__header p:not(.operations-page__eyebrow) { margin: 0; color: #68727c; font-size: 16px; }
.operations-page__panel, .operations-page__table-card { border: 1px solid #e1e5e7; border-radius: 14px; background: #fff; box-shadow: 0 5px 18px #23313d0a; }
.operations-page__filters { display: grid; grid-template-columns: minmax(260px, 2fr) minmax(170px, 1fr) minmax(150px, 1fr) auto; gap: 12px; align-items: end; padding: 18px; }
.operations-page__filters label { display: grid; gap: 6px; color: #59636c; font-size: 12px; font-weight: 700; }
.operations-page__filters input, .operations-page__filters select { min-width: 0; min-height: 42px; border: 1px solid #ccd2d6; border-radius: 9px; padding: 0 12px; color: #26333d; background: #fff; font: inherit; }
.operations-page__filter-actions { display: flex; gap: 9px; flex-wrap: wrap; }
.operations-action { min-height: 42px; border-radius: 9px; padding: 0 18px; border: 1px solid transparent; font-family: inherit; font-size: 14px; font-weight: 800; white-space: nowrap; cursor: pointer; }
.operations-action--primary { border-color: #f1ca00; background: #ffdf19; color: #151515; }
.operations-action--primary:hover { background: #f5d000; }
.operations-action--secondary { border-color: #cbd6e1; background: #fff; color: #172433; }
.operations-action--secondary:hover { background: #f4f7f9; }
.operations-page__table-header { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 16px 10px; }
.operations-page__table-header h3 { font-size: 18px; }
.operations-page__table-header span { color: #64748b; font-size: 13px; }
.operations-page__table-wrap { overflow-x: auto; }
.operations-page table { width: 100%; min-width: 1180px; table-layout: fixed; border-collapse: collapse; font-size: 13px; }
.operations-col-number{width:7%}.operations-col-status{width:12%}.operations-col-customer{width:11%}.operations-col-vehicle{width:16%}.operations-col-period{width:22%}.operations-col-tariff{width:10%}.operations-col-total{width:7%}.operations-col-open{width:8%}.operations-col-action{width:7%}
.operations-page th { background: #263844; color: #fff; padding: 13px 12px; text-align: left; font-size: 13px; }
.operations-page th:first-child { padding-left: 12px; }
.operations-page td { padding: 13px 12px; border-bottom: 1px solid #e7eaec; color: #243244; vertical-align: middle; line-height: 1.35; }
.operations-page td:first-child { padding-left: 12px; }
.operations-page td .operations-action { min-height: 0; border-radius: 7px; padding: 7px 10px; font-size: 14px; }
.operations-page tbody tr:hover { background: #fffdf0; }
.operations-page__vehicle{overflow-wrap:anywhere}.operations-page__period { line-height: 1.35; white-space: nowrap; }
.operations-page__period-line { display: inline; color: inherit; font: inherit; line-height: inherit; }
.operations-page__period-line time { color: inherit; font: inherit; }
.operations-page__price { font-weight: 800; white-space: nowrap; }
.operations-page__open { display: inline-flex; align-items: baseline; gap: 6px; font-weight: 800; white-space: nowrap; }
.operations-page__open small { font-size: 11px; font-weight: 700; }
.operations-page__open--due { color: #b42318; }
.operations-page__open--paid { color: #26723a; }
.operations-page__open--none { color: #8a949d; font-weight: 600; }
.operations-page__status { display: inline-flex; border-radius: 999px; padding: 5px 9px; background: #edf3f8; color: #31465d; font-size: 11px; font-weight: 800; white-space: nowrap; }
.operations-page__status--reservation { background: #e5f1ff; color: #165d99; }
.operations-page__status--running { background: #e3f8e6; color: #166534; }
.operations-page__status--overdue { background: #ffe3e3; color: #b42318; }
.operations-page__status--completed { background: #e9edf1; color: #435162; }
.operations-page__status--cancelled, .operations-page__status--canceled { background: #f3e8ea; color: #8b3342; }
.operations-page__status--received { background: #fff4bf; color: #705800; }
.operations-page__status--in_progress { background: #e5f1ff; color: #165d99; }
.operations-page__status--rejected { background: #f3e8ea; color: #8b3342; }
.operations-page__kind { display: inline-block; margin-bottom: 3px; color: #8a6d00; font-size: 10px; letter-spacing: .08em; }
.inquiry-details__actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-top: 20px; }
.inquiry-details__actions select { min-height: 42px; padding: 0 10px; border: 1px solid #cbd6e1; border-radius: 10px; }
.operations-page__empty { padding: 42px !important; text-align: center; color: #64748b; }
.operations-page__empty--error { color: #b42318; }
.operation-details { display: grid; gap: 18px; }
.operation-details__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.operation-details__grid > div, .operation-details__section, .operation-details__placeholders { border: 1px solid #dfe6ec; border-radius: 10px; padding: 13px; background: #fff; }
.operation-details__grid span { display: block; margin-bottom: 5px; color: #67768a; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.operation-details__section h3 { margin-bottom: 8px; font-size: 15px; }
.operation-details__section p, .operation-details__section ul { margin: 0; color: #3f4d5f; }
.operation-details__placeholders { display: flex; justify-content: space-between; gap: 12px; color: #66758a; font-size: 13px; }
@media (max-width: 850px) { .operations-page__header { align-items: stretch; flex-direction: column; } .operations-page__header .operations-action { width: 100%; } .operations-page__filters { grid-template-columns: 1fr 1fr; } .operations-page__filter-actions { grid-column: 1 / -1; } .operation-details__grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .operations-page__filters { grid-template-columns: 1fr; } .operations-page__filter-actions { grid-column: auto; } .operations-page__filter-actions .operations-action { flex: 1; } .operation-details__placeholders { flex-direction: column; } }