/* Herbruikbare presentatielaag boven de bestaande componenten. */
body{font-family:var(--font-body);line-height:var(--line-body);background:var(--paper)}
h1,h2,h3,.logo{font-family:var(--font-heading);color:var(--brand)}
h1{font-weight:750}h2,h3{font-weight:700}p{overflow-wrap:break-word}
.topbar{background:var(--brand-primary-hover);color:var(--off-white);padding:7px 0;font-size:12px}
.header{background:var(--brand-primary);color:var(--off-white);border-color:var(--brand-primary-hover)}
.header-inner{min-height:84px}.header .logo,.header .logo span{color:var(--off-white)}
.header nav a:hover,.header nav a[aria-current]{color:var(--off-white);text-decoration:underline;text-decoration-thickness:2px}
.header-inner>.btn{background:var(--off-white);color:var(--brand-primary);border-color:var(--off-white)}
.menu{background:transparent;color:var(--off-white);border-color:var(--off-white);min-height:44px}
.btn{background:var(--brand-primary);color:var(--off-white);border-color:var(--brand-primary);border-radius:var(--radius-button);min-height:48px}
.btn:hover{background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}
.btn.secondary{background:var(--off-white);color:var(--brand-primary);border-color:var(--input-border)}
.btn.secondary:hover,.btn.light:hover{background:var(--surface);color:var(--brand-primary);border-color:var(--brand-primary)}
.btn.light{background:var(--off-white);color:var(--brand-primary);border-color:var(--off-white)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.header :focus-visible,footer :focus-visible,.account-nav :focus-visible{outline-color:var(--off-white)}
button,input,select,textarea{font:inherit}input,textarea,select{accent-color:var(--brand-primary)}
.field input,.field select,.field textarea,.filters input,.filters select,.search-field input{background:var(--card);border-color:var(--input-border);border-radius:var(--radius-input);min-height:48px}
input:focus,select:focus,textarea:focus{border-color:var(--focus)}
.field:has([required])::after{content:'Verplicht';display:block;font-size:var(--text-xs);font-weight:400;color:var(--muted);margin-top:4px}
.hero{background:var(--card);border:1px solid var(--border);min-height:460px;box-shadow:var(--shadow-sm)}
.hero-copy{padding:var(--space-7)}.hero h1{font-size:clamp(2rem,3.5vw,3rem);letter-spacing:-1.4px;line-height:1.13;max-width:500px}
.hero p{max-width:430px}.hero-media::after{content:none}
.photo-caption{background:var(--off-white);color:var(--brand-primary);z-index:1;border:1px solid var(--border)}
.price{color:var(--brand-primary);font-variant-numeric:tabular-nums}.card{background:var(--card);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}
.card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.card-body{flex:1;display:flex;flex-direction:column}.card-body>.btn{margin-top:auto}
.card-body .fine:last-of-type{margin-bottom:16px}.card h3{min-height:2.8em}.card-image{height:215px}.badge{background:var(--brand-primary);color:var(--off-white)}
.badge.ending{background:var(--brand-primary);color:var(--off-white)}.time{border-top:1px solid var(--border);padding-top:12px;color:var(--brand-primary);font-variant-numeric:tabular-nums}
.category{background:var(--card);transition:border-color .15s,background .15s}.category:hover{background:var(--surface)}
.business{background:var(--brand-primary);color:var(--off-white)}.business h2,.business p{color:var(--off-white)}
footer{background:var(--brand-primary);color:var(--off-white);border:0;padding-top:var(--space-7)}
footer .logo,footer h3,footer .footer-grid p,footer .footer-bottom{color:var(--off-white)}
footer .footer-bottom{border-color:var(--brand-primary-hover)}footer a:hover,footer button:hover{text-decoration:underline;text-underline-offset:4px}
.account-nav{background:var(--brand-primary);color:var(--off-white);border-color:var(--brand-primary)}.account-nav .eyebrow{color:var(--off-white)}
.account-nav nav a{color:var(--off-white);min-height:44px}.account-nav nav a[aria-current]{background:var(--brand-primary-hover);color:var(--off-white);box-shadow:inset 3px 0 var(--off-white)}
.account-nav nav a:hover{color:var(--off-white);background:var(--brand-primary-hover)}.account-nav .btn{border-color:var(--off-white);color:var(--off-white)}
.dashboard-content,.account-panel,.application,.filters{background:var(--card);box-shadow:var(--shadow-sm)}
.summary{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5)}
.summary b{color:var(--brand-primary);font-size:18px;overflow-wrap:anywhere}.summary-grid.quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}
.quick-links .summary:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-sm)}.quick-links .summary b{display:block;margin-bottom:8px}.quick-links .summary span{font-size:13px;color:var(--muted)}
.account-tabs a,.account-tabs button{background:var(--card);color:var(--brand-primary);min-height:48px}
.account-tabs [aria-current],.account-tabs [aria-selected=true]{background:var(--brand-primary);color:var(--off-white)}
.status{border-radius:5px;padding:5px 10px;line-height:1.4;background:var(--info-bg);color:var(--brand-primary)}
.status-active,.status-approved,.status-paid,.status-completed,.status-delivered{background:var(--success-bg);color:var(--success)}
.status-pending,.status-scheduled,.status-awaiting,.status-overdue{background:var(--warning-bg);color:var(--warning)}
.status-rejected,.status-blocked,.status-changes_requested,.status-canceled,.status-failed{background:var(--danger-bg);color:var(--danger)}
.status-sold,.status-shipped{background:var(--info-bg);color:var(--brand-primary)}
.empty,.empty-section{background:var(--surface);border:1px dashed var(--input-border);color:var(--muted);border-radius:var(--radius);grid-column:1/-1}
.empty h2{color:var(--brand-primary);font-size:23px}.loading{min-height:280px;color:var(--muted)}.spinner{border-top-color:var(--brand-primary)}
.detail-price{background:var(--card);box-shadow:var(--shadow-sm);border-radius:var(--radius)}#auction-bidding{margin-top:0}
#auction-current h3{font-size:clamp(1.5rem,2.1vw,1.85rem);letter-spacing:-.6px;line-height:1.3}
#auction-clock{background:var(--info-bg);color:var(--brand-primary);border:1px solid var(--border);border-left:3px solid var(--brand-primary);padding:12px 14px;border-radius:6px;font-variant-numeric:tabular-nums}
#auction-clock strong{display:block;font-size:19px}#auction-clock small{display:block;font-size:12px;font-weight:400;margin-top:3px}
#auction-clock.ending-soon{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}
#binding-bid-form{border-top:1px solid var(--border);padding-top:16px}#binding-bid-form .btn{width:100%}#binding-preview{background:var(--surface);border:1px solid var(--border)}
dialog{background:var(--off-white);border-color:var(--border);box-shadow:var(--shadow-modal)}dialog::backdrop{background:var(--backdrop)}
.detail-price details{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}summary{cursor:pointer;color:var(--brand-primary)}
.cookie-panel{background:var(--off-white);box-shadow:var(--shadow-modal)}
table{width:100%;border-collapse:collapse;background:var(--card)}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--border)}th{background:var(--surface);color:var(--brand-primary)}
[data-password-toggle]::before{content:'';width:20px;height:20px;display:inline-block;background:url('/assets/eye.svg') center/contain no-repeat}
[data-password-toggle][aria-pressed=true]::before{background-image:url('/assets/eye-off.svg')}
@media(max-width:1100px){.header-inner{min-height:82px;padding-top:16px;padding-bottom:16px}.hero-copy{padding:32px}.hero h1{font-size:38px}}
@media(max-width:760px){.header-inner{min-height:68px;padding:12px 20px}.topbar{font-size:11px;padding:5px 0}.logo{font-size:20px}.hero-copy{padding:28px 24px}.hero h1{font-size:34px;letter-spacing:-1px}.hero-media{min-height:240px}.card-image{height:170px}.card-body{padding:14px}.summary-grid.quick-links{grid-template-columns:1fr}.detail-gallery{grid-row:1}.detail-summary{grid-row:2}.detail-gallery .main-photo{max-height:360px}.detail-summary h1{font-size:28px}.detail-price{margin-top:16px}.btn,.card .btn,.offer-actions .btn{min-height:48px}.account-nav nav a{min-height:44px}.cookie-panel{max-height:85vh}.detail{gap:24px}.footer-grid{gap:28px}.hero .actions .btn{flex:1 1 auto}.text-link{white-space:normal}.gallery button{min-width:64px}}
@media(prefers-reduced-motion:reduce){.card:hover{transform:none}}

