/* line 1, /home/rails/apps/quadran-rails/releases/20251205191817/app/assets/stylesheets/components/trucker-logs.scss */
.trucker-logs {
  /* Grid layout replacing the table */
  /* Keep transition animations */ }
  /* line 3, /home/rails/apps/quadran-rails/releases/20251205191817/app/assets/stylesheets/components/trucker-logs.scss */
  .trucker-logs .trucker-logs-grid {
    /* Shared grid template for header and rows */
    /* 15 columns (added Assignment status after Shipping Order #) */
    --tl-columns: 80px 80px 120px 60px 200px 100px 160px 100px minmax(120px, 1fr) 180px 120px 120px 120px 90px 90px;
    /* Centered, full-width toggle row that appears under the main row */
    /* Zebra striping to mimic table-striped */ }
    /* line 9, /home/rails/apps/quadran-rails/releases/20251205191817/app/assets/stylesheets/components/trucker-logs.scss */
    .trucker-logs .trucker-logs-grid.has-del {
      /* extra column for delete */
      --tl-columns: 80px 80px 120px 60px 200px 100px 160px 100px minmax(120px, 1fr) 180px 120px 120px 120px 90px 90px 48px; }
    /* line 14, /home/rails/apps/quadran-rails/releases/20251205191817/app/assets/stylesheets/components/trucker-logs.scss */
    .trucker-logs .trucker-logs-grid .grid-header {
      display: grid;
      grid-template-columns: var(--tl-columns);
      gap: 0;
      position: sticky;
      top: 0;
      z-index: 998;
      background-color: #333;
      color: #fff;
      padding: 0.5rem 0;
      border-bottom: 2px solid #000; }
      /* line 26, /home/rails/apps/quadran-rails/releases/20251205191817/app/assets/stylesheets/components/trucker-logs.scss */
      .trucker-logs .trucker-logs-grid .grid-header > div {
        display: flex;
        align-items: center;
        font-weight: 600;
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        min-height: 42px; }
      /* line 34, /home/rails/apps/quadran-rails/releases/20251205191817/app/assets/stylesheets/components/trucker-logs.scss */
      .trucker-logs .trucker-logs-grid .grid-header > div:last-child {
        border-right: 0; }
    /* line 39, /home/rails/apps/quadran-rails/releases/20251205191817/app/assets/stylesheets/components/trucker-logs.scss */
    .trucker-logs .trucker-logs-grid .trucker-logs-row-wrapper {
      /* wrapper that contains main row + collapsible assignment row */
      border-bottom: 3px solid black;
      /* move thick border to the wrapper so it sits below the assignment form */ }
    /* line 44, /home/rails/apps/quadran-rails/releases/20251205191817/app/assets/stylesheets/components/trucker-logs.scss */
    .trucker-logs .trucker-logs-grid .trucker-logs-row {
      display: grid;
      grid-template-columns: var(--tl-columns);
      align-items: center;
      gap: 0;
      /* moved thick border to wrapper so it sits below assignment form */
      min-height: 56px;
      background-color: #fff;
      /* base for striping */
      position: relative;
      /* ensure box-shadow overlays within stacking context */
      z-index: 0;
      /* default */ }
    /* line 57, /home/rails/apps/quadran-rails/releases/20251205191817/app/assets/stylesheets/components/trucker-logs.scss */
    .trucker-logs .trucker-logs-grid .assignment-toggle-row {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 6px 0;
      background: transparent;
      border-bottom: 1px solid #dee2e6; }
    /* line 67, /home/rails/apps/quadran-rails/releases/20251205191817/app/assets/stylesheets/components/trucker-logs.scss */
    .trucker-logs .trucker-logs-grid .grid-rows > .trucker-logs-row-wrapper:nth-child(even) .trucker-logs-row {
      background-color: #f8f9fa;
      /* Bootstrap light */ }
    /* line 71, /home/rails/apps/quadran-rails/releases/20251205191817/app/assets/stylesheets/components/trucker-logs.scss */
    .trucker-logs .trucker-logs-grid .grid-rows > .trucker-logs-row-wrapper.is-focused,
    .trucker-logs .trucker-logs-grid .grid-rows > .trucker-logs-row-wrapper:focus-within {
      position: relative;
      z-index: 999;
      /* above sticky header (998) so the glow is not clipped */
      /* Big page-dimming halo + local glow */
      box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.25), 0 6px 22px rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(13, 110, 253, 0.6);
      /* subtle outline using primary */ }
    /* line 81, /home/rails/apps/quadran-rails/releases/20251205191817/app/assets/stylesheets/components/trucker-logs.scss */
    .trucker-logs .trucker-logs-grid .assignment-row {
      display: grid;
      grid-template-columns: 280px 220px 220px;
      /* select, assigned, unassigned, buttons */
      gap: 12px;
      align-items: end;
      max-width: 980px;
      margin: 0 auto;
      /* center under main row */
      padding: 8px 12px;
      background: #fff;
      border-bottom: 1px solid #dee2e6; }
    /* line 93, /home/rails/apps/quadran-rails/releases/20251205191817/app/assets/stylesheets/components/trucker-logs.scss */
    .trucker-logs .trucker-logs-grid .assignment-row .assignment-field {
      display: flex;
      flex-direction: column; }
    /* line 98, /home/rails/apps/quadran-rails/releases/20251205191817/app/assets/stylesheets/components/trucker-logs.scss */
    .trucker-logs .trucker-logs-grid .grid-message {
      padding: 1rem;
      border-bottom: 1px solid #dee2e6; }
  /* line 104, /home/rails/apps/quadran-rails/releases/20251205191817/app/assets/stylesheets/components/trucker-logs.scss */
  .trucker-logs .assignee-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 58px 70px;
    gap: 0;
    border-bottom: 1px solid #dee2e6; }
    /* line 111, /home/rails/apps/quadran-rails/releases/20251205191817/app/assets/stylesheets/components/trucker-logs.scss */
    .trucker-logs .assignee-row.header div {
      background-color: black;
      color: white; }
  /* line 119, /home/rails/apps/quadran-rails/releases/20251205191817/app/assets/stylesheets/components/trucker-logs.scss */
  .trucker-logs .fade-collapse-enter-active,
  .trucker-logs .fade-collapse-leave-active {
    transition: opacity 0.2s ease, height 0.3s ease, margin 0.3s ease, padding 0.3s ease;
    overflow: hidden; }
  /* line 125, /home/rails/apps/quadran-rails/releases/20251205191817/app/assets/stylesheets/components/trucker-logs.scss */
  .trucker-logs .fade-collapse-enter,
  .trucker-logs .fade-collapse-leave-to {
    opacity: 0;
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0; }