/* Companai 3 card surfaces: the existing card-like classes share one look (ring instead of border, lift on hover). */
.card,.card2,.cardx,.loadcard,.lcard,.sumbar,.srccard,.chrow{background:var(--surface);border:0;border-radius:var(--r-lg);box-shadow:var(--sh);transition:box-shadow var(--t) var(--ease),transform var(--t) var(--ease)}
.card2:hover,.lcard:hover,.srccard:hover{box-shadow:var(--sh-hover)}
.modal .box,.pal{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:0;border-radius:var(--r-xl);box-shadow:var(--sh-pop)}
.panel{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--sh-pop)}
.panel .ph{border-bottom:0;box-shadow:0 1px 0 var(--edge)}