/* Frontend CSS for Industry Offence Finder */

#lps-offence-table-app {
      --lps-navy: #0b2341;
      --lps-navy-2: #12395f;
      --lps-gold: #c99a2e;
      --lps-gold-soft: #fff6df;
      --lps-bg: #f5f7fb;
      --lps-card: #ffffff;
      --lps-text: #333;
      --lps-muted: #64748b;
      --lps-border: #d9e2ef;
      --lps-danger: #8a1f1f;
      font-family: Arial, Helvetica, sans-serif;
      color: var(--lps-text);
      line-height: 1.45;
      max-width: 100%;
}

#lps-offence-table-app * {
      box-sizing: border-box;
      font-family: Arial, Helvetica, sans-serif;
}

#lps-offence-table-app a:active,
#lps-offence-table-app a:hover {
    color: var(--lps-accent);
}

#iof-frontend-table tbody td a {
    color: #002147;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    text-decoration: underline;
}

#iof-frontend-table tbody td a:hover {
    color: var(--lps-accent);
}

#lps-offence-table-app .lps-wrap {
      background: var(--lps-bg);
      border: 1px solid var(--lps-border);
      border-radius: 18px;
      overflow: hidden;
      box-shadow: 0 12px 34px rgba(11, 35, 65, .10);
}

#lps-offence-table-app .lps-hero {
      background: linear-gradient(135deg, var(--lps-navy), var(--lps-navy-2));
      color: white;
      padding: 24px;
}

#lps-offence-table-app .lps-hero h2 {
      margin: 0 0 8px 0;
      font-size: clamp(24px, 3vw, 36px);
      line-height: 1.15;
      letter-spacing: .2px;
      color: white !important;
      font-weight: 900;
}

#lps-offence-table-app .lps-hero p {
      margin: 0;
      max-width: 1050px;
      color: rgba(255, 255, 255, .88);
      font-size: 15px;
}

#lps-offence-table-app .lps-stats {
      display: grid;
      grid-template-columns: repeat(4, minmax(150px, 1fr));
      gap: 12px;
      padding: 18px 24px 0;
      margin-top: -2px;
}

#lps-offence-table-app .lps-stat {
      background: var(--lps-card);
      border: 1px solid var(--lps-border);
      border-radius: 14px;
      padding: 14px;
      box-shadow: 0 4px 14px rgba(11, 35, 65, .05);
}

#lps-offence-table-app .lps-stat strong {
      display: block;
      font-size: 24px;
      color: var(--lps-navy);
      line-height: 1.1;
}

#lps-offence-table-app .lps-stat span {
      display: block;
      color: var(--lps-muted);
      font-size: 13px;
      margin-top: 4px;
}

#lps-offence-table-app .lps-controls {
      padding: 20px 24px;
      display: grid;
      grid-template-columns: repeat(5, minmax(160px, 1fr));
      gap: 14px;
      align-items: end;
}

#lps-offence-table-app .lps-field label {
      display: block;
      font-size: 13px;
      font-weight: 700;
      color: var(--lps-navy);
      margin-bottom: 6px;
}

#lps-offence-table-app select,
#lps-offence-table-app input[type="search"] {
      width: 100%;
      min-height: 42px;
      border: 1px solid var(--lps-border);
      border-radius: 12px;
      background: white;
      color: var(--lps-text);
      padding: 9px 11px;
      outline: none;
      font-size: 14px;
}

#lps-offence-table-app select:focus,
#lps-offence-table-app input[type="search"]:focus {
      border-color: var(--lps-gold);
      box-shadow: 0 0 0 3px rgba(201, 154, 46, .18);
}

#lps-offence-table-app .lps-buttons {
      display: flex;
      gap: 8px;
}

#lps-offence-table-app .lps-btn {
      width: 100%;
      min-height: 42px;
      border: 0;
      border-radius: 12px;
      background: var(--lps-navy);
      color: white;
      font-weight: 700;
      cursor: pointer;
      padding: 9px 14px;
}

#lps-offence-table-app .lps-btn:hover {
      background: var(--lps-navy-2);
}

#lps-offence-table-app .lps-btn-secondary {
      background: var(--lps-gold-soft);
      color: var(--lps-navy);
      border: 1px solid rgba(201, 154, 46, .45);
}

#lps-offence-table-app .lps-btn-secondary:hover {
      background: #ffeab4;
}

#lps-offence-table-app .lps-note {
      margin: 0 24px 18px;
      padding: 12px 14px;
      border-left: 5px solid var(--lps-gold);
      background: white;
      border-radius: 12px;
      color: var(--lps-muted);
      font-size: 13px;
}

#lps-offence-table-app .lps-important-notice {
      margin: 14px 0 0 !important;
      padding: 12px 14px !important;
      border: 1px solid rgba(201, 154, 46, .62) !important;
      border-left: 5px solid var(--lps-gold) !important;
      border-radius: 14px !important;
      background: var(--lps-gold-soft) !important;
      color: var(--lps-navy) !important;
      font-size: 13px !important;
      line-height: 1.5 !important;
      box-shadow: 0 8px 18px rgba(11, 35, 65, .12) !important;
}

#lps-offence-table-app .lps-important-notice strong {
      color: var(--lps-navy) !important;
      font-weight: 900 !important;
}

#lps-offence-table-app .lps-admin-upload-lock {
      border: 1px solid rgba(201, 154, 46, .38) !important;
      background: linear-gradient(135deg, #ffffff 0%, var(--lps-gold-soft) 100%) !important;
      border-radius: 16px !important;
      padding: 14px !important;
      margin: 12px 24px 14px !important;
      box-shadow: 0 8px 18px rgba(11, 35, 65, .06) !important;
}

#lps-offence-table-app .lps-tool-instruction {
      margin: 0 24px 10px !important;
      padding: 12px 14px !important;
      border: 1px solid rgba(201, 154, 46, .38) !important;
      border-left: 5px solid var(--lps-gold) !important;
      border-radius: 14px !important;
      background: linear-gradient(135deg, #ffffff, var(--lps-gold-soft)) !important;
      color: var(--lps-navy) !important;
      font-size: 13px !important;
      line-height: 1.45 !important;
      box-shadow: 0 4px 14px rgba(11, 35, 65, .05) !important;
}

#lps-offence-table-app .lps-tool-instruction strong {
      color: var(--lps-navy) !important;
      font-weight: 900 !important;
}

#lps-offence-table-app .lps-action-notice {
      width: 100% !important;
      margin-top: 2px !important;
      padding: 10px 12px !important;
      border: 1px solid rgba(201, 154, 46, .38) !important;
      border-radius: 12px !important;
      background: var(--lps-gold-soft) !important;
      color: var(--lps-navy) !important;
      font-size: 12px !important;
      line-height: 1.45 !important;
}

#lps-offence-table-app .lps-action-notice strong {
      color: var(--lps-navy) !important;
      font-weight: 900 !important;
}

