/* APPICS Pro — CONTENT-Konsole (KIMI-PRO-CONTENT-20260925, 25.09.2026).
   Stufe 1 (Stempel 0925content): Library. Stufe 2 (Stempel 0925content2,
   Block unten): Tab-Leiste + Planner (K2) + Pipeline (K3). Order 23:
   is-pending (amber, K3/K4); Order 24: is-needed; ab Order 25 Stempel
   0925content5.
   Vorlage: photo_1790321915.jpg. Tokens GEMESSEN aus css/pro.css +
   css/pro-messages.css: Grund #14141e, Panels #1b1d2a/#232537, Teal #35d0c5
   (--teal), Mint #a9f3e1 (--mint), Poppins, Radius 18/12.
   Eigener Praefix pco- (Kollisions-Check gegen css/*.css: 0 Treffer). */

:root {
  /* T2a Z4 (01.10.): an die App-Tokens aus css/app.css gebunden; die Rueckfallwerte sind
     die dort GEMESSENEN Werte (Unit-Waechter vergleicht sie mit app.css). ink/muted weichen
     in app.css ab (#eef0f6 / #8e92b2) und bleiben deshalb bis zu Winchesters Wort Literale. */
  --pco-bg: var(--bg, #14141e);
  --pco-panel: var(--panel, #1b1d2a);
  --pco-panel-2: var(--panel-2, #232537);
  --pco-line: var(--line, rgba(255,255,255,.07));
  --pco-teal: var(--teal, #35d0c5);
  --pco-teal-soft: rgba(53, 208, 197, .14);
  --pco-mint: var(--mint, #a9f3e1);
  --pco-mint-ink: #0f2a26;
  /* T2b-1 F7 (Yamamoto 01.10. 09:16: ANGLEICHEN): Schrift-/Grau-Ton an die App-Tokens gebunden,
     Rueckfall = css/app.css Z.60-61 (#eef0f6 / #8e92b2). Vorher Literale #f2f4f8 / #9aa0b4. */
  --pco-ink: var(--ink, #eef0f6);
  --pco-muted: var(--muted, #8e92b2);
  --pco-green: #3ddc97;
  --pco-blue: #5aa9ff;
  --pco-grey: #8a8fa3;
  --pco-red: #e87f9a;
  --pco-amber: #e7b958;
  /* T2a Z7 (gemessen 01.10.): "Poppins" wird von index.html nicht geladen (dort nur Outfit +
     Geist Mono) und ist auf London nicht installiert -> die Konsole rendert in der Ersatzschrift
     des Geraets, der Rest von Pro in Outfit. Jetzt das App-Token (Lunas Layout = Vorlage). */
  --pco-font: var(--font, 'Outfit', system-ui, sans-serif);
}

/* "New"-Pille am Nav-Eintrag CONTENT (Markup in js/pro.js navigation()). */
.pro-nav-link .pro-nav-new {
  margin-left: auto;
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--pco-mint);
  color: var(--pco-mint-ink);
  font: 600 10px/1.4 var(--pco-font);
  letter-spacing: .02em;
}

/* Die Shell stellt Nav + Flaeche; die Konsole fuellt sie ohne Extra-Padding. */
.pro-page--content .pro-content { padding: 0; }
.pro-page--content { background: var(--pco-bg); }

.pco-mount { min-height: 320px; display: grid; place-items: center; }
.pco-mount-loading { display: flex; align-items: center; gap: 10px; color: var(--pco-muted); font: 500 13px/1.4 var(--pco-font); }

.pco {
  position: relative;
  padding: 18px 20px 28px;
  background: var(--pco-bg);
  color: var(--pco-ink);
  font: 400 13px/1.5 var(--pco-font);
}
.pco *, .pco *::before, .pco *::after { box-sizing: border-box; }
.pco :where(button) { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
.pco :focus-visible { outline: 2px solid var(--pco-teal); outline-offset: 2px; }
.pco svg { width: 18px; height: 18px; }
.pco input, .pco select { min-width: 0; font: inherit; }

/* ---------- Hinweis-Zeile (ehrliche Notizen, nie still) ---------- */
.pco-note {
  position: sticky; z-index: 30; top: 8px;
  max-width: min(560px, 100%);
  margin: 0 auto 10px; padding: 9px 14px;
  background: var(--pco-panel-2); border: 1px solid var(--pco-line); border-radius: 12px;
  color: var(--pco-ink); font-size: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, .45);
}

/* ---------- Kopf: Titel + Werkzeuge ---------- */
.pco-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.pco-head-title h1 { margin: 0; font: 600 22px/1.2 var(--pco-font); letter-spacing: .01em; }
.pco-head-title p { margin: 3px 0 0; color: var(--pco-muted); font-size: 12.5px; }
.pco-head-tools { position: relative; display: flex; align-items: center; gap: 8px; }
.pco-search {
  display: flex; align-items: center; gap: 8px;
  min-width: 230px; padding: 0 12px; height: 38px;
  background: var(--pco-panel); border: 1px solid var(--pco-line); border-radius: 10px;
  color: var(--pco-muted);
}
.pco-search svg { width: 15px; height: 15px; flex-shrink: 0; }
.pco-search input { flex: 1; background: none; border: 0; color: var(--pco-ink); font-size: 12.5px; }
.pco-search input::placeholder { color: var(--pco-muted); }
.pco-search input:focus { outline: none; }
.pco-toolbtn {
  display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 14px;
  background: var(--pco-panel); border: 1px solid var(--pco-line); border-radius: 10px;
  color: var(--pco-ink); font: 500 12.5px/1 var(--pco-font);
}
.pco-toolbtn svg { width: 15px; height: 15px; color: var(--pco-muted); }
.pco-toolbtn:hover { border-color: rgba(53, 208, 197, .4); }
.pco-viewtoggle { display: flex; background: var(--pco-panel); border: 1px solid var(--pco-line); border-radius: 10px; overflow: hidden; }
.pco-viewtoggle button { display: grid; place-items: center; width: 38px; height: 38px; color: var(--pco-muted); }
.pco-viewtoggle button svg { width: 15px; height: 15px; }
.pco-viewtoggle button.is-on { background: var(--pco-teal-soft); color: var(--pco-teal); }

/* Filters-Popover (wirkt: Typ/Status) */
.pco-filterpop {
  position: absolute; z-index: 40; top: 44px; right: 0;
  display: flex; flex-direction: column; gap: 10px;
  min-width: 210px; padding: 12px;
  background: var(--pco-panel-2); border: 1px solid var(--pco-line); border-radius: 12px;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .5);
}
.pco-filterpop label { display: flex; flex-direction: column; gap: 5px; color: var(--pco-muted); font: 500 11px/1.2 var(--pco-font); text-transform: uppercase; letter-spacing: .06em; }

/* ---------- Selects (dunkel, eigener Chevron) ---------- */
.pco-select {
  appearance: none; -webkit-appearance: none;
  height: 30px; padding: 0 26px 0 10px;
  background: var(--pco-panel-2) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa0b4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") no-repeat right 8px center / 12px;
  border: 1px solid var(--pco-line); border-radius: 8px;
  color: var(--pco-ink); font: 500 12px/1 var(--pco-font);
}
.pco-select:focus { border-color: var(--pco-teal); outline: none; }

/* ---------- Stat-Karten ---------- */
.pco-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 16px 0 14px; }
.pco-stat {
  display: flex; align-items: center; gap: 12px;
  padding: 14px 16px;
  background: var(--pco-panel); border: 1px solid var(--pco-line); border-radius: 14px;
}
.pco-stat-ic {
  display: grid; place-items: center; width: 38px; height: 38px; flex-shrink: 0;
  background: var(--pco-panel-2); border-radius: 10px; color: var(--pco-teal);
}
.pco-stat-ic svg { width: 18px; height: 18px; }
.pco-stat-ic.is-mint { color: var(--pco-mint); }
.pco-stat-in { display: flex; flex-direction: column; min-width: 0; }
.pco-stat-in b { font: 600 19px/1.2 var(--pco-font); }
.pco-stat-ic.is-mint + .pco-stat-in b { color: var(--pco-mint); }
.pco-stat-label { color: var(--pco-muted); font-size: 11.5px; }

/* ---------- Upload-Zone ---------- */
.pco-uploadzone { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 12px; margin-bottom: 14px; }
.pco-drop {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
  min-height: 148px; padding: 18px; text-align: center; cursor: pointer;
  background: rgba(53, 208, 197, .03);
  border: 1.5px dashed rgba(53, 208, 197, .35); border-radius: 14px;
  color: var(--pco-muted); transition: border-color .15s, background-color .15s;
}
.pco-drop > svg { width: 30px; height: 30px; color: var(--pco-teal); }
.pco-drop b { color: var(--pco-ink); font: 600 13.5px/1.3 var(--pco-font); }
.pco-drop span { font-size: 12px; }
.pco-drop-hint { color: var(--pco-muted); font-size: 11px !important; }
.pco-drop.is-over { border-color: var(--pco-teal); background: var(--pco-teal-soft); }
.pco-uploads { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.pco-upload {
  display: flex; align-items: center; gap: 12px;
  padding: 10px 12px;
  background: var(--pco-panel); border: 1px solid var(--pco-line); border-radius: 12px;
}
.pco-upload-thumb {
  display: grid; place-items: center; width: 56px; height: 42px; flex-shrink: 0;
  border-radius: 8px; overflow: hidden; background: var(--pco-panel-2); color: var(--pco-muted);
}
.pco-upload-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pco-upload-in { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.pco-upload-in b { font: 500 12.5px/1.2 var(--pco-font); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pco-upload-state { color: var(--pco-muted); font-size: 11px; }
.pco-upload.is-error .pco-upload-state { color: var(--pco-red); }
.pco-upload.is-done .pco-upload-state { color: var(--pco-green); }
/* Order 23 (K3/K4): Upload ok, aber Library-Eintrag noch nicht angelegt —
   ehrlicher Zwischenzustand, weder gruen noch rot. */
.pco-upload.is-pending .pco-upload-state { color: var(--pco-amber); }
.pco-upload.is-pending .pco-bar i { background: var(--pco-amber); }
.pco-bar { height: 6px; border-radius: 999px; background: var(--pco-panel-2); overflow: hidden; }
.pco-bar i { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #1fa89f, var(--pco-teal), var(--pco-mint)); transition: width .18s ease; }
.pco-upload.is-error .pco-bar i { background: var(--pco-red); }
.pco-upload-pct { color: var(--pco-ink); font: 500 12px/1 var(--pco-font); flex-shrink: 0; }
.pco-iconbtn {
  display: inline-grid; place-items: center; width: 30px; height: 30px; flex-shrink: 0;
  border-radius: 8px; color: var(--pco-muted); transition: background-color .15s, color .15s;
}
.pco-iconbtn:hover { background: var(--pco-panel-2); color: var(--pco-ink); }
.pco-iconbtn svg { width: 15px; height: 15px; }

/* ---------- Chips + Sort ---------- */
.pco-chiprow { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.pco-chips { display: flex; gap: 8px; flex-wrap: wrap; }
.pco-chip {
  padding: 7px 14px; border-radius: 999px;
  background: var(--pco-panel); border: 1px solid var(--pco-line);
  color: var(--pco-muted); font: 500 12px/1 var(--pco-font);
}
.pco-chip b { color: inherit; font-weight: 600; }
.pco-chip:hover { color: var(--pco-ink); }
.pco-chip.is-on { background: var(--pco-mint); border-color: var(--pco-mint); color: var(--pco-mint-ink); }
.pco-sort { display: flex; align-items: center; gap: 8px; color: var(--pco-muted); font-size: 12px; }
.pco-sort .pco-select { height: 34px; }

/* ---------- Hauptbereich: Grid + Panel ---------- */
.pco-main { display: grid; grid-template-columns: minmax(0, 1fr) 272px; gap: 14px; align-items: start; }
.pco-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; min-width: 0; }
.pco-grid.is-list { grid-template-columns: minmax(0, 1fr); }

.pco-card {
  background: var(--pco-panel); border: 1px solid var(--pco-line); border-radius: 14px;
  overflow: hidden; cursor: pointer; transition: border-color .15s;
}
.pco-card:hover { border-color: rgba(53, 208, 197, .35); }
.pco-card.is-selected { border-color: var(--pco-teal); box-shadow: 0 0 0 1px var(--pco-teal); }
.pco-thumb { position: relative; aspect-ratio: 4 / 3.4; background: var(--pco-panel-2); overflow: hidden; } /* T2a Z1: zweite Sicherung, kein Bild ueber Titel/Preis */
.pco-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pco-thumb-ph { display: grid; place-items: center; width: 100%; height: 100%; color: var(--pco-muted); }
.pco-thumb-ph svg { width: 26px; height: 26px; }
.pco-type {
  position: absolute; top: 8px; left: 8px;
  display: grid; place-items: center; width: 26px; height: 26px;
  background: rgba(20, 20, 30, .72); border-radius: 8px; color: var(--pco-ink);
  backdrop-filter: blur(4px);
}
.pco-type svg { width: 13px; height: 13px; }
.pco-badge {
  position: absolute; top: 8px; right: 8px;
  display: inline-flex; align-items: center; gap: 5px;
  padding: 4px 9px; border-radius: 999px;
  background: rgba(20, 20, 30, .78); color: var(--pco-ink);
  font: 600 11px/1 var(--pco-font); backdrop-filter: blur(4px);
}
.pco-badge svg { width: 11px; height: 11px; color: var(--pco-mint); }
.pco-badge.is-members { color: var(--pco-mint); }
.pco-badge.is-price { color: var(--pco-ink); }
.pco-card h3 { margin: 10px 12px 0; font: 600 13px/1.3 var(--pco-font); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pco-date { margin: 3px 12px 0; color: var(--pco-muted); font-size: 11px; }
.pco-card-foot { display: flex; align-items: center; gap: 8px; padding: 10px 12px 12px; flex-wrap: wrap; }
.pco-card-foot .pco-select { flex: 0 0 auto; min-width: 74px; }

/* Status-Pillen */
.pco-status {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 10px; border-radius: 999px;
  font: 500 11px/1 var(--pco-font);
}
.pco-status i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.pco-status.is-published { background: rgba(61, 220, 151, .13); color: var(--pco-green); }
.pco-status.is-scheduled { background: rgba(90, 169, 255, .13); color: var(--pco-blue); }
.pco-status.is-draft { background: rgba(138, 143, 163, .14); color: var(--pco-grey); }

/* Listen-Ansicht */
.pco-row {
  display: flex; align-items: center; gap: 12px;
  padding: 10px 14px; cursor: pointer;
  background: var(--pco-panel); border: 1px solid var(--pco-line); border-radius: 12px;
}
.pco-row:hover { border-color: rgba(53, 208, 197, .35); }
.pco-row.is-selected { border-color: var(--pco-teal); }
.pco-row-thumb {
  display: grid; place-items: center; width: 64px; height: 44px; flex-shrink: 0;
  border-radius: 8px; overflow: hidden; background: var(--pco-panel-2); color: var(--pco-muted);
}
.pco-row-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* T2a Z1 (gemessen 01.10.): in den festen Grid-Rahmen (Liste 64x44, Pipeline 74x74) loest
   height:100% in der auto-Zeile nicht auf; Hochformate standen 36 / 18,5 px ueber und wurden
   oben statt mittig beschnitten. Bild fuellt den Rahmen jetzt absolut. */
.pco-row-thumb, .pco-pcard-thumb { position: relative; }
.pco-row-thumb img, .pco-pcard-thumb img { position: absolute; inset: 0; }
.pco-row-main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.pco-row-main b { font: 600 12.5px/1.3 var(--pco-font); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pco-row-main span { color: var(--pco-muted); font-size: 11px; }
.pco-row .pco-badge { position: static; backdrop-filter: none; background: var(--pco-panel-2); }


/* F1c Nachtrag-3: Library List only. The selected inspector can narrow the
   list at any viewport; keep text flexible and controls at the web token. */
.pco-library-layout .pco-grid.is-list { grid-template-columns:minmax(0,1fr); }
.pco-library-layout .pco-grid.is-list .pco-row { flex-wrap:wrap; }
.pco-library-layout .pco-grid.is-list .pco-row-main { flex:1 1 12rem; }
.pco-library-layout .pco-grid.is-list .pco-row-main b { white-space:normal; overflow-wrap:anywhere; }
.pco-library-layout .pco-grid.is-list .pco-row-main span { overflow-wrap:anywhere; }
.pco:has(.pco-grid.is-list) :is(button,input,select) { min-height:var(--pro-control-height,48px); }
.pco:has(.pco-grid.is-list) .pco-search { height:auto; min-height:var(--pro-control-height,48px); }
.pco:has(.pco-grid.is-list) :is(.pco-viewtoggle button,.pco-iconbtn) { min-width:var(--pro-control-height,48px); }
.pco:has(.pco-grid.is-list) .pco-filterpop { top:100%; }
@media(max-width:700px) {
 .pco-library-layout .pco-grid.is-list .pco-row { display:grid; grid-template-columns:64px minmax(0,1fr) 48px; gap:8px; }
 .pco-library-layout .pco-grid.is-list .pco-row-main { grid-column:2 / -1; }
 .pco-library-layout .pco-grid.is-list .pco-row .pco-badge { grid-column:1; }
 .pco-library-layout .pco-grid.is-list .pco-row .pco-status { grid-column:2 / -1; }
 .pco-library-layout .pco-grid.is-list .pco-row .pco-price { grid-column:1 / 3; width:100%; }
 .pco-library-layout .pco-grid.is-list .pco-row .pco-iconbtn { grid-column:3; }
}

.pco-empty {
  grid-column: 1 / -1;
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  padding: 44px 16px; text-align: center;
  background: var(--pco-panel); border: 1px solid var(--pco-line); border-radius: 14px;
  color: var(--pco-muted);
}
.pco-empty svg { width: 26px; height: 26px; }
.pco-empty h3 { margin: 4px 0 0; color: var(--pco-ink); font: 600 14px/1.3 var(--pco-font); }
.pco-empty p { margin: 0; font-size: 12px; }

/* ---------- Panel "Selected item" ---------- */
.pco-panel {
  background: var(--pco-panel); border: 1px solid var(--pco-line); border-radius: 14px;
  padding: 14px; display: flex; flex-direction: column; gap: 11px;
}
.pco-panel-head { display: flex; align-items: center; justify-content: space-between; }
.pco-panel-head h3 { margin: 0; font: 600 14px/1.2 var(--pco-font); }
.pco-panel-empty { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 26px 8px; text-align: center; color: var(--pco-muted); font-size: 12px; }
.pco-panel-empty svg { width: 24px; height: 24px; }
.pco-panel-preview { border-radius: 10px; overflow: hidden; background: var(--pco-panel-2); aspect-ratio: 16 / 9.5; }
.pco-panel-preview img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pco-panel-preview .pco-thumb-ph { height: 100%; }
.pco-panel-name { font: 600 13px/1.3 var(--pco-font); overflow-wrap: anywhere; }
.pco-panel-meta { margin: -7px 0 0; color: var(--pco-muted); font-size: 11.5px; }
.pco-field { display: flex; flex-direction: column; gap: 6px; position: relative; }
.pco-field > span:first-child { color: var(--pco-muted); font-size: 11.5px; }
.pco-field .pco-select { width: 100%; height: 36px; }
.pco-field-ic { position: absolute; right: 30px; bottom: 10px; pointer-events: none; }
.pco-field-ic svg { width: 13px; height: 13px; color: var(--pco-mint); }
.pco-pubrow { display: flex; gap: 8px; align-items: center; }
.pco-pubrow input {
  flex: 1; height: 36px; padding: 0 10px;
  background: var(--pco-panel-2); border: 1px solid var(--pco-line); border-radius: 8px;
  color: var(--pco-ink); font-size: 12px; color-scheme: dark;
}
.pco-pubic { display: grid; place-items: center; color: var(--pco-muted); }
.pco-pubic svg { width: 15px; height: 15px; }
/* Order 24: Datumsfeld-Markierung — "Scheduled" ohne gueltiges Datum wird
   lokal verweigert (kein 400), das Feld fuehrt den Nutzer. */
.pco-field.is-needed > span:first-child { color: var(--pco-red); }
.pco-field.is-needed .pco-pubrow input { border-color: var(--pco-red); }
.pco-status-sel.is-published { color: var(--pco-green); }
.pco-status-sel.is-scheduled { color: var(--pco-blue); }
.pco-status-sel.is-draft { color: var(--pco-grey); }
.pco-plan {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  height: 40px; border-radius: 10px;
  background: var(--pco-mint); color: var(--pco-mint-ink);
  font: 600 13px/1 var(--pco-font);
}
.pco-plan:hover { filter: brightness(1.06); }
.pco-plan svg { width: 15px; height: 15px; }
.pco-sell-note {
  display: flex; gap: 8px; margin: 0; padding: 9px 11px;
  background: rgba(232, 127, 158, .1); border: 1px solid rgba(232, 127, 158, .3); border-radius: 10px;
  color: var(--pco-red); font-size: 11.5px; line-height: 1.45;
}
.pco-sell-note svg { width: 14px; height: 14px; flex-shrink: 0; margin-top: 1px; }
.pco-fileinfo { margin: 0; padding-top: 10px; border-top: 1px solid var(--pco-line); display: flex; flex-direction: column; gap: 7px; }
.pco-fileinfo div { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.pco-fileinfo dt { color: var(--pco-muted); font-size: 11.5px; }
.pco-fileinfo dd { margin: 0; font: 500 11.5px/1.2 var(--pco-font); }
.pco-delete {
  display: inline-flex; align-items: center; gap: 7px; align-self: flex-start;
  padding: 4px 2px; color: var(--pco-red); font: 500 12px/1 var(--pco-font);
}
.pco-delete:hover { text-decoration: underline; }
.pco-delete svg { width: 13px; height: 13px; }
.pco-demo-note { margin: 0; color: var(--pco-muted); font-size: 10.5px; }

/* ---------- Karten-Menue ("...") ---------- */
.pco-menu {
  position: absolute; z-index: 50; min-width: 132px;
  display: flex; flex-direction: column; padding: 5px;
  background: var(--pco-panel-2); border: 1px solid var(--pco-line); border-radius: 10px;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .5);
}
.pco-menu button { text-align: left; padding: 8px 10px; border-radius: 7px; color: var(--pco-ink); font: 500 12px/1.2 var(--pco-font); }
.pco-menu button:hover { background: var(--pco-panel); }
.pco-menu button[data-pco-mdelete] { color: var(--pco-red); }

/* ---------- Responsiv ---------- */
@media (max-width: 1199px) {
  .pco-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pco-main { grid-template-columns: minmax(0, 1fr) 250px; }
}
@media (max-width: 999px) {
  .pco-main { grid-template-columns: minmax(0, 1fr); }
  /* Panel stapelt UNTER den Inhalt. */
  .pco-panel { order: 2; }
  .pco-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pco-uploadzone { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 700px) {
  .pco { padding: 14px 12px 22px; }
  .pco-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pco-search { min-width: 0; flex: 1; }
  .pco-head-tools { width: 100%; flex-wrap: wrap; }
}
@media (max-width: 520px) {
  /* 390px: eine Spalte, Stat-Karten 2x2 (oben), Panel unter dem Inhalt. */
  .pco-grid { grid-template-columns: minmax(0, 1fr); }
  .pco-chiprow { align-items: flex-start; flex-direction: column; }
  .pco-head-title h1 { font-size: 19px; }
}

/* ═══════════ Stufe 2 (0925content2): Tabs + PLANNER (K2) + PIPELINE (K3) ═══════════ */

/* ---------- Tab-Leiste ---------- */
.pco-tabs { display: flex; gap: 8px; margin-bottom: 14px; }
.pco-tab {
  padding: 8px 18px; border-radius: 999px;
  background: var(--pco-panel); border: 1px solid var(--pco-line);
  color: var(--pco-muted); font: 500 12.5px/1 var(--pco-font);
}
.pco-tab:hover { color: var(--pco-ink); }
.pco-tab.is-on { background: var(--pco-mint); border-color: var(--pco-mint); color: var(--pco-mint-ink); font-weight: 600; }
.pco-tab[aria-selected="true"] { box-shadow: 0 0 0 1px var(--pco-mint); }

/* Upload-Streifen in Planner/Pipeline (nur neue Zeilen, leer = versteckt) */
.pco-upload-strip:empty { display: none; }
.pco-upload-strip { margin: 0 0 12px; }

/* geteilte Knoepfe */
.pco-uploadbtn {
  display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 16px;
  background: var(--pco-mint); border: 1px solid var(--pco-mint); border-radius: 10px;
  color: var(--pco-mint-ink); font: 600 12.5px/1 var(--pco-font);
}
.pco-uploadbtn:hover { filter: brightness(1.06); }
.pco-uploadbtn svg { width: 15px; height: 15px; }
.pco-autofill {
  display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 16px;
  background: transparent; border: 1px solid var(--pco-mint); border-radius: 10px;
  color: var(--pco-mint); font: 600 12.5px/1 var(--pco-font);
}
.pco-autofill:hover { background: rgba(169, 243, 225, .08); }
.pco-autofill svg { width: 15px; height: 15px; }

/* ---------- PLANNER ---------- */
.pco-planner-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.pco-planner-head h1 { margin: 0; font: 700 21px/1.2 var(--pco-font); letter-spacing: .02em; }
.pco-planner-tools { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.pco-weeknav {
  display: flex; align-items: center; gap: 4px;
  background: var(--pco-panel); border: 1px solid var(--pco-line); border-radius: 10px; padding: 2px;
}
.pco-weeklabel { padding: 0 10px; font: 600 12.5px/1 var(--pco-font); white-space: nowrap; }

.pco-planner-body { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 12px; align-items: start; }

/* linke Spalte: unscheduled */
.pco-unsched {
  background: var(--pco-panel); border: 1px solid var(--pco-line); border-radius: 14px;
  padding: 14px; display: flex; flex-direction: column; gap: 10px;
}
.pco-unsched h3 { margin: 0; font: 600 14px/1.2 var(--pco-font); }
.pco-unsched > p { margin: -6px 0 2px; color: var(--pco-muted); font-size: 11.5px; }
.pco-unsched-empty { color: var(--pco-muted); font-size: 12px; margin: 8px 0; }
.pco-unsched.is-droptarget { border-color: var(--pco-teal); background: var(--pco-teal-soft); }
.pco-ucard {
  position: relative; border-radius: 12px; overflow: hidden; cursor: grab;
  background: var(--pco-panel-2); border: 1px solid var(--pco-line);
  min-height: 130px; display: block;
}
.pco-ucard:active { cursor: grabbing; }
.pco-ucard img { width: 100%; height: 130px; object-fit: cover; display: block; }
.pco-ucard-ph { display: grid; place-items: center; height: 130px; color: var(--pco-muted); }
.pco-grip {
  position: absolute; top: 6px; left: 6px; z-index: 2;
  display: grid; place-items: center; width: 20px; height: 20px;
  color: rgba(255, 255, 255, .85); background: rgba(20, 20, 30, .55); border-radius: 6px;
}
.pco-grip svg { width: 12px; height: 12px; }
.pco-ucard-name {
  position: absolute; left: 0; right: 0; bottom: 0; padding: 14px 8px 6px;
  font: 500 11px/1.2 var(--pco-font); color: var(--pco-ink);
  background: linear-gradient(transparent, rgba(20, 20, 30, .85));
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.pco-ucard.is-pending, .pco-wcard.is-pending, .pco-pcard.is-pending { outline: 2px solid var(--pco-mint); outline-offset: 1px; }

/* Wochenraster */
.pco-week-scroll { overflow-x: auto; border-radius: 14px; }
.pco-week {
  min-width: 740px;
  background: var(--pco-panel); border: 1px solid var(--pco-line); border-radius: 14px;
  padding: 10px 12px 12px;
}
.pco-week-head { display: flex; gap: 0; border-bottom: 1px solid var(--pco-line); padding-bottom: 8px; margin-bottom: 2px; }
.pco-week-corner { width: 46px; flex: 0 0 auto; }
.pco-dayhead { flex: 1; min-width: 0; text-align: left; padding-left: 10px; }
.pco-dayhead b { display: block; font: 600 12.5px/1.2 var(--pco-font); }
.pco-dayhead span { color: var(--pco-muted); font-size: 11px; }
.pco-week-row { display: flex; align-items: stretch; border-bottom: 1px dashed rgba(255, 255, 255, .05); }
.pco-week-row:last-child { border-bottom: 0; }
.pco-hour { width: 46px; flex: 0 0 auto; color: var(--pco-muted); font-size: 10.5px; padding-top: 4px; }
.pco-cell { position: relative; flex: 1; min-width: 0; height: 44px; border-left: 1px dashed rgba(255, 255, 255, .05); }
.pco-cell.is-droptarget { background: var(--pco-teal-soft); }
.pco-wcard {
  position: absolute; z-index: 3; left: 3px; right: 3px; top: 3px; height: 80px;
  border-radius: 10px; overflow: hidden; cursor: grab;
  background: var(--pco-panel-2); border: 1px solid var(--pco-line);
}
.pco-wcard:active { cursor: grabbing; }
.pco-wcard img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pco-wbadge {
  position: absolute; top: 5px; left: 5px; z-index: 2;
  display: inline-flex; align-items: center; gap: 4px;
  padding: 3px 8px; border-radius: 999px;
  background: rgba(20, 20, 30, .8); color: var(--pco-mint);
  font: 600 10.5px/1 var(--pco-font); backdrop-filter: blur(4px);
}
.pco-wbadge svg { width: 10px; height: 10px; }
.pco-wbadge:not(.is-price) { color: var(--pco-ink); }
.pco-wbadge.is-members { color: var(--pco-mint); } /* T2b-1 Z10: wie .pco-badge.is-members */
.pco-wcard-time {
  position: absolute; left: 8px; bottom: 6px; z-index: 2;
  font: 500 11px/1 var(--pco-font); color: var(--pco-ink);
  text-shadow: 0 1px 4px rgba(0, 0, 0, .8);
}
/* T2a Z2: Folgestunde belegt -> Karte bleibt in ihrer Stunde (44 px Zelle, 3 px Luft oben/unten);
   Badge und Uhrzeit stehen dann nebeneinander statt uebereinander. */
.pco-wcard.is-tight { height: auto; bottom: 3px; }
.pco-wcard.is-tight .pco-wbadge { top: 50%; transform: translateY(-50%); max-width: calc(100% - 10px); overflow: hidden; white-space: nowrap; }
.pco-wcard.is-tight.has-more .pco-wbadge { max-width: calc(100% - 52px); }
.pco-wcard.is-tight .pco-wcard-time { display: none; } /* Stunde steht links in der Spalte und im aria-label */
/* Fusszeile: Uhrzeit links, +N rechts, als Flex-Reihe (keine Ueberlagerung moeglich). */
.pco-wfoot {
  position: absolute; left: 8px; right: 5px; bottom: 6px; z-index: 2;
  display: flex; align-items: center; justify-content: space-between; gap: 4px; min-width: 0;
}
.pco-wfoot .pco-wcard-time { position: static; }
.pco-wcard.is-tight .pco-wfoot { top: 50%; bottom: auto; transform: translateY(-50%); justify-content: flex-end; }
/* T2a Z2b: weitere Items derselben Stunde, nie still verschluckt. */
.pco-wmore {
  flex: 0 0 auto; padding: 3px 7px; border-radius: 999px;
  background: rgba(20, 20, 30, .8); color: var(--pco-ink);
  font: 600 10.5px/1 var(--pco-font);
}

/* Fusszeile */
.pco-planner-foot {
  display: flex; align-items: center; gap: 14px;
  margin-top: 12px; padding: 16px 20px;
  background: var(--pco-panel); border: 1px solid var(--pco-line); border-radius: 14px;
}
.pco-foot-ic {
  display: grid; place-items: center; width: 40px; height: 40px; flex-shrink: 0;
  background: var(--pco-panel-2); border-radius: 10px; color: var(--pco-teal);
}
.pco-foot-ic.is-mint { color: var(--pco-mint); margin-left: 26px; }
.pco-foot-in { display: flex; flex-direction: column; }
.pco-foot-in span { color: var(--pco-muted); font-size: 11.5px; }
.pco-foot-in b { font: 600 18px/1.25 var(--pco-font); }

/* ---------- PIPELINE ---------- */
.pco-pipe-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.pco-pipe-head h1 { margin: 0; font: 700 21px/1.2 var(--pco-font); }
.pco-pipe-head p { margin: 3px 0 0; color: var(--pco-muted); font-size: 12.5px; }
.pco-pipe-tools { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pco-typebtn {
  display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 14px;
  background: var(--pco-panel); border: 1px solid var(--pco-line); border-radius: 10px;
  color: var(--pco-ink); font: 500 12.5px/1 var(--pco-font);
}
.pco-typebtn:hover { border-color: rgba(53, 208, 197, .4); }
.pco-typebtn svg { width: 14px; height: 14px; color: var(--pco-muted); }
/* T2b-1 SPERRE: live gesperrte Wege sichtbar abgesetzt (Klartext steht im Knopf bzw. im Panel). */
.pco-typebtn:disabled, .pco-pill:disabled, .pco-plan:disabled, .pco-slider:disabled { opacity: .45; cursor: not-allowed; }
.pco-typebtn:disabled:hover { border-color: var(--pco-line); }

.pco-pipe-body { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 12px; align-items: start; }
.pco-pipe-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; min-width: 0; }
.pco-pcol {
  background: var(--pco-panel); border: 1px solid var(--pco-line); border-radius: 14px;
  min-height: 240px; display: flex; flex-direction: column;
}
.pco-pcol.is-droptarget { border-color: var(--pco-teal); background: rgba(53, 208, 197, .05); }
.pco-pcol > header { display: flex; align-items: center; gap: 8px; padding: 12px 12px 10px; border-bottom: 1px solid var(--pco-line); }
.pco-pcol > header b { font: 600 13px/1 var(--pco-font); }
.pco-pcol-ic { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; }
.pco-pcol-ic svg { width: 14px; height: 14px; }
.pco-pcol-ic.is-draft { color: var(--pco-blue); }
.pco-pcol-ic.is-scheduled { color: #e8c15a; }
.pco-pcol-ic.is-published { color: var(--pco-green); }
.pco-pcol-count {
  display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 5px;
  background: var(--pco-panel-2); border-radius: 999px;
  color: var(--pco-muted); font: 600 11px/1 var(--pco-font);
}
.pco-pcol-add { margin-left: auto; }
.pco-pcol-body { display: flex; flex-direction: column; gap: 10px; padding: 12px; flex: 1; }
.pco-pcol-empty { color: var(--pco-muted); font-size: 12px; margin: 8px 2px; }

.pco-pcard {
  display: flex; gap: 10px; padding: 9px; cursor: grab;
  background: var(--pco-panel-2); border: 1px solid var(--pco-line); border-radius: 12px;
}
.pco-pcard:active { cursor: grabbing; }
.pco-pcard.is-selected { border-color: var(--pco-mint); box-shadow: 0 0 0 1px var(--pco-mint); }
.pco-pcard-thumb {
  display: grid; place-items: center; width: 74px; height: 74px; flex-shrink: 0;
  border-radius: 9px; overflow: hidden; background: var(--pco-panel); color: var(--pco-muted);
}
.pco-pcard-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pco-pcard-in { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 5px; }
.pco-pcard-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 4px; }
.pco-pcard-top b { font: 600 12px/1.3 var(--pco-font); }
.pco-pcard-top .pco-iconbtn { width: 24px; height: 24px; }
.pco-pcard-chips { display: flex; gap: 6px; flex-wrap: wrap; }
.pco-pricechip {
  padding: 3px 9px; border-radius: 999px;
  background: rgba(53, 208, 197, .16); color: var(--pco-teal);
  font: 600 11px/1.4 var(--pco-font);
}
.pco-audchip { padding: 3px 9px; border-radius: 999px; font: 600 11px/1.4 var(--pco-font); border: 1px solid transparent; }
.pco-audchip.is-free { border-color: rgba(154, 160, 180, .45); color: var(--pco-muted); }
.pco-audchip.is-members { border-color: rgba(53, 208, 197, .5); color: var(--pco-teal); }
.pco-audchip.is-vip { background: rgba(216, 180, 90, .16); border-color: rgba(216, 180, 90, .35); color: #d8b45a; }
.pco-pcard-date { color: var(--pco-muted); font-size: 11px; }

/* Monetization-Panel */
.pco-money {
  background: var(--pco-panel); border: 1px solid var(--pco-line); border-radius: 14px;
  padding: 16px; display: flex; flex-direction: column; gap: 10px;
}
.pco-money h3 { margin: 0; font: 600 15px/1.2 var(--pco-font); }
.pco-money > p { margin: -6px 0 0; color: var(--pco-muted); font-size: 11.5px; }
.pco-money-preview { border-radius: 10px; overflow: hidden; background: var(--pco-panel-2); aspect-ratio: 16 / 9; }
.pco-money-preview img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pco-money-name { font: 600 13.5px/1.3 var(--pco-font); }
.pco-money-date { margin: -6px 0 0; color: var(--pco-muted); font-size: 11.5px; }
.pco-money-row { display: flex; align-items: center; justify-content: space-between; color: var(--pco-muted); font-size: 12px; }
.pco-money-row b { color: var(--pco-ink); font: 600 13px/1 var(--pco-font); }
.pco-slider {
  width: 100%; min-width: 0; /* range-Mindestbreiten-Falle (0917galrepair-Lektion) */
  accent-color: var(--pco-teal); height: 22px;
}
.pco-money-scale { display: flex; justify-content: space-between; color: var(--pco-muted); font-size: 10.5px; margin-top: -6px; }
.pco-pills { display: flex; gap: 8px; flex-wrap: wrap; }
.pco-pill {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 7px 14px; border-radius: 999px;
  background: var(--pco-panel-2); border: 1px solid var(--pco-line);
  color: var(--pco-muted); font: 500 12px/1 var(--pco-font);
}
.pco-pill svg { width: 13px; height: 13px; }
.pco-pill.is-on { border-color: var(--pco-teal); color: var(--pco-teal); background: var(--pco-teal-soft); }
.pco-money-earn b { color: var(--pco-teal); font-size: 16px; }
.pco-money-sub { margin: -6px 0 0; color: var(--pco-muted); font-size: 11px; }

/* ---------- Responsiv Stufe 2 ---------- */
@media (max-width: 1199px) {
  .pco-pipe-body { grid-template-columns: minmax(0, 1fr); }
  .pco-money { order: 2; }
}
@media (max-width: 999px) {
  .pco-planner-body { grid-template-columns: minmax(0, 1fr); }
  .pco-unsched { flex-direction: row; flex-wrap: wrap; align-items: stretch; }
  .pco-unsched h3, .pco-unsched > p { flex: 1 0 100%; }
  .pco-ucard { width: 150px; flex: 0 0 auto; }
}
@media (max-width: 700px) {
  .pco-pipe-cols { grid-template-columns: minmax(0, 1fr); }
  .pco-planner-head h1, .pco-pipe-head h1 { font-size: 18px; }
  .pco-planner-foot { flex-wrap: wrap; }
  .pco-foot-ic.is-mint { margin-left: 0; }
}

/* T3 16.10.2026: K1 inspector spans the library, beside its stats and upload.
   Layout stays within the current Pro shell. Three live metrics: no forecast contract. */
.pco-library-layout { display:grid; grid-template-columns:minmax(0,1fr) 264px; gap:14px; margin-top:16px; align-items:start; }
.pco-library-layout > .pco-stats { grid-column:1; grid-row:1; margin:0; grid-template-columns:repeat(3,minmax(0,1fr)); }
.pco-library-layout > .pco-uploadzone { grid-column:1; grid-row:2; margin:0; }
.pco-library-layout > .pco-chiprow { grid-column:1; grid-row:3; margin:0; }
.pco-library-layout > .pco-main { display:contents; }
.pco-library-layout .pco-grid { grid-column:1; grid-row:4; }
.pco-library-layout .pco-panel { grid-column:2; grid-row:1 / span 4; position:sticky; top:16px; }
/* ORDER 52 Host (1019pcpeHost1): das Panel spannt Zeile 1-4 und ist mit dem Preis-Editor hoeher als die
   linke Spalte. Ohne feste Zeilen verteilte das Grid die Mehrhoehe auf Stats/Upload/Chips (Luecken, Karten
   unter dem Falz, gemessen 1440x900); die Mehrhoehe geht jetzt nur in die Kartenzeile. */
.pco-library-layout { grid-template-rows:auto auto auto 1fr; }
.pro-page--content .pro-nav-label { text-transform:none; }
.pro-page--content a[href="#/pro/content"] .pro-nav-label { text-transform:uppercase; }
.pco-library-layout .pco-stat { min-height:78px; }
.pco-library-layout .pco-card-foot { flex-wrap:wrap; }
.pco .pco-empty.is-error { min-height:240px; max-width:760px; margin:32px auto; }
.pco .pco-empty.is-error p { max-width:58ch; overflow-wrap:anywhere; }
.pco .pco-head-title h1, .pco .pco-pipe-head h1, .pco .pco-planner-head h1 { text-wrap:balance; letter-spacing:-.02em; }
.pco .pco-note, .pco .pco-filterpop { box-shadow:none; }
.pco :is(button,input,select) { min-height:38px; }
.pco .pco-iconbtn { min-height:32px; }
.pco .pco-stats { color:var(--ink); }
@media(min-width:1200px) {
 .pco-library-layout .pco-grid:not(.is-list) { grid-template-columns:repeat(4,minmax(0,1fr)); }
 .pco-pipe-body { grid-template-columns:minmax(0,1fr) 264px; }
 .pco-pcard { flex-direction:column; }
 .pco-pcard-thumb { width:100%; height:auto; aspect-ratio:16/10; }
}
@media(max-width:1100px) {
 .pco-library-layout { grid-template-columns:minmax(0,1fr); }
 .pco-library-layout .pco-panel { grid-column:1; grid-row:5; position:static; }
}
@media(max-width:700px) {
 .pco-library-layout { gap:12px; }
 .pco-library-layout > .pco-stats { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
 .pco-library-layout .pco-stat { padding:10px; flex-direction:column; align-items:flex-start; gap:6px; }
 .pco-stat-ic { width:30px; height:30px; }
 .pco-library-layout .pco-stat-label { font-size:12px; }
 .pco-library-layout .pco-uploadzone { grid-template-columns:minmax(0,1fr); }
 .pco .pco-head-tools { flex-wrap:wrap; width:100%; }
 .pco .pco-search { flex:1 1 100%; min-width:0; }
 .pco :is(.pco-chip,.pco-tab,.pco-toolbtn,.pco-uploadbtn,.pco-typebtn,.pco-plan) { min-height:44px; }
 .pco .pco-fileinfo dd { overflow-wrap:anywhere; }
 .pco .pco-pipe-cols { grid-template-columns:minmax(0,1fr); }
 .pco .pco-pcol { min-width:0; }
}
@media(prefers-reduced-motion:reduce) {
 .pco *, .pco *::before, .pco *::after { transition:none!important; animation:none!important; }
}

/* T3: product button variants must win over the local reset. */
.pco-upload-idle { display:flex; flex-direction:column; justify-content:center; gap:8px; padding:20px; color:var(--pco-muted); background:var(--pco-panel); border-radius:var(--radius-s,12px); }
.pco-upload-idle b { color:var(--pco-ink); font-weight:500; }
.pco-library-layout .pco-panel, .pco-library-layout .pco-card, .pco-stat, .pco-pcol, .pco-money { border-radius:var(--radius-s,12px); }
.pco-card .pco-price { max-width:100%; }
.pco .pco-plan:disabled, .pco .pco-typebtn:disabled { opacity:.65; }
@media(min-width:1200px) {
 .pco-pcard { flex-direction:row; min-height:122px; gap:8px; }
 .pco-pcard-thumb { width:78px; height:104px; aspect-ratio:auto; }
 .pco-pcol-body { padding:8px; }
 .pco-pcard-top b { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
 .pco-pcard-top .pco-iconbtn { width:20px; }
 .pco-pcard-chips { gap:4px; }
 .pco-pcard .pco-pricechip, .pco-pcard .pco-audchip { padding:2px 6px; }
}

.pco .pco-mobile-inspect { display:none; }
.pco-thumb img, .pco-panel-preview img { object-position:center 30%; }
@media(max-width:1100px) { .pco .pco-mobile-inspect { display:inline-flex; } }

.pco-unsaved { margin:12px 0; padding:14px; background:var(--pco-panel); border:1px solid var(--pco-amber); border-radius:var(--radius-s,12px); color:var(--pco-ink); overflow-wrap:anywhere; }
.pco-unsaved p { margin:6px 0; }

.pco .pco-plan, .pco .pco-uploadbtn { min-height:var(--pro-control-height,48px); }

/* Dense libraries remain navigable; the calendar stays within reach on phones. */
.pco-unsched { max-height:740px; overflow-y:auto; }
@media(max-width:700px) {
 .pco-unsched { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); max-height:300px; }
 .pco-unsched > h3, .pco-unsched > p { grid-column:1 / -1; }
 .pco-unsched .pco-ucard { width:auto; min-width:0; min-height:110px; }
 .pco-unsched .pco-ucard img { height:110px; object-position:center 30%; }
 .pco-week-scroll::before { content:"Swipe horizontally to see all seven days"; display:block; padding:0 0 8px; color:var(--pco-muted); font-size:12px; }
}