/*
 * Client Review Styles
 * Polite Platform :: Gallery
 * Path: /gallery/static/client-review.css
 * Description: One quiet presentation for configured client collections and their analytics.
 * Context: UI
 * Author: Polite Platform Team
 * Date: 2026-11-04T15:53:36Z
 * Generated by: GPT-6 Codex
 */
.showcase-review {
  color-scheme:light;
  --review-paper:#f8f9f7; --review-panel:#fff; --review-line:#d8dfe0;
  --review-ink:#162f3c; --review-muted:#536571; --review-accent:#a58b49;
}
.showcase-review body { background:var(--gallery-background); color:var(--review-ink); }
.showcase-review .showcase-app { padding-inline:24px; }
.showcase-review .button { border-radius:6px; font-size:.875rem; line-height:1.25; }
.showcase-review .button-secondary { background:var(--review-panel); color:var(--review-ink); border-color:var(--review-line); }
.showcase-review .showcase-views {
  display:inline-flex; gap:4px; padding:4px; margin:24px 0 20px;
  border:1px solid #cdd8d5; border-radius:10px; background:#e1e8e6;
}
.showcase-review .showcase-views .button {
  height:44px; min-height:44px; padding:10px 22px; border:1px solid transparent;
  border-radius:6px; background:transparent; color:var(--review-muted); box-shadow:none;
}
.showcase-review .showcase-views [aria-pressed="true"] {
  color:#fff; background:var(--review-ink); border-color:var(--review-ink);
  box-shadow:0 1px 4px rgb(0 0 0 / 10%);
}
.showcase-review .showcase-views .button:hover { color:var(--review-ink); background:#f3f6f4; }
.showcase-review .showcase-views [aria-pressed="true"]:hover { color:#fff; background:#224655; }
.showcase-review #showcase-content {
  margin-bottom:32px; overflow:hidden; border-radius:14px;
  border-top:5px solid var(--review-accent); background:var(--review-paper);
  box-shadow:0 16px 44px rgb(0 0 0 / 10%);
}
.showcase-review .showcase-hero:not(.has-image) {
  place-items:start; padding:32px; background:transparent;
  border-bottom:1px solid var(--review-line);
}
.showcase-review .showcase-hero:not(.has-image) .showcase-title {
  max-width:none; color:var(--review-ink); text-align:left;
  font:400 clamp(1.9rem,3.5vw,2.7rem)/1.1 Georgia,serif; letter-spacing:-.035em;
}
.showcase-review .showcase-collection { padding:24px 32px 32px; }
.showcase-review .showcase-toolbar { gap:16px; margin-bottom:22px; }
.showcase-review .showcase-filters {
  width:100%; align-items:end; gap:12px; padding:18px;
  border:1px solid var(--review-line); border-radius:10px; background:var(--review-panel);
}
.showcase-review .showcase-date { flex:1 1 140px; min-width:0; align-items:stretch; flex-direction:column; gap:6px; }
.showcase-review .showcase-date:has(#showcase-store) { flex-basis:180px; }
.showcase-review .showcase-date label { color:var(--review-muted); font-size:.7rem; font-weight:700; letter-spacing:.04em; }
.showcase-review .showcase-filter-control {
  box-sizing:border-box; width:100%; height:44px; min-height:44px;
  padding:8px 10px; border:1px solid #b9c7cb; border-radius:6px;
  color:var(--review-ink); background:var(--review-panel); font-size:.875rem; line-height:1.25;
}
.showcase-review select.showcase-filter-control {
  -webkit-appearance:none; appearance:none; padding-inline-end:32px;
  background-image:linear-gradient(45deg,transparent 50%,var(--review-muted) 50%),linear-gradient(135deg,var(--review-muted) 50%,transparent 50%);
  background-position:right 17px center,right 12px center; background-size:5px 5px; background-repeat:no-repeat;
}
.showcase-review .showcase-filters .button { height:44px; min-height:44px; padding:8px 16px; }
.showcase-review .showcase-refresh {
  width:auto; min-width:88px; border-color:var(--review-ink);
  color:#fff; background:var(--review-ink); font-size:.8rem;
}
.showcase-review .showcase-refresh:hover { background:#224655; }
.showcase-review .showcase-grid { gap:16px; }
.showcase-review .showcase-tile { border:1px solid var(--review-line); border-radius:8px; background:#fff; box-shadow:0 1px 4px rgb(0 0 0 / 6%); }
.showcase-review .showcase-collection-status,.showcase-review .showcase-filter-help { color:var(--review-muted); }
.showcase-review .showcase-viewer { padding:24px; border-radius:12px; background:var(--review-paper); }
.showcase-review .icon-button { color:var(--review-ink); background:#fff; border-color:var(--review-line); }
.showcase-review .campaign-analytics { box-shadow:0 16px 44px rgb(0 0 0 / 10%); }
@media(max-width:800px) {
  .showcase-review .showcase-app { padding-inline:16px; }
  .showcase-review .showcase-hero:not(.has-image) { padding:24px; }
  .showcase-review .showcase-collection { padding:20px 24px 24px; }
}
@media(max-width:600px) {
  .showcase-review .showcase-app { padding-inline:12px; }
  .showcase-review #showcase-content { border-radius:10px; }
  .showcase-review .showcase-views { margin:18px 0 16px; }
  .showcase-review .showcase-hero:not(.has-image) { padding:22px 16px; }
  .showcase-review .showcase-collection { padding:18px 16px 24px; }
  .showcase-review .showcase-filters { padding:12px; }
  .showcase-review .showcase-date,.showcase-review .showcase-date:has(#showcase-store) { flex:1 1 calc(50% - 12px); }
  .showcase-review .showcase-grid { gap:10px; }
}
@media(forced-colors:active) {
  .showcase-review select.showcase-filter-control { -webkit-appearance:auto; appearance:auto; background-image:none; }
}