/* Tahap 136K45 — Lock/unlock clarity + popup action styling */
.elok-lock-status-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.38rem;
    width:max-content;
    max-width:100%;
    border-radius:999px;
    padding:.38rem .68rem;
    font-size:.72rem;
    line-height:1;
    font-weight:900;
    letter-spacing:.02em;
    white-space:nowrap;
    border:1px solid transparent;
}
.elok-lock-status-pill svg,
.elok-lock-status-pill .elok-icon-fallback{flex:0 0 auto;}
.elok-lock-status-pill.is-locked{
    color:#bbf7d0;
    background:rgba(16,185,129,.13);
    border-color:rgba(74,222,128,.32);
    box-shadow:0 10px 24px rgba(16,185,129,.08);
}
.elok-lock-status-pill.is-open{
    color:#bae6fd;
    background:rgba(14,165,233,.10);
    border-color:rgba(56,189,248,.22);
}
.elok-status-dot{
    width:.48rem;
    height:.48rem;
    border-radius:999px;
    background:#38bdf8;
    box-shadow:0 0 0 4px rgba(56,189,248,.13);
}
.elok-unlock-action-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;
    border-radius:999px;
    padding:.65rem 1rem;
    font-size:.75rem;
    line-height:1;
    font-weight:950;
    color:#fffbeb;
    background:linear-gradient(135deg, rgba(245,158,11,.92), rgba(217,119,6,.96));
    border:1px solid rgba(251,191,36,.35);
    box-shadow:0 14px 30px rgba(245,158,11,.16);
    transition:transform .16s ease, filter .16s ease, box-shadow .16s ease;
}
.elok-unlock-action-btn:hover{
    transform:translateY(-1px);
    filter:brightness(1.06);
    box-shadow:0 18px 38px rgba(245,158,11,.22);
}
.elok-unlock-action-btn:focus-visible{
    outline:3px solid rgba(251,191,36,.45);
    outline-offset:3px;
}
html[data-theme="light"] .elok-lock-status-pill.is-locked{
    color:#166534;
    background:#dcfce7;
    border-color:#86efac;
}
html[data-theme="light"] .elok-lock-status-pill.is-open{
    color:#075985;
    background:#e0f2fe;
    border-color:#7dd3fc;
}