#lps-offence-table-app .lps-admin-download-row {
      display: flex !important;
      flex-wrap: wrap !important;
      gap: 8px !important;
      align-items: center !important;
      margin-top: 12px !important;
}

#lps-offence-table-app .lps-admin-download-row .lps-btn {
      min-width: 220px !important;
      flex: 0 0 auto !important;
}

#lps-offence-table-app .lps-admin-download-label {
      font-size: 12px !important;
      font-weight: 900 !important;
      color: var(--lps-navy) !important;
      margin-right: 2px !important;
}

#lps-offence-table-app .lps-admin-download-row select {
      min-width: 240px !important;
      min-height: 40px !important;
      border: 1px solid var(--lps-border) !important;
      border-radius: 10px !important;
      background: #ffffff !important;
      color: var(--lps-text) !important;
      padding: 8px 10px !important;
      font-size: 13px !important;
      outline: none !important;
      flex: 1 1 260px !important;
}

#lps-offence-table-app .lps-admin-download-row select:focus {
      border-color: var(--lps-gold) !important;
      box-shadow: 0 0 0 3px rgba(201, 154, 46, .18) !important;
}

@media (max-width: 620px) {
      #lps-offence-table-app .lps-tool-instruction {
            margin-left: 16px !important;
            margin-right: 16px !important;
      }

      #lps-offence-table-app .lps-admin-download-row .lps-btn,
      #lps-offence-table-app .lps-admin-download-row select {
            width: 100% !important;
      }
}

#lps-offence-table-app .lps-resultsbar {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 10px;
      padding: 0 24px 14px;
      color: var(--lps-muted);
      font-size: 14px;
}

#lps-offence-table-app .lps-resultsbar strong {
      color: var(--lps-navy);
}

#lps-offence-table-app .iof-frontend-table-wrapper {
      margin: 2mm 24px 24px;
      overflow: auto;
      border: 1px solid var(--lps-border);
      border-radius: 14px;
      background: white;
}

table,
#lps-offence-table-app table {
      width: 100%;
      margin: 0px !important;
      border-collapse: separate;
      border-spacing: 0;
      min-width: 1180px;
      background: white;
}

#lps-offence-table-app table td,
#lps-offence-table-app table th {
      border: 1px solid hsla(0, 0%, 50%, .502);
      line-height: 1.5;
}

#lps-offence-table-app caption {
      text-align: left;
      padding: 12px 14px;
      font-weight: 700;
      color: #0b2341;
      background: #f9fbff;
      border: 1px solid #d9e2ef;
      border-bottom: 0;
      border-radius: 14px 14px 0 0;
      font-size: 15px;
}

#lps-offence-table-app th {
      position: sticky;
      top: 0;
      z-index: 2;
      background: var(--lps-navy);
      color: white;
      padding: 12px 10px;
      text-align: left;
      font-size: 13px;
      vertical-align: top;
      border-right: 1px solid rgba(255, 255, 255, .16);
}

#lps-offence-table-app td {
      padding: 11px 10px;
      border-top: 1px solid var(--lps-border);
      border-right: 1px solid var(--lps-border);
      vertical-align: top;
      font-size: 13px;
}

#lps-offence-table-app tbody tr:nth-child(even) td {
      background: #fbfdff;
}

#lps-offence-table-app tbody tr:hover td {
      background: var(--lps-gold-soft);
}

#lps-offence-table-app th:nth-child(1),
#lps-offence-table-app td:nth-child(1) {
      width: 130px;
}

#lps-offence-table-app th:nth-child(2),
#lps-offence-table-app td:nth-child(2) {
      width: 250px;
}

#lps-offence-table-app th:nth-child(3),
#lps-offence-table-app td:nth-child(3) {
      width: 210px;
}

#lps-offence-table-app th:nth-child(4),
#lps-offence-table-app td:nth-child(4) {
      width: 280px;
}

#lps-offence-table-app th:nth-child(5),
#lps-offence-table-app td:nth-child(5) {
      width: 310px;
}

#lps-offence-table-app th:nth-child(6),
#lps-offence-table-app td:nth-child(6) {
      width: 310px;
}

#lps-offence-table-app .lps-no {
      font-weight: 800;
      color: var(--lps-navy);
      display: block;
      margin-bottom: 4px;
}

#lps-offence-table-app .lps-small {
      display: block;
      color: var(--lps-muted);
      font-size: 11px;
      line-height: 1.3;
}

#lps-offence-table-app .lps-offence-title {
      font-weight: 700;
      color: var(--lps-text);
      margin-bottom: 6px;
}

#lps-offence-table-app .lps-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
}

#lps-offence-table-app .lps-badge {
      display: inline-flex;
      align-items: center;
      border: 1px solid rgba(11, 35, 65, .14);
      color: var(--lps-navy);
      background: #eef5ff;
      border-radius: 999px;
      padding: 2px 7px;
      font-size: 11px;
      font-weight: 700;
      line-height: 1.4;
}

#lps-offence-table-app .lps-badge.gold {
      background: var(--lps-gold-soft);
      border-color: rgba(201, 154, 46, .45);
}

#lps-offence-table-app .lps-legislation-link {
      display: inline-block;
      color: #0a5ea8;
      text-decoration: underline;
      text-underline-offset: 2px;
      font-weight: 400;
      margin: 0 0 5px;
      word-break: break-word;
}

#lps-offence-table-app .lps-legislation-link::after {
      content: " ↗";
      font-size: 11px;
}

#lps-offence-table-app .lps-empty {
      text-align: center;
      color: var(--lps-danger);
      font-weight: 700;
      padding: 24px !important;
}

#lps-offence-table-app .lps-legend {
      margin: 0 24px 24px;
      background: white;
      border: 1px solid var(--lps-border);
      border-radius: 14px;
      overflow: hidden;
}

#lps-offence-table-app .lps-legend summary {
      cursor: pointer;
      padding: 15px 16px;
      background: var(--lps-navy);
      color: white;
      font-weight: 800;
      font-size: 16px;
      list-style: none;
}

#lps-offence-table-app .lps-legend summary::-webkit-details-marker {
      display: none;
}

#lps-offence-table-app .lps-legend-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(220px, 1fr));
      gap: 12px;
      padding: 16px;
}

#lps-offence-table-app .lps-legend-card {
      border: 1px solid var(--lps-border);
      border-radius: 12px;
      padding: 13px;
      background: #fbfdff;
}

#lps-offence-table-app .lps-legend-card h3 {
      margin: 0 0 7px;
      font-size: 15px;
      color: var(--lps-navy);
}

#lps-offence-table-app .lps-legend-card p {
      margin: 0 0 8px;
      color: var(--lps-muted);
      font-size: 13px;
}

#lps-offence-table-app .lps-legend-card ul {
      margin: 0;
      padding-left: 18px;
      color: var(--lps-text);
      font-size: 12px;
}

