.hk-tables-overlay[hidden],.hk-draft[hidden]{display:none!important}
.hk-tables-overlay{position:fixed;inset:0;z-index:25000;background:rgba(15,23,42,.65);display:flex;align-items:center;justify-content:center;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));box-sizing:border-box;overscroll-behavior:contain}
.hk-tables-panel{width:min(980px,100%);max-height:100%;height:min(800px,100%);background:#f4f7fb;color:#172337;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 70px #0005}
.hk-tables-panel header{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:20px 24px;background:white;border-bottom:1px solid #dce3ed}
.hk-tables-panel h2{margin:0;font-size:27px;color:#172337}.hk-tables-panel header p{margin:5px 0 0;font-size:14px;color:#526078}
.hk-tables-overlay button,.hk-draft button{font:inherit;font-weight:750;border:0;border-radius:9px;padding:11px 15px;min-height:44px;cursor:pointer;background:#174d77;color:white;touch-action:manipulation}
.hk-tables-overlay button:disabled,.hk-draft button:disabled{opacity:.45;cursor:wait}.hk-tables-overlay button.hk-secondary{background:#e3eaf2;color:#263951}
.hk-tables-panel form{display:flex;align-items:center;gap:12px;padding:16px 24px 4px;flex-wrap:wrap}
.hk-tables-panel form label{font-weight:800}.hk-tables-panel input{min-width:60px;width:120px;border:2px solid #93a7be;background:#fff;color:#15273e;border-radius:9px;font-size:22px;padding:9px 12px;box-sizing:border-box}
#hkTablesStatus{padding:0 24px;margin:10px 0;min-height:20px;font-weight:650;color:#43617d}#hkTablesStatus.hk-error{color:#b42318}
.hk-tables-list{flex:1;padding:5px 24px 20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;overflow:auto;min-height:0;overscroll-behavior:contain;align-content:start;-webkit-overflow-scrolling:touch}
.hk-table-tile{background:#fff;border:1px solid #c8d6e3;border-radius:13px;padding:12px;box-shadow:0 3px 9px #213e5512;min-width:0}.hk-table-tile.hk-hidden{background:#e7ebf0;color:#627084;box-shadow:none}.hk-table-tile.hk-dragging{outline:3px solid #2670aa;opacity:.65}
.hk-table-tile-head{display:flex;align-items:center;justify-content:space-between;gap:4px}.hk-table-tile strong{font-size:24px;overflow-wrap:anywhere}.hk-table-tile .hk-drag-handle{background:#edf2f8;color:#486581;font-size:23px;padding:3px 12px;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.hk-table-tile small{display:block;min-height:18px;margin:8px 0;color:#526078}.hk-table-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.hk-table-actions button{padding:7px 4px;font-size:13px}.hk-table-actions .hk-delete{background:#fbe5e5;color:#962424}.hk-table-actions .hk-move{background:#edf2f7;color:#334155}
.hk-tables-panel footer{padding:12px 24px;background:white;color:#526078;font-size:13px;border-top:1px solid #dce3ed}
.hk-confirm-overlay{z-index:26000}.hk-tables-confirm{padding:26px;background:white;border-radius:18px;width:min(460px,100%);color:#172337;box-shadow:0 20px 60px #0004}.hk-tables-confirm h3{font-size:23px;margin:0 0 12px}.hk-tables-confirm p{line-height:1.5;margin-bottom:24px}.hk-tables-confirm>div{display:flex;justify-content:flex-end;gap:12px}
.hk-draft{border:2px solid #dfb959;border-radius:12px;background:#fff7dc;color:#493c19;margin:2px 2px 18px;overflow:hidden}.hk-draft-head{padding:13px 14px;background:#f9e6ae;display:flex;justify-content:space-between;align-items:center;gap:8px}.hk-draft-head strong{font-size:21px}.hk-draft-head small{display:block;font-size:13px;margin-top:4px;font-weight:650}.hk-draft .hk-draft-refresh{font-size:13px;background:#fff9e9;color:#574724;padding:7px 10px}
.hk-draft-status{padding:10px 14px;font-size:14px;color:#665226}.hk-draft-row{display:flex;align-items:center;gap:10px;padding:12px;border-top:1px solid #ead99f}.hk-draft-row img{width:52px;height:52px;object-fit:cover;border-radius:8px;flex:none}.hk-draft-info{flex:1;min-width:0}.hk-draft-name{font-size:17px;font-weight:800;overflow-wrap:anywhere}.hk-draft-note{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:4px}.hk-draft .hk-draft-remove{background:#fff;color:#962424;border:1px solid #e2b8a9;font-size:13px;padding:8px 10px}.hk-draft-child{padding:8px 12px 8px 32px;background:#fffaf0}.hk-draft-child img{width:38px;height:38px}.hk-draft-child .hk-draft-name{font-size:15px}.hk-draft-message{padding:15px;color:#665226}
body.hk-tables-open{overflow:hidden}
@media(max-width:700px){.hk-tables-list{grid-template-columns:repeat(3,minmax(0,1fr));padding:5px 12px 16px;gap:8px}.hk-tables-panel header{padding:14px}.hk-tables-panel form{padding:12px}.hk-tables-panel h2{font-size:23px}.hk-tables-panel header p{font-size:12px}.hk-table-tile{padding:8px}.hk-tables-panel footer{padding:10px 14px}.hk-draft-head strong{font-size:19px}.hk-draft-row{gap:7px;padding:10px 8px}}
@media(max-width:430px){.hk-tables-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hk-tables-panel form{gap:8px}.hk-tables-panel input{width:100px}.hk-tables-panel form label{width:100%}.hk-tables-overlay{padding:8px}.hk-tables-panel header{gap:8px}}