.work-area th:nth-child(7){width:95px}
.sortable{cursor:pointer;padding-right:23px!important}
.sortable::after{content:'↕';position:absolute;right:7px;color:#888;font-size:12px}
.sortable[data-direction="asc"]::after{content:'↑';color:var(--coral)}
.sortable[data-direction="desc"]::after{content:'↓';color:var(--coral)}
.sortable:focus{outline:2px solid var(--coral);outline-offset:-2px}
.actions{white-space:nowrap}
.actions form{margin-top:6px}
.edit,.delete{width:100%;padding:7px 9px;background:#fff;font-size:10px}
.edit{color:#333;border:1px solid #999}
.edit:hover{background:var(--ink)}
.delete{color:#a22f2f;border:1px solid #c68181}
.delete:hover{background:#a22f2f}
#edit-dialog{width:min(900px,calc(100vw - 30px));max-height:calc(100vh - 30px);padding:0;border:0;background:var(--cream);box-shadow:0 20px 70px rgba(0,0,0,.35)}
#edit-dialog::backdrop{background:rgba(23,11,24,.7)}
.dialog-head{position:sticky;top:0;z-index:2;height:62px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff}
.dialog-head h2{font:700 20px 'Manrope';margin:0}
.dialog-head button{padding:3px 8px;background:none;font-size:28px}
#edit-form{padding:22px}
#edit-form>button{margin-top:20px}
.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.edit-grid>label{font-size:11px;font-weight:700}
.edit-grid fieldset{display:grid;grid-template-columns:1fr 1fr;gap:11px 14px;margin:0;padding:16px;border:1px solid #ccc;background:#fff}
.edit-grid legend{font:700 14px 'Manrope';padding:0 7px}
.edit-grid label{font-size:10px;font-weight:700}
.edit-grid input{display:block;width:100%;margin-top:5px;padding:9px;border:1px solid #bbb;background:#fff;font:13px Arial}
.edit-grid .wide{grid-column:1/-1}
@media(max-width:800px){.edit-grid{grid-template-columns:1fr}.edit-grid fieldset{grid-template-columns:1fr}}