/* availability-reliability/css/reliability.css */
/* Reliability-specific styles extracted from style.css */
.rcfa-status-open{color:var(--red);font-weight:700}
.rcfa-status-closed{color:var(--green);font-weight:700}
.rcfa-tree-wrap{background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:14px;flex:1;overflow-y:auto;min-height:300px}
.rcfa-node{margin-bottom:8px;display:flex;gap:8px;align-items:flex-start}
.rcfa-why-label{font-weight:700;color:#d97706;padding-top:6px;flex-shrink:0;font-size:11px}
.rcfa-node-body{flex:1;background:var(--bg1);border:1px solid var(--border);border-radius:6px;padding:10px}
.rcfa-node-body.is-root{border:2px solid var(--green);background:rgba(26,122,66,.04)}
.rcfa-action-matrix{border:1px solid var(--border);border-radius:6px;overflow:hidden;margin-bottom:12px}
.rcfa-action-head{background:rgba(26,122,66,.08);padding:8px 12px;border-bottom:1px solid var(--border);font-size:11px;font-weight:600;display:flex;gap:8px;align-items:center}
.rcfa-action-row{display:grid;grid-template-columns:120px 3fr 1fr 1fr 1fr;border-bottom:1px solid var(--border);font-size:11px}
.rcfa-action-row:last-child{border-bottom:none}
.rcfa-action-row > div{padding:7px 8px;border-right:1px solid var(--border)}
.rcfa-action-row > div:last-child{border-right:none}
.rcfa-action-header{background:var(--bg3);font-weight:600;font-size:10px;color:var(--txt2)}

.rel-tabs{display:flex;gap:2px;background:var(--bg2);border-radius:var(--r);padding:3px;margin-bottom:14px}
.rel-tab{padding:6px 14px;border-radius:4px;border:none;background:none;color:var(--txt2);font-size:11px;font-weight:500;cursor:pointer;transition:all .12s}
.rel-tab.active{background:var(--bg1);color:var(--txt0);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.chart-grid-2{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-bottom:12px}
.chart-grid-3{display:grid;grid-template-columns:1fr 1fr 2fr;gap:12px;margin-bottom:12px}
.chart-box{background:var(--bg1);border:1px solid var(--border);border-radius:var(--r);padding:14px;display:flex;flex-direction:column}
.chart-box-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;flex-shrink:0}
.chart-box-title{font-size:11px;font-weight:600;color:var(--txt0)}
.chart-box-sub{font-size:10px;color:var(--accent);font-weight:600;margin-top:2px}
.chart-canvas-wrap{flex:1;min-height:220px;position:relative}
.rel-filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rel-filter-label{font-size:10px;color:var(--txt2);font-weight:600}