/* styles/utilities.css
   Small utility helper classes (spacing, display, helpers)
   Extracted from style.css
*/

.hidden{display:none !important}
.wc-hidden{display:none !important}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.mt-8{margin-top:8px}
.mt-6{margin-top:6px}
.mb-8{margin-bottom:8px}
.mr-12{margin-right:12px}
.p-8{padding:8px}
.p-12{padding:12px}
.br-8{border-radius:8px}
.br-12{border-radius:12px}
.d-flex{display:flex}
.flex-col{flex-direction:column}
.justify-end{justify-content:flex-end}
.items-center{align-items:center}
.gap-8{gap:8px}
.gap-10{gap:10px}
.gap-6{gap:6px}
.text-center{text-align:center}
.iframe-default{width:100%;height:70vh;border:0;border-radius:12px;display:block}
.actions.center{justify-content:center}
.align-start{align-items:flex-start}
.flex-1{flex:1}
.gap-16{gap:16px}
.fw-600{font-weight:600}
.w-100{width:100%}
.card-accent{border:1px solid #f3caca;background:#fff7f7;color:#7a2b2b}