#lps-offence-table-app .lps-legend-tools {
      padding: 16px 16px 0;
      background: white;
}

#lps-offence-table-app .lps-legend-tools-row {
      display: grid;
      grid-template-columns: minmax(180px, .8fr) minmax(220px, 1fr) minmax(240px, 1.1fr) auto;
      gap: 12px;
      align-items: end;
}

#lps-offence-table-app .lps-legend-search label,
#lps-offence-table-app .lps-legend-filter label {
      display: block;
      margin: 0 0 6px;
      color: var(--lps-navy);
      font-size: 13px;
      font-weight: 800;
}

#lps-offence-table-app .lps-legend-filter select,
#lps-offence-table-app .lps-legend-search input {
      width: 100%;
      min-height: 42px;
      padding: 10px 11px;
      border: 1px solid var(--lps-border);
      border-radius: 10px;
      background: #ffffff;
      color: var(--lps-text);
      box-sizing: border-box;
}

#lps-offence-table-app .lps-legend-filter select:focus,
#lps-offence-table-app .lps-legend-search input:focus {
      outline: 2px solid rgba(201, 154, 46, .28);
      border-color: var(--lps-gold);
}

#lps-offence-table-app .lps-legend-actions {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      justify-content: flex-end;
}

#lps-offence-table-app .lps-legend-actions .lps-btn {
      width: auto;
      min-height: 42px;
      white-space: nowrap;
}

#lps-offence-table-app .lps-legend-status {
      margin: 10px 0 0;
      padding: 9px 11px;
      border-left: 4px solid var(--lps-gold);
      border-radius: 10px;
      background: var(--lps-gold-soft);
      color: var(--lps-navy);
      font-size: 12px;
      font-weight: 700;
}

#lps-offence-table-app .lps-legend-empty {
      grid-column: 1 / -1;
      padding: 18px;
      border: 1px dashed rgba(201, 154, 46, .65);
      border-radius: 12px;
      background: var(--lps-gold-soft);
      color: var(--lps-navy);
      text-align: center;
      font-size: 13px;
      font-weight: 700;
}

@media (max-width:1180px) {
      #lps-offence-table-app .lps-legend-tools-row {
            grid-template-columns: 1fr 1fr;
      }

      #lps-offence-table-app .lps-legend-actions {
            grid-column: 1 / -1;
            justify-content: flex-start;
      }
}

@media (max-width:760px) {
      #lps-offence-table-app .lps-legend-tools-row {
            grid-template-columns: 1fr;
      }

      #lps-offence-table-app .lps-legend-actions {
            grid-column: auto;
            justify-content: stretch;
      }

      #lps-offence-table-app .lps-legend-actions .lps-btn {
            flex: 1 1 180px;
      }
}

#lps-offence-table-app .lps-footer {
      padding: 14px 24px 20px;
      color: var(--lps-muted);
      font-size: 12px;
      text-align: center;
}

#lps-offence-table-app .lps-source-status {
      display: inline-block;
      padding: 4px 8px;
      border-radius: 999px;
      background: var(--lps-gold-soft);
      color: var(--lps-navy);
      font-weight: 700;
      border: 1px solid rgba(201, 154, 46, .35);
}


#lps-offence-table-app.lps-locked .lps-wrap {
      display: none !important;
}

#lps-offence-table-app .lps-admin-login {
      background: var(--lps-bg);
      border: 1px solid var(--lps-border);
      border-radius: 18px;
      overflow: hidden;
      box-shadow: 0 12px 34px rgba(11, 35, 65, .10);
      padding: 24px;
}

#lps-offence-table-app .lps-admin-login-card {
      max-width: 620px;
      margin: 0 auto;
      background: var(--lps-card);
      border: 1px solid var(--lps-border);
      border-radius: 18px;
      box-shadow: 0 8px 24px rgba(11, 35, 65, .08);
      overflow: hidden;
}

#lps-offence-table-app .lps-admin-login-top {
      background: linear-gradient(135deg, var(--lps-navy), var(--lps-navy-2));
      color: white;
      padding: 20px 22px;
      text-align: center;
}

#lps-offence-table-app .lps-admin-login-top h2 {
      margin: 8px 0 6px;
      font-size: clamp(22px, 3vw, 32px);
      line-height: 1.15;
}

#lps-offence-table-app .lps-admin-login-top p {
      margin: 0;
      color: rgba(255, 255, 255, .88);
      font-size: 14px;
}

#lps-offence-table-app .lps-admin-login-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 6px 12px;
      border-radius: 999px;
      background: rgba(201, 154, 46, .18);
      border: 1px solid rgba(201, 154, 46, .55);
      color: #fff6df;
      font-weight: 800;
      font-size: 12px;
      letter-spacing: .2px;
      text-transform: uppercase;
}

#lps-offence-table-app .lps-admin-login-body {
      padding: 20px 22px 22px;
}

#lps-offence-table-app .lps-admin-login-body label {
      display: block;
      font-size: 13px;
      font-weight: 800;
      color: var(--lps-navy);
      margin-bottom: 7px;
}

#lps-offence-table-app .lps-admin-login-row {
      display: flex;
      gap: 10px;
      align-items: stretch;
}

#lps-offence-table-app .lps-admin-login-row input[type="password"] {
      flex: 1 1 auto;
      min-height: 42px;
      border: 1px solid var(--lps-border);
      border-radius: 12px;
      padding: 9px 11px;
      font-size: 14px;
      color: var(--lps-text);
      background: white;
      outline: none;
}

#lps-offence-table-app .lps-admin-login-row input[type="password"]:focus {
      border-color: var(--lps-gold);
      box-shadow: 0 0 0 3px rgba(201, 154, 46, .18);
}

#lps-offence-table-app .lps-admin-login-row .lps-btn {
      flex: 0 0 auto;
      min-height: 42px;
      white-space: nowrap;
}

#lps-offence-table-app .lps-admin-login-error {
      margin-top: 10px;
      min-height: 20px;
      color: var(--lps-danger);
      font-size: 13px;
      font-weight: 700;
}

#lps-offence-table-app .lps-admin-login-help {
      margin: 8px 0 0;
      color: var(--lps-muted);
      font-size: 12px;
      line-height: 1.45;
}

#lps-offence-table-app .lps-admin-login-help code {
      color: var(--lps-navy);
      font-weight: 800;
      background: var(--lps-gold-soft);
      border: 1px solid rgba(201, 154, 46, .35);
      border-radius: 6px;
      padding: 1px 5px;
}

@media (max-width: 620px) {
      #lps-offence-table-app .lps-admin-login {
            padding: 16px;
      }

      #lps-offence-table-app .lps-admin-login-row {
            flex-direction: column;
      }

      #lps-offence-table-app .lps-admin-login-row .lps-btn {
            width: 100%;
      }
}

