/* ========== TENANT LOOKUP (ข้อมูลผู้เช่า) ========== */
.tenant-btn{
  flex:1 1 100%; display:flex; align-items:center; justify-content:center; gap:8px;
  background:#fff; color:var(--primary-800);
  border:2px solid var(--primary-600);
  padding:14px 20px; border-radius:var(--radius-md);
  font-family:'Noto Sans Thai',sans-serif; font-weight:800; font-size:14.5px; cursor:pointer;
  transition:all .22s var(--ease);
  box-shadow:var(--shadow-xs);
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  min-height:48px;
}

.tenant-btn:hover{
  background:rgba(34,181,97,0.08);
  transform:translateY(-1px);
  box-shadow:var(--shadow-sm);
}

.tenant-btn.active{
  background:linear-gradient(135deg, var(--primary-700) 0%, var(--primary-800) 100%);
  border-color:var(--primary-800);
  color:#fff;
}

.tenant-section{ display:none; margin-top:22px; scroll-margin-top:110px; }
.tenant-section.show{ display:block; animation:tenantFadeIn .3s var(--ease); }

@keyframes tenantFadeIn{
  from{ opacity:0; transform:translateY(8px); }
  to{ opacity:1; transform:translateY(0); }
}

.tenant-header{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  margin-bottom:12px;
}

.tenant-header h3{ margin:0; font-size:16px; font-weight:800; color:var(--ink-900); }

.tenant-code{
  font-size:12px; font-weight:700; color:var(--primary-800);
  background:rgba(34,181,97,0.12); padding:4px 10px; border-radius:999px;
}

.tenant-summary{
  display:grid; grid-template-columns:1fr 2fr; gap:10px; margin-bottom:14px;
}

.tenant-summary > div{
  background:linear-gradient(160deg, var(--primary-800), var(--primary-700));
  color:#fff; border-radius:var(--radius-sm); padding:12px 14px;
  display:flex; flex-direction:column; gap:2px;
  box-shadow:0 6px 16px rgba(40,112,47,0.22);
}

.tenant-summary b{ font-size:20px; font-weight:800; line-height:1.2; }
.tenant-summary span{ font-size:11.5px; opacity:.85; font-weight:600; }

.tenant-list{ display:flex; flex-direction:column; gap:12px; }

.tenant-card{
  background:var(--glass-bg);
  backdrop-filter:var(--blur-sm);
  -webkit-backdrop-filter:var(--blur-sm);
  border:1px solid var(--line-soft);
  border-left:4px solid var(--primary-600);
  border-radius:var(--radius-sm);
  padding:14px 16px;
  box-shadow:var(--shadow-xs);
}

.tenant-card-head{
  display:flex; align-items:flex-start; justify-content:space-between; gap:10px;
}

.tenant-card-title{ min-width:0; }
.tenant-property{ font-size:15px; font-weight:800; color:var(--ink-900); line-height:1.4; word-break:break-word; }
.tenant-type{ font-size:12px; color:var(--ink-500); font-weight:600; margin-top:2px; }

.tenant-status{
  flex:none; font-size:11.5px; font-weight:800; padding:4px 10px; border-radius:999px;
  white-space:nowrap;
}
.tenant-status.active{ background:rgba(34,181,97,0.14); color:var(--primary-800); }
.tenant-status.soon{ background:rgba(245,158,11,0.16); color:#B45309; }
.tenant-status.expired{ background:rgba(220,38,38,0.12); color:var(--red-700); }
.tenant-status.unknown{ background:var(--neutral-100); color:var(--ink-500); }

.tenant-customer, .tenant-period{
  display:flex; align-items:center; gap:6px;
  font-size:13px; color:var(--ink-700); font-weight:600; margin-top:10px;
}
.tenant-customer svg, .tenant-period svg{ flex:none; color:var(--primary-700); }

.tenant-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:12px;
}

.tenant-grid > div{
  background:rgba(255,255,255,0.7); border:1px dashed var(--line);
  border-radius:var(--radius-xs); padding:8px 10px;
  display:flex; flex-direction:column; gap:2px; min-width:0;
}

.tenant-grid span{ font-size:11px; color:var(--ink-500); font-weight:600; }
.tenant-grid b{ font-size:14px; color:var(--ink-900); font-weight:800; word-break:break-word; }

.tenant-remark{
  margin-top:10px; font-size:12.5px; color:var(--ink-600); line-height:1.6;
  background:rgba(245,158,11,0.08); border-radius:var(--radius-xs); padding:8px 10px;
}

.tenant-loading{
  display:flex; align-items:center; justify-content:center; gap:10px;
  padding:28px 0; color:var(--ink-500); font-size:14px; font-weight:600;
}

.tenant-spinner{
  width:18px; height:18px; border-radius:50%;
  border:2.5px solid var(--line); border-top-color:var(--primary-600);
  animation:tenantSpin .8s linear infinite;
}

@keyframes tenantSpin{ to{ transform:rotate(360deg); } }

.tenant-empty{
  display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center;
  padding:26px 16px; color:var(--ink-500); font-size:14px; font-weight:600;
  border:2px dashed var(--line); border-radius:var(--radius-md);
}
.tenant-empty.error{ color:var(--red-700); border-color:rgba(220,38,38,0.35); }