.entity-grid{border-collapse:collapse;table-layout:fixed;min-width:100%;width:max-content}.entity-grid th,.entity-grid td{border:1px solid #d9ded6;padding:9px 12px;min-width:130px;max-width:420px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;overflow-wrap:anywhere}.entity-grid th{position:relative;background:#f1f4ee;color:#273322;text-align:left}.entity-grid td[data-column=actions]{min-width:200px}.entity-grid tbody tr:hover,.entity-grid tbody tr:focus-within{background:#f2f6ed}.entity-grid tbody tr:focus{outline:2px solid var(--accent,#64704d);outline-offset:-2px}.entity-grid [hidden]{display:none!important}.entity-grid .grid-filters th{padding:5px;background:#fff}.grid-filters input{width:100%;min-width:0;padding:6px;font-size:inherit;border-radius:0}.grid-sort{display:block;background:none!important;color:inherit!important;padding:0 12px 0 0;text-align:left;border:0;font:inherit;font-weight:700;box-shadow:none;white-space:normal}.entity-grid th[aria-sort=ascending] .grid-sort:after{content:' ↑'}.entity-grid th[aria-sort=descending] .grid-sort:after{content:' ↓'}.grid-resize{position:absolute;right:0;top:0;height:100%;width:9px;cursor:col-resize;touch-action:none;border-right:2px solid #c6cebf}.grid-resize:focus{outline:2px solid #64704d}.grid-toolbar{flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0}.grid-toolbar>input{max-width:320px}.grid-save-status{font-size:.85rem}.grid-columns{position:relative;z-index:5;border:1px solid #cbd3c4;padding:7px 12px;background:#fff}.grid-columns[open]{min-width:270px}.grid-column-option{display:flex;align-items:center;gap:8px;padding:6px 0}.grid-column-option label{display:flex;align-items:center;flex:1;gap:6px;margin:0}.grid-column-option input{width:auto}.grid-context{position:fixed;z-index:1000;min-width:220px;background:white;border:1px solid #bac5af;box-shadow:0 6px 24px #0003;padding:5px;max-height:90vh;overflow:auto}.grid-context[hidden]{display:none}.grid-context button{display:block;width:100%;padding:10px 14px;color:#25301f;background:#fff;text-align:left;border:0;border-radius:0}.grid-context button:hover,.grid-context button:focus{background:#edf3e5;outline:2px solid #64704d;outline-offset:-2px}.grid-row-menu{min-width:38px;min-height:38px;font-size:1.35rem}.entity-grid .personnel-avatar{vertical-align:middle;margin-right:8px;width:34px;height:34px;object-fit:cover;border-radius:50%}.grid-count{font-size:.9rem}.page-title{gap:18px;align-items:center;justify-content:space-between}.page-title h1{overflow-wrap:anywhere}.form-grid .bar-actions{display:flex;flex-wrap:wrap;gap:12px}.sidebar a{border-radius:0}
@media(max-width:700px){.grid-toolbar>input{max-width:100%}.grid-toolbar{align-items:stretch}.grid-toolbar button{min-height:44px}.entity-grid th,.entity-grid td{padding:8px}.page-title{flex-wrap:wrap}.grid-columns{max-width:100%}}
/* The grid starts directly at its headings; tools live in its context menu. */
.entity-panel{padding:18px}.entity-grid [data-column="actions"]{width:64px!important;min-width:64px!important;max-width:64px!important;text-align:center;padding:5px!important}.entity-grid .grid-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;min-height:34px;padding:3px;font-size:22px;color:#53624b;background:none}.entity-grid .grid-row-menu{width:34px;min-width:34px;min-height:34px;padding:3px}.grid-save-status{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:7px}.grid-save-status:empty{display:none}.grid-count{margin:12px 0 0;font-size:12px;color:var(--muted)}.entity-grid .grid-sort{min-height:32px;font-size:13px}.entity-grid .grid-filters input{min-height:34px;padding:5px 8px;font-size:12px}.entity-grid td{font-size:13px}.grid-context{min-width:230px;padding:6px;border-color:#cdd5c6;box-shadow:0 7px 28px #1e2e1826}.grid-context button{min-height:36px;padding:8px 12px;font-size:13px;font-weight:400}.grid-context button:nth-last-child(4){border-top:1px solid #e4e9df;margin-top:5px;padding-top:12px}
.grid-column-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #ccd4c4;background:#fff;color:var(--ink);box-shadow:0 18px 60px #0003;overflow:auto}.grid-column-dialog:not([open]){display:none}.grid-column-dialog::backdrop{background:#17241455}.grid-column-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 16px;border-bottom:1px solid #e0e5da}.grid-column-header h2{font-family:Ubuntu,Arial,sans-serif;font-size:18px;font-weight:700;margin:0 0 5px}.grid-column-header p{font-size:12px;color:var(--muted);margin:0}.grid-column-close{font-size:24px;min-width:32px;min-height:32px;padding:0}.grid-column-list{max-height:55dvh;overflow-y:auto;padding:8px 22px}.grid-column-dialog .grid-column-option{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:7px 0;border-bottom:1px solid #edf0e8}.grid-column-dialog .grid-column-option:last-child{border-bottom:0}.grid-column-dialog .grid-column-option label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;flex:1;min-width:0;margin:0;font-size:13px;font-weight:400;line-height:1.4;cursor:pointer}.grid-column-option label span{overflow-wrap:anywhere}.grid-column-moves{display:flex;gap:5px;flex-shrink:0}.grid-column-dialog .grid-column-moves button{width:30px;min-width:30px;height:30px;min-height:30px;padding:0;font-size:16px;font-weight:400;background:#f7f9f3;color:#415137;border-color:#dce3d4}.grid-column-dialog button:disabled{opacity:.35;cursor:default}.grid-column-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:9px;padding:14px 22px;border-top:1px solid #e0e5da;background:#fafbf8}.grid-column-footer button{font-size:12px;min-height:36px;padding:8px 12px}.grid-column-status{flex:1 1 100%;font-size:11px;color:var(--muted)}.grid-column-status:empty{display:none}
@media(max-width:700px){.entity-panel{padding:10px}.grid-column-header{padding:16px}.grid-column-list{padding:4px 16px}.grid-column-footer{padding:12px 16px}.grid-column-dialog .grid-column-option{min-height:48px}.grid-column-dialog .grid-column-moves button{width:38px;height:38px;min-height:38px}.grid-context button{min-height:44px}.entity-grid .grid-row-menu,.entity-grid .grid-menu-toggle{min-height:44px}}