#lps-offence-table-app .lps-admin-panel {
      margin: 0 24px 18px;
      background: transparent !important;
      border: 0 !important;
      border-radius: 0 !important;
      overflow: visible !important;
}

#lps-offence-table-app .lps-admin-panel summary {
      cursor: pointer;
      padding: 14px 16px;
      background: #0f2d4f;
      color: white;
      font-weight: 800;
      list-style: none;
}

#lps-offence-table-app .lps-admin-panel summary::-webkit-details-marker {
      display: none;
}

#lps-offence-table-app .lps-admin-body {
      padding: 16px;
}

#lps-offence-table-app .lps-admin-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(180px, 1fr));
      gap: 12px;
      margin-top: 12px;
}

#lps-offence-table-app .lps-admin-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 12px;
}

#lps-offence-table-app .lps-admin-help {
      background: #f9fbff;
      border: 1px dashed var(--lps-border);
      padding: 12px;
      border-radius: 12px;
      margin-top: 12px;
      color: var(--lps-muted);
      font-size: 13px;
}

#lps-offence-table-app .lps-admin-help code {
      color: var(--lps-navy);
      font-weight: 700;
}

@media (max-width: 620px) {
      #lps-offence-table-app .lps-admin-panel {
            margin-left: 16px;
            margin-right: 16px;
      }

      #lps-offence-table-app .lps-admin-grid {
            grid-template-columns: 1fr;
      }
}

@media (max-width: 980px) {
      #lps-offence-table-app .lps-stats {
            grid-template-columns: repeat(2, minmax(150px, 1fr));
      }

      #lps-offence-table-app .lps-controls {
            grid-template-columns: repeat(2, minmax(160px, 1fr));
      }

      #lps-offence-table-app .lps-legend-grid {
            grid-template-columns: repeat(2, minmax(220px, 1fr));
      }
}

@media (max-width: 620px) {

      #lps-offence-table-app .lps-hero,
      #lps-offence-table-app .lps-controls,
      #lps-offence-table-app .lps-stats {
            padding-left: 16px;
            padding-right: 16px;
      }

      #lps-offence-table-app .lps-controls,
      #lps-offence-table-app .lps-stats,
      #lps-offence-table-app .lps-legend-grid {
            grid-template-columns: 1fr;
      }

      #lps-offence-table-app .lps-note,
      #lps-offence-table-app .lps-table-scroll,
      #lps-offence-table-app .lps-legend {
            margin-left: 16px;
            margin-right: 16px;
      }

      #lps-offence-table-app .lps-resultsbar {
            padding-left: 16px;
            padding-right: 16px;
      }
}

/* Industry Offence Finder enhancements: same LPS colour variables, no colour-code changes */
#lps-offence-table-app .lps-hero-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.55fr) minmax(280px, .45fr);
      gap: 18px;
      align-items: stretch;
}

#lps-offence-table-app .lps-hero-kicker {
      display: inline-block;
      margin-bottom: 10px;
      padding: 6px 10px;
      border: 1px solid rgba(201, 154, 46, .55);
      border-radius: 999px;
      color: var(--lps-gold-soft);
      background: rgba(255, 255, 255, .08);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .5px;
      text-transform: uppercase;
}

#lps-offence-table-app .lps-hero p+p {
      margin-top: 12px;
}

#lps-offence-table-app .lps-hero-panel {
      background: rgba(255, 255, 255, .08);
      border: 1px solid rgba(255, 255, 255, .18);
      border-radius: 16px;
      padding: 16px;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

#lps-offence-table-app .lps-hero-panel strong {
      display: block;
      font-size: 14px;
      margin-bottom: 10px;
      color: white;
}

#lps-offence-table-app .lps-path {
      display: grid;
      gap: 8px;
}

#lps-offence-table-app .lps-path span {
      display: block;
      padding: 9px 11px;
      border-radius: 12px;
      background: rgba(255, 255, 255, .10);
      color: rgba(255, 255, 255, .92);
      font-size: 13px;
      border-left: 3px solid var(--lps-gold);
}

#lps-offence-table-app .lps-actionbar {
      margin: 0 24px 18px;
      padding: 14px;
      background: var(--lps-card);
      border: 1px solid var(--lps-border);
      border-radius: 14px;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
      justify-content: space-between;
      box-shadow: 0 4px 14px rgba(11, 35, 65, .05);
}

#lps-offence-table-app .lps-action-buttons {
      width: 100% !important;
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      gap: 7px !important;
      align-items: center !important;
      justify-content: flex-start !important;
      overflow-x: auto;
      padding-bottom: 2px;
      scrollbar-width: thin;
}

#lps-offence-table-app .lps-action-heading .lps-selection-status {
      margin-left: auto;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 10px;
      min-width: 0;
      color: var(--lps-navy);
}

#lps-offence-table-app .lps-selection-status {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding: 9px 12px;
      border-radius: 13px;
      background: linear-gradient(135deg, var(--lps-gold-soft), #ffffff);
      border: 1px solid rgba(201, 154, 46, .36);
      color: var(--lps-navy);
      font-size: 12px;
      font-weight: 700;
      box-shadow: 0 4px 12px rgba(11, 35, 65, .05);
}

#lps-offence-table-app .lps-action-heading-title {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 13px;
      font-weight: 800;
      letter-spacing: .15px;
      white-space: nowrap;
      color: var(--lps-navy);
}

#lps-offence-table-app .lps-action-heading-title::before {
      content: "";
      width: 9px;
      height: 9px;
      border-radius: 999px;
      background: var(--lps-navy);
      display: inline-block;
      box-shadow: 0 0 0 3px rgba(11, 35, 65, .10);
}

#lps-offence-table-app .lps-selection-hint {
      display: block;
      color: var(--lps-muted);
      font-weight: 400;
      margin-top: 2px;
      font-size: 12px;
}

#lps-offence-table-app .lps-btn:disabled {
      opacity: .48;
      cursor: not-allowed;
}

#lps-offence-table-app .lps-select-col {
      width: 70px;
      text-align: center;
}

#lps-offence-table-app .lps-row-check {
      width: 18px;
      height: 18px;
      accent-color: var(--lps-navy);
      cursor: pointer;
}

#lps-offence-table-app .lps-number-cell .lps-no {
      font-weight: 800;
      color: var(--lps-navy);
}

#lps-offence-table-app .lps-sourcebar {
      margin: 12px 24px 0;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
      justify-content: space-between;
      color: var(--lps-muted);
      font-size: 13px;
}

#lps-offence-table-app .lps-copy-status {
      color: var(--lps-navy);
      font-size: 13px;
      font-weight: 700;
      min-height: 18px;
}

#lps-offence-table-app .lps-admin-divider {
      border: none;
      border-top: 1px solid var(--lps-border);
      margin: 14px 0;
}

#lps-offence-table-app .lps-admin-subtitle {
      font-weight: 800;
      color: var(--lps-navy);
      margin: 4px 0 10px;
}

