.matto-soci { --matto-accent: #174c49; margin: 1.5rem 0; color: inherit; }
.matto-soci [hidden] { display: none !important; }
.matto-soci .matto-controls { display: flex; flex-wrap: wrap; gap: 1rem; padding: 1rem; background: #f2f7f6; border-radius: .5rem; color: #173633; }
.matto-soci label { display: grid; gap: .35rem; font-size: .9rem; }
.matto-soci input, .matto-soci select { font: inherit; padding: .6rem; border: 1px solid #8baba5; border-radius: .3rem; background: white; color: #173633; }
.matto-soci .matto-table-wrap { overflow-x: auto; }
.matto-soci table { width: 100%; border-collapse: collapse; }
.matto-soci caption { text-align: left; padding: .6rem 0; }
.matto-soci th { background: var(--matto-accent); color: white; }
.matto-soci th, .matto-soci td { padding: .8rem; text-align: left; border-bottom: 1px solid #ccdcd8; }
.matto-soci tbody tr:nth-child(even) { background: #f2f7f6; color: #173633; }
.matto-soci :focus-visible { outline: 3px solid #c77610; outline-offset: 2px; }