/* HX164: reversible list presentation; original controls keep their handlers. */
.contract-list-sticky{display:none}
html[data-hx-interface="journey"] #contract-list-section{--jc-accent:#176d70;--jc-ink:#193b43;--jc-muted:#48636e;--jc-line:#dbe6e2;--jc-top:calc(var(--journey-top,178px) + 6px);min-width:0;color:var(--jc-ink);padding:0 0 30px;background:radial-gradient(ellipse at 12% 0,#c9ded4a3,transparent 48%),linear-gradient(125deg,#f4f7f1b3,#edf4f1a6);border-radius:22px}
html[data-hx-interface="journey"].shell-embedded #contract-list-section{--jc-top:8px}
html[data-hx-interface="journey"] #contract-list-section .contract-overview-grid{display:block;padding:0}
html[data-hx-interface="journey"] #contract-list-section .contract-list-main{min-width:0;container-type:normal}
html[data-hx-interface="journey"] #contract-list-section .contract-page-header{display:none}
html[data-hx-interface="journey"] #contract-list-section .contract-list-sticky{position:sticky;top:var(--jc-top);z-index:25;display:flex;flex-direction:column;gap:10px;max-height:calc(100dvh - var(--jc-top) - 105px);overflow:auto;overscroll-behavior:contain;padding:18px 20px 14px;margin:0 0 12px;border:1px solid #d9e5df;border-radius:20px;background:linear-gradient(120deg,#f8fbf7,#f1f7f5);box-shadow:0 12px 28px #163f3810;scrollbar-width:thin}
html[data-hx-interface="journey"] #contract-list-section .contract-page-heading{width:100%;min-width:0}
html[data-hx-interface="journey"] #contract-list-section .contract-page-heading-row{justify-content:space-between;gap:12px}
html[data-hx-interface="journey"] #contract-list-section .contract-page-heading-row h1{display:flex;align-items:center;gap:12px;font-size:25px;line-height:1.35;color:var(--jc-ink);margin:0;letter-spacing:.04em}
html[data-hx-interface="journey"] #contract-list-section .trust-subtitle{color:var(--jc-muted)!important;font-size:12px;line-height:1.6;margin-top:5px}
html[data-hx-interface="journey"] #contract-list-section .contract-overview-sidebar{position:static;left:auto;top:auto;width:auto;max-height:none;min-width:0;overflow:visible;transform:none;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
html[data-hx-interface="journey"] #contract-list-section .contract-overview-sidebar>h2,html[data-hx-interface="journey"] #contract-list-section .contract-overview-scope{display:none}
html[data-hx-interface="journey"] #contract-list-section .contract-overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;gap:10px;align-items:center}
html[data-hx-interface="journey"] #contract-list-section .contract-overview-metric{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(100%,142px);aspect-ratio:1;min-width:0;padding:12px 8px;text-align:center;border:1px solid #bed3cc;border-radius:50%;background:radial-gradient(circle at 30% 18%,#fff,#eff7f0 75%);box-shadow:inset 0 0 0 5px #fff9,0 6px 16px #214d4110}
html[data-hx-interface="journey"] #contract-list-section .contract-overview-metric span{color:var(--jc-muted);font-size:12px;line-height:1.5}
html[data-hx-interface="journey"] #contract-list-section .contract-overview-metric strong{color:#175c60;font-size:clamp(18px,1.7vw,25px);line-height:1.25;white-space:normal;overflow-wrap:anywhere;margin-top:7px;font-weight:750;max-width:100%;font-variant-numeric:tabular-nums}
html[data-hx-interface="journey"] #contract-list-section .contract-overview-metric small{color:var(--jc-muted);font-size:9px;line-height:1.45;margin-top:6px;max-width:95%}
html[data-hx-interface="journey"] #contract-list-section .contract-overview-metric.is-breached{border-color:#dbc3bb;background:radial-gradient(circle at 30% 18%,#fff,#f9efea 75%)}
html[data-hx-interface="journey"] #contract-list-section .contract-overview-metric.is-breached strong{color:#9e503d}
html[data-hx-interface="journey"] #contract-list-section .contract-overview-status{font-size:10px;line-height:1.4;margin:7px 0 0;color:var(--jc-muted);text-align:center}
html[data-hx-interface="journey"] #contract-list-section .contract-page-toolbar{width:100%;gap:8px;justify-content:flex-start}
html[data-hx-interface="journey"] #contract-list-section .contract-page-toolbar #contract-status-filter{min-width:0;max-width:100%;margin:0;border-color:var(--jc-line);border-radius:8px}
html[data-hx-interface="journey"] #contract-list-section .contract-page-toolbar .search-box{flex:1 1 190px;max-width:320px!important;min-width:0;width:auto}
html[data-hx-interface="journey"] #contract-list-section .contract-page-toolbar .search-box input{min-width:0;width:100%}
html[data-hx-interface="journey"] #contract-list-section .list-result-count{color:var(--jc-muted);font-size:11px}
html[data-hx-interface="journey"] #contract-list-section .contract-selection-actions{gap:6px;flex-wrap:wrap}
html[data-hx-interface="journey"] #contract-list-section .contract-list-tabs{display:flex;gap:6px;margin:0;padding:3px;border:1px solid var(--jc-line);border-radius:10px;background:#e7f0ea}
html[data-hx-interface="journey"] #contract-list-section .contract-list-tab{flex:1;min-width:0;min-height:34px;padding:6px 12px;font-size:12px;color:var(--jc-muted);border-radius:7px;box-shadow:none}
html[data-hx-interface="journey"] #contract-list-section .contract-list-tab.active{color:var(--jc-accent);background:#fff}
html[data-hx-interface="journey"] #contract-list-section .contract-list-tab strong{color:var(--jc-accent);background:#e8f3ed;box-shadow:none}
html[data-hx-interface="journey"] #contract-list-section .contract-owner-filter{margin:0;padding:8px 0 0;border:0;border-top:1px solid var(--jc-line);border-radius:0;background:none;min-width:0;max-height:100px;overflow:auto}
html[data-hx-interface="journey"] #contract-list-section .contract-owner-heading{color:var(--jc-ink);font-size:11px;margin-bottom:5px}
html[data-hx-interface="journey"] #contract-list-section .contract-owner-buttons{display:flex;flex-wrap:wrap;gap:6px}
html[data-hx-interface="journey"] #contract-list-section .contract-owner-filter button{flex:0 1 auto;min-width:0;max-width:100%;min-height:30px;padding:5px 9px;white-space:normal;overflow-wrap:anywhere;font-size:11px}
html[data-hx-interface="journey"] #contract-list-section .contract-list-sticky[data-list-tab="rental"] :is([data-contract-owner="trusteeship"],.contract-lane-head),html[data-hx-interface="journey"] #contract-list-section .contract-list-sticky[data-list-tab="trusteeship"] [data-contract-owner="rental"]{display:none!important}
html[data-hx-interface="journey"] #contract-list-section .contract-lane-head{padding:0;min-height:0;background:none;border:0}
html[data-hx-interface="journey"] #contract-list-section .contract-lane-title h4{font-size:12px;color:var(--jc-ink)}
html[data-hx-interface="journey"] #contract-list-section .contract-list-main>.panel{margin:0;border:1px solid var(--jc-line);border-radius:15px;background:#fff;overflow:visible;box-shadow:0 5px 20px #214d4108}
html[data-hx-interface="journey"] #contract-list-section .contract-list-main>.panel>.panel-body{padding:0;min-width:0}
html[data-hx-interface="journey"] #contract-list-section .contract-lane{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
html[data-hx-interface="journey"] #contract-list-section .contract-lane-table-shell{container-type:normal;overflow:visible;max-height:none;border-radius:15px;background:none}
/* Explicit table tracks override the old 900px container card layout. */
html[data-hx-interface="journey"] #contract-list-section .contract-list-main .contract-board .contract-lane:is(.rental,.trusteeship) .contract-lane-table{display:table;width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;border-spacing:0}
html[data-hx-interface="journey"] #contract-list-section .contract-lane-table thead{display:table-header-group;position:static;width:auto;height:auto;padding:0;clip-path:none}
html[data-hx-interface="journey"] #contract-list-section .contract-lane-table tbody{display:table-row-group}
html[data-hx-interface="journey"] #contract-list-section .contract-lane-table :is(thead,tbody) tr{display:table-row;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:#fff}
html[data-hx-interface="journey"] #contract-list-section .contract-lane-table :is(th,td){display:table-cell;position:static;height:auto;clip-path:none;min-width:0;padding:9px 6px!important;text-align:left;vertical-align:middle;border:0;border-bottom:1px solid #e5ece8!important;border-radius:0!important;background:none;box-shadow:none;white-space:normal;overflow-wrap:anywhere;font-size:11px}
html[data-hx-interface="journey"] #contract-list-section .contract-lane-table th{color:var(--jc-muted);font-size:10px;font-weight:600;background:#f0f6f2}
html[data-hx-interface="journey"] #contract-list-section .contract-lane-table :is(th,td)::before,html[data-hx-interface="journey"] #contract-list-section .contract-lane-table :is(th,td)::after{display:none!important}
html[data-hx-interface="journey"] #contract-list-section .contract-lane.rental .contract-lane-table :is(th,td):nth-child(1){width:3%}
html[data-hx-interface="journey"] #contract-list-section .contract-lane.rental .contract-lane-table :is(th,td):nth-child(2){width:10%}
html[data-hx-interface="journey"] #contract-list-section .contract-lane.rental .contract-lane-table :is(th,td):nth-child(3){width:9%}
html[data-hx-interface="journey"] #contract-list-section .contract-lane.rental .contract-lane-table :is(th,td):nth-child(4){width:11%}
html[data-hx-interface="journey"] #contract-list-section .contract-lane.rental .contract-lane-table :is(th,td):nth-child(5){width:11%}
html[data-hx-interface="journey"] #contract-list-section .contract-lane.rental .contract-lane-table :is(th,td):nth-child(6){width:10%}
html[data-hx-interface="journey"] #contract-list-section .contract-lane.rental .contract-lane-table :is(th,td):nth-child(7){width:13%}
html[data-hx-interface="journey"] #contract-list-section .contract-lane.rental .contract-lane-table :is(th,td):nth-child(8){width:10%}
html[data-hx-interface="journey"] #contract-list-section .contract-lane.rental .contract-lane-table :is(th,td):last-child{width:23%}
html[data-hx-interface="journey"] #contract-list-section .contract-lane.trusteeship .contract-lane-table :is(th,td):nth-child(1){width:3%}
html[data-hx-interface="journey"] #contract-list-section .contract-lane.trusteeship .contract-lane-table :is(th,td):nth-child(2){width:12%}
html[data-hx-interface="journey"] #contract-list-section .contract-lane.trusteeship .contract-lane-table :is(th,td):nth-child(3){width:11%}
html[data-hx-interface="journey"] #contract-list-section .contract-lane.trusteeship .contract-lane-table :is(th,td):nth-child(4){width:13%}
html[data-hx-interface="journey"] #contract-list-section .contract-lane.trusteeship .contract-lane-table :is(th,td):nth-child(5){width:13%}
html[data-hx-interface="journey"] #contract-list-section .contract-lane.trusteeship .contract-lane-table :is(th,td):nth-child(6){width:14%}
html[data-hx-interface="journey"] #contract-list-section .contract-lane.trusteeship .contract-lane-table :is(th,td):nth-child(7){width:11%}
html[data-hx-interface="journey"] #contract-list-section .contract-lane.trusteeship .contract-lane-table :is(th,td):last-child{width:23%}
html[data-hx-interface="journey"] #contract-list-section .contract-lane.rental .contract-lane-table :is(th,td):nth-child(9),html[data-hx-interface="journey"] #contract-list-section .contract-lane.trusteeship .contract-lane-table :is(th,td):nth-child(8){display:none}
html[data-hx-interface="journey"] #contract-list-section .contract-cell-main,html[data-hx-interface="journey"] #contract-list-section .contract-cell-sub{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.5}
html[data-hx-interface="journey"] #contract-list-section .contract-cell-main{font-size:11px;color:var(--jc-ink)}
html[data-hx-interface="journey"] #contract-list-section .contract-cell-sub{font-size:10px;color:var(--jc-muted);margin-top:3px}
html[data-hx-interface="journey"] #contract-list-section .record-vehicle-jump{font-size:12px;color:var(--jc-accent);white-space:normal;overflow-wrap:anywhere}
html[data-hx-interface="journey"] #contract-list-section .contract-lane-actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:4px}
html[data-hx-interface="journey"] #contract-list-section .contract-lane-actions :is(.btn,.contract-swap-entry){min-height:27px;max-width:100%;padding:5px 7px!important;font-size:10px!important;line-height:1.3;white-space:normal;overflow-wrap:anywhere;border-radius:6px;flex:none}
html[data-hx-interface="journey"] #contract-list-section .contract-lane-actions .contract-swap-entry{border:1px solid #c9d8d3;background:#f8fbfa;color:#176d70;cursor:pointer}
html[data-hx-interface="journey"] #contract-list-section .contract-lane-table :is(button,a,input){scroll-margin-top:calc(var(--jc-top) + var(--jc-sticky-height,400px) + 12px);scroll-margin-bottom:20px}
html[data-hx-interface="journey"] #contract-list-section .contract-lane-empty{padding:28px 12px!important;text-align:center;color:var(--jc-muted)}
html[data-hx-interface="journey"] #contract-list-section :is(button,a,input,select):focus-visible{outline:2px solid var(--jc-accent);outline-offset:2px}
@media(max-width:760px){
 html[data-hx-interface="journey"] #contract-list-section .contract-list-sticky{padding:12px 10px;gap:8px;border-radius:15px;max-height:calc(100dvh - var(--jc-top) - 80px)}
 html[data-hx-interface="journey"] #contract-list-section .contract-page-heading-row{gap:8px}
 html[data-hx-interface="journey"] #contract-list-section .contract-page-heading-row h1{font-size:21px}
 html[data-hx-interface="journey"] #contract-list-section .contract-heading-rental-actions{gap:6px}
 html[data-hx-interface="journey"] #contract-list-section .contract-heading-rental-actions .btn{font-size:11px;padding:7px 9px;min-height:32px}
 html[data-hx-interface="journey"] #contract-list-section .trust-subtitle{display:none}
 html[data-hx-interface="journey"] #contract-list-section .contract-overview-metrics{gap:5px}
 html[data-hx-interface="journey"] #contract-list-section .contract-overview-metric{padding:7px 3px;box-shadow:inset 0 0 0 3px #fff9}
 html[data-hx-interface="journey"] #contract-list-section .contract-overview-metric span{font-size:9px;line-height:1.3}
 html[data-hx-interface="journey"] #contract-list-section .contract-overview-metric strong{font-size:clamp(10px,3vw,17px);line-height:1.2;margin-top:4px}
 html[data-hx-interface="journey"] #contract-list-section .contract-overview-metric small{display:none}
 html[data-hx-interface="journey"] #contract-list-section .contract-page-toolbar{gap:7px}
 html[data-hx-interface="journey"] #contract-list-section .contract-page-toolbar .search-box{flex:1 1 130px;max-width:none!important}
 html[data-hx-interface="journey"] #contract-list-section .contract-page-toolbar :is(input,select){font-size:16px}
 html[data-hx-interface="journey"] #contract-list-section .contract-page-toolbar>.btn,html[data-hx-interface="journey"] #contract-list-section .contract-selection-actions .btn{white-space:normal;max-width:100%}
 html[data-hx-interface="journey"] #contract-list-section .contract-owner-filter{max-height:86px}
 html[data-hx-interface="journey"] #contract-list-section .contract-lane-table thead{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
 html[data-hx-interface="journey"] #contract-list-section .contract-lane-table tbody{display:block}
 html[data-hx-interface="journey"] #contract-list-section .contract-lane-table tbody tr[data-record-type]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;padding:12px;border-bottom:1px solid var(--jc-line)}
 html[data-hx-interface="journey"] #contract-list-section .contract-lane-table tbody tr[data-record-type] td{display:block;width:auto!important;padding:3px 0!important;border:0!important;grid-column:auto}
 html[data-hx-interface="journey"] #contract-list-section .contract-lane-table tbody tr[data-record-type] td:nth-child(1){grid-column:1/-1}
 html[data-hx-interface="journey"] #contract-list-section .contract-lane-table tbody tr[data-record-type] td:nth-child(2),html[data-hx-interface="journey"] #contract-list-section .contract-lane-table tbody tr[data-record-type] td:nth-child(3),html[data-hx-interface="journey"] #contract-list-section .contract-lane-table tbody tr[data-record-type] td:nth-child(4){grid-column:auto}
 html[data-hx-interface="journey"] #contract-list-section .contract-lane-table tbody tr[data-record-type] td:last-child{grid-column:1/-1;padding-top:8px!important;border-top:1px solid #e5ece8!important}
 html[data-hx-interface="journey"] #contract-list-section .contract-lane.rental .contract-lane-table td:nth-child(9),html[data-hx-interface="journey"] #contract-list-section .contract-lane.trusteeship .contract-lane-table td:nth-child(8){display:none}
 html[data-hx-interface="journey"] #contract-list-section .contract-lane-actions :is(.btn,.contract-swap-entry){min-height:32px;font-size:11px!important;padding:6px 8px!important}
 html[data-hx-interface="journey"] #contract-form-section [style*="min-width"]{min-width:0!important}
}
@media(prefers-reduced-motion:reduce){html[data-hx-interface="journey"] #contract-list-section *{transition:none!important}}

/* HX183: A light table and quiet capsules; existing tracks, metrics and states stay intact. */
@media screen {
 html[data-hx-interface="journey"] #contract-list-section{--jc-accent:var(--hx-ui-accent,#176d70);--jc-ink:var(--hx-ui-ink,#193b43);--jc-muted:var(--hx-ui-muted,#48636e);--jc-line:var(--hx-ui-line,#dbe6e2)}
 html[data-hx-interface="journey"] #contract-list-section .contract-list-sticky{background:var(--hx-ui-surface,#fff);border-color:var(--jc-line)}
 html[data-hx-interface="journey"] #contract-list-section .contract-list-tabs{background:var(--hx-ui-soft,#eef5f3)}
 html[data-hx-interface="journey"] #contract-list-section .contract-list-tab.active{box-shadow:0 1px 4px #173d3712}
 html[data-hx-interface="journey"] #contract-list-section .contract-lane-table th{background:var(--hx-ui-soft,#f1f6f4)}
 html[data-hx-interface="journey"] #contract-list-section .contract-lane-empty{color:var(--jc-muted)}
 html[data-hx-interface="journey"] #contract-list-section .contract-owner-filter button{transition:background-color .16s,border-color .16s,box-shadow .16s}
}
@media screen and (hover:hover) and (pointer:fine){html[data-hx-interface="journey"] #contract-list-section .contract-lane-table tbody tr[data-record-type]:hover{background:var(--hx-ui-soft,#f4f8f6)}}
@media screen and (prefers-reduced-motion:reduce){html[data-hx-interface="journey"] #contract-list-section .contract-owner-filter button{transition:none}}
@media screen and (forced-colors:active){html[data-hx-interface="journey"] #contract-list-section :is(.contract-list-sticky,.contract-list-tabs,.contract-list-tab,.contract-lane-table th){background:Canvas;color:CanvasText;box-shadow:none}html[data-hx-interface="journey"] #contract-list-section .contract-list-tab.active{outline:2px solid Highlight;outline-offset:-2px}}