@media (max-width: 980px) {
      #lps-offence-table-app .lps-hero-grid {
            grid-template-columns: 1fr;
      }

      #lps-offence-table-app .lps-actionbar {
            align-items: flex-start;
      }
}

@media (max-width: 620px) {

      #lps-offence-table-app .lps-actionbar,
      #lps-offence-table-app .lps-sourcebar {
            margin-left: 16px;
            margin-right: 16px;
      }
}

/* WordPress-safe final amendments */
#lps-offence-table-app .lps-actionbar {
      flex-direction: column;
      align-items: stretch;
      justify-content: flex-start;
      gap: 9px;
}

#lps-offence-table-app .lps-selection-status {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding: 9px 12px;
      border-radius: 13px;
      background: linear-gradient(135deg, var(--lps-gold-soft), #ffffff);
      border: 1px solid rgba(201, 154, 46, .36);
      color: var(--lps-navy);
      font-size: 12px;
      font-weight: 700;
      box-shadow: 0 4px 12px rgba(11, 35, 65, .05);
}

#lps-offence-table-app .lps-selection-status strong {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 30px;
      height: 30px;
      padding: 0 8px;
      border-radius: 999px;
      background: var(--lps-navy);
      color: #ffffff;
      font-size: 14px;
      line-height: 1;
}

#lps-offence-table-app .lps-selection-main {
      display: flex;
      align-items: center;
      gap: 8px;
      white-space: nowrap;
}

#lps-offence-table-app .lps-selection-hint {
      display: inline;
      color: var(--lps-muted);
      font-weight: 400;
      margin-top: 0;
      font-size: 11px;
      text-align: right;
}

#lps-offence-table-app .lps-action-heading {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
      justify-content: space-between;
      padding: 8px 10px;
      border: 1px solid rgba(201, 154, 46, .45);
      border-radius: 12px;
      background: var(--lps-gold-soft);
      color: var(--lps-navy);
}

#lps-offence-table-app .lps-action-buttons {
      width: 100% !important;
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      gap: 7px !important;
      align-items: center !important;
      justify-content: flex-start !important;
      overflow-x: auto;
      padding-bottom: 2px;
      scrollbar-width: thin;
}

#lps-offence-table-app .lps-action-buttons .lps-btn {
      width: auto !important;
      flex: 0 0 auto !important;
      min-width: 132px;
      min-height: 34px;
      padding: 8px 10px !important;
      border-radius: 10px !important;
      font-size: 12px !important;
      line-height: 1.15 !important;
      white-space: nowrap !important;
}

#lps-offence-table-app .lps-sourcebar {
      margin: 18px 24px 8px;
      padding: 12px 14px;
      border: 1px solid var(--lps-border);
      border-left: 4px solid var(--lps-gold);
      border-radius: 14px;
      background: linear-gradient(135deg, #ffffff, var(--lps-gold-soft));
      box-shadow: 0 4px 14px rgba(11, 35, 65, .05);
}

#lps-offence-table-app .lps-source-status {
      padding: 6px 10px;
}

#lps-offence-table-app .lps-footer {
      padding: 18px 24px 22px;
      color: var(--lps-muted);
      font-size: 12px;
      text-align: center;
      line-height: 1.55;
}

#lps-offence-table-app .lps-footer strong {
      display: block;
      color: var(--lps-navy);
      font-size: 14px;
      margin-bottom: 2px;
}

#lps-offence-table-app .lps-footer span {
      display: block;
}

#lps-offence-table-app .lps-admin-status {
      color: var(--lps-navy);
      font-size: 13px;
      font-weight: 700;
      min-height: 18px;
      margin-top: 10px;
}

@media (max-width: 760px) {
      #lps-offence-table-app .lps-selection-status {
            align-items: flex-start;
            flex-direction: column;
      }

      #lps-offence-table-app .lps-selection-hint {
            text-align: left;
      }
}

/* FINAL WORDPRESS WIDTH FIX - keeps the same LPS design and colour codes */
#lps-offence-table-app .lps-table-scroll {
      width: 100% !important;
      max-width: 100% !important;
      overflow-x: auto !important;
      overflow-y: visible !important;
      -webkit-overflow-scrolling: touch !important;
      display: block !important;
}

#lps-offence-table-app table {
      border-collapse: separate !important;
      border-spacing: 0 !important;
      width: 100% !important;
      min-width: 1480px !important;
      max-width: none !important;
      table-layout: fixed !important;
      background: white !important;
}

#lps-offence-table-app col.lps-col-select {
      width: 52px !important;
}

#lps-offence-table-app col.lps-col-number {
      width: 108px !important;
}

#lps-offence-table-app col.lps-col-offences {
      width: 220px !important;
}

#lps-offence-table-app col.lps-col-legislation {
      width: 190px !important;
}

#lps-offence-table-app col.lps-col-description {
      width: 290px !important;
}

#lps-offence-table-app col.lps-col-application {
      width: 316px !important;
}

#lps-offence-table-app col.lps-col-punishment {
      width: 320px !important;
}

#lps-offence-table-app th,
#lps-offence-table-app td {
      box-sizing: border-box !important;
      white-space: normal !important;
      word-break: normal !important;
      overflow-wrap: break-word !important;
      vertical-align: top !important;
}

#lps-offence-table-app th:nth-child(1),
#lps-offence-table-app td:nth-child(1) {
      width: 52px !important;
      min-width: 52px !important;
      max-width: 52px !important;
      text-align: center !important;
}

#lps-offence-table-app th:nth-child(2),
#lps-offence-table-app td:nth-child(2) {
      width: 108px !important;
      min-width: 108px !important;
      max-width: 108px !important;
}

#lps-offence-table-app th:nth-child(3),
#lps-offence-table-app td:nth-child(3) {
      width: 220px !important;
      min-width: 220px !important;
}

#lps-offence-table-app th:nth-child(4),
#lps-offence-table-app td:nth-child(4) {
      width: 190px !important;
      min-width: 190px !important;
}

#lps-offence-table-app th:nth-child(5),
#lps-offence-table-app td:nth-child(5) {
      width: 290px !important;
      min-width: 290px !important;
}

#lps-offence-table-app th:nth-child(6),
#lps-offence-table-app td:nth-child(6) {
      width: 316px !important;
      min-width: 316px !important;
}

#lps-offence-table-app th:nth-child(7),
#lps-offence-table-app td:nth-child(7) {
      width: 320px !important;
      min-width: 320px !important;
}

#lps-offence-table-app .lps-number-cell .lps-no,
#lps-offence-table-app .lps-no {
      display: inline-block !important;
      white-space: nowrap !important;
      font-size: 12px !important;
      line-height: 1.25 !important;
      margin-bottom: 0 !important;
}

#lps-offence-table-app .lps-legislation-link {
      overflow-wrap: anywhere !important;
      word-break: normal !important;
}

