/* Listiqo Open — layouts for real feed, product and rule screens.
   Shared typography, tokens and controls live in listiqo.css. */
.fw .fw-logo img { display:block; width:22px; height:22px; object-fit:contain; }
.fw .fw-overview-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(270px,1fr); gap:22px; align-items:start; }
.fw .fw-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px 21px; border-bottom:1px solid var(--fw-border); }
.fw .fw-panel-heading h2 { margin:0; }
.fw .fw-panel-heading p { margin:4px 0 0; font-size:11px; }
.fw .fw-panel-heading>.fw-link { white-space:nowrap; font-size:11px; }
.fw .fw-panel-content { padding:0 21px; }
.fw .fw-store-label { margin:18px 0 10px; font-size:11px; font-weight:500; }
.fw .fw-overview-grid .fw-ovz { margin:0; padding:20px 0; border-top:0; border-bottom:1px solid var(--fw-border); }
.fw .fw-overview-grid .fw-ovz:last-child { border-bottom:0; }
.fw .fw-ovz-naam strong { font-size:12px; font-weight:500; }
.fw .fw-ovz-naam small { font-size:10px; }
.fw .fw-ovz-tijd { font-size:10px; }
.fw .fw-ovz-trechter { padding:17px 0 0; margin:16px 0 0; border-top:1px solid var(--fw-border); gap:10px 16px; }
.fw .fw-ovz-stap { flex:1; }
.fw .fw-ovz-stap b { font-size:24px; font-weight:400; }
.fw .fw-ovz-stap small { display:block; font-size:10px; margin:3px 0 0; }
.fw .fw-ovz-min { font-size:10px; align-self:center; }
.fw .fw-ovz-note { padding:0; margin:14px 0 0; font-size:10px; }
.fw .fw-overview-attention .fw-line { padding:16px 0; align-items:flex-start; gap:14px; }
.fw .fw-overview-attention .fw-line strong { font-size:11px; }
.fw .fw-overview-attention .fw-line small { font-size:10px; line-height:1.7; }
.fw .fw-overview-attention .fw-line .fw-link { flex-shrink:0; font-size:10px; margin-top:2px; }
.fw .fw-channels-layout { display:grid; grid-template-columns:minmax(0,1fr) 255px; gap:24px; align-items:start; }
.fw .fw-channel-stack { display:grid; gap:17px; min-width:0; }
.fw .fw-channel-card { padding:22px; }
.fw .fw-channel-card-head { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.fw .fw-channel-card .fw-name-wrap h2 { margin:0 0 3px; font-size:13px; }
.fw .fw-channel-card .fw-name-wrap a { color:var(--fw-text); text-decoration:none; }
.fw .fw-channel-card .fw-name-wrap a:hover { text-decoration:underline; }
.fw .fw-channel-card .fw-name-wrap small { font-size:10px; line-height:1.7; }
.fw .fw-channel-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; padding-top:17px; margin:21px 0; border-top:1px solid var(--fw-border); }
.fw .fw-channel-metrics dt { margin-bottom:7px; color:var(--fw-muted); font-size:10px; }
.fw .fw-channel-metrics dd { margin:0; font-size:12px; overflow-wrap:anywhere; }
.fw .fw-channel-card-actions { display:flex; align-items:center; flex-wrap:wrap; gap:15px; }
.fw .fw-channel-card-actions>.fw-link { font-size:11px; }
.fw .fw-channel-card-actions>.fw-link:last-child { margin-left:auto; }
.fw .fw-channel-guide { padding:21px 22px; border-top:2px solid #d7d3e8; background:var(--fw-panel); }
.fw .fw-channel-guide h2 { margin:13px 0; font-family:'Bricolage Grotesque',sans-serif; font-size:23px; font-weight:400; letter-spacing:-.5px; line-height:1.25; }
.fw .fw-channel-guide>p { font-size:11px; line-height:1.85; }
.fw .fw-channel-guide ol { list-style:none; padding:0; margin:24px 0 0; }
.fw .fw-channel-guide li { display:flex; gap:12px; padding:14px 0; border-top:1px solid var(--fw-border); }
.fw .fw-channel-guide li>span { color:var(--fw-muted); font-size:10px; padding-top:2px; }
.fw .fw-channel-guide li strong { font-size:11px; font-weight:500; }
.fw .fw-channel-guide li p { margin:4px 0 0; font-size:10px; line-height:1.7; }
.fw .fw-empty-state { padding:45px 25px; text-align:center; }
.fw .fw-empty-state h2,.fw .fw-empty-state h3 { margin:0 0 8px; font-size:16px; font-weight:500; }
.fw .fw-empty-state p { max-width:470px; margin:0 auto 20px; font-size:12px; line-height:1.85; }
.fw .fw-empty-state p:last-child { margin-bottom:0; }
.fw .fw-empty-mark { display:grid; place-items:center; width:36px; height:36px; margin:0 auto 18px; border:1px solid var(--fw-border); border-radius:8px; color:var(--fw-accent); background:var(--fw-panel-subtle); font-size:18px; }
.fw .fw-empty-compact { padding:38px 5px; }
.fw .fw-empty-compact h3 { font-size:13px; }
.fw .fw-empty-compact p { font-size:11px; }
.fw .fw-catalogue-panel { overflow:hidden; }
.fw .fw-catalogue-panel .fw-toolbar { padding:13px 19px; margin:0; border-bottom:1px solid var(--fw-border); flex-wrap:wrap; }
.fw .fw-catalogue-panel .fw-tabs { gap:5px; border-bottom:0; }
.fw .fw-catalogue-panel .fw-tabs a { padding:7px 9px; font-size:11px; border:0; border-radius:5px; }
.fw .fw-catalogue-panel .fw-tabs a[aria-selected=true] { box-shadow:none; background:var(--fw-hover); color:var(--fw-text); }
.fw .fw-catalogue-panel .fw-search { width:245px; font-size:11px; padding:9px 11px; }
.fw .fw-catalogue-panel #fw-producten>.fw-table { border:0; border-radius:0; }
.fw .fw-catalogue-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; padding:12px 19px; border-top:1px solid var(--fw-border); }
.fw .fw-catalogue-footer .fw-bottomnote { margin:0; font-size:10px; }
.fw .fw-catalogue-footer .fw-paginering { margin:0; padding:0; font-size:10px; }
.fw .fw-rule-version { display:flex; align-items:center; flex-wrap:wrap; gap:12px; font-size:11px; color:var(--fw-muted); margin:0 0 21px; }
.fw .fw-section-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 12px; }
.fw .fw-section-heading h2 { margin:0; font-size:14px; }
.fw .fw-section-heading>span { font-size:10px; color:var(--fw-muted); }
.fw .fw-section-intro { margin:25px 0 12px; }
.fw .fw-section-intro h2 { margin:0 0 5px; }
.fw .fw-section-intro p { margin:0; font-size:11px; }
.fw .fw-regels .fw-acties { white-space:nowrap; }
.fw .fw-regels .fw-acties button { font-size:10px; }
.fw .fw-rule-lists { margin-top:24px; }
.fw .fw-rule-lists>summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:17px 20px; cursor:pointer; list-style:none; }
.fw .fw-rule-lists>summary::-webkit-details-marker { display:none; }
.fw .fw-rule-lists>summary:after { content:'+'; font-size:18px; font-weight:400; color:var(--fw-muted); }
.fw .fw-rule-lists[open]>summary:after { content:'−'; }
.fw .fw-rule-lists>summary>span:first-child { flex:1; }
.fw .fw-rule-lists>summary strong { display:block; font-weight:500; font-size:12px; }
.fw .fw-rule-lists>summary small { display:block; color:var(--fw-muted); font-size:10px; margin-top:3px; }
.fw .fw-rule-lists-body { padding:0 20px 18px; }
.fw .fw-rule-lists-body>p { margin:0 0 15px; font-size:11px; }
.fw .fw-rule-lists-body .fw-bottomnote { font-size:10px; }
.fw .fw-run-select { display:flex; gap:7px; align-items:center; min-width:0; }
.fw .fw-run-select select { max-width:300px; min-width:0; }
.fw .fw-publish-layout { grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr); align-items:start; }
.fw .fw-publish-confirm { border-top:2px solid #d7d3e8; }
.fw .fw-publish-confirm>.fw-primary,.fw .fw-publish-confirm form>.fw-primary { width:100%; }
.fw .fw-publish-confirm .fw-summary-line { gap:14px; }
.fw .fw-publish-confirm .fw-summary-line strong { max-width:70%; overflow-wrap:anywhere; }
.fw .fw-publish-confirm .fw-bottomnote { font-size:10px; }
.fw .rb-layout { grid-template-columns:minmax(0,1fr) 310px; gap:22px; }
.fw .rb-identity .fw-section-heading { margin-bottom:21px; }
.fw .rb-label { font-size:11px; font-weight:500; }
.fw .rb-check { margin:12px 0; font-size:11px; }
.fw .rb-case-header { padding:15px 20px; background:var(--fw-panel-subtle); }
.fw .rb-case-header h2 { font-size:13px; }
.fw .rb-section { padding:20px; }
.fw .rb-badge { background:#e6eef1; color:var(--fw-accent); font-weight:500; border-radius:4px; }
.fw .rb-badge-else { background:#eeebf5; color:#635775; }
.fw .rb-preview-heading { display:flex; align-items:center; gap:11px; margin-bottom:16px; }
.fw .rb-preview-heading .fw-eyebrow { margin:0 0 3px; font-size:9px; }
.fw .rb-preview-heading h2 { margin:0; font-size:14px; }
.fw .fw-preview-mark { width:32px; height:32px; display:grid; place-items:center; background:#eeebf5; border-radius:6px; font-size:17px; }
.fw .rb-preview>p { font-size:11px; line-height:1.8; }
.fw .rb-preview-button { width:100%; margin-top:12px; }
.fw .rb-savebar { padding:17px 0 5px; }
.fw .rb-savebar span { font-size:10px; }
.fw .rb-case-footer { padding:11px 20px; }
@media(max-width:1180px) {
  .fw .fw-overview-grid { grid-template-columns:minmax(0,1fr); }
  .fw .fw-channels-layout { grid-template-columns:minmax(0,1fr) 225px; gap:18px; }
  .fw .fw-channel-card { padding:19px; }
  .fw .rb-layout { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:950px) {
  .fw .fw-channels-layout { grid-template-columns:minmax(0,1fr); }
  .fw .fw-channel-guide { display:none; }
  .fw .fw-publish-layout { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:700px) {
  .fw .fw-channel-card-head { gap:12px; align-items:flex-start; flex-wrap:wrap; }
  .fw .fw-channel-card-head>.fw-tag { margin-left:48px; }
  .fw .fw-channel-card-actions { gap:12px; }
  .fw .fw-channel-card-actions>.fw-link:last-child { margin-left:0; }
  .fw .fw-channel-metrics { gap:12px; }
  .fw .fw-channel-metrics dt { font-size:9px; }
  .fw .fw-channel-metrics dd { font-size:11px; }
  .fw .fw-panel-heading { padding:17px 18px; }
  .fw .fw-panel-content { padding:0 18px; }
  .fw .fw-catalogue-panel .fw-toolbar { padding:12px 14px; gap:12px; }
  .fw .fw-catalogue-search { width:100%; }
  .fw .fw-catalogue-panel .fw-search { width:100%; }
  .fw .fw-catalogue-footer { padding:12px 14px; }
  .fw .fw-ovz-kop { flex-wrap:wrap; }
  .fw .fw-ovz-kop>.fw-tag { margin-left:auto; }
  .fw .fw-ovz-trechter { gap:9px; }
  .fw .fw-ovz-stap b { font-size:22px; }
  .fw .fw-run-select { flex-wrap:wrap; }
  .fw .fw-run-select select { max-width:100%; }
  .fw .rb-section { grid-template-columns:minmax(0,1fr); padding:17px; }
  .fw .rb-badge { width:fit-content; }
  .fw .rb-preview { position:static; max-height:none; }
}