/* Café owner toolkit: extra components for the owner guides (loaded only on those pages) */
.csf-tbl-wrap{margin-top:1rem;overflow-x:auto}
.csf-tbl{width:100%;border-collapse:collapse;background:#fff;border:1.5px solid #cfe8e1;border-radius:1rem;overflow:hidden}
.csf-tbl th{background:#0B5A7A;color:#fff;text-align:left;padding:.7rem .9rem;font-size:.9rem}
.csf-tbl td{padding:.7rem .9rem;border-top:1px solid #e2f1ed;vertical-align:top;color:#17352f;font-weight:600;line-height:1.5}
.csf-tbl tr:nth-child(even) td{background:#f7fcfa}
@media(max-width:640px){.csf-tbl thead{position:absolute;left:-9999px}.csf-tbl,.csf-tbl tbody,.csf-tbl tr,.csf-tbl td{display:block;width:100%}.csf-tbl tr{border-top:1px solid #cfe8e1;padding:.4rem 0}.csf-tbl td{border:0;padding:.35rem .9rem}.csf-tbl td::before{content:attr(data-label);display:block;font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#52615d}}
.csf-sign-group{margin-top:1.4rem}.csf-sign-group h3{margin:0 0 .3rem;color:#073f35;font-size:1.15rem}
.csf-sign-note{margin:.2rem 0 .5rem;color:#52615d;font-weight:600;font-size:.9rem}
.csf-signs{list-style:none;margin:.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.7rem}
.csf-sign{border:2px solid #073f35;border-radius:.8rem;background:#fff;padding:.8rem 1rem;font-weight:800;color:#073f35;line-height:1.45}
.csf-reply{border-left:4px solid #A8481F;background:#FFF3E8;padding:.8rem 1rem;border-radius:.6rem;font-weight:600;color:#2b2b2b;line-height:1.55;margin:.4rem 0}
.csf-qw{counter-reset:qw;list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.7rem}
.csf-qw li{counter-increment:qw;display:flex;gap:.8rem;align-items:flex-start;border:1.5px solid #cfe8e1;border-radius:1rem;background:#fff;padding:.8rem 1rem;font-weight:600;color:#17352f;line-height:1.5}
.csf-qw li::before{content:counter(qw);flex:0 0 2rem;height:2rem;border-radius:50%;background:#A8481F;color:#fff;font-weight:900;display:grid;place-items:center}
.csf-next{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.csf-note{font-size:.85rem;color:#52615d;font-weight:600;margin-top:1rem}
@media print{.csf-next{display:none}}
