.sv-hidden-content-card { display: grid; grid-template-columns: 54px minmax(0,1fr) auto; align-items: center; gap: 16px; margin: 18px 0; padding: 20px; border: 1px solid #cbdcf3; border-left: 4px solid #0874f9; border-radius: 10px; color: #234366; background: linear-gradient(110deg,#edf5ff,#f8fbff); box-shadow: 0 4px 16px rgba(17,75,145,.06); }
.sv-hidden-content-icon { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 13px; color: #0874f9; background: #dceaff; }
.sv-hidden-content-icon .sv-icon { width: 27px; height: 27px; }
.sv-hidden-content-copy { min-width: 0; }
.sv-hidden-content-copy strong { display: block; color: #143b6b; font-size: 14px; }
.post-copy .sv-hidden-content-copy p, .sv-hidden-content-copy p { margin: 6px 0 !important; color: #5b708e; font-size: 12px; line-height: 1.5; }
.sv-hidden-content-copy > span { display: block; color: #7a8ba2; font-size: 10px; }
.sv-hidden-content-actions { display: grid; gap: 8px; min-width: 106px; }
.sv-hidden-content-actions a { min-height: 36px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 7px 13px; border: 1px solid #c7d8ef; border-radius: 7px; color: #0b66d7; background: #fff; font-size: 11px; font-weight: 750; white-space: nowrap; }
.sv-hidden-content-actions a.sv-hidden-register { border-color: #0874f9; color: #fff; background: #0874f9; }
.sv-hidden-content-actions a:hover { filter: brightness(.95); }
.sv-hidden-content-actions .sv-icon { width: 15px; height: 15px; }
.sv-member-content { margin: 14px 0; padding: 14px; border: 1px dashed #b8cce4; border-radius: 8px; background: #f6faff; }
.sv-member-content-label { display: block; margin-bottom: 10px; color: #5c7391; font-size: 10px; font-weight: 700; }
.sv-hidden-editor-control { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin: 10px 0; }
.sv-hidden-editor-button { display: inline-flex; align-items: center; gap: 6px; min-height: 33px; padding: 6px 10px; border: 1px solid #cbdcf3; border-radius: 6px; color: #0868d8; background: #edf5ff; cursor: pointer; font-size: 11px; font-weight: 700; }
.sv-hidden-editor-button svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.sv-hidden-editor-control small { color: #71829a; font-size: 10px; }
.mce-i-sv-hide { background: center/17px 17px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230868d8' stroke-width='2' stroke-linecap='round'%3E%3Crect x='5' y='10' width='14' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3M12 14v3'/%3E%3C/svg%3E") !important; }
.mce-i-sv-hide::before { content: '' !important; }
[data-theme='dark'] .sv-hidden-content-card { border-color: #2e4b6c; border-left-color: #2589ff; color: #dce9fc; background: linear-gradient(110deg,#132941,#162538); }
[data-theme='dark'] .sv-hidden-content-copy strong { color: #edf5ff; }
[data-theme='dark'] .sv-hidden-content-copy p { color: #acbfd8; }
[data-theme='dark'] .sv-hidden-content-copy > span { color: #869bb8; }
[data-theme='dark'] .sv-hidden-content-icon { color: #71b0ff; background: #1d3a5e; }
[data-theme='dark'] .sv-hidden-content-actions a:not(.sv-hidden-register) { color: #8abaff; border-color: #345377; background: #14283f; }
@media (max-width: 600px) {
  .sv-hidden-content-card { grid-template-columns: 40px minmax(0,1fr); gap: 10px; padding: 14px 12px; }
  .sv-hidden-content-icon { width: 40px; height: 40px; border-radius: 10px; }
  .sv-hidden-content-icon .sv-icon { width: 22px; height: 22px; }
  .sv-hidden-content-copy strong { font-size: 12px; }
  .sv-hidden-content-actions { grid-column: 1/-1; grid-template-columns: 1fr 1fr; }
  .sv-hidden-editor-control { align-items: flex-start; flex-direction: column; }
}