:root{
  --bg:#070A12;
  --panel:rgba(255,255,255,.06);
  --panel2:rgba(255,255,255,.04);
  --border:rgba(255,255,255,.10);
  --text:rgba(255,255,255,.92);
  --muted:rgba(255,255,255,.70);
  --muted2:rgba(255,255,255,.56);

  --primary:#60a5fa;
  --primary2:#3b82f6;

  --good:#22c55e;
  --warn:#f59e0b;
  --bad:#fb7185;
  --info:#a78bfa;

  --r:18px;
  --shadow:0 18px 50px rgba(0,0,0,.35);
}

body{
  background: radial-gradient(1200px 600px at 20% 10%, rgba(96,165,250,.16), transparent 60%),
              radial-gradient(900px 500px at 90% 30%, rgba(167,139,250,.14), transparent 60%),
              radial-gradient(700px 500px at 45% 90%, rgba(34,197,94,.10), transparent 60%),
              var(--bg);
}

.li-wrap{
  max-width:1200px;
  margin:26px auto;
  padding:0 16px 60px 16px;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text);
}

.li-topbar{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:16px;
}

.li-title h1{
  margin:0;
  font-size:32px;
  letter-spacing:-.02em;
  line-height:1.1;
}

.li-sub{
  margin-top:8px;
  color:var(--muted);
  font-size:14px;
  line-height:1.55;
  max-width:780px;
}

.li-top-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.li-grid{
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  gap:14px;
}

.li-card{
  border:1px solid var(--border);
  background: linear-gradient(180deg, var(--panel), var(--panel2));
  border-radius: var(--r);
  padding:16px;
  box-shadow: var(--shadow);
  backdrop-filter: blur(10px);
}

.li-card h3{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 10px 0;
  font-size:13px;
  color:var(--muted);
  letter-spacing:.10em;
  text-transform:uppercase;
}

.li-wide{ grid-column: span 12; }

@media(min-width: 980px){
  .li-grid .li-card:not(.li-wide){ grid-column: span 6; }
  #li-fresh-card{ grid-column: span 4; }
  #li-score-card{ grid-column: span 4; }
  #li-env-card{ grid-column: span 4; }
  #li-pros-card{ grid-column: span 6; }
  #li-amenities-card{ grid-column: span 12; }
  #li-confidence-card{ grid-column: span 12; }
}

.li-btn{
  border:1px solid var(--border);
  background: rgba(255,255,255,.06);
  color:var(--text);
  border-radius: 14px;
  padding:10px 12px;
  font-weight:800;
  font-size:13px;
  cursor:pointer;
  text-decoration:none;
  transition: transform .06s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.li-btn:hover{
  background: rgba(255,255,255,.10);
  border-color: rgba(96,165,250,.55);
  box-shadow: 0 10px 26px rgba(0,0,0,.25);
}

.li-btn:active{ transform: translateY(1px); }

.li-btn-dark{
  background: linear-gradient(180deg, rgba(96,165,250,.98), rgba(59,130,246,.86));
  border-color: rgba(96,165,250,.9);
  color:#071022;
}

.li-btn-dark:hover{
  background: linear-gradient(180deg, rgba(96,165,250,1), rgba(59,130,246,.92));
}

.li-note{
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
}

.li-sv-img{
  width:100%;
  max-height: 460px;
  object-fit: cover;
  border-radius: calc(var(--r) - 6px);
  border:1px solid var(--border);
}

.li-kpi{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.li-kpi-val{
  font-size:44px;
  font-weight:950;
  letter-spacing:-.03em;
  line-height:1;
}

.li-kpi-sub{
  margin-top:6px;
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}

.li-badges{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}

.li-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid var(--border);
  background: rgba(255,255,255,.06);
  font-size:12px;
  font-weight:900;
  color:var(--text);
}

.li-dot{
  width:8px;height:8px;border-radius:999px;
  background: var(--primary);
  box-shadow: 0 0 0 3px rgba(96,165,250,.16);
}
.li-dot.good{ background: var(--good); box-shadow:0 0 0 3px rgba(34,197,94,.18); }
.li-dot.warn{ background: var(--warn); box-shadow:0 0 0 3px rgba(245,158,11,.18); }
.li-dot.bad{ background: var(--bad); box-shadow:0 0 0 3px rgba(251,113,133,.18); }
.li-dot.info{ background: var(--info); box-shadow:0 0 0 3px rgba(167,139,250,.18); }

.li-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid var(--border);
  background: rgba(255,255,255,.04);
  font-size:12px;
  font-weight:900;
  color:var(--text);
}