/* Foto, titel/bieden, daarna specificaties: behoud bestaande galerie en knoppen. */
@media(max-width:760px){.detail{display:flex;flex-direction:column;gap:16px}.detail-gallery{display:contents}.detail-gallery>*{order:3}.detail-gallery>#main-photo{order:0;max-height:280px;object-fit:cover}.detail-gallery>.gallery{order:1;margin-top:0}.detail-summary{order:2}.gallery button{height:64px;width:85px}.detail-gallery>h2{margin-bottom:0}.detail-gallery>.real-description{margin-top:0}}

.account-nav .btn.secondary{background:transparent;color:var(--off-white);border-color:var(--off-white)}
.account-nav .btn.secondary:hover{background:var(--brand-primary-hover);color:var(--off-white)}
.dashboard-content{align-self:start}
.categories{grid-template-columns:repeat(7,minmax(0,1fr))}.category b{overflow-wrap:normal}
@media(max-width:1100px){.categories{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.categories{grid-template-columns:repeat(2,minmax(0,1fr))}.categories .category:last-child:nth-child(odd){grid-column:1/-1}}

.field-error{color:var(--danger);font-size:var(--text-sm);font-weight:400;margin:6px 0 0}.field input[aria-invalid=true]{border-color:var(--danger)}

.card h2,.card h3,.card .price{overflow-wrap:anywhere}.card-body,.card-price,.card-price>div{min-width:0}
/* Bidding uses the central cobalt tokens. */
.bid-personal{padding:12px 16px;background:var(--brand-primary);color:var(--off-white);border-radius:8px;font-weight:600;overflow-wrap:anywhere}
#bid-range-rows fieldset{min-width:0;margin:18px 0;border:1px solid var(--border);border-radius:10px;padding:16px}
#bid-preferences .check{display:flex;margin:12px 0;gap:12px}
#bid-history p{border-bottom:1px solid var(--border);padding:10px 0;overflow-wrap:anywhere}
#bid-mode{width:100%}#auction-bidding dialog{max-height:85dvh;overflow:auto}#auction-bidding{scroll-margin-top:100px}
@media(min-width:1000px){.detail .detail-summary{position:sticky;top:24px;align-self:start;max-height:calc(100dvh - 48px);overflow:auto}}
@media(max-width:600px){#auction-bidding .btn,#auction-bidding input,#auction-bidding select{min-height:48px}#auction-bidding .actions{flex-wrap:wrap}#auction-bidding h3{font-size:1.2rem}}

.mobile-bid-link{display:none}
@media(max-width:600px){.detail .mobile-bid-link{display:flex;order:-1;margin-bottom:12px}}
/* BLOK 10 uses the central palette and shared account components. */
.table-scroll{max-width:100%;overflow:auto;margin:1rem 0}.growth-table{border-collapse:collapse;width:100%;min-width:640px;background:var(--background-card)}.growth-table th,.growth-table td{padding:.85rem;text-align:left;border-bottom:1px solid var(--border-default);vertical-align:top}.growth-table th{color:var(--brand-primary)}.seller-onboarding{padding-left:1.5rem;line-height:2.3}.offer-filters{margin:1rem 0}.summary-grid .summary b{font-size:1.2rem}.offer-row>.check{align-self:start}.offer-row{grid-template-columns:24px 110px 1fr auto}.status-needs_info{background:var(--background-main);color:var(--brand-primary)}.dashboard-content{min-width:0}#offer-bulk p{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:700px){.offer-row{grid-template-columns:24px 80px 1fr}.offer-row .offer-actions{grid-column:2/-1}.growth-table{font-size:.9rem}.dashboard-content .actions{flex-wrap:wrap}}
/* Definitieve cobalt presentatie; bestaande componenten en interacties blijven behouden. */
.topbar{background:var(--background-secondary);color:var(--text-muted)}
.header{background:var(--background-card);color:var(--text-primary);border-color:var(--border-default)}
.header .logo,.header .logo span{color:var(--brand-primary)}.logo{display:inline-flex;align-items:center;max-width:100%}.brand-logo{display:block;width:240px;max-width:100%;height:auto;object-fit:contain}
.header nav a{color:var(--text-primary)}.header nav a:hover,.header nav a[aria-current]{color:var(--brand-primary)}
.header-inner>.btn{background:var(--brand-primary);color:var(--background-card);border-color:var(--brand-primary)}.header-inner>.btn:hover{background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}
.menu{background:var(--background-card);color:var(--brand-primary);border-color:var(--brand-primary);border-radius:var(--radius-button)}
.menu::before{content:'';display:inline-block;width:16px;height:12px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat;margin-right:7px;vertical-align:-1px}
.btn{color:var(--background-card)}.btn.secondary{background:var(--background-card);color:var(--brand-primary);border-color:var(--brand-primary)}.btn.secondary:hover,.btn.light:hover{background:var(--brand-primary-light);border-color:var(--brand-primary);color:var(--brand-primary-dark)}
.btn.light{background:var(--background-card);color:var(--brand-primary);border-color:var(--background-card)}
.btn:disabled,.btn[aria-disabled=true]{background:var(--disabled-background);border-color:var(--border-default);color:var(--disabled-text);opacity:1;cursor:not-allowed;box-shadow:none}
.header :focus-visible,.account-nav :focus-visible{outline-color:var(--brand-primary)}footer :focus-visible,.business :focus-visible{outline-color:var(--background-card)}
.field input,.field select,.field textarea,.filters input,.filters select,.search-field input{background:var(--background-card);color:var(--text-primary)}
.account-nav{background:var(--background-card);color:var(--text-primary);border-color:var(--border-default)}.account-nav .eyebrow{color:var(--brand-primary)}.account-nav nav a{color:var(--text-primary)}
.account-nav nav a[aria-current]{background:var(--brand-primary-light);color:var(--brand-primary);box-shadow:inset 3px 0 var(--brand-primary)}.account-nav nav a:hover{background:var(--brand-primary-light);color:var(--brand-primary)}
.account-nav .btn.secondary{background:var(--background-card);color:var(--brand-primary);border-color:var(--brand-primary)}.account-nav .btn.secondary:hover{background:var(--brand-primary-light);color:var(--brand-primary-dark)}
footer{background:var(--brand-primary-dark);color:var(--background-card)}footer .brand-logo{background:var(--background-card);padding:8px 10px;border-radius:var(--radius-input);width:260px}
.hero h1{color:var(--text-primary);max-width:540px}.hero .eyebrow{color:var(--brand-primary)}.hero-media::after{content:none}
.card{border-color:var(--border-default);transition:border-color .18s,box-shadow .18s}.card:hover{transform:none;border-color:var(--brand-primary);box-shadow:var(--shadow-card)}.card h3{color:var(--brand-primary)}
.category:hover{background:var(--brand-primary-light);border-color:var(--brand-primary)}.category b{color:var(--brand-primary)}
.badge,.badge.ending{background:var(--brand-primary);color:var(--background-card)}.price,#auction-current h3{color:var(--brand-primary);font-variant-numeric:tabular-nums}
#auction-current h3{font-size:clamp(1.9rem,3vw,2.5rem)}.detail-price{background:var(--background-main);border-color:var(--brand-primary)}
#auction-clock{border-color:var(--brand-primary);border-left-color:var(--brand-primary);border-radius:var(--radius-input)}#auction-clock.ending-soon{border-color:var(--warning-border)}
.bid-personal{background:var(--background-card);color:var(--brand-primary-dark);border:1px solid var(--brand-primary);border-radius:var(--radius-input)}
#binding-preview{background:var(--background-card)}#bid-dialog,#maximum-dialog,dialog{background:var(--background-card)}
#bulk-import{background:var(--background-card);border:1px dashed var(--brand-primary);padding:24px;border-radius:var(--radius)}
#favorite[aria-pressed=true]{background:var(--brand-primary);color:var(--background-card)}#favorite::before{content:'☆';font-size:21px;line-height:1}#favorite[aria-pressed=true]::before{content:'★'}
tr:hover td,tr:hover th{background:var(--brand-primary-light)}th[aria-sort],th a{color:var(--brand-primary)}.status-needs_info{background:var(--warning-bg);color:var(--warning)}
@media(max-width:760px){.header .brand-logo{width:230px;max-width:calc(100vw - 130px)}.header .logo{min-width:0}.header-inner{gap:12px}.menu{padding:9px 12px}nav .mobile-account{background:var(--brand-primary);color:var(--background-card);text-align:center;border-radius:var(--radius-button);margin-top:8px}#bulk-import{padding:18px}.hero h1{font-size:clamp(1.9rem,8vw,2.35rem)}}

.account-brand{margin-bottom:24px}.account-brand .brand-logo{max-width:100%;width:300px}


/* BLOK 12: original square PNG, complete image and natural proportions. */
.brand-logo{width:240px;height:auto;aspect-ratio:1;object-fit:contain;background:var(--background-card);padding:0;filter:none;box-shadow:none;border-radius:0}
.header-inner{align-items:center;gap:32px}.header .logo{flex-shrink:0}.header .brand-logo{width:240px;max-width:100%}
footer .brand-logo{width:240px;height:auto;padding:0;border-radius:0;background:var(--background-card)}
.account-brand .brand-logo{width:260px;max-width:100%}.account-brand{margin-bottom:16px}
@media(max-width:1050px){.header-inner{gap:20px}}
@media(max-width:760px){.header-inner{gap:12px}.header .brand-logo{width:220px;max-width:calc(100vw - 130px)}}
/* Narrow layouts and enlarged text must remain within the available content width. */
h1,h2,h3{overflow-wrap:anywhere}
@media(max-width:760px){.header .logo{flex:1;max-width:220px;min-width:0}.header .brand-logo{width:100%;max-width:100%}.header .menu{flex-shrink:0}}
.footer-grid>div{min-width:0}footer .logo{width:100%;max-width:240px}footer .brand-logo{width:100%;max-width:240px}footer a{overflow-wrap:anywhere}
.header-inner{flex-wrap:wrap}.header nav{min-width:0;flex-wrap:wrap;white-space:normal}
/* BLOK 13 — support reuses account cards, forms and the official brand assets. */
.support-contact{background:var(--background-card);border:1px solid var(--border-default);padding:24px;border-radius:var(--radius);margin:24px 0}.support-faq{background:var(--background-card);border:1px solid var(--border-default);border-radius:var(--radius);padding:18px 22px;margin:12px 0}.support-faq summary{cursor:pointer;font-weight:700;color:var(--brand-primary)}.support-faq p{white-space:pre-wrap;overflow-wrap:anywhere}.support-card{display:flex;justify-content:space-between;gap:20px}.support-detail{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:32px}.support-detail>*,.support-detail form{min-width:0}.support-message{padding:18px 20px;border:1px solid var(--border-default);border-radius:var(--radius);background:var(--background-card);margin:14px 0}.support-body{white-space:pre-wrap;overflow-wrap:anywhere}.internal-note{border-left:4px solid var(--warning);background:var(--warning-bg)}.support-timeline{padding-left:22px}.support-timeline li{padding:10px 0}.support-timeline span,.support-timeline b{display:block;font-size:.875rem}.support-order{margin-top:28px;border-top:1px solid var(--border-default);padding-top:24px}.support-order>a{margin-bottom:20px}.notification-count{background:var(--brand-primary);color:var(--background-card);border-radius:8px;padding:2px 6px;font-size:12px}.unread-message{border-left:4px solid var(--brand-primary)}#notification-bell{display:flex;gap:6px;align-items:center}.support-detail aside{background:var(--background-secondary);border-radius:var(--radius);padding:20px}.support-detail details p{overflow-wrap:anywhere}.support-detail textarea{width:100%}.support-product-actions{margin:24px 0}.support-detail .btn{white-space:normal}#support-ui{min-width:0}.support-detail .field{margin-top:14px}.support-detail aside h3{margin-top:28px}
@media(max-width:1000px){.support-detail{grid-template-columns:1fr}.support-card{display:block}}@media(max-width:600px){.support-faq,.support-contact,.support-message{padding:16px}.support-detail{gap:20px}.support-detail aside{padding:16px}#support-ui .form-grid{grid-template-columns:1fr}.support-card{gap:12px}.support-detail .actions{flex-wrap:wrap}.support-detail input[type=file]{max-width:100%;font-size:13px}}
/* BLOK 14: bestaande cobalt tokens, toegankelijk sterrenformulier en rustige badges. */
.review-card,.review-owned,.product-seller-quality,.order-review{padding:24px;border:1px solid var(--border-default);border-radius:var(--radius-card);background:var(--background-card);margin:20px 0;min-width:0}
.review-body{white-space:pre-wrap;overflow-wrap:anywhere}.review-stars{color:var(--brand-primary);font-size:24px;letter-spacing:3px;white-space:nowrap}.seller-review-reply{border-left:3px solid var(--brand-primary);padding:16px;background:var(--background-main);margin-top:16px}.seller-badges{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.seller-badge{color:var(--brand-primary);border:1px solid var(--border-default);border-radius:8px;padding:10px 12px;max-width:100%;background:var(--background-card)}.seller-badge summary{cursor:pointer;font-weight:600}.seller-badge p{max-width:460px;color:var(--text-primary);font-weight:400}.review-rating{border:1px solid var(--border-default);padding:16px;border-radius:8px;margin:20px 0}.review-rating>div{display:flex;gap:12px;flex-wrap:wrap}.review-rating label{display:flex;align-items:center;gap:5px;padding:8px;cursor:pointer}.review-rating input{accent-color:var(--brand-primary);width:20px;height:20px}#review-ui form{margin:20px 0}#review-ui .field,#public-seller .field{display:flex;flex-direction:column;gap:8px;margin:14px 0}#review-ui textarea,#review-ui select,#review-ui input:not([type=radio]):not([type=checkbox]),#public-seller select{width:100%;max-width:100%;min-width:0;border:1px solid var(--border-default);border-radius:6px;padding:12px;background:white;font:inherit}.review-owned>details{margin:16px 0}.review-owned>details>summary{cursor:pointer;font-weight:600}.review-card .section-title{flex-wrap:wrap;gap:10px}
@media(max-width:600px){.review-card,.review-owned,.product-seller-quality{padding:16px}.review-rating{padding:10px}.review-rating>div{gap:4px}.review-rating label{padding:6px}.seller-badges{gap:8px}.seller-badge{font-size:13px}}
.review-owned>.review-card{padding:0;border:0;margin:0;background:transparent}#review-ui button,.review-owned .btn{white-space:normal;max-width:100%;overflow-wrap:anywhere}.review-owned summary{overflow-wrap:anywhere}
@media(max-width:600px){.dashboard{grid-template-columns:minmax(0,1fr)}.account-nav,.dashboard-content{min-width:0}.account-nav nav{grid-template-columns:repeat(2,minmax(0,1fr))}.account-nav nav a{overflow-wrap:anywhere;min-width:0}}
.review-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:24px 0}.review-card,.review-owned{border-radius:var(--radius-card,10px)}

/* BLOK 17 gebruikt de bestaande huisstijl. */
.pilot-banner{padding:12px 20px;background:var(--brand-primary,#0047B4);color:white;text-align:center;font-weight:600;overflow-wrap:anywhere}#pilot-panel form{margin:20px 0}#pilot-panel .field{display:flex;flex-direction:column;gap:8px;margin:12px 0}#pilot-panel input,#pilot-panel select,#pilot-panel textarea{max-width:100%;min-width:0;padding:12px;font:inherit}#pilot-panel button{max-width:100%;white-space:normal}