.matrix-input{border:1px solid var(--border);background:var(--background);width:100%;min-width:0;color:var(--foreground);font:inherit;border-radius:.75rem;margin-top:.4rem;padding:.7rem .85rem;display:block}.matrix-label{flex-direction:column;gap:.3rem;min-width:0;display:flex}.matrix-input:focus-visible,.matrix-button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.matrix-button{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--foreground);cursor:pointer;border-radius:999px;padding:.6rem 1rem}.matrix-button:hover{border-color:var(--gold)}.matrix-button:disabled{opacity:.5;cursor:default}.matrix-table{border-collapse:separate;border-spacing:0 .8rem;table-layout:fixed}.matrix-table th{padding:.5rem}.matrix-table td{vertical-align:top;border-block:1px solid var(--border);background:var(--surface);overflow-wrap:anywhere;padding:.7rem}.matrix-table th:nth-child(5){width:28%}.matrix-mobile-label{display:none}@media (width<=1100px){.matrix-table,.matrix-table tbody,.matrix-table tr,.matrix-table td{width:100%;display:block}.matrix-table thead{display:none}.matrix-table tr{border:1px solid var(--border);background:var(--surface);border-radius:1rem;margin-block:1rem;padding:.5rem}.matrix-table td{border:0;padding:.5rem}.matrix-mobile-label{font-weight:600;display:inline}}
