input,select,textarea {font-size:16px!important;max-width:100%}button,.button{min-height:44px;touch-action:manipulation}html{scroll-padding-top:90px}img{max-width:100%}.commerce-fields{border:1px solid var(--line,#dce5dd);border-radius:14px;padding:18px;margin:12px 0}.commerce-fields legend{font-weight:700;padding:0 8px}.commerce-fields .form-grid{margin-top:10px}.contact-row{border-top:1px solid #e2e9e0;padding:18px 0}.field-label{display:block;font-weight:600;margin:8px 0}.article-details{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px;color:#657163;margin:10px 0}.article-details p{width:100%;white-space:pre-line;margin:3px 0}.catalog-filters{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;padding:16px}.catalog-filters label{min-width:0}.catalog-filters input,.catalog-filters select{width:100%}.catalog-filters~.selection{max-height:570px}.filter-count{padding:0 16px}.builder-client{border-bottom:1px solid #e8ece5}.builder-client .check-row{border-bottom:0}.contact-pick{padding:0 18px 16px 50px}.select-all-clients{margin:0 16px 12px}.contact-pick select{width:100%}.check-row>span{min-width:0;overflow-wrap:anywhere}.check-row .thumb{flex-shrink:0}.product-photo{cursor:zoom-in}.photo-lightbox{border:0;border-radius:18px;padding:12px;background:#fafcf8;max-width:94vw;max-height:94dvh;overflow:auto}.photo-lightbox img{display:block;object-fit:contain;width:auto;height:auto;max-width:87vw;max-height:80dvh;border-radius:10px}.photo-lightbox button{display:block;margin:0 0 8px auto;width:44px;font-size:24px}.quantity{display:grid!important;grid-template-columns:minmax(72px,.6fr) 16px minmax(0,1.5fr)!important;gap:8px!important;align-items:end}.quantity .times{padding-bottom:12px;text-align:center}.quantity label{min-width:0}.quantity input,.quantity select{width:100%;min-height:46px}.retail-panel{background:#f5f8f0;border:1px solid #e0e7d9;border-radius:12px;padding:12px;margin-top:14px}.retail-panel summary,.calculator summary{font-size:14px;font-weight:650;cursor:pointer;min-height:28px}.retail-inputs{display:grid;gap:12px;margin-top:12px}.retail-inputs input,.retail-inputs select{width:100%}.retail-inputs small{line-height:1.5}.calculator{border-top:1px solid #dae3d3;padding-top:10px}.calculator label{margin:10px 0}.memory-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e4e9df;padding:10px 0}.memory-row small{display:block}.price-example{background:#eef4e8;padding:14px;border-radius:10px;align-self:end;font-weight:650}.stat strong{overflow-wrap:anywhere}.retail-order{display:block}.retail-memory{max-height:220px;overflow:auto}.modal-open{overflow:hidden}dialog::backdrop{background:#163d2570;backdrop-filter:blur(3px)}
@media(hover:hover) and (pointer:fine){.check-row .photo-figure.thumb:hover{z-index:8}.check-row .product-photo.thumb:hover{transform:scale(2.8);box-shadow:0 8px 28px #123d2540;position:relative;z-index:8}.product-photo{transition:transform .15s ease}.selection{overflow-x:clip}}
@media(max-width:700px){.commerce-fields{padding:14px 12px}.catalog-filters{padding:12px;gap:10px}.catalog-filters label:first-child{grid-column:1/-1}.catalog-filters label:last-child{grid-column:1/-1}.form-grid>*{min-width:0}.modal-header{position:sticky;top:0;background:#fff;z-index:10}.modal-header h2{font-size:20px}dialog{max-width:calc(100vw - 16px);max-height:92dvh;padding:18px!important;border-radius:18px}.form-footer{flex-wrap:wrap}.form-footer button{flex:1}.buyer-product h2{overflow-wrap:anywhere}.buyer-grid{min-width:0}.buyer{overflow-x:clip}.retail-panel{padding:10px}.builder-summary{padding-bottom:max(16px,env(safe-area-inset-bottom))}.builder-summary>div{min-width:0}.panel-heading{flex-wrap:wrap}.panel-heading select{max-width:100%}.toolbar{flex-wrap:wrap}.actions{flex-wrap:wrap}.row-copy,.order-line>span{min-width:0;overflow-wrap:anywhere}.order-line>strong{flex-shrink:0}.buyer-jump{bottom:max(16px,env(safe-area-inset-bottom));min-height:50px}}
@media(prefers-reduced-motion:reduce){.product-photo{transition:none}}

@media(max-width:760px){.keyboard-open .sidebar nav,.keyboard-open .buyer-jump{display:none}.keyboard-open .builder-summary{position:static}.keyboard-open dialog{max-height:96dvh}.sidebar{backdrop-filter:none}.toggle-row{min-height:44px}dialog .form-footer{position:sticky;bottom:-18px;background:#fff;padding:14px 0;z-index:3}}


[hidden]{display:none!important}.buyer-price-main{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.buyer-price-main small{line-height:1.5}.pack-price{display:block;line-height:1.6;margin:6px 0 10px}.sticker-placement{padding:12px 0}.sticker-placement select{width:100%;min-width:0}.charge-breakdown small{display:block;font-size:12px;margin:4px 0;color:#536252}.price-example{white-space:pre-line;line-height:1.8;grid-column:1/-1}.quantity{grid-template-columns:72px 16px minmax(0,1fr)!important}.buyer-product select{max-width:100%}#pricing-settings-form h2{margin-bottom:20px}#pricing-settings-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}

@media(max-width:700px){dialog .modal-header{top:-18px;margin-left:-18px;margin-right:-18px;padding:18px;background:#fff;border-bottom:1px solid #e2e9df}}

/* Unified mobile workspace — October 2026. Shared by production and the public demo. */
:root { --mobile-nav-height: 76px; }
html { scroll-padding-bottom: 110px; }
html.modal-open, html.photo-open { overflow: hidden; }
input, select, textarea { scroll-margin-block: 90px; }
fieldset { min-inline-size: 0; }
button, .button { line-height: 1.35; }
button:active:not(:disabled), .button:active { transform: translateY(1px); }
.nav-label-mobile, .sidebar nav .mobile-nav-more { display: none; }
.modal-body { min-height: 0; min-width: 0; overflow: auto; overscroll-behavior: contain; padding: 0 28px 28px; }
#modal { padding: 0 !important; overflow: hidden; }
#modal[open] { display: flex; flex-direction: column; }
#modal .modal-header { position: relative; inset: auto; margin: 0; padding: 20px 28px; gap: 16px; flex: 0 0 auto; background: #fff; border-bottom: 1px solid var(--border); }
#modal .modal-header button { min-width: 44px; min-height: 44px; flex: 0 0 44px; font-size: 24px; padding: 4px; border-radius: 50%; }
#modal .modal-header h2 { line-height: 1.3; }
#modal .modal-body > :first-child { margin-top: 20px; }
#modal .form-footer { position: sticky; bottom: -28px; margin: 24px -4px -28px; padding: 16px 4px 24px; background: #fff; border-top: 1px solid var(--border); z-index: 3; }
.modal-sections { display: flex; overflow-x: auto; flex: 0 0 auto; padding: 10px 28px; gap: 8px; border-bottom: 1px solid var(--border); background: #fafcf8; scrollbar-width: thin; }
.modal-sections button { flex: 0 0 auto; background: #fff; color: var(--green); border: 1px solid var(--border); padding: 8px 14px; min-height: 44px; border-radius: 100px; font-size: 13px; font-weight: 600; }
.menu-grid { gap: 6px; }
.menu-grid button { justify-content: flex-start; text-align: left; gap: 14px; min-height: 52px; }
.menu-grid button.active { background: #edf5e9; border-color: #bad2b4; }
.menu-grid button .badge { margin-left: auto; }
.menu-account { display: grid; gap: 8px; border-top: 1px solid var(--border); padding-top: 18px; margin-top: 18px; }
.photo-lightbox { margin: auto; inset: 0; width: fit-content; height: fit-content; padding: 12px !important; }
.photo-lightbox::backdrop { background: #10241be6; }
.catalog-filters { background: #fff; border: 1px solid var(--border); border-radius: 14px; margin-bottom: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.catalog-filters label:first-child { grid-column: 1/-1; }
#offer-form .catalog-filters { border: 0; border-radius: 0; border-bottom: 1px solid var(--border); margin: 0; }
.panel, .product, .buyer-product { min-width: 0; }
#notice { pointer-events: none; }
@media (hover: none) { button:hover, .button:hover { filter: none; } }
@media (max-width: 760px) {
  html { scroll-padding-top: 82px; }
  body { background: #f4f7f2; }
  .shell, .login-wrap { min-height: 100dvh; }
  .shell { padding-inline: env(safe-area-inset-left) env(safe-area-inset-right); }
  .sidebar { position: sticky; top: 0; z-index: 20; height: auto; padding: calc(12px + env(safe-area-inset-top)) 18px 12px; background: #ffffffed; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border-bottom: 1px solid #dce5de; }
  .sidebar .brand { font-size: 20px; gap: 9px; }
  .sidebar .brand img { width: 30px; height: 30px; }
  .sidebar nav { position: fixed; top: auto; bottom: 0; left: 0; right: 0; width: auto; margin: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); padding: 6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left)); gap: 4px; min-height: calc(var(--mobile-nav-height) + env(safe-area-inset-bottom)); border-top: 1px solid #dce5de; border-radius: 0; background: #fffffff7; box-shadow: 0 -4px 24px #163d2508; }
  /* Fixed children must not be trapped inside a backdrop-filter containing block. */
  .sidebar { backdrop-filter: none; -webkit-backdrop-filter: none; }
  .sidebar nav button { display: flex; min-height: 60px; padding: 7px 2px; gap: 5px; font-size: 10px; line-height: 1.15; justify-content: center; flex-direction: column; border-radius: 13px; }
  .sidebar nav button[data-page="home"] { order: 1; }
  .sidebar nav button[data-page="products"] { order: 2; }
  .sidebar nav button[data-page="builder"] { order: 3; background: var(--green); color: #fff; }
  .sidebar nav button[data-page="orders"] { order: 4; }
  .sidebar nav .mobile-nav-more { display: flex; order: 5; }
  .sidebar nav button[data-page="offers"], .sidebar nav button[data-page="clients"], .sidebar nav button[data-page="settings"] { display: none; }
  .sidebar nav button.active:not([data-page="builder"]) { background: #e8f1e3; color: #163d25; }
  .nav-label-desktop { display: none; }
  .nav-label-mobile { display: inline; }
  .nav-symbol svg { width: 23px; height: 23px; }
  .workspace { padding: 12px 16px calc(110px + env(safe-area-inset-bottom)); }
  .topbar { min-height: 30px; padding: 0 0 8px; gap: 12px; }
  .topbar > span { max-width: 100%; font-size: 12px; }
  .topbar [data-action="menu"] { display: none; }
  .topbar .demo-preview-button { display: inline-flex; padding: 8px 12px; font-size: 12px; }
  .pagehead { gap: 18px; margin: 10px 0 24px; }
  .pagehead > div { min-width: 0; }
  .pagehead h1 { font-size: clamp(26px,7vw,32px); line-height: 1.15; letter-spacing: -.04em; }
  .pagehead p { font-size: 14px; line-height: 1.6; margin-top: 9px; }
  .pagehead > button, .pagehead > .button { width: 100%; min-height: 48px; }
  .pagehead > .actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; width: 100%; }
  .pagehead > .actions button { padding: 12px 10px; min-height: 48px; font-size: 13px; }
  .pagehead > .actions button:last-child:nth-child(3) { grid-column: 1/-1; }
  .stats { margin-bottom: 22px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .stat { padding: 16px 14px; border-radius: 16px; }
  .stat small { font-size: 11px; line-height: 1.5; display: block; }
  .stat strong { font-size: clamp(23px,6.5vw,30px); margin: 12px 0 6px; }
  .panel { border-radius: 18px; margin-bottom: 18px; }
  .panel-heading, .panel-body { padding: 18px 16px; }
  .panel-heading { flex-wrap: wrap; gap: 12px; }
  .panel-heading h2 { font-size: 16px; line-height: 1.4; }
  .panel-heading button { font-size: 12px; }
  .row { padding: 18px 16px; gap: 14px; }
  .row h3 { font-size: 16px; line-height: 1.4; }
  .row small { line-height: 1.65; }
  .row .actions { gap: 8px; }
  .row .actions .badge { white-space: normal; max-width: 100%; overflow-wrap: anywhere; }
  .row .actions button { margin-left: auto; }
  .toolbar { gap: 10px; margin-bottom: 14px; }
  .catalog-filters { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 14px; gap: 12px 10px; }
  .catalog-filters label:first-child, .catalog-filters label:last-child { grid-column: 1/-1; }
  .catalog-filters label { font-size: 12px; }
  .catalog-filters select { padding-inline: 9px; }
  .card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
  .product { padding: 16px; gap: 12px; border-radius: 18px; }
  .product .product-photo, .product .photo-placeholder { aspect-ratio: 5/3; border-radius: 12px; }
  .product h3 { font-size: 18px; line-height: 1.35; }
  .product .product-top { flex-wrap: wrap; }
  .product .product-number { font-size: 22px; }
  .product .product-number small { display: inline; font-size: 12px; font-weight: 400; }
  .product dl { font-size: 13px; line-height: 1.5; }
  .product button { font-size: 14px; min-height: 48px; }
  .article-details { font-size: 13px; line-height: 1.55; margin-block: 2px; }
  .form-grid, #pricing-settings-form .form-grid { grid-template-columns: minmax(0,1fr); gap: 18px; }
  .form-grid > *, label { min-width: 0; }
  label { line-height: 1.45; }
  input:not([type="checkbox"]), select, textarea { min-height: 48px; border-radius: 11px; font-size: 16px !important; }
  input[type="checkbox"] { margin: 0; width: 22px; height: 22px; min-height: 22px; }
  .toggle-row { padding: 10px 0; gap: 12px; align-items: center; min-height: 48px; }
  .day-options { gap: 8px; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .day-options .toggle-row { padding: 10px; border: 1px solid var(--border); border-radius: 10px; background: #fff; font-size: 12px; }
  .day-options .toggle-row:has(:checked) { background: #edf5e8; border-color: #a8c59c; }
  .form-note { font-size: 13px; line-height: 1.65; padding: 13px; }
  .commerce-fields, .departure-days { padding: 16px 12px; margin-block: 4px; border-radius: 14px; }
  .commerce-fields legend, .departure-days legend { font-size: 14px; max-width: 100%; }
  .commerce-fields .form-note { margin-block: 12px; }
  .check-row { min-height: 70px; gap: 12px; padding: 14px; }
  .check-row strong { font-size: 14px; line-height: 1.4; }
  .check-row small { line-height: 1.55; font-size: 12px; }
  .selection, .catalog-filters ~ .selection { max-height: 420px; max-height: 52dvh; overscroll-behavior-y: auto; }
  .contact-pick { padding: 0 14px 16px 48px; }
  .builder-summary { bottom: calc(var(--mobile-nav-height) + 10px + env(safe-area-inset-bottom)); padding: 14px 16px; gap: 10px; border-radius: 16px; }
  .builder-summary strong { font-size: 15px; }
  .builder-summary small { font-size: 11px; line-height: 1.5; display: block; }
  .builder-summary button { min-height: 48px; width: 100%; }
  .builder-summary br { display: none; }
  .builder-summary > div { min-width: 0; }
  #modal { inset: 0; margin: 0; width: 100%; max-width: 100%; height: 100dvh; max-height: 100dvh; border: 0; border-radius: 0; background: #fff; box-shadow: none; }
  #modal .modal-header { padding: calc(12px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left)); }
  #modal .modal-header h2 { font-size: 20px; letter-spacing: -.025em; }
  #modal .modal-body { padding: 0 max(16px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left)); scroll-padding-block: 18px 100px; }
  #modal .modal-sections { padding: 10px 16px; scrollbar-width: none; }
  #modal .form-footer { bottom: calc(-20px - env(safe-area-inset-bottom)); margin: 24px -4px calc(-20px - env(safe-area-inset-bottom)); padding: 14px 4px calc(16px + env(safe-area-inset-bottom)); flex-wrap: nowrap; gap: 10px; box-shadow: 0 -6px 16px #ffffffd9; }
  #modal .form-footer button, #modal .form-footer .button { flex: 1; min-height: 50px; font-size: 14px; padding: 12px 8px; }
  #modal.compact-dialog { top: auto; height: auto; max-height: 90dvh; border-radius: 24px 24px 0 0; }
  #modal.compact-dialog .modal-header { padding-top: 16px; }
  .menu-grid { grid-template-columns: minmax(0,1fr); }
  .menu-grid button { min-height: 52px; font-size: 15px; }
  .menu-account button { min-height: 48px; }
  .photo-editor { grid-template-columns: 92px minmax(0,1fr); align-items: start; gap: 14px; }
  .photo-editor .photo-pick { width: 100%; font-size: 13px; padding: 12px 8px; }
  .photo-editor small { font-size: 12px; }
  .import-options, .import-mapping { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .import-drop { padding: 16px; }
  .import-drop input { padding: 10px 6px; font-size: 14px !important; }
  .table-scroll { max-width: 100%; }
  .order-card { padding: 18px 16px; }
  .order-title { flex-wrap: wrap; }
  .order-line { gap: 12px; font-size: 14px; line-height: 1.5; }
  .order-line > strong { font-size: 14px; }
  .order-line .total { font-size: 22px; }
  .order-card .actions button { flex: 1; min-height: 48px; }
  .buyer { padding: env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) calc(100px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left)); overflow-x: visible; }
  .buyer-header { position: sticky; top: 0; z-index: 10; background: #f4f7f2f5; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); margin: 0 -16px; padding: 12px 16px; border-bottom: 1px solid var(--border); }
  .buyer-header .brand { flex: 1; min-width: 0; font-size: 18px; gap: 8px; }
  .buyer-header select { width: 122px; flex-shrink: 0; }
  .buyer-hero { margin: 18px 0; padding: 24px 20px; border-radius: 20px; }
  .buyer-hero h1 { font-size: 27px; line-height: 1.17; }
  .buyer-hero .offer-info { gap: 10px; flex-direction: column; font-size: 13px; margin-top: 18px; }
  .buyer-grid { grid-template-columns: minmax(0,1fr); gap: 18px; }
  .buyer-product { border-radius: 20px; padding: 16px; gap: 12px; }
  .buyer-product .product-photo, .buyer-product .photo-placeholder { aspect-ratio: 5/3; }
  .buyer-product h2 { font-size: 20px; }
  .buyer-product .price { font-size: 30px; }
  .quantity { grid-template-columns: 80px 16px minmax(0,1fr) !important; gap: 8px !important; padding: 14px 0; border-top: 1px solid var(--border); }
  .quantity input { text-align: center; font-size: 18px !important; font-weight: 650; }
  .quantity label { font-size: 13px; }
  .quantity select { padding-inline: 9px; }
  .sticker-choice { gap: 8px; padding-top: 12px; }
  .sticker-choice .toggle-row { padding: 12px; background: #f5f8f2; border: 1px solid #e4ebdf; border-radius: 12px; }
  .sticker-choice .toggle-row:has(:checked) { background: #edf5e8; border-color: #a8c59c; }
  .sticker-placement { padding: 4px 0 8px; }
  .retail-panel { margin-top: 2px; padding: 4px 12px; }
  .retail-panel > summary, .calculator > summary { padding: 12px 0; min-height: 48px; }
  .retail-inputs { padding-bottom: 12px; }
  .checkout { scroll-margin-top: 90px; margin-top: 24px; }
  .checkout-footer { padding-top: 16px; border-top: 1px solid var(--border); gap: 16px; }
  .checkout-footer > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
  .checkout-footer .total { font-size: 25px; }
  .checkout-footer button { width: 100%; min-height: 54px; }
  .buyer-jump { left: max(16px,env(safe-area-inset-left)); right: max(16px,env(safe-area-inset-right)); width: auto; bottom: calc(12px + env(safe-area-inset-bottom)); border-radius: 16px; min-height: 56px; font-size: 15px; }
  .success { margin: 22px 0; padding: 24px 20px; }
  .success .order-line { flex-wrap: wrap; }
  .login-form { min-height: 100dvh; padding: calc(32px + env(safe-area-inset-top)) 24px calc(32px + env(safe-area-inset-bottom)); }
  .login-form button { min-height: 52px; }
  .login-form .brand { margin-bottom: 14px; }
  .demo-landing { padding-top: calc(20px + env(safe-area-inset-top)); }
  .demo-start-actions { flex-direction: column; gap: 10px; }
  .demo-start-actions button { min-height: 52px; font-size: 15px; }
  .demo-start-actions button > svg { display: inline; }
  .buyer-demo-bar { padding-top: 8px; flex-wrap: wrap; }
  #notice { bottom: calc(var(--mobile-nav-height) + 20px + env(safe-area-inset-bottom)); font-size: 14px; line-height: 1.5; }
  .keyboard-open .sidebar nav, .keyboard-open .buyer-jump { display: none; }
  .keyboard-open .builder-summary { position: static; }
  .keyboard-open #modal { top: var(--visible-top,0px); bottom: auto; height: var(--visible-height,100dvh); max-height: var(--visible-height,100dvh); }
  .keyboard-open #modal .modal-header { padding-top: 10px; }
  .keyboard-open .modal-sections { display: none; }
  .keyboard-open #notice { bottom: 16px; }
}
@media (max-width: 480px) { .card-grid { grid-template-columns: minmax(0,1fr); } }
@media (max-width: 350px) {
  .workspace { padding-inline: 12px; }
  .buyer-header .brand { font-size: 16px; }
  .buyer-header select { width: 112px; }
  .photo-editor { grid-template-columns: minmax(0,1fr); }
  .photo-editor #photo-preview { max-width: 120px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
/* Sharing has multiple actions, not a save/cancel footer. */
#modal.compact-dialog .form-footer { position: static; margin: 18px 0 0; padding: 16px 0 0; box-shadow: none; flex-wrap: wrap; }
#modal.compact-dialog .form-footer > .badge { flex-basis: 100%; font-size: 12px; font-weight: 500; line-height: 1.5; padding: 10px; }
#modal .modal-body > a[href^="mailto:"] { display: flex; width: 100%; margin-top: 14px; overflow-wrap: anywhere; }
#modal .modal-body > a[href^="mailto:"] + small { display: block; margin-top: 8px; line-height: 1.6; }

/* Keep native pickers, with consistent controls in Safari and Chrome. */
select { appearance: none; -webkit-appearance: none; background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2347614f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; padding-right: 34px !important; }
@media (max-width: 370px) { .catalog-filters { grid-template-columns: minmax(0,1fr); } }

/* Safari must not size label grid tracks from the longest select option. */
label { grid-template-columns: minmax(0, 1fr); }
input, select, textarea { min-width: 0; }

select { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }