.xr-planning-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;margin-left:auto}
.xr-planning-head-actions>.xr-planning-search{flex:1 1 320px;min-width:220px;max-width:320px}
.xr-planning-head-actions>.xr-pool-privacy{margin:0}
.xr-columns-picker{position:relative;flex:none;z-index:20}
html body .content:has(.xr-planning-head) .xr-planning-table-head button.xr-columns-button{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;white-space:nowrap!important;width:auto!important;min-width:0!important;max-width:none!important;height:24px!important;min-height:24px!important;max-height:24px!important;padding:3px 8px!important;border-radius:999px!important;font:600 10px/1.2 Inter,system-ui,sans-serif!important}
html body .content:has(.xr-planning-head) .xr-planning-table-head button.xr-columns-button i{font-size:10px!important}
.xr-columns-menu{position:fixed;z-index:10000;width:390px;box-sizing:border-box;padding:9px;border:1px solid var(--border,#cad9e1);border-radius:8px;background:var(--panel,#fff);box-shadow:0 12px 30px rgba(15,42,58,.18);color:var(--text,#17354a)}
.xr-columns-menu[hidden]{display:none!important}
.xr-columns-menu>strong{display:block;margin:0 0 6px;font-size:11px}
.xr-columns-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 6px;max-height:250px;overflow:auto;padding-right:2px}
.xr-columns-options label{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;min-height:25px!important;height:25px!important;margin:0!important;padding:2px 5px!important;border-radius:5px;font-size:10px!important;line-height:1.2!important;font-weight:500!important;cursor:pointer}
.xr-columns-options label>span{display:block!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0!important}
.xr-columns-options label:hover{background:var(--surface,#eef5f8)}
.xr-columns-options input{display:block!important;flex:0 0 14px!important;width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;margin:0!important;padding:0!important;accent-color:#167da0}
.xr-columns-reset{width:100%;height:27px;margin-top:6px;padding:4px 8px;border:1px solid var(--border,#cad9e1);border-radius:6px;background:transparent;color:inherit;font:600 10px Inter,system-ui,sans-serif;cursor:pointer}
.xr-planning-table :is(th,td)[hidden]{display:none!important}

/* Compact planning grid: keep deliberate minimum column widths, but always
   let the visible columns fill the complete panel width. */
html body .content:has(.xr-planning-head) .xr-planning-table{
  width:100%!important;min-width:100%!important;max-width:none!important;table-layout:auto!important;
}
html body .content:has(.xr-planning-head) .xr-planning-table :is(th,td){
  box-sizing:border-box!important;height:28px!important;min-height:28px!important;
  padding:3px 6px!important;font-size:10px!important;line-height:1.2!important;
}
html body .content:has(.xr-planning-head) .xr-planning-table th{
  height:24px!important;min-height:24px!important;font-size:9px!important;
}
html body .content:has(.xr-planning-head) .xr-planning-table :is(th,td).xr-col-trip-no{width:84px!important;min-width:84px!important;max-width:84px!important}
html body .content:has(.xr-planning-head) .xr-planning-table :is(th,td).xr-col-time{width:58px!important;min-width:58px!important;max-width:58px!important}
html body .content:has(.xr-planning-head) .xr-planning-table :is(th,td).xr-col-customer{width:155px!important;min-width:155px!important;max-width:155px!important}
html body .content:has(.xr-planning-head) .xr-planning-table :is(th,td).xr-col-reference{width:108px!important;min-width:108px!important;max-width:108px!important}
html body .content:has(.xr-planning-head) .xr-planning-table :is(th,td).xr-col-job-type{width:92px!important;min-width:92px!important;max-width:92px!important}
html body .content:has(.xr-planning-head) .xr-planning-table :is(th,td).xr-col-container{width:112px!important;min-width:112px!important;max-width:112px!important}
html body .content:has(.xr-planning-head) .xr-planning-table :is(th,td).xr-col-container-type{width:66px!important;min-width:66px!important;max-width:66px!important}
html body .content:has(.xr-planning-head) .xr-planning-table :is(th,td).xr-col-shipping-line{width:82px!important;min-width:82px!important;max-width:82px!important}
html body .content:has(.xr-planning-head) .xr-planning-table :is(th,td).xr-col-charter{width:132px!important;min-width:132px!important;max-width:132px!important}
html body .content:has(.xr-planning-head) .xr-planning-table :is(th,td).xr-col-driver{width:152px!important;min-width:152px!important;max-width:152px!important}
html body .content:has(.xr-planning-head) .xr-planning-table :is(th,td).xr-col-plate{width:94px!important;min-width:94px!important;max-width:94px!important}
html body .content:has(.xr-planning-head) .xr-planning-table :is(th,td).xr-col-setup{width:132px!important;min-width:132px!important;max-width:132px!important}
html body .content:has(.xr-planning-head) .xr-planning-table :is(th,td).xr-col-location{width:72px!important;min-width:72px!important;max-width:72px!important}
html body .content:has(.xr-planning-head) .xr-planning-table :is(th,td).xr-col-load-unload{width:138px!important;min-width:138px!important;max-width:138px!important}
html body .content:has(.xr-planning-head) .xr-planning-table :is(th,td).xr-col-dropoff{width:138px!important;min-width:138px!important;max-width:138px!important}
html body .content:has(.xr-planning-head) .xr-planning-table :is(th,td).xr-col-release{width:96px!important;min-width:96px!important;max-width:96px!important}
html body .content:has(.xr-planning-head) .xr-planning-table :is(th,td).xr-col-pool{width:112px!important;min-width:112px!important;max-width:112px!important}
html body .content:has(.xr-planning-head) .xr-planning-table :is(th,td)[class*="xr-col-"]{max-width:none!important}
html body .content:has(.xr-planning-head) .xr-planning-table .xr-empty-state.compact{min-height:82px!important;padding:12px!important}
html[data-theme="dark"] .xr-columns-menu{background:#262c31;border-color:#56626a;color:#f5f6f7;box-shadow:0 14px 34px #0008}
html[data-theme="dark"] .xr-columns-options label:hover{background:#394148}
@media(max-width:760px){.xr-planning-table-head{align-items:flex-start!important}.xr-planning-head-actions{width:100%;flex-wrap:wrap}.xr-planning-head-actions>.xr-planning-search{max-width:none;flex:1 1 220px}}
@media(max-width:430px){.xr-columns-options{grid-template-columns:1fr;max-height:300px}}