.preview-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:16px}.preview-cards{display:grid;gap:12px;align-content:start}#preview-cards{grid-template-columns:1fr}.preview-card{width:100%;border:1px solid var(--line);background:#fff;text-align:left;cursor:pointer}.preview-card:hover,.preview-card.selected-preview{border-color:#bcd0ff;background:#f5f8ff}.preview-card.cancelled-preview{opacity:.6}.preview-card .preview-card-status{margin-left:auto;font-size:9px;font-weight:700;color:#c65a38}.preview-detail{min-height:400px}.preview-detail h2{font-family:"Playfair Display",serif;font-size:25px;margin:0}.preview-detail>p{font-size:12px;color:var(--muted)}.preview-detail-header{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding-bottom:14px}.preview-detail-header h2{margin-top:2px}.preview-detail-header p{font-size:12px;color:var(--muted);margin:4px 0 0}.preview-detail-actions{display:flex;gap:8px;align-items:flex-start}.preview-detail-meta{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.preview-detail-meta span{background:#f2f5fb;border-radius:7px;padding:6px 8px;color:#596782;font-size:10px}.preview-detail-meta .preview-date-meta,.preview-detail-meta .preview-time-meta{background:#e9efff;color:#244eaf;font-size:13px;font-weight:800;padding:9px 11px;letter-spacing:.1px}.preview-detail-meta .preview-time-meta{background:#f0ebff;color:#6740bc}.preview-detail-meta .preview-location-meta{background:#eef3fb;color:#334f79;font-size:11px;font-weight:700;padding:9px 11px}.preview-detail-note{font-size:12px;line-height:18px;border-left:3px solid var(--blue);padding:6px 0 6px 11px;margin:12px 0 16px}.preview-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}.preview-summary div{background:#f7f8fc;border-radius:8px;padding:10px}.preview-summary span{display:block;font-size:9px;color:var(--muted)}.preview-summary b{display:block;font-size:17px;margin-top:4px}.preview-song{border-top:1px solid #edf0f5;padding:12px 0}.preview-song:first-of-type{border-top:0}.preview-song-heading{display:flex;justify-content:space-between;gap:10px}.preview-song h3{font-size:13px;margin:0}.preview-song-heading small{font-size:10px;color:var(--muted);margin-top:3px;display:block}.preview-song-stats{font-size:10px;color:#566580;white-space:nowrap}.preview-participants{list-style:none;margin:9px 0 0;padding:0;display:grid;gap:5px}.preview-participants li{display:flex;justify-content:space-between;gap:8px;border-radius:6px;padding:7px 9px;font-size:10px}.preview-participants li:nth-child(odd){background:#fffaf5}.preview-participants li:nth-child(even){background:#faf8ff}.preview-participants small{color:#5e6a83;font-weight:700}.preview-no-participants{font-size:10px;color:#a66d17;background:#fff8df;padding:7px 8px;border-radius:6px;margin-top:8px}.preview-edit-actions>span{flex:1}.preview-edit-actions .danger{background:#fff0ed;color:#c04834;border-color:#ffd4ca}@media(max-width:900px){.preview-layout{grid-template-columns:1fr}.preview-detail{min-height:auto}}@media(max-width:600px){.preview-summary{grid-template-columns:1fr}.preview-detail-header{flex-direction:column}.preview-detail-actions{width:100%}.preview-detail-actions .button{flex:1}.preview-song-heading{flex-direction:column}.preview-participants li{flex-direction:column;gap:2px}}@media print{body{background:#fff}.sidebar,.topbar,#previews-view>.page-heading,#preview-cards,.preview-detail-actions{display:none!important}.main{margin:0!important;width:100%!important}.view,#previews-view{display:block!important;max-width:none!important;padding:0!important}.preview-layout{display:block!important}.preview-detail{border:0!important;padding:0!important;box-shadow:none!important}.preview-detail-meta .preview-date-meta,.preview-detail-meta .preview-time-meta,.preview-detail-meta .preview-location-meta{border:1px solid #ccd3e2!important;background:#fff!important;color:#17233e!important}.preview-participants li{border:1px solid #e2e5ec!important;break-inside:avoid}.preview-song{break-inside:avoid}}
.preview-song-actions{display:grid;justify-items:end;gap:5px}.preview-song-actions .text-button{font-size:10px;padding:2px 0}@media(max-width:600px){.preview-song-actions{justify-items:start}}