@media (max-width: 900px) {
      #lps-offence-table-app .lps-table-scroll {
            margin-left: 16px !important;
            margin-right: 16px !important;
      }

      #lps-offence-table-app table {
            min-width: 1320px !important;
      }

      #lps-offence-table-app col.lps-col-select {
            width: 50px !important;
      }

      #lps-offence-table-app col.lps-col-number {
            width: 102px !important;
      }

      #lps-offence-table-app col.lps-col-offences {
            width: 200px !important;
      }

      #lps-offence-table-app col.lps-col-legislation {
            width: 170px !important;
      }

      #lps-offence-table-app col.lps-col-description {
            width: 250px !important;
      }

      #lps-offence-table-app col.lps-col-application {
            width: 280px !important;
      }

      #lps-offence-table-app col.lps-col-punishment {
            width: 280px !important;
      }
}

@media (max-width: 720px) {
      #lps-offence-table-app .lps-table-scroll {
            overflow: visible !important;
            border: 0 !important;
            border-radius: 0 !important;
            background: transparent !important;
            margin-left: 16px !important;
            margin-right: 16px !important;
            width: auto !important;
            max-width: 100% !important;
      }

      #lps-offence-table-app table,
      #lps-offence-table-app caption,
      #lps-offence-table-app thead,
      #lps-offence-table-app tbody,
      #lps-offence-table-app tr,
      #lps-offence-table-app th,
      #lps-offence-table-app td {
            display: block !important;
            width: 100% !important;
            min-width: 0 !important;
            max-width: 100% !important;
      }

      #lps-offence-table-app table {
            table-layout: auto !important;
            border-collapse: separate !important;
            border-spacing: 0 !important;
            background: transparent !important;
      }

      #lps-offence-table-app colgroup {
            display: none !important;
      }

      #lps-offence-table-app caption {
            box-sizing: border-box !important;
            border: 1px solid var(--lps-border) !important;
            border-radius: 14px !important;
            margin: 0 0 10px !important;
            background: #f9fbff !important;
      }

      #lps-offence-table-app thead {
            position: absolute !important;
            left: -9999px !important;
            top: auto !important;
            height: 1px !important;
            overflow: hidden !important;
      }

      #lps-offence-table-app tbody tr {
            display: block !important;
            margin: 0 0 14px !important;
            border: 1px solid var(--lps-border) !important;
            border-radius: 14px !important;
            background: #ffffff !important;
            overflow: hidden !important;
            box-shadow: 0 4px 14px rgba(11, 35, 65, .05) !important;
      }

      #lps-offence-table-app td,
      #lps-offence-table-app th:nth-child(1),
      #lps-offence-table-app td:nth-child(1),
      #lps-offence-table-app th:nth-child(2),
      #lps-offence-table-app td:nth-child(2),
      #lps-offence-table-app th:nth-child(3),
      #lps-offence-table-app td:nth-child(3),
      #lps-offence-table-app th:nth-child(4),
      #lps-offence-table-app td:nth-child(4),
      #lps-offence-table-app th:nth-child(5),
      #lps-offence-table-app td:nth-child(5),
      #lps-offence-table-app th:nth-child(6),
      #lps-offence-table-app td:nth-child(6),
      #lps-offence-table-app th:nth-child(7),
      #lps-offence-table-app td:nth-child(7) {
            display: grid !important;
            grid-template-columns: 130px minmax(0, 1fr) !important;
            gap: 10px !important;
            align-items: start !important;
            width: 100% !important;
            min-width: 0 !important;
            max-width: 100% !important;
            border-top: 1px solid var(--lps-border) !important;
            border-right: 0 !important;
            padding: 10px 12px !important;
            text-align: left !important;
            background: #ffffff !important;
            white-space: normal !important;
            overflow-wrap: break-word !important;
      }

      #lps-offence-table-app tbody tr:nth-child(even) td {
            background: #ffffff !important;
      }

      #lps-offence-table-app tbody tr:hover td {
            background: var(--lps-gold-soft) !important;
      }

      #lps-offence-table-app tbody tr td:first-child {
            border-top: 0 !important;
      }

      #lps-offence-table-app td::before {
            content: attr(data-label) !important;
            color: var(--lps-navy) !important;
            font-weight: 800 !important;
            font-size: 12px !important;
            line-height: 1.35 !important;
      }

      #lps-offence-table-app td.lps-select-col input {
            justify-self: start !important;
      }

      #lps-offence-table-app td.lps-empty {
            display: block !important;
            text-align: center !important;
      }

      #lps-offence-table-app td.lps-empty::before {
            content: "" !important;
            display: none !important;
      }

      #lps-offence-table-app .lps-offence-title,
      #lps-offence-table-app .lps-meta,
      #lps-offence-table-app .lps-legislation-link,
      #lps-offence-table-app .lps-badge {
            max-width: 100% !important;
      }
}

@media (max-width: 420px) {

      #lps-offence-table-app td,
      #lps-offence-table-app th:nth-child(1),
      #lps-offence-table-app td:nth-child(1),
      #lps-offence-table-app th:nth-child(2),
      #lps-offence-table-app td:nth-child(2),
      #lps-offence-table-app th:nth-child(3),
      #lps-offence-table-app td:nth-child(3),
      #lps-offence-table-app th:nth-child(4),
      #lps-offence-table-app td:nth-child(4),
      #lps-offence-table-app th:nth-child(5),
      #lps-offence-table-app td:nth-child(5),
      #lps-offence-table-app th:nth-child(6),
      #lps-offence-table-app td:nth-child(6),
      #lps-offence-table-app th:nth-child(7),
      #lps-offence-table-app td:nth-child(7) {
            grid-template-columns: 1fr !important;
            gap: 5px !important;
      }
}

/* FINAL WP ADMIN + PUBLIC RESPONSIVE WIDTH PATCH - design and colour codes preserved */
#lps-offence-table-app,
#lps-offence-table-app .lps-wrap,
#lps-offence-table-app .lps-table-panel {
      width: 100% !important;
      max-width: 100% !important;
}

#lps-offence-table-app .lps-wrap {
      overflow: hidden !important;
}

#lps-offence-table-app .lps-table-scroll {
      width: calc(100% - 48px) !important;
      max-width: calc(100% - 48px) !important;
      margin: 0 24px !important;
      overflow-x: auto !important;
      overflow-y: visible !important;
      -webkit-overflow-scrolling: touch !important;
      display: block !important;
}

