/* CRM Cita Frozen -- hanya berlaku di dalam #crm / #crmDetail. */
#crm .crm-alat{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:12px}
#crm .crm-alat label,#crmDetail label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--redup)}
#crm .crm-ringkas{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0;font-size:13px;color:var(--redup)}
#crm .crm-ringkas b{color:var(--teks)}
#crm .crm-aksi-massal{display:flex;gap:8px;align-items:center;padding:8px 12px;background:var(--biru-lembut);border-radius:var(--radius);margin-bottom:8px}
#crm .crm-tabel{width:100%;border-collapse:collapse;background:var(--panel)}
#crm .crm-tabel th{text-align:left;font-size:12px;color:var(--redup);padding:8px;border-bottom:1px solid var(--line)}
#crm .crm-tabel td{padding:8px;border-bottom:1px solid var(--line);vertical-align:top;font-size:13px}
#crm .crm-redup,#crmDetail .crm-redup{color:var(--redup);font-size:12px}
#crm .crm-telat,#crmDetail .crm-telat{color:var(--merah);font-weight:600}
#crm .crm-hari,#crmDetail .crm-hari{color:var(--kuning);font-weight:600}
.crm-pil{display:inline-block;padding:1px 8px;border-radius:99px;font-size:11px;background:var(--biru-lembut);color:var(--biru)}
.crm-pil.crm-berminat{background:#dcfce7;color:#166534}
.crm-pil.crm-tidak_cocok,.crm-pil.crm-jangan_hubungi{background:#fee2e2;color:#991b1b}
#crm .crm-hal{display:flex;gap:12px;align-items:center;justify-content:center;margin:12px 0}
#crm .crm-h{margin:18px 0 8px}
#crm .crm-kartu{display:flex;gap:12px;justify-content:space-between;padding:12px;margin-bottom:8px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}
#crm .crm-kanan{text-align:right;white-space:nowrap}
#crm .crm-kb label{margin-top:8px}
#crm .crm-kb textarea{width:100%}

.crm-detail{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.35);display:flex;justify-content:flex-end}
.crm-detail[hidden]{display:none}
#crmDetail .crm-panel{width:min(760px,100%);height:100%;overflow:auto;background:var(--bg);padding:16px;box-shadow:var(--bayang)}
#crmDetail .crm-kepala{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
#crmDetail h2{margin:0 0 4px}
#crmDetail section{margin:18px 0;padding-top:12px;border-top:1px solid var(--line)}
#crmDetail h3{margin:0 0 8px;font-size:14px}
#crmDetail .crm-dl{display:grid;grid-template-columns:150px 1fr;gap:4px 12px;font-size:13px;margin:0 0 10px}
#crmDetail .crm-dl dt{color:var(--redup)}
#crmDetail .crm-dl dd{margin:0;overflow-wrap:anywhere}
#crmDetail .crm-baris,#crmDetail .crm-form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:8px 0}
#crmDetail .crm-pesan{margin-bottom:10px}
#crmDetail textarea{width:100%}
#crmDetail .crm-riwayat{list-style:none;padding:0;margin:12px 0 0;font-size:13px}
#crmDetail .crm-riwayat li{padding:8px 0;border-bottom:1px solid var(--line)}

@media (max-width:700px){
  #crm .crm-tabel thead{display:none}
  #crm .crm-tabel,#crm .crm-tabel tbody,#crm .crm-tabel tr,#crm .crm-tabel td{display:block;width:100%}
  #crm .crm-tabel tr{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:8px;padding:6px}
  #crm .crm-tabel td{border:0;padding:3px 6px}
  #crm .crm-tabel td[data-l]::before{content:attr(data-l) ": ";color:var(--redup);font-size:11px}
  #crm .crm-tabel td button{width:100%;min-height:44px}
  #crmDetail .crm-dl{grid-template-columns:1fr}
  #crmDetail .crm-panel{padding:12px}
  #crmDetail button,#crmDetail select,#crmDetail input{min-height:40px}
}