:root[data-theme] body #app#app .records-table{display:block!important;grid-template-columns:none!important;gap:0!important;border:1px solid #e8e9f1;border-radius:16px;background:#fff;overflow:hidden;margin-block:16px;min-width:0;width:100%;box-sizing:border-box}
:root[data-theme] body #app#app .records-head,:root[data-theme] body #app#app .records-summary{display:grid!important;grid-template-columns:repeat(var(--record-columns),minmax(0,1fr)) var(--record-actions,140px);gap:12px;align-items:center;box-sizing:border-box;padding:14px 16px;min-width:0;width:100%}
:root[data-theme] body #app#app .records-head{background:#f8f9fe;color:#71727a;font-size:13px;font-weight:700;min-height:48px;border-bottom:1px solid #e8e9f1;border-inline-start:4px solid transparent}
:root[data-theme] body #app#app .record-tabular{display:block!important;grid-row:auto!important;grid-column:1/-1!important;width:100%!important;margin:0!important;padding:0!important;min-width:0;min-height:0!important;max-width:100%;border:0!important;border-bottom:1px solid #e8e9f1!important;border-inline-start:4px solid #c5c6cc!important;border-radius:0!important;box-shadow:none!important;background:#fff}
:root[data-theme] body #app#app .record-tabular>:not(.records-summary){display:none!important}
:root[data-theme] body #app#app .record-tabular[hidden]{display:none!important}
:root[data-theme] body #app#app .record-tabular[data-record-tone=positive]{border-inline-start-color:#298267!important}:root[data-theme] body #app#app .record-tabular[data-record-tone=warning]{border-inline-start-color:var(--people-pending)!important}:root[data-theme] body #app#app .record-tabular[data-record-tone=negative]{border-inline-start-color:#ed3241!important}
:root[data-theme] body #app#app .records-cell{min-width:0;overflow-wrap:anywhere;font-size:14px;line-height:1.8;align-self:center}
:root[data-theme] body #app#app .records-value{white-space:pre-wrap}
:root[data-theme] body #app#app .records-label{display:none;font-size:12px;color:#71727a;margin-bottom:6px}
:root[data-theme] body #app#app .records-actions :is(button,a){min-inline-size:0!important;width:100%;max-width:100%;min-height:44px;margin:0!important;padding:8px 10px;white-space:normal!important;writing-mode:horizontal-tb;overflow-wrap:normal}
:root[data-theme] body #app#app .records-actions>.record-details-button{display:flex!important;align-items:center;justify-content:center}
:root[data-theme] body #app#app .records-actions>:is(footer,.notification-actions){display:flex!important;gap:8px;flex-wrap:wrap;position:static!important;width:100%;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent}
:root[data-theme] body #app#app .records-actions>.garage-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
:root[data-theme] body #app#app .records-actions>.notification-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
:root[data-theme] body #app#app .records-table[data-records-mode=cards]{border:0;background:transparent;overflow:visible}
:root[data-theme] body #app#app [data-records-mode=cards]>.records-head{display:none!important}
:root[data-theme] body #app#app [data-records-mode=cards]>.record-tabular{border:1px solid #e8e9f1!important;border-inline-start-width:4px!important;border-radius:16px!important;margin-bottom:16px!important}
:root[data-theme] body #app#app [data-records-mode=cards] .records-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px}
:root[data-theme] body #app#app [data-records-mode=cards] .records-label{display:block}
:root[data-theme] body #app#app [data-records-mode=cards] .records-actions{grid-column:1/-1;width:100%;border-top:1px solid #e8e9f1;padding-top:16px}
:root[data-theme] body #app#app [data-records-mode=cards] .records-cell:first-child{grid-column:1/-1;font-weight:700}
@media(max-width:359px){:root[data-theme] body #app#app [data-records-mode=cards] .records-summary{grid-template-columns:minmax(0,1fr);padding:16px}}

/* Action cells share one centered control size; labels and icons retain breathing room. */
:root[data-theme] body #app#app .records-actions :is(button,a){display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center;gap:8px;padding:10px 14px!important;line-height:1.5}
:root[data-theme] body #app#app [data-records-mode=rows] .records-actions :is(button,a){height:44px;white-space:nowrap!important}
:root[data-theme] body #app#app .records-actions>.garage-actions{padding:0!important;border:0!important}
@media(max-width:400px){:root[data-theme] body #app#app .records-actions .garage-action{padding:10px 8px!important}}