.issue-row.active-recovery {
  position: relative;
  border: 1px solid #f79009 !important;
  background: linear-gradient(90deg, #fff7e8, #f8fafc 55%);
  box-shadow: 0 0 0 2px rgba(247, 144, 9, .12), 0 4px 12px rgba(181, 71, 8, .1);
  animation: activeRecoveryGlow 1.6s ease-in-out infinite;
}
.issue-row.active-recovery .issue-severity { background: #f79009; animation: activeRecoveryBar 1.1s ease-in-out infinite; }
.issue-row.active-recovery .issue-problem strong { color: #b54708; }
.issue-row.active-recovery::before {
  content: "LIVE";
  position: absolute;
  top: 7px;
  right: 8px;
  padding: 2px 5px;
  border-radius: 999px;
  background: #f79009;
  color: #fff;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .08em;
}
.issue-occurred {
  display: block !important;
  margin-top: 5px !important;
  padding-top: 4px;
  border-top: 1px solid #d0d5dd;
  color: #475467 !important;
  font-size: 9px !important;
  font-weight: 750;
  white-space: nowrap;
}
.issue-inbox > .panel-heading {
  display: flex;
  min-height: 0;
  align-items: center;
  gap: 18px;
  padding: 11px 16px;
}
.issue-sort-toolbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 3px;
  margin: 0 0 0 auto;
  padding: 3px;
  border: 1px solid #c5ccd6;
  border-radius: 9px;
  background: #e7ebf0;
  box-shadow: inset 0 1px 2px rgba(16, 24, 40, .06);
}
.issue-sort-toolbar > span { padding: 0 7px; color: #667085; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.issue-sort-toolbar a { min-width: 68px; padding: 7px 10px; border: 0; border-radius: 6px; background: transparent; color: #344054; font-size: 10px; font-weight: 800; text-align: center; text-decoration: none; cursor: pointer; box-shadow: none; }
.issue-sort-toolbar a:hover { background: #f8fafc; }
.issue-sort-toolbar a.active { background: #175cd3; color: #fff; box-shadow: 0 2px 4px rgba(23, 92, 211, .25); }
.issue-list-controls { display: grid; gap: 8px; padding: 10px; border: 1px solid #cbd5e1; border-radius: 9px; background: #fff; }
.issue-list-controls .issue-sort-toolbar { width: 100%; margin: 0; }
.issue-list-controls .issue-sort-toolbar a { flex: 1; min-width: 0; }
.issue-period-control { display: flex; align-items: center; gap: 10px; margin: 0; }
.issue-period-control > span { color: #667085; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.issue-period-control nav { display: flex; flex: 1; flex-direction: row; gap: 3px; margin: 0; padding: 3px; border: 1px solid #c5ccd6; border-radius: 9px; background: #e7ebf0; }
.issue-period-control a { flex: 1; min-width: 0; padding: 7px 5px; border-radius: 6px; color: #344054; font-size: 9px; font-weight: 800; text-align: center; text-decoration: none; white-space: nowrap; }
.issue-period-control a:hover { background: #f8fafc; }
.issue-period-control a.active { background: #175cd3; color: #fff; box-shadow: 0 2px 4px rgba(23, 92, 211, .25); }
.standard-list-scroll > .issue-row { grid-template-columns: 9px minmax(210px, .95fr) minmax(300px, 1.35fr) 112px; }
.issue-fix { justify-content: flex-end; white-space: nowrap; }
.issue-row.active-recovery .issue-fix { padding-right: 28px; }
.issue-row.issue-resolved{border-color:#b8c7be!important;background:#f5f8f6}.issue-row.issue-resolved .issue-severity{background:#12b76a}.issue-row.issue-resolved .issue-problem strong{color:#175c3c}
.issue-page-intro{position:relative;display:flex;align-items:flex-start;gap:14px;margin:0 0 12px}.issue-page-intro .context-back{flex:0 0 auto;margin:0!important}.issue-page-intro .page-header{flex:1;margin:0;padding-top:1px}.issue-page-intro .page-header h1{font-size:25px}.issue-page-intro .page-header .subtitle{margin-top:4px}.issue-page-intro+.issue-state-tabs{margin-top:0}
main:has(.issue-inbox)>.context-back{float:left;margin:0 14px 10px 0!important}main:has(.issue-inbox)>.page-header{min-height:42px;margin:0 0 12px;padding-top:1px}main:has(.issue-inbox)>.page-header h1{font-size:25px}main:has(.issue-inbox)>.page-header .subtitle{margin-top:4px}
.standard-list-controls>.issue-list-controls{gap:6px;padding:8px}.standard-list-controls>.issue-list-controls .issue-period-control,.standard-list-controls>.issue-list-controls .issue-sort-toolbar{min-height:34px}.standard-list-controls>.issue-list-controls .issue-period-control>span{min-width:68px}.standard-list-controls>.issue-list-controls .issue-period-control a,.standard-list-controls>.issue-list-controls .issue-sort-toolbar a{padding:6px 4px}
@keyframes activeRecoveryGlow { 50% { border-color: #fdb022; box-shadow: 0 0 0 5px rgba(247, 144, 9, .17), 0 6px 18px rgba(181, 71, 8, .14); } }
@keyframes activeRecoveryBar { 50% { background: #ffd27a; transform: scaleY(.82); } }
@media (prefers-reduced-motion: reduce) { .issue-row.active-recovery, .issue-row.active-recovery .issue-severity { animation: none; } }
@media (max-width: 1050px) { .issue-sort-toolbar > span { display: none; } .issue-sort-toolbar a { min-width: auto; } }
@media (max-width: 800px) {
  .issue-inbox > .panel-heading { align-items: flex-start; flex-direction: column; }
  .issue-sort-toolbar { width: 100%; margin: 0; flex-wrap: wrap; }
  .issue-period-control { align-items: flex-start; flex-direction: column; }
  .issue-period-control nav { width: 100%; flex-wrap: wrap; }
  .standard-list-scroll > .issue-row { grid-template-columns: 9px 1fr auto; }
}


/* Embedded Issues keeps filter choices spacious instead of squeezing labels into one strip. */
.workspace-embedded .issue-list-controls{gap:12px;padding:14px}
.workspace-embedded .issue-period-control{align-items:flex-start;flex-direction:column;gap:8px}
.workspace-embedded .issue-period-control>span,.workspace-embedded .issue-sort-toolbar>span{padding:0;color:#475467;font-size:11px}
.workspace-embedded .issue-period-control nav,.workspace-embedded .issue-list-controls .issue-sort-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:5px;padding:5px}
.workspace-embedded .issue-period-control a,.workspace-embedded .issue-list-controls .issue-sort-toolbar a{display:flex;min-height:34px;align-items:center;justify-content:center;padding:7px 8px;font-size:11px;line-height:1.2;white-space:normal}
.issue-row .issue-times { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; color: #475467; font-size: 12px; line-height: 1.4; }
.issue-times time { font-variant-numeric: tabular-nums; white-space: nowrap; }