/* Desktop and tablet table layout: equal row grid, small offence number, wider punishment */
@media (min-width: 761px) {
      #lps-offence-table-app .lps-table-scroll table {
            display: block !important;
            width: 100% !important;
            min-width: 1265px !important;
            max-width: none !important;
            table-layout: auto !important;
            border-collapse: separate !important;
            border-spacing: 0 !important;
            background: white !important;
      }

      #lps-offence-table-app .lps-table-scroll colgroup {
            display: none !important;
      }

      #lps-offence-table-app .lps-table-scroll caption,
      #lps-offence-table-app .lps-table-scroll thead,
      #lps-offence-table-app .lps-table-scroll tbody {
            display: block !important;
            width: 100% !important;
      }

      #lps-offence-table-app .lps-table-scroll thead tr,
      #lps-offence-table-app .lps-table-scroll tbody tr {
            display: grid !important;
            width: 100% !important;
            grid-template-columns:
                  44px 100px minmax(170px, 1.05fr) minmax(160px, .95fr) minmax(245px, 1.35fr) minmax(280px, 1.55fr) minmax(340px, 1.85fr) !important;
            align-items: stretch !important;
      }

      #lps-offence-table-app .lps-table-scroll th,
      #lps-offence-table-app .lps-table-scroll td,
      #lps-offence-table-app .lps-table-scroll th:nth-child(1),
      #lps-offence-table-app .lps-table-scroll td:nth-child(1),
      #lps-offence-table-app .lps-table-scroll th:nth-child(2),
      #lps-offence-table-app .lps-table-scroll td:nth-child(2),
      #lps-offence-table-app .lps-table-scroll th:nth-child(3),
      #lps-offence-table-app .lps-table-scroll td:nth-child(3),
      #lps-offence-table-app .lps-table-scroll th:nth-child(4),
      #lps-offence-table-app .lps-table-scroll td:nth-child(4),
      #lps-offence-table-app .lps-table-scroll th:nth-child(5),
      #lps-offence-table-app .lps-table-scroll td:nth-child(5),
      #lps-offence-table-app .lps-table-scroll th:nth-child(6),
      #lps-offence-table-app .lps-table-scroll td:nth-child(6),
      #lps-offence-table-app .lps-table-scroll th:nth-child(7),
      #lps-offence-table-app .lps-table-scroll td:nth-child(7) {
            display: block !important;
            width: auto !important;
            min-width: 0 !important;
            max-width: none !important;
            box-sizing: border-box !important;
            white-space: normal !important;
            word-break: normal !important;
            overflow-wrap: break-word !important;
            vertical-align: top !important;
      }

      #lps-offence-table-app .lps-table-scroll th:nth-child(1),
      #lps-offence-table-app .lps-table-scroll td:nth-child(1) {
            text-align: center !important;
      }

      #lps-offence-table-app .lps-number-cell .lps-no,
      #lps-offence-table-app .lps-no {
            display: inline-block !important;
            white-space: nowrap !important;
            font-size: 12px !important;
            line-height: 1.25 !important;
            margin: 0 !important;
      }

      #lps-offence-table-app .lps-legislation-link {
            overflow-wrap: anywhere !important;
            word-break: normal !important;
      }
}

@media (max-width: 980px) and (min-width: 761px) {
      #lps-offence-table-app .lps-table-scroll {
            width: calc(100% - 32px) !important;
            max-width: calc(100% - 32px) !important;
            margin: 0 16px !important;
      }

      #lps-offence-table-app .lps-table-scroll table {
            min-width: 1185px !important;
      }

      #lps-offence-table-app .lps-table-scroll thead tr,
      #lps-offence-table-app .lps-table-scroll tbody tr {
            grid-template-columns:
                  42px 94px minmax(160px, 1fr) minmax(145px, .9fr) minmax(220px, 1.25fr) minmax(250px, 1.42fr) minmax(300px, 1.75fr) !important;
      }
}

/* Mobile card layout: each offence becomes a readable card */
@media (max-width: 760px) {
      #lps-offence-table-app .lps-table-scroll {
            width: auto !important;
            max-width: 100% !important;
            margin: 0 16px !important;
            overflow: visible !important;
            border: 0 !important;
            border-radius: 0 !important;
            background: transparent !important;
      }

      #lps-offence-table-app .lps-table-scroll table,
      #lps-offence-table-app .lps-table-scroll caption,
      #lps-offence-table-app .lps-table-scroll thead,
      #lps-offence-table-app .lps-table-scroll tbody,
      #lps-offence-table-app .lps-table-scroll tr,
      #lps-offence-table-app .lps-table-scroll th,
      #lps-offence-table-app .lps-table-scroll td {
            display: block !important;
            width: 100% !important;
            min-width: 0 !important;
            max-width: 100% !important;
            box-sizing: border-box !important;
      }

      #lps-offence-table-app .lps-table-scroll table {
            table-layout: auto !important;
            border-collapse: separate !important;
            border-spacing: 0 !important;
            background: transparent !important;
      }

      #lps-offence-table-app .lps-table-scroll colgroup {
            display: none !important;
      }

      #lps-offence-table-app .lps-table-scroll caption {
            border: 1px solid var(--lps-border) !important;
            border-radius: 14px !important;
            margin: 0 0 10px !important;
            background: #f9fbff !important;
      }

      #lps-offence-table-app .lps-table-scroll thead {
            position: absolute !important;
            left: -9999px !important;
            top: auto !important;
            height: 1px !important;
            overflow: hidden !important;
      }

      #lps-offence-table-app .lps-table-scroll tbody tr {
            margin: 0 0 14px !important;
            border: 1px solid var(--lps-border) !important;
            border-radius: 14px !important;
            background: #ffffff !important;
            overflow: hidden !important;
            box-shadow: 0 4px 14px rgba(11, 35, 65, .05) !important;
      }

      #lps-offence-table-app .lps-table-scroll td,
      #lps-offence-table-app .lps-table-scroll th:nth-child(1),
      #lps-offence-table-app .lps-table-scroll td:nth-child(1),
      #lps-offence-table-app .lps-table-scroll th:nth-child(2),
      #lps-offence-table-app .lps-table-scroll td:nth-child(2),
      #lps-offence-table-app .lps-table-scroll th:nth-child(3),
      #lps-offence-table-app .lps-table-scroll td:nth-child(3),
      #lps-offence-table-app .lps-table-scroll th:nth-child(4),
      #lps-offence-table-app .lps-table-scroll td:nth-child(4),
      #lps-offence-table-app .lps-table-scroll th:nth-child(5),
      #lps-offence-table-app .lps-table-scroll td:nth-child(5),
      #lps-offence-table-app .lps-table-scroll th:nth-child(6),
      #lps-offence-table-app .lps-table-scroll td:nth-child(6),
      #lps-offence-table-app .lps-table-scroll th:nth-child(7),
      #lps-offence-table-app .lps-table-scroll td:nth-child(7) {
            display: grid !important;
            grid-template-columns: 130px minmax(0, 1fr) !important;
            gap: 10px !important;
            align-items: start !important;
            width: 100% !important;
            min-width: 0 !important;
            max-width: 100% !important;
            border-top: 1px solid var(--lps-border) !important;
            border-right: 0 !important;
            padding: 10px 12px !important;
            text-align: left !important;
            background: #ffffff !important;
            white-space: normal !important;
            overflow-wrap: break-word !important;
      }

      #lps-offence-table-app .lps-table-scroll tbody tr:nth-child(even) td {
            background: #ffffff !important;
      }

      #lps-offence-table-app .lps-table-scroll tbody tr:hover td {
            background: var(--lps-gold-soft) !important;
      }

      #lps-offence-table-app .lps-table-scroll tbody tr td:first-child {
            border-top: 0 !important;
      }

      #lps-offence-table-app .lps-table-scroll td::before {
            content: attr(data-label) !important;
            color: var(--lps-navy) !important;
            font-weight: 800 !important;
            font-size: 12px !important;
            line-height: 1.35 !important;
      }

      #lps-offence-table-app .lps-table-scroll td.lps-select-col input {
            justify-self: start !important;
      }

      #lps-offence-table-app .lps-table-scroll td.lps-empty {
            display: block !important;
            text-align: center !important;
      }

      #lps-offence-table-app .lps-table-scroll td.lps-empty::before {
            content: "" !important;
            display: none !important;
      }

      #lps-offence-table-app .lps-offence-title,
      #lps-offence-table-app .lps-meta,
      #lps-offence-table-app .lps-legislation-link,
      #lps-offence-table-app .lps-badge {
            max-width: 100% !important;
      }
}

