@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap";
.rel-container{max-width:800px;padding:1rem}.rel-header h2{margin:0 0 .25rem;font-size:1.5rem}.rel-subtitle{color:var(--color-text-muted);margin:0 0 1rem;font-size:.9rem}.rel-error{color:#c0392b;border-radius:var(--radius-md);cursor:pointer;background:#ffeaea;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.rel-success{color:var(--color-success);border-radius:var(--radius-md);background:#e8f5e9;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600}.rel-loading,.rel-empty{color:var(--color-text-muted);padding:1rem 0;font-size:.9rem}.rel-quick-actions{margin-bottom:1rem}.rel-form{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:1rem;padding:1rem}.rel-form h3{margin:0 0 .75rem;font-size:1rem}.rel-form-group{flex-direction:column;margin-bottom:.5rem;display:flex}.rel-form-group label{color:var(--color-text-secondary);margin-bottom:.25rem;font-size:.8rem;font-weight:600}.rel-form-group input,.rel-form-group select,.rel-form-group textarea{border:1px solid var(--color-input-border);border-radius:var(--radius-sm);padding:.5rem;font-family:inherit;font-size:.9rem}.rel-form-group input:focus,.rel-form-group select:focus,.rel-form-group textarea:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.rel-form-group textarea{resize:vertical}.rel-pipeline{flex-direction:column;gap:1.25rem;display:flex}.rel-stage{border-left:3px solid var(--color-border);padding-left:.75rem}.rel-stage-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.rel-stage-count{background:var(--color-grey-bg);border-radius:var(--radius-sm);color:var(--color-text-muted);padding:.1rem .4rem;font-size:.75rem}.rel-stage-empty{color:var(--color-text-muted);margin:0;font-size:.8rem;font-style:italic}.rel-launched-details{margin:0}.rel-launched-summary{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-text-muted);padding:.25rem 0;font-size:.85rem}.rel-badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.rel-badge-planned{color:#283593;background:#e8eaf6}.rel-badge-brewing{color:#856404;background:#fff3cd}.rel-badge-fermenting{color:#0c5460;background:#d1ecf1}.rel-badge-conditioning{color:#880e4f;background:#fce4ec}.rel-badge-ready{color:#155724;background:#d4edda}.rel-badge-launched{color:#fff;background:#155724}.rel-card-list{flex-direction:column;gap:.5rem;display:flex}.rel-card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem}.rel-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.35rem;display:flex}.rel-card-title{flex-direction:column;display:flex}.rel-beer-name{font-size:1rem;font-weight:700}.rel-beer-style{color:var(--color-text-secondary);font-size:.8rem}.rel-card-meta{color:var(--color-text-secondary);flex-wrap:wrap;gap:.5rem;margin-bottom:.35rem;font-size:.8rem;display:flex}.rel-card-meta span{background:var(--color-grey-bg);border-radius:var(--radius-sm);padding:.15rem .4rem}.rel-card-desc{color:var(--color-text-secondary);margin:.25rem 0 .5rem;font-size:.85rem;font-style:italic}.rel-card-actions{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.rel-btn{border-radius:var(--radius-md);cursor:pointer;border:none;min-height:44px;padding:.65rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600}.rel-btn:disabled{opacity:.5;cursor:not-allowed}.rel-btn-advance{background:var(--color-primary);color:#fff;flex:1}.rel-btn-advance:hover:not(:disabled){background:var(--color-primary-dark)}.rel-btn-more{color:var(--color-text-muted);background:0 0;min-height:auto;padding:.4rem .75rem;font-size:.8rem;text-decoration:underline}.rel-status-grid{flex-wrap:wrap;gap:.35rem;width:100%;display:flex}.rel-btn-status{background:var(--color-grey-bg);color:var(--color-text);border:1px solid var(--color-border);min-height:44px;padding:.5rem .75rem;font-size:.85rem}.rel-btn-status:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.rel-btn-cancel{color:var(--color-text-muted);background:0 0;min-height:auto;padding:.4rem .75rem;font-size:.8rem}@media (min-width:768px){.rel-container{padding:1.5rem}}
.bug-report-fab{z-index:1000;color:#fff;cursor:pointer;background:#b91c1c;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background .2s,transform .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #0000004d}.bug-report-fab:hover{background:#991b1b;transform:scale(1.08)}.bug-report-backdrop{z-index:1001;background:#0006;position:fixed;inset:0}.bug-report-panel{z-index:1002;color:#e0e0e0;background:#1a1a2e;flex-direction:column;width:380px;max-width:100vw;height:100vh;animation:.2s ease-out bug-report-slide-in;display:flex;position:fixed;top:0;right:0;box-shadow:-4px 0 20px #00000080}@keyframes bug-report-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.bug-report-panel-header{border-bottom:1px solid #2a2a4a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.bug-report-panel-header h3{color:#fff;margin:0;font-size:1.1rem}.bug-report-close{color:#999;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.5rem;line-height:1}.bug-report-close:hover{color:#fff}.bug-report-form{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.bug-report-field{flex-direction:column;gap:4px;display:flex}.bug-report-field label{color:#aaa;font-size:.85rem;font-weight:500}.bug-report-field input,.bug-report-field select,.bug-report-field textarea{color:#e0e0e0;background:#16213e;border:1px solid #2a2a4a;border-radius:6px;padding:8px 12px;font-family:inherit;font-size:.9rem}.bug-report-field input:focus,.bug-report-field select:focus,.bug-report-field textarea:focus{border-color:#4a6fa5;outline:none}.bug-report-field textarea{resize:vertical;min-height:80px}.bug-report-context{color:#666;font-size:.8rem}.bug-report-error{color:#ef4444;background:#ef44441a;border-radius:6px;padding:8px 12px;font-size:.85rem}.bug-report-submit{color:#fff;cursor:pointer;background:#b91c1c;border:none;border-radius:6px;padding:10px 16px;font-size:.95rem;font-weight:500;transition:background .2s}.bug-report-submit:hover:not(:disabled){background:#991b1b}.bug-report-submit:disabled{opacity:.5;cursor:not-allowed}.bug-report-success{text-align:center;color:#4ade80;padding:40px 20px;font-size:1rem}