#view-bugs.active{height:100dvh;min-height:0;overflow:hidden}
#bugs-body{display:flex;flex:1;min-height:0;overflow:hidden;padding:0;margin:0}
.bugs-sidebar{display:flex;flex-direction:column}.bugs-sidebar .sbl{flex-shrink:0}.bugs-state{width:100%;border:0;background:transparent;font-family:inherit;text-align:left}.bugs-state .cnt{opacity:1;color:var(--sec)}.bugs-state.on .cnt{color:var(--accent)}
.bugs-reset{border:0;background:none;color:var(--accent);font:inherit;font-size:12px;cursor:pointer;text-align:left;padding:10px 8px;margin-top:8px;border-radius:6px}.bugs-reset:hover{background:#EEF2FF}.bugs-sidebar-foot{margin-top:auto;padding-top:28px}.bugs-sidebar-foot p+p{margin-top:5px}
.bugs-list{display:flex;flex-direction:column;padding-bottom:0}.bugs-list .lhdr,.bugs-list .lsrch{flex-shrink:0}#bugs-results{overflow-y:auto;min-height:0;padding:3px 3px 14px;margin:0 -3px}.bugs-search-row{display:flex;gap:6px}.bugs-search-row .lsrch-in{min-width:0}.bugs-search-row .btn-pri{padding:7px 10px}.bugs-card{display:block;width:100%;text-align:left;font-family:inherit;color:var(--text)}.bugs-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.bugs-key{font-size:12px;font-weight:600;color:var(--accent)}.bugs-status{display:inline-block;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.bugs-status-todo{background:#F1F5F9;color:#475569}.bugs-status-progress{background:#EEF2FF;color:#3451D1}.bugs-status-done{background:#ECFDF5;color:#047857}.bugs-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;font-weight:600;line-height:1.5;margin-bottom:7px}.bugs-card-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;color:var(--sec);line-height:1.55;overflow-wrap:anywhere}.bugs-card-foot{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--sec);margin-top:10px}.bugs-pages{display:flex;align-items:center;justify-content:center;gap:18px;padding:10px 0;font-size:12px;color:var(--sec)}.bugs-page-btn{border:1px solid var(--border);background:white;border-radius:6px;padding:6px 12px;color:var(--accent);font:inherit;cursor:pointer}.bugs-page-btn:disabled{opacity:.4;cursor:default}
.bugs-detail-header{padding:20px 24px;border-bottom:1px solid var(--border)}.bugs-detail-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.bugs-back{border:0;background:none;color:var(--accent);font:inherit;font-size:13px;padding:6px 0;cursor:pointer}.bugs-jira{text-decoration:none;font-size:12px}.bugs-detail-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.bugs-detail-header h2{font-size:21px;line-height:1.4;font-weight:650;margin:0 0 10px;overflow-wrap:anywhere}.bugs-detail-header h2:focus{outline:none}.bugs-detail-content{padding:24px;max-width:960px;width:100%}.bugs-section+.bugs-section{margin-top:28px}.bugs-section h3{font-size:13px;font-weight:600;margin:0 0 12px}.bugs-section h3 .note{margin-left:6px}.bugs-description{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.75;color:var(--text)}.bugs-description a,.bugs-linked-task a{color:var(--accent);text-underline-offset:3px}.bugs-linked-task{padding:14px 16px;border:1px solid var(--border);border-radius:var(--r);margin-bottom:8px;background:#FAFBFF}.bugs-relation{color:var(--sec);font-size:11px;margin-bottom:8px}.bugs-linked-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px}.bugs-linked-title{font-size:13px;line-height:1.5;margin-top:8px;overflow-wrap:anywhere}.bugs-empty{padding:32px 12px;text-align:center;font-size:13px;color:var(--sec);line-height:1.6}.bugs-empty p{margin:8px 0 16px}.bugs-loading{padding:24px}.bugs-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#bugs-body button:focus-visible,#bugs-body a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#bugs-body .apempty{padding:24px;text-align:center;color:var(--sec)}
@media(max-width:1100px){.bugs-sidebar{width:185px}.bugs-list{width:340px;min-width:280px}.bugs-detail-header,.bugs-detail-content{padding:18px}}
@media(max-width:900px){#view-bugs .tnav{height:auto;min-height:50px;flex-wrap:wrap;padding:8px 12px;gap:8px}#view-bugs .tswitch{max-width:100%;overflow-x:auto}#view-bugs .tswitch button{white-space:nowrap}#view-bugs .tsp{display:none}.bugs-sidebar{width:200px}.bugs-list{flex:1;width:auto;min-width:0}.bugs-panel{display:none}#bugs-body.bugs-detail-open .bugs-sidebar,#bugs-body.bugs-detail-open .bugs-list{display:none}#bugs-body.bugs-detail-open .bugs-panel{display:flex}}
@media(max-width:580px){#bugs-body{flex-direction:column}.bugs-sidebar{width:100%;padding:10px 14px;display:block;overflow:visible;border-right:0;border-bottom:1px solid var(--border)}.bugs-sidebar .sbl,.bugs-sidebar-foot{display:none}#bugs-states{display:flex;gap:4px}.bugs-state{justify-content:center;gap:8px;padding:7px 8px}.bugs-sidebar .fchk{display:inline-flex;margin-top:5px;font-size:12px}.bugs-reset{display:inline-block;margin:0;padding:7px}.bugs-list{width:100%;min-height:0;border-right:0}.bugs-detail-header h2{font-size:19px}.bugs-detail-header,.bugs-detail-content{padding:16px}.bugs-card{padding:12px}.bugs-detail-tools{margin-bottom:16px}.bugs-panel{width:100%}}
/* Override the legacy stacked ratings layout for this independent workspace. */
#bugs-body .bugs-list{max-height:none;overflow:hidden}#bugs-body .bugs-panel{overflow-y:auto;min-height:0}
.bugs-layout{display:flex;gap:6px;margin-bottom:10px}.bugs-layout button{border:1px solid var(--border);border-radius:6px;background:#fff;padding:5px 10px;font:inherit;font-size:12px;cursor:pointer}.bugs-layout button[aria-pressed=true]{color:var(--accent);background:#EEF2FF;border-color:var(--accent)}
.bugs-table .bugs-card{display:flex;align-items:center;gap:10px;padding:9px 8px;margin:0;border:0;border-bottom:1px solid var(--border);border-radius:0;min-height:36px}.bugs-table .bugs-key{flex:0 0 87px;font-size:11px}.bugs-row-title{white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.5}.bugs-table .bugs-card.sel{background:#EEF2FF;box-shadow:inset 3px 0 var(--accent)}
.bugs-panel-tools{padding:16px 20px;margin:0;border-bottom:1px solid var(--border)}.bugs-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,30%);align-items:start}.bugs-main{min-width:0}.bugs-links{padding:20px 16px;min-width:0;border-left:1px solid var(--border)}.bugs-links h3{font-size:13px;margin-bottom:12px}.bugs-detail-grid .bugs-detail-header{padding:20px}.bugs-detail-grid .bugs-detail-content{padding:20px}.bugs-mass-control{display:flex;gap:18px;flex-wrap:wrap;align-items:center;font-size:13px;margin:16px 0 8px}.bugs-mass-control label{display:flex;align-items:center;gap:6px}.bugs-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.bugs-actions .bugs-reset{margin:0}.bugs-sidebar select{width:100%;border:1px solid var(--border);background:#fff;border-radius:6px;padding:7px;font:inherit;font-size:12px}.bugs-tab{width:100%;text-align:left;border:0;background:transparent;font:inherit;font-size:12px}.bugs-tab .cnt{margin-left:6px}.bugs-sidebar #bugs-add{margin-top:10px}.bugs-preview,.bugs-ready{padding:9px;background:#ECFDF5;color:#046848;border-radius:6px;font-size:12px;line-height:1.5;margin-bottom:10px}.bugs-preview{background:#FFF7ED;color:#9A3412}.bugs-sidebar #bugs-preview{font-size:11px;margin-bottom:12px}.bugs-comment{padding:12px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.bugs-comment time{display:block;margin:4px 0 8px}.bugs-modal{width:640px}.bugs-modal h2{font-size:16px}.bugs-form{display:grid;gap:14px}.bugs-form label{display:grid;gap:6px;font-size:13px}.bugs-form input,.bugs-form textarea,.bugs-form select,.bugs-author-search{width:100%;box-sizing:border-box;padding:9px;border:1px solid var(--border);border-radius:6px;font:inherit;font-size:13px}.bugs-form textarea{resize:vertical}.bugs-form-error{color:#B91C1C;font-size:13px}.bugs-author-search{margin:16px 0 8px}.bugs-author-list{max-height:45vh;overflow:auto;margin-bottom:16px}.bugs-author{display:flex;gap:8px;padding:8px;font-size:13px;align-items:center}.bugs-author[hidden]{display:none}.bugs-author small{display:block;color:var(--sec);margin-top:3px}.bugs-modal button:focus-visible,.bugs-modal input:focus-visible,.bugs-modal textarea:focus-visible,.bugs-modal select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:1250px){.bugs-detail-grid{grid-template-columns:minmax(0,1fr)}.bugs-links{grid-row:1;border-left:0;border-bottom:1px solid var(--border)}.bugs-links .bugs-linked-task{margin-bottom:6px}.bugs-detail-grid .bugs-main{grid-row:2}}
@media(max-width:900px){.bugs-detail-grid{grid-template-columns:minmax(0,1fr) minmax(190px,30%)}.bugs-links{grid-row:auto;border-left:1px solid var(--border)}.bugs-detail-grid .bugs-main{grid-row:auto}}
@media(max-width:650px){.bugs-detail-grid{display:flex;flex-direction:column}.bugs-links{order:-1;border-left:0;width:100%;border-bottom:1px solid var(--border)}.bugs-main{width:100%}.bugs-modal{width:100%}.bugs-sidebar select{width:auto;margin-right:6px}#bugs-tabs{display:flex;flex-wrap:wrap}.bugs-tab{width:auto}.bugs-panel-tools{padding:12px 16px}.bugs-sidebar #bugs-preview{margin:0 6px 6px 0}}

/* Each filter is one flex item; heading spacing must not depend on :first-child. */
.bugs-row-content{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.bugs-activity-badges{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 5px}
.bugs-row-content .bugs-activity-badges{margin:0}
.bugs-activity-badge{display:inline-block;border-radius:4px;background:#FEF3C7;color:#854D0E;padding:2px 5px;font-size:10px;font-weight:600;line-height:1.4}
.bugs-activity-new{background:#DCFCE7;color:#166534}
.bugs-card:not(.sel).bugs-recent-new{box-shadow:inset 3px 0 #16A34A}
.bugs-card:not(.sel).bugs-recent-changed{box-shadow:inset 3px 0 #D97706}
.bugs-people{line-height:1.6;margin:8px 0}
.bugs-sidebar .bugs-filter-group{flex-shrink:0;margin-top:18px;min-width:0}
.bugs-sidebar .bugs-filter-group:first-child{margin-top:0}
.bugs-sidebar .bugs-filter-group[hidden]{display:none}
.bugs-sidebar .bugs-filter-group>.sbl{margin:0 0 6px}
.bugs-sidebar .bugs-tab{justify-content:space-between;gap:8px}
.bugs-sidebar .bugs-tab .cnt{margin-left:auto;flex-shrink:0}
.bugs-filter-hint{font-size:11px;line-height:1.5;color:var(--sec);margin:8px 8px 0}
@media(max-width:580px){.bugs-sidebar .bugs-filter-group{margin-top:8px}.bugs-sidebar .bugs-filter-group:first-child{margin-top:0}.bugs-filter-hint{margin:6px 8px 0}}

.bugs-search-row .lsrch-in{width:100%}
.bugs-card-foot{align-items:center}
.bugs-has-links{background:#FEF3C7;color:#854D0E;border-radius:4px;padding:3px 6px;font-weight:600;white-space:nowrap}

/* Catalogue scope, presets, and independent filters have distinct hierarchy. */
.bugs-sidebar{overflow-y:auto}
.bugs-segments{display:flex;gap:3px;padding:3px;background:#F1F5F9;border-radius:7px}
.bugs-segments .fopt{flex:1;min-width:0;justify-content:center;text-align:center;border:0;background:transparent;font:inherit;font-size:11px;padding:6px 4px;border-radius:5px;line-height:1.4}
.bugs-segments .fopt.on{background:#fff;color:var(--accent);box-shadow:0 1px 3px #0F172A15}
.bugs-subheading{font-size:11px;font-weight:500;color:var(--sec);margin:10px 0 5px}
.bugs-segments button:disabled{cursor:default;color:#64748B;opacity:.7}
.bugs-tab:disabled{cursor:default;opacity:.5}
.bugs-tab{line-height:1.45}
.bugs-fixed-filter{font-size:12px;line-height:1.5;padding:7px 8px;color:var(--sec);background:#F8FAFC;border-radius:6px}
.bugs-result-count{font-size:12px;font-weight:600;color:var(--text);margin:0 0 7px}
#bugs-selection{flex-shrink:0;margin-bottom:8px;max-height:28vh;overflow:auto}
.bugs-active-filters{display:flex;gap:5px;flex-wrap:wrap}
.bugs-chip{border:1px solid #C7D2FE;background:#EEF2FF;color:#3451D1;border-radius:5px;font:inherit;font-size:11px;line-height:1.4;padding:4px 7px;cursor:pointer;max-width:100%;overflow-wrap:anywhere;text-align:left}
.bugs-selection-note{font-size:11px;color:var(--sec);line-height:1.5;margin:7px 0 0}
.bugs-filter-hint:empty{display:none}
.bugs-sidebar #bugs-reset{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--border);z-index:1;margin-top:12px}
@media(max-width:580px){.bugs-sidebar{max-height:42dvh;overflow-y:auto}.bugs-sidebar #bugs-reset{position:static}.bugs-sidebar .bugs-segments{display:flex}}

/* Filters remain visible; only the people step depends on the selected role. */
.bugs-filter-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px;flex-shrink:0}
.bugs-filter-header h2{font-size:13px;font-weight:600;margin:0}
.bugs-sidebar .bugs-filter-header #bugs-reset{position:static;border:0;margin:0;padding:4px 0;background:transparent;font-size:11px;white-space:nowrap}
.bugs-sidebar .bugs-filter-group>.sbl{display:block}
.bugs-sidebar select{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box;margin:0;font-size:12px;line-height:1.5;padding:8px;border-radius:7px}
.bugs-sidebar .bugs-filter-group{margin-top:14px}
.bugs-filter-header+.bugs-filter-group{margin-top:0}
.bugs-person-filter{padding:0;background:transparent;border:0}
.bugs-catalog-actions{display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0;margin-bottom:12px}
.bugs-catalog-actions:empty{display:none}
.bugs-catalog-actions .btn-sec{font-size:11px;line-height:1.5;padding:6px 9px;border:1px solid var(--border);color:var(--sec)}
.bugs-catalog-actions #bugs-add{color:var(--accent);border-color:#C7D2FE}
@media(max-width:580px){
  .bugs-filter-header{margin-bottom:8px}
  .bugs-sidebar .bugs-filter-group{margin-top:10px}
  .bugs-sidebar .bugs-filter-group>.sbl{display:block;margin-bottom:5px}
  #bugs-states{flex-wrap:wrap}
  .bugs-catalog-actions{margin-bottom:10px}
}

@media(min-width:1101px){.bugs-sidebar{width:240px}}

/* Filter popups use the same rounded surface on every browser. */
.bugs-sidebar select.bugs-native-select{display:none}
.bugs-select{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:38px;padding:9px 11px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font:inherit;font-size:12px;line-height:1.5;text-align:left;cursor:pointer;box-shadow:0 1px 2px #0F172A04}
.bugs-select>span{min-width:0;overflow-wrap:anywhere}
.bugs-select>svg{flex-shrink:0;color:#64748B;transition:transform .15s}
.bugs-select:hover{border-color:#A5B4FC;background:#FDFDFF}
.bugs-select[aria-expanded=true]{border-color:var(--accent);box-shadow:0 0 0 3px #6366F115}
.bugs-select[aria-expanded=true]>svg{transform:rotate(180deg)}
.bugs-select-menu{position:fixed;z-index:1200;box-sizing:border-box;padding:5px;border:1px solid #E0E5EF;border-radius:12px;background:#fff;box-shadow:0 12px 32px #17255420,0 2px 6px #1725540A;overflow-y:auto;overscroll-behavior:contain;font-family:inherit}
.bugs-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:7px;color:var(--text);font-size:12px;line-height:1.5;cursor:pointer;overflow-wrap:anywhere}
.bugs-select-option+.bugs-select-option{margin-top:2px}
.bugs-select-option[aria-selected=true]{color:#4338CA;background:#EEF2FF;font-weight:500}
.bugs-select-option.is-active{background:#F1F5F9}
.bugs-select-option[aria-selected=true].is-active{background:#E8EDFF}
.bugs-select-check{flex:0 0 14px;color:#6366F1;font-size:14px}
@media(max-width:580px){.bugs-select{font-size:13px;min-height:42px}.bugs-select-option{font-size:13px;padding:11px 10px}}
#bugs-body .bugs-select:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366F11A}

/* Personal notification feed, independent of catalogue filters. */
.bugs-list .lhdr{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bugs-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--accent);cursor:pointer}
.bugs-bell:hover,.bugs-bell[aria-expanded=true]{background:#EEF2FF;border-color:#A5B4FC}
.bugs-bell>span{position:absolute;top:-5px;right:-7px;min-width:19px;padding:2px 4px;border:2px solid #fff;border-radius:12px;background:#4F46E5;color:#fff;font-size:10px;font-weight:650;line-height:1.3}
.bugs-bell>span[hidden]{display:none}
.bugs-feed-modal{width:720px;max-width:calc(100vw - 24px);max-height:90dvh;display:flex;flex-direction:column}
.bugs-feed-modal .modal-body{min-height:0;overflow-y:auto}
.bugs-feed-modal .modal-hdr{flex-shrink:0}
#bugs-feed>.note{line-height:1.6;margin:0 0 14px}
.bugs-feed-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.bugs-feed-toolbar select{padding:8px 10px;min-height:38px;border:1px solid var(--border);border-radius:8px;background:#fff;font:inherit;font-size:12px;color:var(--text)}
.bugs-feed-toolbar .bugs-reset{margin:0}
.bugs-feed-toolbar #bugs-feed-read-all{margin-left:auto}
#bugs-feed-summary{margin:0 0 10px}
#bugs-feed-error:empty{display:none}
#bugs-feed-items{list-style:none;padding:0;margin:0 0 14px}
.bugs-feed-item{border:1px solid #C7D2FE;border-radius:12px;background:#F8FAFF;padding:16px;margin-top:10px;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.bugs-feed-item.is-read{border-color:var(--border);background:#fff}
.bugs-feed-kind{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px}
.bugs-feed-kind>strong{font-size:13px}.bugs-feed-kind>.note{white-space:nowrap}
.bugs-feed-task{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px}
.bugs-feed-task>a{flex-shrink:0;font-size:11px}
.bugs-feed-open{border:0;padding:0;background:none;color:var(--accent);font:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer;overflow-wrap:anywhere}
.bugs-feed-open:hover{text-decoration:underline}
.bugs-feed-item p{margin:7px 0}
.bugs-feed-comment{padding:10px 12px;border-left:2px solid #C7D2FE;background:#fff;border-radius:4px;max-height:240px;overflow:auto}
.bugs-feed-read{margin-top:6px}
.bugs-feed-modal button:disabled{opacity:.5;cursor:default}
@media(max-width:580px){.bugs-feed-modal{width:100%;max-height:94dvh}.bugs-feed-modal .modal-body{padding:16px}.bugs-feed-item{padding:12px}.bugs-feed-task{flex-wrap:wrap;gap:2px}.bugs-feed-kind{gap:8px}.bugs-feed-toolbar #bugs-feed-read-all{margin-left:0;width:100%}}
@media(max-width:580px){.modal-backdrop:has(.bugs-feed-modal){padding:12px}.bugs-feed-modal{max-height:calc(100dvh - 24px)}}