.li-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.li-item{
  border:1px solid var(--border);
  background: rgba(255,255,255,.04);
  border-radius: 16px;
  padding:12px 12px;
}

.li-item strong{ color:var(--text); font-weight:950; }
.li-item .li-note{ margin-top:6px; color:var(--muted2); }

.li-input{
  width:100%;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius: 14px;
  background: rgba(255,255,255,.04);
  color: var(--text);
  outline: none;
  margin: 8px 0;
}
.li-input:focus{
  border-color: rgba(96,165,250,.8);
  box-shadow: 0 0 0 4px rgba(96,165,250,.14);
}

.li-table{
  width:100%;
  border-collapse: collapse;
  margin-top: 10px;
}
.li-table th,.li-table td{
  border-bottom:1px solid var(--border);
  padding:10px 10px;
  text-align:left;
  font-size:13px;
  color: var(--text);
}
.li-table th{
  color: var(--muted2);
  font-size:12px;
  text-transform: uppercase;
  letter-spacing:.10em;
  font-weight:900;
}

.li-footer-note{
  margin-top:14px;
  color:var(--muted2);
  font-size:13px;
}

/* Numbered sections */
.li-section-title{
  display:flex;
  align-items:center;
  gap:10px;
}
.li-num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;height:26px;
  border-radius:10px;
  font-weight:950;
  color:#071022;
  background: linear-gradient(180deg, rgba(96,165,250,1), rgba(59,130,246,.86));
  box-shadow: 0 8px 24px rgba(59,130,246,.25);
}

/* Confidence badges */
.li-badge-good{ border-color: rgba(34,197,94,.45); background: rgba(34,197,94,.12); }
.li-badge-warn{ border-color: rgba(245,158,11,.55); background: rgba(245,158,11,.12); }
.li-badge-proxy{ border-color: rgba(96,165,250,.55); background: rgba(96,165,250,.12); }
.li-badge-na{ border-color: rgba(255,255,255,.12); background: rgba(255,255,255,.06); }

.li-ic{
  display:inline-flex;
  width:18px;height:18px;
  align-items:center;justify-content:center;
  border-radius:6px;
  font-weight:950;font-size:12px;
  color:#0b1220;
}
.li-ic-check{ background: rgba(34,197,94,1); }
.li-ic-est{ background: rgba(245,158,11,1); }
.li-ic-proxy{ background: rgba(96,165,250,1); }
.li-ic-na{ background: rgba(255,255,255,.55); }

.li-print-note{
  color: var(--muted2);
  font-size:12px;
}

/* Make amenities blocks look modern even with server HTML */
.li-amenity-block{
  border:1px solid var(--border);
  border-radius: 16px;
  padding: 12px 12px;
  background: rgba(255,255,255,.03);
  margin: 10px 0;
}
.li-amenity-title{
  font-weight:950;
  margin-bottom:8px;
  color: var(--text);
}
.li-amenity-list{
  margin:0;
  padding-left:18px;
}
.li-amenity-list li{
  margin: 8px 0;
}


/* Force Lane Intelligence styles even if theme overrides tables */
.li-wrap, .li-wrap * { box-sizing: border-box; }
.li-wrap .li-table { width:100% !important; border-collapse: collapse !important; }
.li-wrap .li-table th, .li-wrap .li-table td {
  border-bottom:1px solid var(--border) !important;
  padding:10px 10px !important;
  background: transparent !important;
}
.li-wrap .li-table thead th { color: var(--muted2) !important; font-weight:900 !important; }
.li-wrap .li-badge, .li-wrap .li-pill{
  display:inline-flex !important;
  border-radius:999px !important;
}