.responsive-table { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-sm); }
.responsive-table table { width: 100%; min-width: 850px; }
th { padding: 12px 14px; border-bottom: 1px solid var(--line); color: var(--muted); background: var(--surface-soft); text-align: left; font-size: .65rem; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
td { padding: 13px 14px; border-bottom: 1px solid var(--line); vertical-align: middle; font-size: .77rem; }
tr:last-child td { border-bottom: 0; }
td > small, td > strong { display: block; }
td > small { margin-top: 3px; font-size: .64rem; }
.link-button { padding: 0; border: 0; background: transparent; color: var(--ink); text-align: left; }
.entity-name { font-weight: 850; }
.mobile-card-list { display: grid; gap: 9px; }
.record-card { padding: 15px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-sm); }
.record-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }.record-head p{margin-top:3px;font-size:.68rem}.record-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:14px 0}.record-meta span{padding:8px;border-radius:8px;background:var(--surface-soft);color:var(--muted);font-size:.62rem}.record-meta strong{display:block;margin-top:2px;color:var(--ink);font-size:.7rem}.record-actions{display:flex;gap:7px}.record-actions .button{flex:1}
.pagination { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 16px; }.pagination span{font-size:.72rem;color:var(--muted)}