/* Клікабельні значення у спрощеному прев'ю Excel/Word.
   Окремий файл, а не стилі з JS: CSP на сайті не пускає інлайнові <style>. */
.op-body .op-cp {
    display: inline;
    margin: 0;
    padding: 1px 3px;
    border: 0 !important;
    border-radius: 5px;
    font: inherit !important;
    color: inherit !important;
    text-align: inherit;
    white-space: nowrap;
    background: rgba(178, 60, 23, .12) !important;
    box-shadow: inset 0 -1px 0 rgba(178, 60, 23, .38) !important;
    cursor: copy;
    position: relative;
    min-width: 0 !important;
    height: auto !important;
}
.op-body .op-cp:hover { background: rgba(178, 60, 23, .22) !important; }
.op-body .op-cp:focus-visible { outline: 2px solid rgba(178, 60, 23, .6); outline-offset: 1px; }
.op-body .op-cp.is-ok {
    background: rgba(46, 125, 50, .22) !important;
    box-shadow: inset 0 -1px 0 rgba(46, 125, 50, .5) !important;
}
.op-body .op-cp.is-ok::after {
    content: 'скопійовано';
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform: translate(-50%, -4px);
    background: #2e7d32;
    color: #fff;
    font-size: 11px;
    line-height: 1;
    padding: 4px 6px;
    border-radius: 5px;
    white-space: nowrap;
    pointer-events: none;
    z-index: 5;
}