.risk-card{position:relative;overflow:hidden;transition:border-color .18s,background .18s,transform .18s}
.risk-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#60736b}
.risk-card.severity-high{border-color:#6b312c;background:linear-gradient(110deg,rgba(118,40,32,.28),#101d19 42%,#0b1613)}
.risk-card.severity-high:before{background:#ff806f;box-shadow:0 0 18px rgba(255,128,111,.55)}
.risk-card.severity-medium{border-color:#5f4b2a;background:linear-gradient(110deg,rgba(108,77,24,.25),#101d19 42%,#0b1613)}
.risk-card.severity-medium:before{background:#f5bd65}
.risk-card.severity-low{border-color:#285043;background:linear-gradient(110deg,rgba(26,92,67,.23),#101d19 42%,#0b1613)}
.risk-card.severity-low:before{background:#75e3ad}
.risk-card.severity-closed{opacity:.68;border-color:#33433d;background:#0c1714}
.risk-card.severity-closed:before{background:#718078}
.risk-summary>div:nth-child(1){border-color:#6b312c;background:linear-gradient(145deg,rgba(110,38,31,.35),#0d1916)}
.risk-summary>div:nth-child(1) strong{color:#ff9283}
.risk-summary>div:nth-child(2){border-color:#5f4b2a;background:linear-gradient(145deg,rgba(103,75,25,.32),#0d1916)}
.risk-summary>div:nth-child(2) strong{color:#f5bd65}
.risk-summary>div:nth-child(3){border-color:#594064;background:linear-gradient(145deg,rgba(90,47,103,.3),#0d1916)}
.risk-summary>div:nth-child(3) strong{color:#c9a8f5}
.calendar-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;width:100%;padding:8px 10px;border:1px solid #405f78;border-radius:8px;background:#13293a;color:#9fd2ff;font-size:9px;font-weight:800;cursor:pointer;transition:.18s}
.calendar-btn:hover{border-color:#64a9ff;background:#18344b;color:#d8ecff;transform:translateY(-1px)}
@media(max-width:800px){.calendar-btn{width:auto}.risk-owner{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.risk-owner>small{width:100%}.risk-owner .record-actions{margin-top:0}}
.availability-card{width:min(720px,100%)}
.availability-card .modal-head p{margin:5px 0 0;color:var(--muted);font-size:10px}
.availability-controls{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;padding:15px;border:1px solid var(--line);border-radius:11px;background:#101e1a}
.availability-controls label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:9px}
.availability-controls input{border:1px solid var(--line2);border-radius:8px;background:#0b1613;color:var(--text);padding:10px 12px}
.availability-status{margin:15px 0;padding:11px 13px;border-left:3px solid var(--blue);background:#10202c;color:#aac3d5;font-size:10px}
.availability-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.availability-slots button{display:flex;flex-direction:column;align-items:flex-start;padding:12px;border:1px solid #31506a;border-radius:10px;background:#112536;color:#d8ecff;cursor:pointer}
.availability-slots button:hover{border-color:#64a9ff;background:#173149}
.availability-slots b{font:700 13px Manrope}
.availability-slots span{margin-top:4px;color:#82abc9;font-size:8px}
.graph-setup{margin-top:15px;padding:17px;border:1px solid #5f4b2a;border-radius:11px;background:#211b11}
.graph-setup h3{margin:7px 0 10px;font:700 15px Manrope}
.graph-setup ol{margin:0;padding-left:18px;color:#cbbd9e;font-size:10px;line-height:1.65}
.graph-setup p{margin:10px 0 0;color:#9e927a;font-size:9px}
@media(max-width:800px){.availability-controls{grid-template-columns:1fr}.availability-slots{grid-template-columns:1fr 1fr}}
.graph-guide-card{width:min(820px,100%)}
.graph-guide-card .setup-intro{margin-bottom:8px}
.graph-guide-steps{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}
.graph-variable-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}
.graph-variable-grid>div{padding:12px;border:1px solid var(--line);border-radius:9px;background:#101e1a}
.graph-variable-grid small,.graph-variable-grid code,.graph-variable-grid span{display:block}
.graph-variable-grid small{color:var(--muted);font-size:7px;letter-spacing:1.2px}
.graph-variable-grid code{margin:5px 0;color:#9fd2ff;font-size:10px}
.graph-variable-grid span{color:#82978e;font-size:8px}
@media(max-width:700px){.graph-guide-steps,.graph-variable-grid{grid-template-columns:1fr}}