/* Scoped styling: all selectors start with .tfcc, CMS header/footer untouched. */
.tfcc{font:inherit;color:inherit;max-width:100%;--tfcc-line:#d4dae3;--tfcc-primary:#2563eb}
.tfcc,.tfcc *{box-sizing:border-box}
.tfcc .tfcc-panel{padding:16px;border:1px solid var(--tfcc-line);border-radius:10px}
.tfcc .tfcc-label{display:block;font-weight:650;margin-bottom:6px}
.tfcc .tfcc-note{opacity:.75;margin:0 0 12px}
.tfcc textarea{width:100%;min-height:180px;display:block;resize:vertical;border:1px solid #aab4c1;border-radius:7px;padding:12px;font:inherit;line-height:1.55;background:transparent;color:inherit}
.tfcc .tfcc-counts{display:flex;gap:8px 20px;flex-wrap:wrap;padding:10px 0;font-size:.92em}
.tfcc .tfcc-heading{font-size:1.05em;font-weight:650;margin:18px 0 10px}
.tfcc .tfcc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.tfcc button{font:inherit;cursor:pointer;min-height:42px;padding:9px 11px;border:1px solid #c7cfda;border-radius:7px;background:#f4f6fa;color:#172337}
.tfcc button:hover{background:#e4ebf5}
.tfcc button:focus-visible,.tfcc textarea:focus-visible{outline:3px solid var(--tfcc-primary);outline-offset:2px}
.tfcc .tfcc-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.tfcc .tfcc-actions button{flex:1 1 110px}
.tfcc .tfcc-status{min-height:1.5em;margin:10px 0 0}
@media(max-width:480px){.tfcc .tfcc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tfcc .tfcc-panel{padding:10px}.tfcc button{padding:8px 5px}}