/* AI วิเคราะห์ทำเล — Dashboard (อ่านง่าย ตัวใหญ่) */
.pd-aidash{
  border-radius:0;
  background:#f4f7f9;
  border:none;
  padding:0 0 6px;
  overflow:hidden;
  font-family:inherit;
  font-size:16px;
  -webkit-text-size-adjust:100%;
  color:#1e293b;
}
.pd-aidash-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.pd-aidash-head-left{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-width:0;
}
.pd-aidash-robot{
  font-size:28px;
  line-height:1;
  flex-shrink:0;
}
.pd-aidash-title{
  margin:0;
  font-size:20px;
  font-weight:900;
  color:#1e3a5f;
  line-height:1.25;
}
.pd-aidash-sub{
  margin:5px 0 0;
  font-size:15px;
  font-weight:700;
  color:#475569;
}
.pd-aidash-time{
  display:flex;
  align-items:center;
  gap:5px;
  font-size:14px;
  font-weight:700;
  color:#64748b;
  white-space:nowrap;
  flex-shrink:0;
}
.pd-aidash-time-ico{
  display:inline-flex;
  width:22px;
  height:22px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#eff6ff;
  color:#3b82f6;
  font-size:13px;
  line-height:1;
}

/* Hero */
.pd-aidash-hero{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin-bottom:16px;
}
.pd-aidash-score{
  border-radius:18px;
  padding:18px 20px;
  background:linear-gradient(145deg,#2d5bff 0%,#2563eb 50%,#1d4ed8 100%);
  color:#fff;
  box-shadow:0 10px 24px rgba(45,91,255,.32);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.pd-aidash-score-k{
  font-size:15px;
  font-weight:800;
  opacity:.95;
  margin-bottom:8px;
}
.pd-aidash-score-num{
  font-size:52px;
  font-weight:900;
  line-height:1;
  letter-spacing:-.03em;
}
.pd-aidash-score-num span{
  font-size:24px;
  font-weight:800;
  opacity:.9;
}
.pd-aidash-stars{
  margin:10px 0 6px;
  font-size:20px;
  letter-spacing:3px;
  color:#fde047;
  text-shadow:0 1px 2px rgba(0,0,0,.15);
}
.pd-aidash-score-label{
  font-size:17px;
  font-weight:800;
  display:flex;
  align-items:center;
  gap:6px;
}
.pd-aidash-up{ font-size:18px; }

.pd-aidash-minis{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.pd-aidash-mini{
  background:#fff;
  border-radius:16px;
  padding:14px 16px;
  border:1px solid #e8edf3;
  box-shadow:0 2px 8px rgba(15,23,42,.04);
}
.pd-aidash-mini-row{
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.pd-aidash-mini-ico{
  width:38px;
  height:38px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  flex-shrink:0;
}
.pd-aidash-mini-ico--green{ background:#ecfdf5; }
.pd-aidash-mini-ico--orange{ background:#fff7ed; }
.pd-aidash-mini-ico--purple{ background:#f5f3ff; }
.pd-aidash-mini-k{
  font-size:14px;
  font-weight:800;
  color:#64748b;
  margin-bottom:3px;
}
.pd-aidash-mini-v{
  font-size:16px;
  font-weight:900;
  color:#0f172a;
  line-height:1.45;
}
.pd-aidash-mini-v--green{ color:#15803d; }
.pd-aidash-mini-pill{
  display:inline-block;
  margin-top:8px;
  padding:4px 11px;
  border-radius:999px;
  font-size:13px;
  font-weight:900;
}
.pd-aidash-mini-pill--mid{
  background:#dcfce7;
  color:#15803d;
}
.pd-aidash-mini-pill--high{
  background:#dbeafe;
  color:#1d4ed8;
}
.pd-aidash-mini-pill--low{
  background:#f1f5f9;
  color:#64748b;
}
.pd-aidash-mini-pill--pot{
  background:#eff6ff;
  color:#2563eb;
}

/* เหมาะทำอะไร */
.pd-aidash-sec-head{
  margin-bottom:12px;
}
.pd-aidash-sec-title{
  font-size:18px;
  font-weight:900;
  color:#1e293b;
}
.pd-aidash-carousel{
  display:flex;
  gap:12px;
  overflow-x:auto;
  padding-bottom:8px;
  margin-bottom:16px;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
}
.pd-aidash-carousel::-webkit-scrollbar{ height:5px; }
.pd-aidash-carousel::-webkit-scrollbar-thumb{ background:#cbd5e1; border-radius:999px; }
.pd-aidash-use-card{
  position:relative;
  flex:0 0 148px;
  scroll-snap-align:start;
  background:#fff;
  border-radius:16px;
  border:1px solid #e8edf3;
  padding:12px 12px 14px;
  text-align:center;
  box-shadow:0 2px 8px rgba(15,23,42,.04);
}
.pd-aidash-use-badge{
  position:absolute;
  top:10px;
  left:10px;
  padding:3px 9px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  background:#22c55e;
  color:#fff;
  z-index:1;
}
.pd-aidash-use-art{
  width:100%;
  height:60px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:32px;
  margin-bottom:10px;
}
.pd-aidash-use-art--farm{ background:linear-gradient(180deg,#ecfdf5,#d1fae5); }
.pd-aidash-use-art--store{ background:linear-gradient(180deg,#eff6ff,#dbeafe); }
.pd-aidash-use-art--laundry{ background:linear-gradient(180deg,#f5f3ff,#ede9fe); }
.pd-aidash-use-art--cafe{ background:linear-gradient(180deg,#fff7ed,#ffedd5); }
.pd-aidash-use-art--agri{ background:linear-gradient(180deg,#fef9c3,#fef08a); }
.pd-aidash-use-art--default{ background:linear-gradient(180deg,#f1f5f9,#e2e8f0); }
.pd-aidash-use-name{
  font-size:14px;
  font-weight:800;
  color:#1e293b;
  line-height:1.45;
  min-height:42px;
  margin-bottom:8px;
}
.pd-aidash-use-pct{
  font-size:26px;
  font-weight:900;
  color:#0f172a;
  margin-bottom:8px;
  letter-spacing:-.02em;
}
.pd-aidash-use-bar{
  height:8px;
  border-radius:999px;
  background:#eef1f4;
  overflow:hidden;
}
.pd-aidash-use-bar i{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#4ade80,#22c55e);
}
.pd-aidash-use-bar i.mid{ background:linear-gradient(90deg,#60a5fa,#3b82f6); }

/* Grid — 1 คอลัมน์ใน popup อ่านง่ายกว่า */
.pd-aidash-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin-bottom:14px;
}

.pd-aidash-panel{
  background:#fff;
  border-radius:16px;
  border:1px solid #e8edf3;
  overflow:hidden;
  box-shadow:0 2px 8px rgba(15,23,42,.04);
}
.pd-aidash-panel-h{
  padding:12px 14px;
  font-size:16px;
  font-weight:900;
  display:flex;
  align-items:center;
  gap:8px;
}
.pd-aidash-ph-ico{
  font-size:17px;
  line-height:1;
}
.pd-aidash-panel-h--blue{ background:#eff6ff; color:#1d4ed8; }
.pd-aidash-panel-h--orange{ background:#fff7ed; color:#c2410c; }
.pd-aidash-panel-h--green{ background:#ecfdf5; color:#15803d; }
.pd-aidash-panel-h--purple{ background:#f5f3ff; color:#6d28d9; }
.pd-aidash-panel-body{
  padding:12px 14px 14px;
  font-size:16px;
  font-weight:700;
  color:#334155;
  line-height:1.6;
}
.pd-aidash-icon-list{
  margin:0;
  padding:0;
  list-style:none;
}
.pd-aidash-icon-list li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-bottom:8px;
}
.pd-aidash-icon-list li:last-child{ margin-bottom:0; }
.pd-aidash-li-ico{
  flex-shrink:0;
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:#eff6ff;
  font-size:15px;
}
.pd-aidash-warn-list{
  margin:0 0 10px;
  padding:0 0 0 20px;
  font-size:16px;
}
.pd-aidash-warn-list li{
  margin-bottom:6px;
  color:#9a3412;
  line-height:1.55;
}
.pd-aidash-warn-list li::marker{ color:#f97316; }
.pd-aidash-road-art{
  display:block;
  width:100%;
  height:auto;
  border-radius:12px;
  margin-top:6px;
}
.pd-aidash-growth{
  font-size:16px;
  font-weight:900;
  color:#15803d;
  margin-bottom:6px;
}
.pd-aidash-future-txt{
  font-size:16px;
  line-height:1.6;
  margin-bottom:8px;
  color:#334155;
}
.pd-aidash-expand-txt{
  font-size:16px;
  line-height:1.6;
  color:#334155;
  white-space:pre-wrap;
  word-break:break-word;
}
.pd-aidash-expand-txt--clamp{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.pd-aidash-expand.is-open .pd-aidash-expand-txt--clamp{
  display:block;
  -webkit-line-clamp:unset;
  overflow:visible;
}
.pd-aidash-expand-btn{
  margin-top:8px;
  border:0;
  background:none;
  padding:0;
  font-size:15px;
  font-weight:900;
  color:#2563eb;
  cursor:pointer;
  text-decoration:underline;
  text-underline-offset:3px;
}
.pd-aidash-expand-btn:hover{
  color:#1d4ed8;
}
.pd-aidash-foot-text .pd-aidash-expand-txt{
  font-size:16px;
  font-weight:700;
  color:#1e293b;
}
.pd-aidash-trend-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
}
.pd-aidash-spark{
  flex:1;
  height:42px;
  max-width:100px;
}
.pd-aidash-trend-note{
  font-size:14px;
  font-weight:800;
  color:#16a34a;
  text-align:right;
  flex-shrink:0;
}
.pd-aidash-panel-body--buyers{
  display:flex;
  align-items:flex-start;
  gap:10px;
}
.pd-aidash-buyer-list{
  flex:1;
  margin:0;
  padding:0;
  list-style:none;
  font-size:16px;
}
.pd-aidash-buyer-list li{
  position:relative;
  padding-left:22px;
  margin-bottom:7px;
  line-height:1.55;
}
.pd-aidash-buyer-list li::before{
  content:"✓";
  position:absolute;
  left:0;
  color:#7c3aed;
  font-weight:900;
  font-size:16px;
}
.pd-aidash-buyers-art{
  flex-shrink:0;
  width:58px;
  height:58px;
}

/* สรุป */
.pd-aidash-foot{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 16px;
  border-radius:16px;
  background:linear-gradient(180deg,#ecfdf5,#f0fdf4);
  border:1px solid #bbf7d0;
  box-shadow:0 2px 8px rgba(34,197,94,.08);
}
.pd-aidash-foot-tag{
  font-size:18px;
  font-weight:900;
  color:#16a34a;
  flex-shrink:0;
}
.pd-aidash-foot-text{
  flex:1;
  font-size:16px;
  font-weight:700;
  color:#1e293b;
  line-height:1.55;
}
.pd-aidash-foot-text p{ margin:0; }
.pd-aidash-foot-share{
  flex-shrink:0;
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  border:1px solid #d1fae5;
  background:#fff;
  color:#64748b;
  cursor:pointer;
  padding:0;
}
.pd-aidash-foot-share svg{
  width:18px;
  height:18px;
}
.pd-aidash-foot-share:hover{
  background:#f8fafc;
  color:#334155;
}
