.pilot-note{padding:16px 20px;margin:18px 0;border:0;border-radius:var(--radius-control);background:var(--sage);color:var(--ink);font-size:.85rem;line-height:1.6}.pilot-table-wrap{overflow:auto;background:var(--surface);border:0;border-radius:var(--radius-card)}.pilot-table{width:100%;border-collapse:collapse;text-align:left;font-size:.86rem}.pilot-table th{font-weight:500;color:var(--muted);font-size:var(--text-min);background:var(--paper);padding:16px 20px;white-space:nowrap}.pilot-table td{padding:17px 20px;border-top:1px solid var(--line);vertical-align:middle}.pilot-table td strong,.pilot-table td small{display:block}.pilot-table td small{font-size:var(--text-min);color:var(--muted);margin-top:4px}.pilot-table .amount{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.pilot .empty{background:var(--surface);border:0;border-radius:var(--radius-card);padding:45px 26px;text-align:center}.pilot .empty p{margin:12px auto 20px;color:var(--muted);max-width:550px;font-size:.92rem}.pilot .record{padding:23px;background:var(--surface);border:0;border-radius:var(--radius-card);margin-bottom:14px}.record-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.record-top small{display:block;color:var(--muted);margin-top:6px}.record-summary{display:flex;flex-wrap:wrap;gap:20px;font-size:.86rem;color:var(--muted)}.record-summary b{color:var(--ink)}.record-actions{display:flex;gap:10px;margin-top:19px;flex-wrap:wrap}.pilot dialog{width:min(790px,calc(100% - 30px));border:0;border-radius:14px;padding:0;max-height:90dvh;color:var(--ink)}.pilot dialog::backdrop{background:#102c2466;backdrop-filter:blur(3px)}.editor-head{display:flex;align-items:center;justify-content:space-between;padding:23px 25px;border-bottom:1px solid var(--line)}.editor-head h2{font-size:1.2rem}.editor-content{padding:22px 25px}.editor-actions{display:flex;justify-content:flex-end;gap:10px;padding:18px 25px;border-top:1px solid var(--line);background:var(--paper);position:sticky;bottom:0}.pilot label{display:flex;flex-direction:column;gap:7px;font-size:var(--text-label);color:var(--ink)}.pilot input,.pilot select,.pilot textarea{min-width:0;width:100%;border:1px solid var(--control-border);background:var(--surface);border-radius:6px;padding:11px 12px;color:var(--ink);font-size:1rem}.pilot textarea{resize:vertical;min-height:90px}.pilot input:focus,.pilot select:focus,.pilot textarea:focus{border-color:var(--forest)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:18px}.form-grid .full{grid-column:1/-1}.line-inputs{border:0;background:var(--paper);border-radius:var(--radius-control);padding:15px;margin-bottom:13px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.line-inputs label:first-child{grid-column:1/-1}.line-inputs .remove-line{grid-column:1/-1;justify-self:end;color:var(--error-color);border:0;background:transparent;font-size:var(--text-min);padding:4px}.pilot .field-help{font-size:var(--text-min);line-height:1.55;color:var(--muted);margin:8px 0 17px}.form-error{color:var(--error-color);font-size:.85rem;line-height:1.5;margin:14px 0}.pilot .check{display:flex;flex-direction:row;align-items:flex-start;gap:10px;margin:20px 0;line-height:1.5}.pilot .check input{width:19px;min-width:19px;height:19px;accent-color:var(--forest)}.document-text{max-height:200px;overflow:auto;white-space:pre-wrap;background:#f5f7f3;padding:14px;border-radius:7px;font-size:var(--text-min);line-height:1.5}.document-upload{border:0;padding:20px;border-radius:var(--radius-control);margin-bottom:22px;background:var(--sage)}.document-upload p{font-size:var(--text-min);color:var(--muted);margin:9px 0 14px}.document-preview{max-width:100%;max-height:260px;object-fit:contain;margin:12px 0}.pilot #message{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:13px 22px;background:#173e30;color:#fff;border-radius:var(--radius-control);z-index:100;box-shadow:0 8px 28px #20352a22;font-size:.9rem;max-width:90vw;display:none}.pilot #message.visible{display:block}.paper{font-family:Arial,sans-serif;background:var(--surface);border:1px solid var(--line);padding:32px;border-radius:var(--radius-control)}.paper h2{font-size:1.5rem;margin-bottom:20px}.paper .pilot-table-wrap{margin-top:25px}.paper>p{margin:12px 0;font-size:.88rem}.paper-actions{display:flex;gap:12px;margin:18px 0}.pilot code{font-size:var(--text-min)}.cost-preview{background:#edf4e9;padding:16px;border-radius:var(--radius-control);font-size:.86rem;margin:16px 0;line-height:1.7}.pilot .refresh-note{font-size:var(--text-min);color:var(--muted);margin-top:22px}.pilot button[aria-busy=true]{opacity:.6;cursor:wait}
.telepac-summary{background:var(--brand-soft);padding:14px 16px;border-radius:var(--radius-control);margin-bottom:18px}.telepac-summary p{margin:5px 0;font-size:.86rem;line-height:1.6}
.pilot-table input:disabled{background:#f2f4f0;color:var(--muted);cursor:not-allowed}

/* The presentation mock-up hides secondary heading actions under 1000px. In the pilot they are the only way to reach "Mes clients" and "Coordonnées de ma ferme", so they stay visible and the action group may shrink and wrap. */
@media(max-width:1000px){.pilot .heading-actions .btn.secondary{display:inline-flex}.pilot .heading-actions{flex-shrink:1;min-width:0}}
.pilot .heading-actions .btn.secondary[hidden]{display:none}

@media print{.paper{background:#fff;color:#203c32}}

/* Treatment preparation and immutable register use the existing palettes and mobile controls. */
.pilot [data-phyto-treatment],.pilot [data-phyto-register],.pilot .phyto-story{min-width:0;max-width:100%;overflow-wrap:anywhere}
.pilot .phyto-line{min-width:0;margin:18px 0;padding:16px;border:0;border-radius:var(--radius-control);background:var(--paper);display:grid;gap:12px}
.pilot .phyto-line legend{max-width:100%;padding:0 4px;font-weight:700;overflow-wrap:anywhere}
.pilot .phyto-line .btn{justify-self:start;white-space:normal}
.pilot .phyto-facts{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:14px 0}
.pilot .phyto-facts>div{min-width:0}.pilot .phyto-facts dt{color:var(--muted);font-size:var(--text-min);line-height:1.5}.pilot .phyto-facts dd{margin:3px 0 0;font-size:.87rem;line-height:1.55;overflow-wrap:anywhere}
.pilot .phyto-check{padding:16px;margin:12px 0;border-radius:var(--radius-control);background:var(--paper);min-width:0}
.pilot .phyto-alert{background:var(--error-soft)}.pilot .phyto-alert>strong{color:var(--error-color)}
.pilot .phyto-check-section h3,.pilot .phyto-published h3{margin:20px 0 12px;font-size:1rem}.pilot .phyto-published h4{margin:14px 0 8px;font-size:.9rem}
.pilot .phyto-check .check{min-height:var(--touch-target);align-items:center;margin:14px 0 0;cursor:pointer}
/* Every checkbox line of the pilot is a 48 px target (audit of the 2026 redesign). */
.pilot .check{min-height:var(--touch-target);align-items:center}
.pilot .phyto-source,.pilot .phyto-published{min-width:0;padding:8px 12px;margin:12px 0;background:var(--sage);border-radius:var(--radius-control)}
.pilot .phyto-source p,.pilot .phyto-published p{font-size:.83rem;line-height:1.6;overflow-wrap:anywhere}.pilot .phyto-source a{color:var(--brand-ink);overflow-wrap:anywhere}
.pilot .phyto-filter-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:18px}
.pilot .phyto-register-record .record-top{align-items:flex-start;flex-wrap:wrap}.pilot .phyto-register-record .record-top>div{min-width:0}.pilot .phyto-register-record>p{font-size:.88rem;line-height:1.65;overflow-wrap:anywhere}
@media(min-width:700px){.pilot .phyto-facts,.pilot .phyto-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Compact list (components.mjs compactList, behaviour in compact-ui.mjs; validated mockups of 2026-10-18). Icon, identity,
   key value and chevron on a phone; from 560 px of container (not of viewport) the columns align under an aria-hidden header.
   The whole row is a button of at least 64 px; its detail is its sibling. Status pills always carry a word. */
.pilot .clist{container-type:inline-size;container-name:clist;min-width:0;padding:4px 0;border-radius:var(--radius-card);background:var(--surface);--c-cols:40px minmax(0,1fr) 24px}
.pilot .clist--value{--c-cols:40px minmax(0,1fr) minmax(96px,max-content) 24px}
.pilot .clist--where{--c-cols:40px minmax(0,1.6fr) minmax(0,1fr) 24px}
.pilot .clist--where.clist--value{--c-cols:40px minmax(0,1.6fr) minmax(0,1fr) 120px 24px}
.pilot .clist ul{list-style:none;margin:0;padding:0}
.pilot .clist li+li{border-top:1px solid var(--line)}
.pilot .clist-cols{display:none}
.pilot .clist-group{margin:0;padding:14px 14px 4px;font-size:14px;font-weight:800;line-height:1.4;color:var(--muted)}
.pilot .clist-group+ul{border-top:0}
.pilot .crow{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:4px 12px;align-items:center;box-sizing:border-box;width:100%;min-height:64px;padding:10px 14px;border:0;border-radius:16px;background:transparent;color:var(--ink);font:inherit;text-align:left;text-decoration:none;cursor:pointer}
.pilot .crow.is-fact{cursor:default}
.pilot a.crow:hover,.pilot button.crow:hover{background:var(--paper)}
.pilot .crow .c-ico{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--sage);color:var(--brand-ink)}
.pilot .crow .c-ico .icon{width:20px;height:20px}
.pilot .crow .c-id{min-width:0}
.pilot .crow .c-name{display:block;font-size:16px;font-weight:750;line-height:1.35;overflow-wrap:anywhere}
.pilot .crow .c-meta{display:block;font-size:14px;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}
.pilot .crow .c-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.pilot .crow .c-where{display:none}
.pilot .crow .c-val{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.pilot .crow .c-val:empty{display:none}
.pilot .crow .c-val b{display:block;font-size:18px;font-weight:800;line-height:1.2}
.pilot .crow .c-val small{display:block;font-size:13px;font-weight:600;color:var(--muted)}
.pilot .crow .c-val.neg b{color:var(--error-color)}
.pilot .crow .chev{width:20px;height:20px;color:var(--brand-ink);transition:transform .2s}
.pilot .crow .chev-space{width:20px}
.pilot .crow[aria-expanded=true] .chev{transform:rotate(180deg)}
.pilot .cdetail{padding:4px 14px 16px 66px}
.pilot .cdetail[hidden]{display:none}
.pilot .c-facts{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:0 0 12px}
.pilot .c-facts dt{font-size:13px;font-weight:700;color:var(--muted)}
.pilot .c-facts dd{margin:0;font-size:15px;overflow-wrap:anywhere}
.pilot .detail-actions{display:flex;flex-wrap:wrap;gap:8px}
.pilot .detail-actions .btn.secondary{border:1px solid var(--control-border);background:var(--surface);color:var(--ink)}
.pilot .tag{display:inline-flex;align-items:center;gap:4px;padding:1px 9px;border-radius:14px;background:var(--sage);color:var(--ink);font-size:13px;font-weight:700;line-height:1.6}
.pilot .tag .icon{width:14px;height:14px}
.pilot .tag--high{background:var(--error-soft);color:var(--error-color)}
.pilot .tag--todo{background:var(--wheat);color:#19533e}
.pilot .tag--ok{background:var(--brand-soft);color:var(--brand-ink)}
.pilot .tag--off{background:transparent;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}
.pilot .clist--loading .skel{display:block;height:16px;margin-top:8px;border-radius:10px;background:var(--sage)}
.pilot .clist--loading .skel.w60{width:60%}.pilot .clist--loading .skel.w80{width:80%}
.pilot .clist--empty{padding:0}
.pilot .c-empty{padding:24px 16px;text-align:center}
.pilot .c-empty>.icon{width:40px;height:40px;color:var(--brand-ink)}
.pilot .c-empty h2{margin:8px 0 0;font-size:17px}
.pilot .c-empty p{max-width:42ch;margin:6px auto 16px;font-size:15px;color:var(--muted)}
.pilot .c-empty .detail-actions{justify-content:center}
@media(max-width:399px){.pilot .cdetail{padding-left:14px}.pilot .crow{gap:4px 10px;padding:10px 12px}.pilot .crow .c-ico{width:36px;height:36px}}
/* Under 330 px of container (a 320 px phone) the value goes under the identity, so that the name keeps a readable column;
   from a 375 px phone the value stays aligned on the right, as in the validated mockup. */
@container clist (max-width:329px){
 .pilot .crow{grid-template-columns:auto minmax(0,1fr) auto}
 .pilot .crow .c-val{grid-column:2/-1;grid-row:2;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;text-align:left}
 .pilot .crow .c-val b{display:inline}
 .pilot .crow .c-val small{display:inline}
}
@container clist (min-width:560px){
 .pilot .clist-cols{display:grid;grid-template-columns:var(--c-cols);gap:12px;padding:10px 14px 6px;font-size:13px;font-weight:700;color:var(--muted)}
 .pilot .clist-cols .is-value{text-align:right}
 .pilot .crow{grid-template-columns:var(--c-cols)}
 .pilot .crow .c-where{display:block;font-size:15px;overflow-wrap:anywhere}
 .pilot .crow .c-val:empty{display:block}
 .pilot .crow .c-meta .w{display:none}
 .pilot .cdetail{padding-left:66px}
 .pilot .c-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Action menus (components.mjs actionMenus): a sheet above the bottom bar on a phone, a menu under its buttons from 600 px.
   One open at a time, closed by Escape or a press outside (compact-ui.mjs). */
.pilot .amenus{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pilot .amenu-toggle .icon{flex:none;width:20px;height:20px}
.pilot .amenu-toggle--more{background:var(--surface);color:var(--brand-ink);min-width:var(--touch-target);min-height:var(--touch-target)}
.pilot .amenu-toggle--more:hover,.pilot .amenu-toggle[aria-expanded=true].amenu-toggle--more{background:var(--nav-soft)}
.pilot .amenu-sheet{position:fixed;z-index:70;left:8px;right:8px;bottom:calc(84px + env(safe-area-inset-bottom));box-sizing:border-box;max-height:70vh;padding:16px;overflow:auto;overscroll-behavior:contain;border-radius:var(--radius-card);background:var(--surface);color:var(--ink);box-shadow:0 8px 28px #20352a2e}
.pilot .amenu-sheet[hidden]{display:none}
.pilot .amenu-sheet h2{margin:0 0 8px;font-size:17px}
.pilot .amenu-sheet ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.pilot .amenu-sheet .opt{display:flex;align-items:center;gap:10px;box-sizing:border-box;width:100%;min-height:56px;padding:8px 12px;border:0;border-radius:var(--radius-control);background:var(--paper);color:var(--ink);font:inherit;font-size:15px;font-weight:650;text-align:left;text-decoration:none;cursor:pointer}
.pilot .amenu-sheet .opt:hover{background:var(--nav-soft)}
.pilot .amenu-sheet .opt .icon{flex:none;width:20px;height:20px;color:var(--brand-ink)}
.pilot .amenu-sheet .opt-text{min-width:0;overflow-wrap:anywhere}
.pilot .amenu-sheet .opt small{display:block;font-size:14px;font-weight:500;color:var(--muted)}
@media(min-width:600px){.pilot .amenu-sheet{position:absolute;left:auto;right:0;top:calc(100% + 8px);bottom:auto;width:340px;max-width:calc(100vw - 32px)}}

/* « À traiter » block of a page (components.mjs todoBlock); its rows are the home's (farm.css). */
.pilot .todo-block .panel-heading{padding-bottom:10px}

/* States of the space (validated mockup « États de l'espace » of 2026-10-20). One zone of system banners under the top bar
   (pages-ui.mjs systemBanners, components.mjs systemBanner), aligned on the page's own gutters; three tones, the status word
   always written. The state pages (opening, read error, reserved, not subscribed) share one layout and their ways out. */
.pilot .system-banners{display:grid;gap:8px;box-sizing:border-box;max-width:1660px;margin:0 auto;padding:16px 36px 0}
.pilot .system-banners[hidden]{display:none}
@media(max-width:1250px){.pilot .system-banners{padding:16px 24px 0}}
@media(max-width:760px){.pilot .system-banners{padding:12px max(17px,env(safe-area-inset-right)) 0 max(17px,env(safe-area-inset-left))}}
.pilot .sysbar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;align-items:start;min-width:0;padding:12px 14px;border-radius:16px;background:var(--sage);color:var(--ink);font-size:15px;line-height:1.45}
.pilot .sysbar>.icon{width:22px;height:22px;margin-top:2px;color:var(--brand-ink)}
.pilot .sysbar--warn{background:var(--nav-soft)}.pilot .sysbar--warn>.icon{color:var(--warning-ink)}
.pilot .sysbar--err{background:var(--error-soft)}.pilot .sysbar--err>.icon{color:var(--error-color)}
.pilot .sysbar .sb-text{min-width:0}
.pilot .sysbar .sb-word{display:block;font-size:13px;font-weight:800;letter-spacing:.04em;line-height:1.4;text-transform:uppercase;color:var(--ink)}
.pilot .sysbar .sb-text strong{display:block;font-size:16px;font-weight:800;line-height:1.35;overflow-wrap:anywhere}
.pilot .sysbar .sb-text p{margin:2px 0 0;overflow-wrap:anywhere}
.pilot .sysbar .sb-act{grid-column:2;display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.pilot .sysbar .sb-act .btn{min-height:var(--touch-target);white-space:normal}
.pilot .sysbar-more>summary{display:flex;align-items:center;gap:8px;min-height:var(--touch-target);width:fit-content;padding:0 4px;border-radius:var(--radius-control);font-size:14px;font-weight:700;color:var(--brand-ink);cursor:pointer}
.pilot .sysbar-more>summary::after{content:'';width:8px;height:8px;margin-top:-4px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg)}
.pilot .sysbar-more[open]>summary::after{margin-top:4px;transform:rotate(-135deg)}
.pilot .sysbar-more[open]>summary{margin-bottom:8px}
.pilot .sysbar-more>.sysbar+.sysbar{margin-top:8px}
@media(min-width:768px){.pilot .sysbar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.pilot .sysbar>.icon{margin-top:0}.pilot .sysbar .sb-act{grid-column:3;margin-top:0;justify-content:flex-end}}
/* On a phone the second banner keeps its word and title only; its full text stays in the first or under « autres informations ». */
@media(max-width:599.98px){.pilot .system-banners>.sysbar+.sysbar .sb-text p{display:none}.pilot .system-banners>.sysbar{padding:10px 12px}}
.pilot .state-page{max-width:560px;margin:24px auto;min-width:0}
.pilot .state-page .state-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:12px;border-radius:16px;background:var(--sage);color:var(--brand-ink)}
.pilot .state-page .state-icon .icon{width:30px;height:30px}
.pilot .state-page--err .state-icon{background:var(--error-soft);color:var(--error-color)}
.pilot .state-page h1{margin:0 0 8px;font-size:24px;line-height:1.25;overflow-wrap:anywhere}
.pilot .state-page .state-lead{margin:0 0 12px;font-size:16px;line-height:1.55;overflow-wrap:anywhere}
.pilot .state-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.pilot .state-actions .btn{min-height:var(--touch-target);white-space:normal}
.pilot .state-why{margin:16px 0 0;padding:12px 14px;border-radius:14px;background:var(--sage);font-size:15px;line-height:1.55}
.pilot .state-detail{margin:12px 0 0;font-size:14px;color:var(--muted);overflow-wrap:anywhere}
.pilot .state-farms h2{margin:20px 0 8px;font-size:17px}
.pilot .state-farms ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pilot .state-farms .btn{width:100%;min-height:var(--touch-target);justify-content:flex-start;white-space:normal;text-align:left}
.pilot .state-eyebrow{margin:0 0 4px;font-size:14px;font-weight:700;color:var(--muted)}
.pilot .opening-page .opening-title{margin:0 0 16px;font-size:20px;line-height:1.3}
.pilot .opening-page .state-banners{margin-top:12px}
/* First use of a space (farm-ui.mjs farmDashboard): three numbered steps, each with its action. */
.pilot .start-steps{list-style:none;margin:0;padding:0 20px 20px;display:grid;gap:16px}
.pilot .start-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}
.pilot .start-num{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--sage);color:var(--brand-ink);font-weight:800}
.pilot .start-step h3{margin:4px 0 4px;font-size:16px}
.pilot .start-step p{margin:0 0 8px;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.pilot .start-step .btn{min-height:var(--touch-target);white-space:normal}
.pilot .home--start>.start-panel{margin-top:16px}
.pilot .home--start .home-start-after{margin-top:16px}
/* While no page can be read the navigation is inert (farmShell navOff), dimmed but in place. */
.pilot .sidebar.nav-off nav,.pilot .bottom-nav.nav-off{opacity:.45}
.pilot .refresh-note{display:flex;flex-wrap:wrap;align-items:center;gap:0 12px}
.pilot .refresh-note .refresh-link{display:inline-flex;align-items:center;gap:6px;min-height:var(--touch-target);padding:0 8px;margin-left:-8px;border:0;background:transparent;color:var(--brand-ink);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.pilot .refresh-note .refresh-link .icon{width:18px;height:18px}
.pilot .refresh-note .refresh-when{display:inline-flex;flex-wrap:wrap;align-items:center;gap:0 12px;min-width:0}
@media(max-width:359.98px){.pilot .refresh-note .refresh-when{display:flex;flex-basis:100%}.pilot .refresh-note .refresh-link{flex-basis:100%}}
.pilot .pending-summary{display:grid;gap:4px;justify-items:start}
.pilot .refresh-note>span{min-width:0;overflow-wrap:anywhere}
.pilot .info-chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--sage);color:var(--ink);font-size:13px;font-weight:700}
/* An expired session counts what stays on this device (auth-ui.mjs). */
.auth-local{display:grid;gap:4px;margin:0 0 16px;padding:12px 14px;border-radius:14px;background:var(--paper);color:var(--ink);font-size:15px;line-height:1.5}
.auth-local strong{font-size:16px}

/* Tables of the shared component (components.mjs), and only them: pilot-table--cards. Other .pilot-table (Markets) keep
   their own layout. From 600 px headers and text cells wrap when space runs out (amounts stay on one line) instead of
   widening the table, and cells are tighter up to 1023 px. Under 600 px each row becomes a card and each cell a
   label/value pair: the label is a span hidden from assistive technologies (aria-hidden), shown only here; the header row
   stays in the accessibility tree, visually hidden, with the explicit table roles the component writes. */
.pilot-cell-label{display:none}
@media screen and (min-width:600px) and (max-width:1023.98px){.pilot .pilot-table--cards>thead>tr>th,.pilot .pilot-table--cards>tbody>tr>td{padding:12px 14px}}
@media screen and (min-width:600px){.pilot .pilot-table--cards>thead>tr>th,.pilot .pilot-table--cards>tbody>tr>td:not(.amount){white-space:normal}.pilot .pilot-table--cards>thead>tr>th{vertical-align:bottom}}
@media screen and (max-width:599.98px){.pilot .pilot-table-wrap--cards{overflow:visible;background:transparent;border-radius:0}.pilot .pilot-table--cards,.pilot .pilot-table--cards>tbody,.pilot .pilot-table--cards>tbody>tr,.pilot .pilot-table--cards>tbody>tr>td,.pilot .pilot-table--cards>tbody>tr>th{display:block;width:auto}.pilot .pilot-table--cards{font-size:.9375rem}.pilot .pilot-table--cards>thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.pilot .pilot-table--cards>tbody>tr{background:var(--surface);border-radius:var(--radius-card);padding:4px 16px;margin:0 0 12px}.pilot .pilot-table--cards>tbody>tr>td,.pilot .pilot-table--cards>tbody>tr>th{max-width:none;padding:12px 0;border:0;border-top:1px solid var(--line);text-align:left;white-space:normal;overflow-wrap:anywhere;font-weight:inherit;color:inherit;background:none}.pilot .pilot-table--cards>tbody>tr>td:first-child,.pilot .pilot-table--cards>tbody>tr>th:first-child{border-top:0}.pilot .pilot-table--cards .pilot-cell-label{display:block;margin-bottom:4px;color:var(--muted);font-size:var(--text-min);font-weight:600;line-height:1.4}.pilot .pilot-table--cards td .text-link{display:flex;width:fit-content}.pilot .pilot-table--cards td .btn{margin:8px 8px 0 0}.pilot .pilot-table--cards td .btn.secondary:not(.danger){border-color:var(--control-border)}}