@media (max-width: 420px) {

      #lps-offence-table-app .lps-table-scroll td,
      #lps-offence-table-app .lps-table-scroll th:nth-child(1),
      #lps-offence-table-app .lps-table-scroll td:nth-child(1),
      #lps-offence-table-app .lps-table-scroll th:nth-child(2),
      #lps-offence-table-app .lps-table-scroll td:nth-child(2),
      #lps-offence-table-app .lps-table-scroll th:nth-child(3),
      #lps-offence-table-app .lps-table-scroll td:nth-child(3),
      #lps-offence-table-app .lps-table-scroll th:nth-child(4),
      #lps-offence-table-app .lps-table-scroll td:nth-child(4),
      #lps-offence-table-app .lps-table-scroll th:nth-child(5),
      #lps-offence-table-app .lps-table-scroll td:nth-child(5),
      #lps-offence-table-app .lps-table-scroll th:nth-child(6),
      #lps-offence-table-app .lps-table-scroll td:nth-child(6),
      #lps-offence-table-app .lps-table-scroll th:nth-child(7),
      #lps-offence-table-app .lps-table-scroll td:nth-child(7) {
            grid-template-columns: 1fr !important;
            gap: 5px !important;
      }
}

#lps-offence-table-app .lps-admin-upload-lock {
      border: 1px solid rgba(201, 154, 46, .38) !important;
      background: linear-gradient(135deg, #ffffff 0%, var(--lps-gold-soft) 100%) !important;
      border-radius: 16px !important;
      padding: 14px !important;
      margin: 12px 24px 14px !important;
      box-shadow: 0 8px 18px rgba(11, 35, 65, .06) !important;
}

#lps-offence-table-app .lps-admin-upload-lock-title {
      display: flex !important;
      align-items: center !important;
      gap: 8px !important;
      color: var(--lps-navy) !important;
      font-weight: 900 !important;
      font-size: 14px !important;
      margin-bottom: 8px !important;
}

#lps-offence-table-app .lps-admin-upload-lock p {
      margin: 0 0 10px !important;
      color: var(--lps-muted) !important;
      font-size: 13px !important;
      line-height: 1.45 !important;
}

#lps-offence-table-app .lps-admin-upload-lock-row {
      display: flex !important;
      gap: 8px !important;
      align-items: center !important;
      flex-wrap: wrap !important;
}

#lps-offence-table-app .lps-admin-upload-lock-row input[type="password"] {
      flex: 1 1 220px !important;
      min-width: 180px !important;
      border: 1px solid var(--lps-border) !important;
      border-radius: 10px !important;
      padding: 10px 12px !important;
      font-size: 14px !important;
      color: var(--lps-text) !important;
      background: #fff !important;
      outline: none !important;
}

#lps-offence-table-app .lps-admin-upload-lock-row input[type="password"]:focus {
      border-color: var(--lps-gold) !important;
      box-shadow: 0 0 0 3px rgba(201, 154, 46, .18) !important;
}

#lps-offence-table-app .lps-admin-upload-content[hidden] {
      display: none !important;
}

#lps-offence-table-app .lps-admin-manager-grid {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
      gap: 14px !important;
      margin-top: 8px !important;
}

#lps-offence-table-app .lps-admin-manager-card {
      background: #ffffff !important;
      border: 1px solid var(--lps-border) !important;
      border-radius: 14px !important;
      padding: 14px !important;
      box-shadow: 0 4px 14px rgba(11, 35, 65, .05) !important;
}

#lps-offence-table-app .lps-admin-form-row {
      margin-bottom: 10px !important;
}

#lps-offence-table-app .lps-admin-form-row label {
      display: block !important;
      font-size: 12px !important;
      font-weight: 800 !important;
      color: var(--lps-navy) !important;
      margin-bottom: 5px !important;
}

#lps-offence-table-app .lps-admin-form-row select,
#lps-offence-table-app .lps-admin-form-row input[type="file"] {
      width: 100% !important;
      min-height: 40px !important;
      border: 1px solid var(--lps-border) !important;
      border-radius: 10px !important;
      background: #ffffff !important;
      color: var(--lps-text) !important;
      padding: 8px 10px !important;
}

#lps-offence-table-app .lps-pagination-wrapper {
      display: flex !important;
      justify-content: flex-end !important;
      align-items: center !important;
      margin-top: 15px !important;
      padding: 10px 0 !important;
}

#lps-offence-table-app .dataTables_paginate {
      display: flex !important;
      gap: 6px !important;
      align-items: center !important;
}

#lps-offence-table-app .paginate_button {
      background: #ffffff !important;
      border: 1px solid var(--lps-border) !important;
      border-radius: 8px !important;
      padding: 8px 14px !important;
      color: var(--lps-navy) !important;
      font-size: 13px !important;
      font-weight: 600 !important;
      cursor: pointer !important;
      transition: all 0.2s ease !important;
      text-decoration: none !important;
}

#lps-offence-table-app .paginate_button:hover {
      background: var(--lps-gold-soft) !important;
      border-color: var(--lps-gold) !important;
      color: var(--lps-navy) !important;
}

#lps-offence-table-app .paginate_button.current {
      background: var(--lps-gold) !important;
      border-color: var(--lps-gold) !important;
      color: #ffffff !important;
}

#lps-offence-table-app .paginate_button.disabled {
      opacity: 0.5 !important;
      cursor: not-allowed !important;
      pointer-events: none !important;
}

#lps-offence-table-app .ellipsis {
      padding: 0 4px !important;
      color: var(--lps-muted) !important;
      font-weight: 600 !important;
}