.data-table{width:100%;min-width:0;color:var(--ink);margin-block:16px;container:data-table/inline-size}.data-table__toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.data-table__search{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;max-width:360px;min-height:44px;color:var(--muted);flex:220px;align-items:center;gap:10px;padding-inline:12px;display:flex}.data-table__search:focus-within{outline:2px solid var(--action);outline-offset:2px}.data-table .data-table__search input{width:100%;min-width:0;min-height:42px;color:var(--ink);font:inherit;box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;margin:0;padding:0;font-size:14px}.data-table__search input::placeholder{color:var(--muted);opacity:1}.data-table__search>svg{flex-shrink:0}.data-table :is(select,.button){min-height:44px;margin:0;font-size:13px}.data-table select{border:1px solid var(--line);border-radius:var(--radius);background-color:var(--surface);width:auto;max-width:100%;color:var(--ink);font-family:var(--font-body);padding:8px 30px 8px 12px}.data-table__filter{min-width:0;max-width:100%;margin:0}.data-table__mobile-sort{display:none}.data-table__scroll{overscroll-behavior-x:contain;border:1px solid var(--line);background:var(--surface);border-radius:12px;width:100%;position:relative;overflow-x:auto}.data-table__scroll:focus-visible{outline:2px solid var(--action);outline-offset:3px}.data-table table.data-table__grid{border-collapse:collapse;width:100%;margin:0;font-size:14px}.data-table .data-table__grid :is(th,td){text-align:left;vertical-align:middle;padding:16px 18px}.data-table .data-table__grid thead th{background:var(--surface-alt);color:var(--muted);white-space:nowrap;border-bottom:1px solid var(--line);padding-block:6px;font-size:12px;font-weight:500}.data-table__sort{width:100%;min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:4px 0;display:inline-flex}.data-table__sort svg{flex-shrink:0}.data-table__sort:hover,.data-table__grid [aria-sort=ascending],.data-table__grid [aria-sort=descending]{color:var(--action)}.data-table__sort:focus-visible{outline:2px solid var(--action);outline-offset:3px;border-radius:2px}.data-table .data-table__grid tbody :is(th,td){border-bottom:1px solid var(--line);color:var(--ink);background:0 0;padding:16px 18px;font-size:14px;font-weight:400;line-height:1.55}.data-table .data-table__grid tbody tr:last-child :is(th,td){border-bottom:0}.data-table__grid tbody tr:hover{background:var(--surface-alt)}.data-table__cell-label,.data-table__heading-label{display:none}.data-table__cell-value{overflow-wrap:anywhere;min-width:0}.data-table__cell-value>:first-child{margin-top:0}.data-table .data-table__grid :is(th,td)[data-column=actions]{text-align:right}.data-table__cell-value .row-link{font-size:14px}.data-table__cell-value .reference{margin-top:4px;font-size:11px}.data-table__cell-value :is(.date-cell,.channel-label){font-size:13px}.data-table__cell-value .status{font-size:12px}.data-table__cell-value :is(.button-group,.button-row){flex-wrap:wrap}.data-table__selection{margin-bottom:12px}.data-table__empty{text-align:center;color:var(--muted);padding:32px 20px}.data-table__empty p{margin:0 0 12px}.data-table__footer{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:14px 2px 0;font-size:12px;display:flex}.data-table__pagination{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.data-table__pagination label{font-size:inherit;margin:0}.data-table__pagination select{min-width:65px}.data-table__pagination nav{align-items:center;gap:10px;display:flex}.data-table__pagination .button{width:44px;padding:0}.data-table__pagination nav span{white-space:nowrap}@container data-table (width<=40rem){.data-table[data-layout=cards] thead .data-table__sort{display:none}.data-table[data-layout=cards] .data-table__heading-label{display:inline}.data-table[data-layout=cards] .data-table__grid tbody [data-card-span=full]{grid-column:1/-1}.data-table__search{flex-basis:100%;max-width:none}.data-table__filter{flex:140px}.data-table__filter select{width:100%}.data-table__toolbar{gap:10px}.data-table__mobile-sort{flex:100%;align-items:center;gap:8px;display:flex}.data-table__mobile-sort label{flex:1;min-width:0;margin:0}.data-table__mobile-sort select{width:100%}.data-table__mobile-sort .button{flex-shrink:0;width:44px;padding:0}.data-table[data-layout=cards] .data-table__scroll{background:0 0;border:0;border-radius:0;overflow:visible}.data-table[data-layout=cards] :is(.data-table__grid,.data-table__grid tbody){width:100%;display:block}.data-table[data-layout=cards] .data-table__grid thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.data-table[data-layout=cards] .data-table__grid tbody{gap:12px;display:grid}.data-table[data-layout=cards] .data-table__grid tbody tr{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;padding:18px;display:grid}.data-table[data-layout=cards] .data-table__grid tbody :is(th,td){white-space:normal;text-align:left;border:0;min-width:0;padding:0;font-size:14px}.data-table[data-layout=cards] .data-table__grid tbody :is(th,td):first-child{grid-column:1/-1}.data-table[data-layout=cards] .data-table__cell-label{color:var(--muted);margin-bottom:5px;font-size:12px;font-weight:400;display:block}.data-table[data-layout=cards] [data-column=actions]{grid-column:1/-1}.data-table[data-layout=cards] [data-column=actions] .data-table__cell-label{display:none}.data-table[data-layout=cards] [data-column=actions] .data-table__cell-value{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.data-table .reference{white-space:normal;max-width:100%}.data-table .row-link{max-width:none}.data-table :is(input[type=search],select){font-size:16px}.data-table__footer{gap:12px;padding-inline:0}.data-table__pagination{justify-content:space-between;width:100%}.data-table__pagination nav{margin-left:auto}}@container data-table (width<=23rem){.data-table__pagination>label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@container data-table (width<=18rem){.data-table[data-layout=cards] .data-table__grid tbody tr{gap:14px;padding:16px}.data-table[data-layout=cards] .data-table__grid tbody :is(th,td){grid-column:1/-1}}