#okyanust-status-panel .panel-title { overflow-wrap: anywhere; }
#okyanust-service-status { color: #303640; font-size: 14px; line-height: 1.55; letter-spacing: 0; }
#okyanust-service-status * { box-sizing: border-box; }
#okyanust-service-status .oks-overview { display: flex; gap: 10px; align-items: flex-start; padding-bottom: 16px; font-weight: 600; }
#okyanust-service-status .oks-overview > i { flex: 0 0 18px; margin-top: 4px; text-align: center; }
#okyanust-service-status .oks-incident { color: #9c252d; }
#okyanust-service-status .oks-operational, #okyanust-service-status .oks-resolved { color: #246540; }
#okyanust-service-status .oks-maintenance { color: #815017; }
#okyanust-service-status .oks-unknown { color: #626b77; }
#okyanust-service-status .oks-items { border-top: 1px solid #e6e8ec; }
#okyanust-service-status .oks-event { margin: 0; padding: 16px 0; border-bottom: 1px solid #e6e8ec; }
#okyanust-service-status .oks-event:last-child { border-bottom: 0; padding-bottom: 4px; }
#okyanust-service-status summary { display: block; list-style: none; cursor: pointer; padding-left: 14px; border-left: 3px solid #a5adb7; }
#okyanust-service-status summary::-webkit-details-marker { display: none; }
#okyanust-service-status summary:focus-visible { outline: 2px solid #386b9c; outline-offset: 5px; border-radius: 2px; }
#okyanust-service-status .oks-incident summary { border-color: #c33b45; }
#okyanust-service-status .oks-resolved summary { border-color: #37865a; }
#okyanust-service-status .oks-maintenance summary { border-color: #c38b39; }
#okyanust-service-status .oks-event-title { display: block; font-size: 15px; font-weight: 650; line-height: 1.45; overflow-wrap: anywhere; }
#okyanust-service-status .oks-event-meta { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: center; margin-top: 5px; font-size: 12px; }
#okyanust-service-status .oks-badge { display: inline-flex; align-items: center; gap: 5px; font-weight: 600; }
#okyanust-service-status .oks-event time { color: #66707d; font-weight: 400; }
#okyanust-service-status .oks-excerpt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color: #49515c; margin: 9px 0 4px; white-space: normal; }
#okyanust-service-status .oks-expand { display: inline-flex; gap: 6px; align-items: center; font-size: 12px; font-weight: 600; color: inherit; }
#okyanust-service-status .oks-expand i { font-size: 9px; }
#okyanust-service-status details[open] .oks-expand i { transform: rotate(180deg); }
#okyanust-service-status details[open] .oks-excerpt { display: none; }
#okyanust-service-status .oks-detail { padding: 14px 0 0 17px; color: #424b56; }
#okyanust-service-status .oks-detail p { white-space: pre-line; margin: 0 0 14px; overflow-wrap: anywhere; }
#okyanust-service-status .oks-updates { list-style: none; padding: 0 0 0 14px; margin: 14px 0; border-left: 1px solid #dfe3e8; }
#okyanust-service-status .oks-updates li { margin-bottom: 16px; }
#okyanust-service-status .oks-updates time { display: block; font-size: 12px; margin-bottom: 5px; }
#okyanust-service-status .oks-updates p { margin-bottom: 0; }
#okyanust-service-status .oks-checked { color: #6b7480; font-size: 11px; margin: 16px 0 0; }
#okyanust-service-status .oks-note { font-size: 12px; margin: 0 0 14px; color: #626b77; }
#okyanust-status-panel .oks-source { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 13px; }
@media (min-width: 768px) {
    #okyanust-service-status .oks-items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; }
    #okyanust-service-status .oks-event { align-self: start; }
    #okyanust-service-status .oks-event:only-child { grid-column: 1 / -1; }
}
@media (max-width: 480px) {
    #okyanust-service-status { font-size: 13px; }
    #okyanust-service-status .oks-event-title { font-size: 14px; }
    #okyanust-service-status .oks-detail { padding-left: 8px; }
}
#okyanust-status-panel { width: 100%; }
#okyanust-status-panel[hidden] { display: none !important; }