/* =================== RECORDS PAGE =================== */

.ld-rec-wrap{padding:0 40px;}

/* Header */
.ld-page-hdr{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-top:32px;margin-bottom:24px;}
.ld-page-title{font-family:'DM Serif Display',serif!important;font-size:1.6rem!important;font-weight:400!important;color:var(--ld-pd);margin:0 0 4px!important;}
.ld-page-sub{font-size:0.88rem;color:var(--ld-tl);margin:0;}
.ld-page-actions{display:flex;gap:8px;}
.ld-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:8px;font-size:0.88rem;font-weight:600;border:none;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;text-decoration:none;transition:all 0.2s;}
.ld-btn-primary{background:var(--ld-p);color:#fff;}
.ld-btn-primary:hover{background:var(--ld-pl);color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:var(--ld-sh);}

/* Stats */
.ld-stats-bar{display:flex;align-items:center;gap:24px;background:var(--ld-bgc);border:1px solid var(--ld-bd);border-radius:var(--ld-r);padding:18px 28px;margin-bottom:20px;box-shadow:var(--ld-sh);flex-wrap:wrap;}
.ld-stat{display:flex;flex-direction:column;gap:2px;}
.ld-stat-val{font-family:'DM Serif Display',serif;font-size:1.5rem;line-height:1;color:var(--ld-t);}
.ld-stat-lbl{font-size:0.72rem;color:var(--ld-tl);text-transform:uppercase;letter-spacing:0.8px;font-weight:600;}
.ld-stat-div{width:1px;height:36px;background:var(--ld-bd);}
.ld-c-ok{color:var(--ld-ok)!important;}
.ld-c-wn{color:var(--ld-wn)!important;}
.ld-c-er{color:var(--ld-er)!important;}

/* ---- View Toggle ---- */
.ld-view-toggle{display:flex;gap:4px;margin-bottom:20px;}
.ld-vt-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:1.5px solid var(--ld-bd);background:var(--ld-bgc);color:var(--ld-tl);font-size:0.82rem;font-weight:600;cursor:pointer;transition:all 0.2s;font-family:'Plus Jakarta Sans',sans-serif;}
.ld-vt-btn:hover{border-color:var(--ld-p);color:var(--ld-p);}
.ld-vt-btn.ld-vt-active{background:var(--ld-pd);border-color:var(--ld-pd);color:#fff;}
.ld-vt-btn.ld-vt-active:hover{background:var(--ld-bgd);}

/* ==========================================
   THIN CARDS
   ========================================== */
.ld-cards{display:flex;flex-direction:column;gap:10px;padding:0 40px 32px;}

.ld-card{
  display:flex;align-items:center;
  background:var(--ld-bgc);border:1px solid var(--ld-bd);border-radius:12px;
  box-shadow:var(--ld-sh);transition:all 0.2s;cursor:pointer;
  overflow:hidden;text-decoration:none;color:var(--ld-t);position:relative;
}
.ld-card:hover{border-color:var(--ld-p);box-shadow:var(--ld-shl);transform:translateY(-2px);}
.ld-card:hover .ld-card-arrow{color:var(--ld-p);transform:translateX(3px);}
.ld-card::before{content:'';width:4px;align-self:stretch;background:var(--ld-p);opacity:0;transition:opacity 0.2s;}
.ld-card:hover::before{opacity:1;}

.ld-card-main{flex:1;display:flex;align-items:center;gap:16px;padding:14px 20px;min-width:0;}
.ld-card-id{font-size:0.7rem;font-weight:700;color:var(--ld-tl);background:var(--ld-bg);border-radius:6px;padding:4px 10px;white-space:nowrap;letter-spacing:0.5px;}
.ld-card-info{flex:1;min-width:0;}
.ld-card-name{font-family:'DM Serif Display',serif;font-size:1.02rem;color:var(--ld-pd);margin:0 0 2px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ld-card-addr{font-size:0.78rem;color:var(--ld-tl);display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ld-card-addr svg{flex-shrink:0;}

.ld-card-meta{display:flex;align-items:center;gap:20px;padding:14px 20px;border-left:1px solid rgba(224,219,210,0.5);}
.ld-card-mi{display:flex;flex-direction:column;gap:1px;min-width:75px;}
.ld-card-ml{font-size:0.64rem;text-transform:uppercase;letter-spacing:0.5px;color:var(--ld-tl);font-weight:600;}
.ld-card-mv{font-size:0.86rem;font-weight:600;color:var(--ld-t);}

.ld-card-end{display:flex;align-items:center;gap:12px;padding:14px 20px;border-left:1px solid rgba(224,219,210,0.5);}
.ld-card-arrow{color:var(--ld-tl);transition:all 0.2s;flex-shrink:0;}

/* Badges */
.ld-badge{display:inline-block;padding:4px 14px;border-radius:20px;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.4px;white-space:nowrap;}
.ld-badge-ok{background:rgba(42,122,66,0.1);color:var(--ld-ok);}
.ld-badge-wn{background:rgba(200,162,60,0.12);color:var(--ld-wn);}
.ld-badge-er{background:rgba(181,48,42,0.08);color:var(--ld-er);}

/* No records state */
.ld-cards-empty{text-align:center;padding:48px 24px;color:var(--ld-tl);font-size:0.88rem;}

/* ==========================================
   TABLE VIEW — Modern rounded
   ========================================== */
.ld-table{margin:0 40px 32px!important;padding:0!important;font-family:'Plus Jakarta Sans',sans-serif;}

/* Table hidden by default (card view active) */
.ld-table.ld-hidden{display:none!important;}
.ld-cards.ld-hidden{display:none!important;}

/* ---- Modal ---- */
.ld-modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:9999;align-items:center;justify-content:center;padding:20px;}
.ld-modal-overlay.ld-modal-open{display:flex;}
.ld-modal{background:var(--ld-bgc);border-radius:20px;padding:36px;width:100%;max-width:580px;box-shadow:0 24px 64px rgba(0,0,0,0.2);position:relative;max-height:90vh;overflow-y:auto;animation:ldModalIn 0.25s ease;}
@keyframes ldModalIn{from{opacity:0;transform:scale(0.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}
.ld-modal-close{position:absolute;top:16px;right:20px;background:none;border:none;font-size:1.6rem;color:var(--ld-tl);cursor:pointer;line-height:1;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all 0.15s;}
.ld-modal-close:hover{background:var(--ld-bg);color:var(--ld-t);}
.ld-modal-header{margin-bottom:8px;}
.ld-modal-title{font-family:'DM Serif Display',serif;font-size:1.4rem;color:var(--ld-pd);margin:0 0 8px;line-height:1.3;}
.ld-modal-badge{display:inline-block;padding:4px 14px;border-radius:20px;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;}
.ld-modal-location{display:flex;align-items:center;gap:8px;font-size:0.88rem;color:var(--ld-tl);margin-bottom:24px;}
.ld-modal-location svg{flex-shrink:0;}
.ld-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px;}
.ld-modal-stat{background:var(--ld-bg);border-radius:10px;padding:14px 16px;}
.ld-ms-label{display:block;font-size:0.68rem;text-transform:uppercase;letter-spacing:0.6px;color:var(--ld-tl);font-weight:600;margin-bottom:4px;}
.ld-ms-val{display:block;font-size:1rem;font-weight:700;color:var(--ld-pd);}
.ld-modal-actions{display:flex;gap:10px;}
.ld-modal-btn-outline{flex:1;display:flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:8px;font-size:0.88rem;font-weight:600;background:transparent;border:1.5px solid var(--ld-bd);color:var(--ld-t);cursor:pointer;transition:all 0.2s;font-family:'Plus Jakarta Sans',sans-serif;}
.ld-modal-btn-outline:hover{border-color:var(--ld-p);color:var(--ld-p);}

/* Responsive */
@media(max-width:900px){.ld-page-hdr{flex-direction:column;}.ld-card-meta{display:none;}}
@media(max-width:768px){
  .ld-rec-wrap{padding:0 16px;}
  .ld-cards{padding:0 16px 24px;}
  .ld-table{margin:0 16px 24px!important;}
  .ld-stats-bar{gap:16px;padding:14px 18px;}
  .ld-stat-div{display:none;}
  .ld-card-end{padding:10px 12px;}
  .ld-modal-grid{grid-template-columns:1fr;}
}

/* DATA TABLE — Azure version */
.ld-table-wrap{margin:0 40px 32px;border-radius:var(--ld-r);background:var(--ld-bgc);box-shadow:var(--ld-shl);overflow:hidden;}
.ld-table-wrap.ld-hidden{display:none!important;}
.ld-data-table{width:100%;border-collapse:collapse;}
.ld-data-table thead{background:var(--ld-bgd);}
.ld-data-table th{padding:16px 20px;font-size:.7rem;text-transform:uppercase;letter-spacing:1.2px;font-weight:700;text-align:left;white-space:nowrap;color:rgba(245,241,235,.7);font-family:'Plus Jakarta Sans',sans-serif;}
.ld-data-table td{padding:14px 20px;font-size:.86rem;color:var(--ld-t);border-bottom:1px solid rgba(224,219,210,.5);vertical-align:middle;line-height:1.45;}
.ld-data-table tbody tr:last-child td{border-bottom:none;}
.ld-data-table tbody tr{transition:all .15s;cursor:pointer;}
.ld-data-table tbody tr:hover td{background:rgba(26,92,46,.03);}

/* SEARCH BAR */
.ld-search-bar{display:flex;gap:10px;margin-bottom:20px;padding:0 40px;flex-wrap:wrap;}
.ld-search-input-wrap{flex:1;min-width:240px;position:relative;display:flex;align-items:center;}
.ld-search-input-wrap svg{position:absolute;left:14px;color:var(--ld-tl);pointer-events:none;}
.ld-search-input-wrap input{width:100%;padding:12px 14px 12px 42px;border:1.5px solid var(--ld-bd);border-radius:10px;font-size:.9rem;font-family:'Plus Jakarta Sans',sans-serif;background:var(--ld-bgc);color:var(--ld-t);transition:border-color .2s,box-shadow .2s;}
.ld-search-input-wrap input:focus{outline:none;border-color:var(--ld-p);box-shadow:0 0 0 3px rgba(26,92,46,.1);}
.ld-search-select{padding:12px 14px;border:1.5px solid var(--ld-bd);border-radius:10px;font-size:.86rem;font-family:'Plus Jakarta Sans',sans-serif;background:var(--ld-bgc);color:var(--ld-t);cursor:pointer;min-width:140px;}
.ld-search-select:focus{outline:none;border-color:var(--ld-p);}
@media(max-width:768px){.ld-search-bar{padding:0 16px;}.ld-search-select{min-width:100%;}}