/* Vault X source (v3.1.165): the X storage card under the search card, and Delete in the player's
 * heart slot. Its own classes, so the redesign can move them freely. */
#screen .vault-x-card { display:flex;flex-direction:column;gap:10px; }
#screen .vault-x-card[hidden] { display:none; }
#screen .vault-x-head { display:flex;align-items:center;justify-content:space-between;gap:10px; }
#screen .vault-x-chip { font-variant-numeric:tabular-nums;white-space:nowrap; }
#screen .vault-x-note { margin:0;font-size:12px;line-height:1.45;color:#a998bb;overflow-wrap:anywhere; }
#screen .vault-x-meter { position:relative;height:10px;border-radius:999px;overflow:hidden;
  background:rgba(179,136,235,.14);box-shadow:inset 0 0 0 1px rgba(179,136,235,.22); }
#screen .vault-x-meter-fill { position:absolute;inset:0 auto 0 0;border-radius:inherit;background:#b388eb;
  box-shadow:0 0 10px rgba(179,136,235,.55);transition:width .4s ease; }
#screen .vault-x-meter[data-level="high"] .vault-x-meter-fill { background:#e6b35a;box-shadow:0 0 10px rgba(230,179,90,.5); }
#screen .vault-x-meter[data-level="full"] .vault-x-meter-fill { background:#ef6b7b;box-shadow:0 0 10px rgba(239,107,123,.5); }
#screen .vault-x-cap { display:flex;flex-direction:column;gap:8px; }
#screen .vault-x-cap:has(> .vault-x-cap-change) { flex-direction:row;align-items:center;justify-content:space-between; }
#screen .vault-x-cap-label { font-size:13px;font-weight:650;color:#e9def4; }
#screen .vault-x-cap-change { height:40px;min-height:40px;margin:0!important;padding:0 14px!important;flex:0 0 auto; }
#screen .vault-x-cap-form { display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto 44px;column-gap:8px;row-gap:6px;align-items:stretch; }
#screen .vault-x-cap-form .vault-x-cap-label { grid-column:1 / -1; }
#screen .vault-x-cap-input { min-width:0;height:44px;box-sizing:border-box;font-size:16px; }
#screen .vault-x-cap-form button { height:44px;min-height:44px;margin:0!important;padding:0 14px!important; }
#screen .vault-x-pending { display:flex;flex-direction:column;gap:8px; }
#screen .vault-x-row { display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;
  background:rgba(179,136,235,.08);box-shadow:inset 0 0 0 1px rgba(179,136,235,.18); }
#screen .vault-x-row[data-state="failed"] { background:rgba(239,107,123,.08);box-shadow:inset 0 0 0 1px rgba(239,107,123,.28); }
#screen .vault-x-row-text { display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto; }
#screen .vault-x-row-text strong { font-size:13px;color:#e9def4;overflow-wrap:anywhere; }
#screen .vault-x-row-detail { font-size:12px;line-height:1.4;color:#b6a4c6;overflow-wrap:anywhere; }
#screen .vault-x-row[data-state="saving"] .vault-x-row-detail::before { content:"";display:inline-block;width:7px;height:7px;margin-right:6px;
  border-radius:50%;background:#b388eb;vertical-align:1px;animation:vault-x-pulse 1.2s ease-in-out infinite; }
#screen .vault-x-row-actions { display:flex;gap:6px;flex:0 0 auto; }
#screen .vault-x-row-actions button { height:36px;min-height:36px;margin:0!important;padding:0 12px!important;font-size:12px!important; }
#screen .vault-player-actions .vault-x-delete { padding:0!important;border-radius:16px!important; }
#screen .vault-player-actions .vault-x-delete svg { width:20px;height:20px;flex:0 0 20px;color:#ef8a96; }
@keyframes vault-x-pulse { 0%,100% { opacity:.35; } 50% { opacity:1; } }
@media (prefers-reduced-motion: reduce) { #screen .vault-x-row[data-state="saving"] .vault-x-row-detail::before { animation:none; } }
/* Hidden means hidden: the player's heart (X shows Delete in its place), Delete elsewhere, and the
 * editor's Save clip (X videos aren't clips). Other rules give these buttons display:flex. */
/* (#screen twice: approved-action-buttons.css gives every primary/secondary button display:inline-flex
 * !important with one id and several classes, which beat a plain [hidden] rule.) */
#screen#screen .vault-player .vault-player-actions > button[hidden],
#screen#screen .sb-editor-actions > button[hidden] { display:none!important; }
/* Swipe mode: no heart on X videos. */
.vault-swipe-heart[hidden] { display:none!important; }