/* Compact versions of the public Creative Review toolbar, sidebar and contact sheet. */
.c9-workspace[data-kind=gallery] .c9-app-nav { width: 146px; }
.c9-workspace[data-kind=gallery] .c9-app-side { width: 144px; padding: 12px 8px; gap: 9px; }
.c9-workspace[data-kind=gallery] .c9-app-head { min-height: 56px; padding: 10px 12px; border-bottom: 1px solid #e4e4e7; }
.c9-review-project { min-width: 0; flex: 1; }
.c9-review-project h4 { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.c9-review-progress { display: flex; align-items: center; gap: 6px; margin-top: 5px; max-width: 136px; }
.c9-review-progress-track { flex: 1; height: 4px; overflow: hidden; border-radius: 3px; background: #e4e4e7; }
.c9-review-progress-track i { display: block; height: 100%; background: #18181b; }
.c9 .c9-review-progress #c9-workspace-status { color: #71717a; font-size: 9px; white-space: nowrap; }
.c9-review-views { display: flex; gap: 2px; flex-shrink: 0; }
.c9-review-views .c9-control { border-color: transparent; padding: 5px 6px; font-size: 9.5px; }
.c9-review-views .c9-glyph { width: 12px; height: 12px; }
.c9-workspace[data-kind=gallery] .c9-app-toolbar { padding: 7px 10px; gap: 8px; }
.c9-review-filters { display: flex; align-items: center; gap: 1px; min-width: 0; }
.c9-review-filters .c9-control { min-height: 26px; padding: 4px 6px; border-color: transparent; background: transparent; font-size: 9px; }
.c9-review-filters .c9-control.is-active { background: #f0f0f2; }
.c9-review-filters small { margin-left: 4px; color: #71717a; font-size: 8.5px; }
.c9-review-search { display: flex; align-items: center; gap: 5px; margin-left: auto; min-width: 0; width: 116px; padding: 5px 6px; border: 1px solid #e4e4e7; border-radius: 6px; }
.c9 .c9-review-search input { min-width: 0; min-height: 0; width: 100%; height: 16px; padding: 0; border: 0; border-radius: 0; background: transparent; font: inherit; font-size: 9px; outline-offset: 3px; box-shadow: none; }
.c9-review-search .c9-glyph { width: 11px; height: 11px; }
.c9-review-side-modes { display: flex; align-items: center; gap: 2px; padding: 3px; background: #f0f0f2; border-radius: 6px; color: #71717a; font-size: 9px; }
.c9-review-side-modes > span { flex: 1; justify-content: center; padding: 4px 3px; text-align: center; border-radius: 4px; }
.c9-review-side-modes .is-active { color: #18181b; background: #fff; box-shadow: 0 1px 2px #18181b12; }
.c9-review-side-modes .c9-glyph { width: 10px; height: 10px; }
.c9-side-create { padding: 4px 6px; font-size: 9px; border: 1px solid #e4e4e7; border-radius: 5px; background: #fff; }
.c9-side-create .c9-glyph { width: 10px; height: 10px; }
.c9-review-project-row { display: flex; align-items: flex-start; gap: 6px; padding: 8px 5px; border: 1px solid transparent; border-radius: 8px; }
.c9-review-project-row.is-active { border-color: #e4e4e7; background: #eceef1; }
.c9-review-project-row > .c9-detail { padding: 5px; border: 1px solid #e4e4e7; border-radius: 5px; background: #fff; }
.c9-review-project-row > div { min-width: 0; }
.c9-review-project-row strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; font-weight: 500; }
.c9-review-project-row small { display: block; margin-top: 4px; font-size: 8.5px; color: #71717a; }
.c9-records[data-kind=gallery] { grid-template-rows: auto repeat(2, minmax(0, 1fr)); gap: 8px; padding: 10px 12px; align-content: stretch; }
.c9-review-group { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; padding: 0 1px 2px; font-size: 10px; color: #71717a; }
.c9-review-group strong { font-weight: 500; color: #27272a; }
.c9-review { border-radius: 9px; background: #09090b; min-height: 0; }
.c9-review-open { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; color: #fff; background: #09090b; text-align: left; }
.c9-review-open img { width: 100%; height: 100%; object-fit: contain; background: #09090b; }
.c9-review-caption { position: absolute; inset: auto 0 0; padding: 30px 8px 8px; background: linear-gradient(transparent, #000c 50%, #000); }
.c9 .c9-review-caption strong { display: block; color: #fff; font-size: 10px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.c9-review-caption small { display: flex; align-items: center; gap: 5px; margin-top: 4px; color: #ffffffb3; font-size: 8.5px; }
.c9-review-caption small::before { content: ''; width: 5px; height: 5px; flex-shrink: 0; border-radius: 50%; background: #a1a1aa; }
.c9-review[data-decision=approved] .c9-review-caption small::before { background: #34d399; }
.c9-review[data-decision=changes] .c9-review-caption small::before { background: #fbbf24; }
.c9-review[data-decision=rejected] .c9-review-caption small::before { background: #fb7185; }
.c9-review-select { position: absolute; z-index: 1; top: 8px; left: 8px; margin: 0; width: 16px; height: 16px; cursor: pointer; accent-color: #0ea5e9; }
.c9-review:has(.c9-review-select:checked) { outline: 2px solid #38bdf8; outline-offset: -2px; }
.c9-review-comment-count { position: absolute; top: 7px; right: 7px; gap: 4px; padding: 4px 6px; border-radius: 12px; color: #fff; background: #000b; font-size: 9px; pointer-events: none; }
.c9-review-comment-count .c9-glyph { width: 10px; height: 10px; }
.c9-review-selection { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; min-height: 37px; padding: 6px 12px; border-top: 1px solid #e4e4e7; font-size: 9px; color: #71717a; }
.c9-review-selection .c9-control { min-height: 24px; font-size: 9px; padding: 4px 6px; }
.c9-review-selection .c9-glyph { width: 11px; height: 11px; }
.c9-review-empty { grid-column: 1 / -1; padding: 20px; color: #71717a; font-size: 11px; }
.c9-records[data-kind=gallery][data-review-view=detail] { grid-template-columns: 1fr; grid-template-rows: auto minmax(0, 1fr); }
.c9-workspace[data-kind=gallery] .c9-feedback { display: none; }
.c9 button.c9-control:focus-visible, .c9-review-open:focus-visible { outline: 2px solid #38bdf8; outline-offset: -2px; }
@media (max-width: 1100px) {
    .c9-workspace[data-kind=gallery] .c9-app-side { display: none; }
}
@media (max-width: 760px) {
    .c9-story-stage.is-flow .c9-workspace[data-kind=gallery], .c9:not([data-tier=motion]) .c9-workspace[data-kind=gallery] { height: 650px; }
    .c9-workspace[data-kind=gallery] .c9-app-head { flex-wrap: wrap; gap: 8px; }
    .c9-review-project { flex-basis: 100%; }
    .c9-review-views { width: 100%; }
    .c9-review-views .is-primary { margin-left: auto; }
    .c9-review-search { display: none; }
    .c9-review-filters { width: 100%; justify-content: space-between; }
    .c9-records[data-kind=gallery] { grid-template-rows: auto repeat(3, minmax(0, 1fr)); padding: 8px; gap: 6px; }
    .c9-records[data-kind=gallery][data-review-view=detail] { grid-template-rows: auto minmax(0, 1fr); }
    .c9-review-caption { padding: 24px 6px 6px; }
    .c9 .c9-review-caption strong { font-size: 9px; }
    .c9-review-caption small { font-size: 8px; }
}