/* EVOLVE 015: responsive structural material and failure diagnostics */
.failure-panel{border-color:#87685b;background:linear-gradient(145deg,#32242c,#0b1c29 90%)}
.failure-panel h2 small{color:#ffc0a1}
.failure-panel h3{margin:18px 0 8px;color:#fce8d6;font-size:13px}
.failure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:13px 0}
.failure-grid label{display:flex;flex-direction:column;gap:6px;font:11px ui-monospace,monospace;color:#f1d7ca;min-width:0}
.failure-grid select,.failure-grid input{width:100%;min-width:0;box-sizing:border-box;border-radius:7px;padding:9px;background:#151d2a;color:#fff5ec;border:1px solid #745c61;font:12px ui-monospace,monospace}
.failure-grid select:focus-visible,.failure-grid input:focus-visible,.failure-actions button:focus-visible{outline:2px solid #ffbe9e;outline-offset:2px}
.failure-grid button{align-self:end}
.failure-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.failure-actions button,.failure-grid button{flex:1 1 120px;min-height:40px;padding:9px 11px;border:1px solid #996d67;background:#48323d;border-radius:7px;color:#fff4e9;font:11px ui-monospace,monospace;cursor:pointer}
.failure-actions button:hover:not(:disabled),.failure-grid button:hover:not(:disabled){background:#67434c}
.failure-actions button:disabled{opacity:.4;cursor:not-allowed}
.failure-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}
.failure-metrics span{display:flex;flex-direction:column;gap:5px;padding:10px 7px;background:#141d2a;border:1px solid #6a5260;border-radius:7px;color:#ddbec0;font:10px ui-monospace,monospace}
.failure-metrics b{font-size:15px;color:#ffe5c9}
#failure-chart{display:block;width:100%;max-width:100%;height:170px;border:1px solid #684e60;border-radius:8px;background:#0a1927}
.failure-legend{display:flex;gap:20px;margin:8px 0;color:#f1c6ad;font:10px ui-monospace,monospace}
.failure-legend span:last-child{color:#9df1d7}
.failure-events{max-height:170px;overflow:auto;padding:8px 11px;border:1px solid #6a5260;border-radius:7px;background:#101b29;color:#f3ceba;font:11px/1.6 ui-monospace,monospace;overflow-wrap:anywhere}
.failure-events p{margin:4px 0}
#failure-link-status,#failure-status{overflow-wrap:anywhere}
@media(max-width:480px){.failure-grid{grid-template-columns:1fr}.failure-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.failure-actions button{flex:1 1 calc(50% - 8px)}}