/* Encounter cards shared by the public web, the member portal and the staff panel.
   Defaults follow the site palette; the panel maps them to its own theme tokens. */
.cs-ecards{--ec-bg:#191717;--ec-line:#49403E;--ec-ink:#F4EEE5;--ec-muted:#C9C2BA;--ec-accent:#D9B98D;--ec-radius:6px;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:24px;width:100%}
.cs-ecard{display:flex;flex-direction:column;min-width:0;background:var(--ec-bg);border:1px solid var(--ec-line);border-radius:var(--ec-radius);overflow:hidden;color:var(--ec-ink);transition:border-color .2s}
.cs-ecard:hover{border-color:var(--ec-accent)}
.cs-ecard.is-muted{opacity:.7}
.cs-ecard-cover{display:block;text-decoration:none}
.cs-ecard-media{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,#321B23,#191717);overflow:hidden}
.cs-ecard-img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.cs-ecard:hover .cs-ecard-img{transform:scale(1.03)}
.cs-ecard-date{position:absolute;left:14px;top:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:52px;padding:6px 8px;background:rgb(17 17 17 / 82%);border:1px solid var(--ec-accent);border-radius:4px;color:var(--ec-ink);line-height:1.05;backdrop-filter:blur(4px)}
.cs-ecard-date strong{font-size:22px;font-weight:500}
.cs-ecard-date span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ec-accent)}
.cs-ecard-body{display:flex;flex-direction:column;gap:8px;flex:1;padding:18px 20px 20px}
.cs-ecard-when{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ec-accent)}
.cs-ecard-title{margin:0;font-size:22px;line-height:1.2;font-weight:400}
.cs-ecard-title a{color:inherit;text-decoration:none}
.cs-ecard-title a:hover{text-decoration:underline;text-underline-offset:3px}
.cs-ecard-desc{margin:0;font-size:14px;line-height:1.6;color:var(--ec-muted)}
.cs-ecard-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:10px}
.cs-ecard-badge{display:inline-flex;padding:2px 9px;border-radius:4px;font-size:12px;line-height:1.6;background:#34312d;color:var(--ec-ink)}
.cs-ecard-badge--green{background:#23402f}.cs-ecard-badge--yellow{background:#56462a}.cs-ecard-badge--blue{background:#1c3b4f}.cs-ecard-badge--red{background:#55302c}.cs-ecard-badge--purple{background:#3b2c4b}
.cs-ecard-badge--plain{background:transparent;border:1px solid var(--ec-line);color:var(--ec-muted)}
.cs-ecard-action{font-size:13px;color:var(--ec-accent)!important;text-decoration:none;white-space:nowrap}
.cs-ecard-action:hover{text-decoration:underline}
.cs-ecard :focus-visible{outline:1px solid var(--ec-accent);outline-offset:2px}
.cs-ecards-empty{color:var(--ec-muted,#C9C2BA);margin:0}
.cs-ecards-more{display:inline-block;margin-top:20px;color:#D9B98D;font-size:14px;text-decoration:none}
.cs-ecards-more:hover{text-decoration:underline}
/* Staff numbers below the description. */
.cs-ecard-stats{display:flex;flex-direction:column;gap:8px}
.cs-ecard-stats progress{width:100%;height:6px;appearance:none;border:0;border-radius:3px;background:var(--ec-line);overflow:hidden}
.cs-ecard-stats progress::-webkit-progress-bar{background:var(--ec-line)}
.cs-ecard-stats progress::-webkit-progress-value{background:var(--ec-accent)}
.cs-ecard-stats progress::-moz-progress-bar{background:var(--ec-accent)}
.cs-ecard-row{display:flex;justify-content:space-between;font-size:12px;color:var(--ec-muted)}
.cs-ecard-pills{display:flex;flex-wrap:wrap;gap:6px}
/* Panel (wp-admin only; the portal container also carries .cscrm): theme tokens and pills from admin.css. */
.wp-admin .cscrm .cs-ecards{--ec-bg:var(--cs-paper);--ec-line:var(--cs-line);--ec-ink:var(--cs-ink);--ec-muted:var(--cs-muted);--ec-accent:var(--cs-accent);gap:16px}
.wp-admin .cscrm .cs-ecard-badge{background:var(--pill-gray)}.wp-admin .cscrm .cs-ecard-badge--green{background:var(--pill-green)}.wp-admin .cscrm .cs-ecard-badge--yellow{background:var(--pill-yellow)}.wp-admin .cscrm .cs-ecard-badge--blue{background:var(--pill-blue)}.wp-admin .cscrm .cs-ecard-badge--red{background:var(--pill-red)}.wp-admin .cscrm .cs-ecard-badge--purple{background:var(--pill-purple)}
.wp-admin .cscrm .cs-ecard-title{font-size:17px;font-weight:500}
.wp-admin .cscrm .cs-ecard-date{background:rgb(0 0 0 / 70%);color:#fff;border-color:rgb(255 255 255 / 50%)}
.wp-admin .cscrm .cs-ecard-date span{color:#fff}