﻿    details.ocp-sec > summary { list-style: none; cursor: pointer; user-select: none }
    details.ocp-sec > summary::-webkit-details-marker { display: none }
    details.ocp-sec > summary .ocp-arr { margin-left: auto; color: var(--de-faint); transition: transform .15s }
    details.ocp-sec[open] > summary .ocp-arr { transform: rotate(180deg) }
    details.ocp-sec.ok > summary i:first-child { color: var(--ok) }
    details.ocp-sec.prog > summary i:first-child { color: var(--prog) }
    details.ocp-sec.warn > summary i:first-child { color: var(--warn) }
    .ocp-row { display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap }
    .ocp-row > .gv-f { flex: 1; min-width: 140px }
    .ocp-pay { padding: 10px 12px; border: 1px dashed var(--de-line-strong); border-radius: 8px; background: var(--de-surface-2); margin-top: 10px }
    .ocp-hero { display: flex; align-items: baseline; gap: 10px; padding: 10px 12px; border-radius: 8px; background: var(--de-acc-soft); margin-bottom: 10px }
    .ocp-hero b { font-size: 22px; color: var(--de-acc-deep) }
    .ocp-tbl { width: 100%; border-collapse: collapse; font-size: 12.5px }
    .ocp-tbl th, .ocp-tbl td { padding: 5px 8px; border-bottom: 1px solid var(--de-line); text-align: right }
    .ocp-tbl th:first-child, .ocp-tbl td:first-child { text-align: left }
    .ocp-tbl th { font-size: 11px; color: var(--de-muted); text-transform: uppercase; letter-spacing: .04em; font-weight: 600 }
    .ocp-tbl tr.sub td { background: var(--de-surface-2); font-weight: 700 }
    .ocp-tbl tr.tot td { background: var(--de-acc-soft); color: var(--de-acc-deep); font-weight: 800 }
    .ocp-cell { height: 28px; min-width: 90px }
    .ocp-spin { width: 40px; height: 40px; border-radius: 50%; border: 4px solid var(--de-surface-3); border-top-color: var(--de-acc); animation: ocpSpin .8s linear infinite; flex-shrink: 0 }
    @keyframes ocpSpin { to { transform: rotate(360deg) } }
    .ocp-log { margin-top: 12px; border: 1px solid var(--de-line); border-radius: 8px; overflow: hidden }
    .ocp-log-h { padding: 6px 10px; font-size: 11px; font-weight: 700; color: var(--de-muted); background: var(--de-surface-2); border-bottom: 1px solid var(--de-line) }
    .ocp-log-b { max-height: 220px; overflow: auto; padding: 8px 10px; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11.5px; background: #fff }
    .ocp-big-ico { font-size: 44px; text-align: center; margin-bottom: 8px }
