.portfolio-event-create { padding-bottom: 1.5rem; border-bottom: 1px solid rgba(188,163,117,.32); }
.portfolio-collection-card-image { display:block; width:100%; height:100%; object-fit:cover; object-position:var(--sbv-thumb-x,50%) var(--sbv-thumb-y,50%); transform-origin:var(--sbv-thumb-x,50%) var(--sbv-thumb-y,50%); transform:scale(var(--sbv-thumb-zoom,1)); }
.premium-folder-preview img.portfolio-collection-card-image { transform:scale(var(--sbv-thumb-zoom,1))!important; transform-origin:var(--sbv-thumb-x,50%) var(--sbv-thumb-y,50%)!important; }
.premium-folder-card:hover .premium-folder-preview img.portfolio-collection-card-image { transform:scale(calc(var(--sbv-thumb-zoom,1) + .03))!important; }
.portfolio-collection-thumbnail-preview { aspect-ratio:16/10; border-radius:16px; }
.portfolio-collection-thumbnail-preview > img { border-radius:16px; }
.portfolio-collection-thumbnail-frame { width:100%; height:100%; overflow:hidden; border-radius:inherit; }
.portfolio-collection-thumbnail-actions.sbv-compact-actions { position:absolute; top:1rem; right:1.5rem; z-index:30; }
.portfolio-collection-thumbnail-actions label.btn { display:flex; justify-content:center; align-items:center; width:100%; white-space:nowrap; margin:0; }
[data-collection-card] { scroll-margin-top:110px; }
.portfolio-crop-preview { height:330px; overflow:hidden; border:1px solid rgba(188,163,117,.5); border-radius:8px; background:#202622; cursor:grab; touch-action:none; user-select:none; }
.portfolio-crop-preview.is-dragging { cursor:grabbing; }
.portfolio-crop-preview img { width:100%; height:100%; display:block; object-fit:cover; object-position:var(--sbv-thumb-x,50%) var(--sbv-thumb-y,50%); transform-origin:var(--sbv-thumb-x,50%) var(--sbv-thumb-y,50%); transform:scale(var(--sbv-thumb-zoom,1)); pointer-events:none; }
.portfolio-crop-value { min-width:3.5rem; text-align:right; font-variant-numeric:tabular-nums; color:#7b653e; font-weight:700; }
.portfolio-crop-help { color:#66706b; font-size:.9rem; }
@media(max-width:575.98px) { .portfolio-crop-preview { height:250px; } }
.portfolio-review-row.is-visible { background: #edf7f0; border-color: #a4cbb0; }
.portfolio-review-row.is-approved { background: #fff7e5; border-color: #dfc38c; }
.portfolio-review-row.is-not-visible { background: #f2f2f1; border-color: #c8cac7; }
.portfolio-review-row .portfolio-review-visibility { font-size: .85rem; font-weight: 600; }
.portfolio-review-row.is-visible .portfolio-review-visibility { color: #225b38; }
.portfolio-review-row.is-approved .portfolio-review-visibility { color: #75531d; }
.portfolio-review-row.is-not-visible .portfolio-review-visibility { color: #4e554f; }
.portfolio-review-controls { display: flex; flex-wrap: wrap; align-items: end; gap: .75rem; }
.portfolio-review-status-field { flex: 0 1 13rem; min-width: 11rem; max-width: 100%; }
.portfolio-review-status-field .form-select { width: 100%; min-width: 0; padding-right: 2.75rem; }
.portfolio-review-featured { padding-bottom: .55rem; }
.portfolio-review-actions { display: flex; flex-wrap: wrap; gap: .75rem; align-items: end; }
.portfolio-collection-card { position:relative; min-width:0; }
.portfolio-collection-card > a { display:block; padding:1rem 2.7rem 1rem 2.5rem; }
.portfolio-collection-delete { position:absolute; top:.45rem; right:.45rem; width:28px; height:28px; padding:0; display:grid; place-items:center; border:1px solid rgba(188,163,117,.55); border-radius:50%; background:#fff; color:#923a3a; font-size:1.2rem; line-height:1; }
.portfolio-collection-delete:hover,.portfolio-collection-delete:focus-visible { background:#fff0ed; border-color:#b54b42; }
.portfolio-drag-handle { cursor:grab; touch-action:none; user-select:none; align-self:flex-start; width:32px; display:grid; place-items:center; border:1px solid rgba(188,163,117,.6); border-radius:8px; background:#faf8f3; color:#655236; padding:.3rem .45rem; line-height:1; min-height:30px; }
.portfolio-collection-card > .portfolio-drag-handle { position:absolute; left:.4rem; top:1.1rem; }
.portfolio-drag-handle:active { cursor:grabbing; }
[data-sort-item].is-sorting { opacity:.65; outline:2px solid #bca375; outline-offset:-2px; }
[data-saving-order="1"] .portfolio-drag-handle { cursor:wait; opacity:.6; }
.portfolio-order-status:not(:empty) { position:fixed; bottom:1rem; left:50%; transform:translateX(-50%); z-index:1000; border:1px solid #bca375; border-radius:999px; background:#fff; padding:.5rem 1rem; box-shadow:0 8px 24px #0002; }
