/* IPS Khidmat Blood Bank: layout only. Colours and type come from the widget's Style controls (kit globals). */
.khd-bd{display:flex;flex-direction:column;gap:14px}
.khd-bd-h,.khd-bd-lede,.khd-bd-note,.khd-bd-back{margin:0}
.khd-bd-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.khd-bd-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 20px;align-items:center;padding:18px 22px;border:1px solid;border-radius:12px}
.khd-bd-who{display:flex;flex-direction:column;gap:2px;min-width:0}
.khd-bd-name{font-weight:600}
.khd-bd-call{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border:1px solid;border-radius:8px;text-decoration:none;white-space:nowrap;transition:background-color .3s,color .3s,border-color .3s}
.khd-bd-ic{width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h4l2 5-2.5 1.5a11 11 0 0 0 5 5L16 12l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 4 5a2 2 0 0 1 2-2z' fill='none' stroke='black' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h4l2 5-2.5 1.5a11 11 0 0 0 5 5L16 12l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 4 5a2 2 0 0 1 2-2z' fill='none' stroke='black' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.khd-bd-sample{padding:6px 10px;border:1px dashed;border-radius:6px}
.khd-bd-back{margin-top:8px}
@media (max-width:767px){.khd-bd-row{grid-template-columns:1fr}.khd-bd-call{justify-self:start}}