.staff-primary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-bottom: 32px; }
.staff-profile-card { min-height: 280px; }
.staff-profile-card .btn { margin-top: auto; width: 100%; justify-content: space-between; }
.staff-support-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
.staff-trip-row { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding: 20px 0; border-bottom: 1px solid var(--border); }
.staff-trip-row > div:first-child { flex: 1; min-width: 180px; }
.staff-trip-row:last-child { border-bottom: 0; }
.staff-change { width: 100%; margin-bottom: 24px; justify-content: space-between; }
.template-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.template-card { padding: 24px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }
.template-card .btn { margin-top: 16px; }
.signature-preview { border: 1px solid var(--border); border-radius: 8px; padding: 24px; background: var(--bg); margin-bottom: 24px; }
.negotiation-entry { padding: 16px 0; border-bottom: 1px solid var(--border); }
.negotiation-entry:last-child { border-bottom: 0; }
.field-error { color: var(--red); font-size: 14px; line-height: 1.5; margin-top: 8px; }
.sidebar > .btn { width: 100%; margin-bottom: 24px; justify-content: space-between; }
.detail-tabs + .page-actions { margin: 0 0 24px; }
@media (max-width: 767px) { .auth-page .onboarding-page { width: 100%; } }
@media (max-width: 767px) { .staff-primary-grid, .staff-support-grid, .template-grid { grid-template-columns: 1fr; gap: 24px; } .staff-profile-card { min-height: 260px; } .staff-trip-row { align-items: flex-start; } }

/* Frequent staff actions stay directly beside the task context. */
.staff-action-bar { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 24px; align-items: center; }
.role-operator .table-wrap:has(.data-table button) { position: relative; isolation: isolate; }
@media (max-width: 1199px) {
  .role-operator .split-layout:has(.tracking-map) { grid-template-columns: minmax(0, 1fr); }
  .role-operator .data-table:has(button) th:last-child,
  .role-operator .data-table:has(button) td:last-child {
    position: sticky; right: 0; z-index: 1; background: var(--surface, #fff);
    box-shadow: -1px 0 0 var(--border), -8px 0 12px -12px rgb(23 34 29 / 35%);
  }
  .role-operator .data-table:has(button) th:last-child { background: var(--surface-subtle, #f8faf9); }
  .role-operator .data-table:has(button) td:last-child .page-actions { min-width: 160px; }
}
@media (max-width: 767px) {
  .staff-action-bar { gap: 8px; }
  .staff-action-bar > .btn { flex: 1 1 220px; }
  .role-operator .staff-client-table.data-table td:last-child { position: static; box-shadow: none; }
  .staff-logist-main { display: flex; flex-direction: column; min-width: 0; }
  .staff-logist-main > .staff-offers-panel { order: -1; }
}

.staff-carrier-link { justify-content: flex-start; text-align: left; white-space: normal; padding: 0; align-self: flex-start; min-height: 48px; }
.staff-force-majeure { margin: 0 0 24px; }
.staff-force-majeure p { margin: 8px 0 0; }