.sys-grid-personal-columns{position:relative;margin-left:4px;color:inherit}
.sys-grid-personal-columns>summary{cursor:pointer;min-height:34px;box-sizing:border-box;padding:7px 10px;border:0;background:transparent;font-size:12px}
.sys-grid-personal-columns>summary:hover{background:color-mix(in srgb,currentColor 6%,transparent)}
.sys-grid-personal-panel{position:fixed;right:16px;top:16px;max-height:calc(100vh - 32px);overflow:auto;z-index:100;box-sizing:border-box;width:min(360px,calc(100vw - 40px));padding:14px;border:1px solid var(--adm-border,var(--sysdash-line-strong,#bac5cf));background:var(--adm-surface,var(--sysdash-surface,#fff));color:var(--adm-text,var(--sysdash-text,#263238));box-shadow:0 6px 18px #0002}
.sys-grid-personal-panel p{font-size:12px;margin:8px 0;line-height:1.5}
.sys-grid-personal-choices{min-width:0;border:0;padding:0;margin:10px 0;max-height:260px;overflow:auto}
.sys-grid-personal-choices legend{font-size:12px;font-weight:600;width:auto}
.sys-grid-personal-choices label{display:flex;align-items:center;gap:8px;min-height:34px;margin:0;font-size:12px;font-weight:400}
.sys-grid-personal-choices input[type=checkbox]{flex:0 0 auto;width:auto;min-width:0;margin:0}
.sys-grid-personal-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.sys-grid-personal-state{padding:0 12px;font-size:12px;color:var(--adm-text-soft,var(--sysdash-muted,#64748b));margin:0 0 8px}
.sys-grid-personal-state[hidden],.sys-grid-personal-essential [data-grid-column][hidden],.sys-grid-personal-essential .sys-grid-actions[hidden]{display:none!important}
.sys-grid-personal-essential .sys-grid-scroll[data-grid-layout=table] table{table-layout:auto!important;width:100%!important;min-width:0!important}
.sys-grid-personal-essential [data-grid-column]:not([hidden]){width:auto!important;min-width:0!important;max-width:none!important;white-space:normal!important;overflow-wrap:anywhere}
.sys-grid-personal-columns summary:focus-visible{outline:2px solid var(--adm-primary,var(--sysdash-accent,#3c8dbc));outline-offset:2px}
@media(max-width:600px){.sys-grid-personal-columns{margin-left:0}.sys-grid-personal-choices label{min-height:44px}.sys-grid-personal-essential .sys-grid-scroll[data-grid-layout=table] table{min-width:0!important}}

.sys-grid-personal-choices legend{color:inherit}
.sys-grid-personal-panel button{min-height:34px;padding:6px 10px;font-size:12px;color:inherit}

@media(max-width:600px){
 .sys-grid-personal-essential .sys-grid-scroll[data-grid-layout=table]{overflow:visible;max-height:none!important;height:auto!important}
 .sys-grid-personal-essential .sys-grid-scroll[data-grid-layout=table] table,
 .sys-grid-personal-essential .sys-grid-scroll[data-grid-layout=table] thead,
 .sys-grid-personal-essential .sys-grid-scroll[data-grid-layout=table] tbody{display:block;width:100%}
 .sys-grid-personal-essential .sys-grid-scroll[data-grid-layout=table] thead tr{display:flex;flex-wrap:wrap;gap:4px;padding:6px}
 .sys-grid-personal-essential .sys-grid-scroll[data-grid-layout=table] thead th{display:block;padding:0;flex:0 1 auto;border:0}
 .sys-grid-personal-essential .sys-grid-scroll[data-grid-layout=table] thead button{min-height:44px;white-space:normal}
 .sys-grid-personal-essential .sys-grid-scroll[data-grid-layout=table] tbody>tr{display:block;border-bottom:1px solid var(--adm-border,var(--line,#bac5cf));padding:10px 4px}
 .sys-grid-personal-essential .sys-grid-scroll[data-grid-layout=table] tbody>tr>td{display:block;position:static!important;width:auto!important;padding:5px 8px;border:0;white-space:normal;overflow-wrap:anywhere}
 .sys-grid-personal-essential .sys-grid-scroll[data-grid-layout=table] tbody>tr>td[data-grid-column]::before{content:attr(data-personal-label);display:block;font-size:11px;font-weight:600;margin-bottom:3px}
 .sys-grid-personal-columns>summary{min-height:44px}
}

.sys-grid-personal-essential .sys-grid-fixed-column{position:static!important}
@media(max-width:600px){.sys-grid-personal-essential .sys-grid-actions button.sys-grid-icon-action{min-width:44px;min-height:44px}}

.sys-grid-personal-essential .sys-grid-cell-excerpt{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2;line-clamp:2;max-height:2.9em!important}

@media(max-width:600px){.sys-grid-personal-essential .sys-grid-scroll[data-grid-layout=table] thead th{position:static!important}}
