/* Valerie archived-chat retention workspace */
body.val-archive-open{overflow:hidden!important}
.val-archive-overlay[hidden]{display:none!important}
.val-archive-overlay{position:fixed;inset:0;z-index:100050;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.76);backdrop-filter:blur(14px);animation:valArchiveFade .18s ease}
.val-archive-modal{width:min(1040px,96vw);height:min(800px,92dvh);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(230,194,91,.28);border-radius:25px;background:radial-gradient(circle at 12% 0,rgba(218,184,92,.10),transparent 34%),linear-gradient(145deg,#151109,#080704 62%);box-shadow:0 38px 120px rgba(0,0,0,.78),inset 0 1px rgba(255,235,165,.035);color:#f1ead8}
.val-archive-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 27px 20px;border-bottom:1px solid rgba(218,184,92,.14)}
.val-archive-heading{display:flex;align-items:center;gap:15px;min-width:0}
.val-archive-gem{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:15px;background:linear-gradient(145deg,#f0d06d,#8a5e1e);color:#100c06;box-shadow:0 10px 28px rgba(218,184,92,.17)}
.val-archive-kicker{display:block;margin-bottom:4px;color:#a6843e;font:800 9px/1 'DM Sans',sans-serif;letter-spacing:.18em}
.val-archive-heading h2{margin:0;color:#f3daa0;font:500 31px/1.08 'Cormorant Garamond',Georgia,serif}
.val-archive-heading p{margin:6px 0 0;color:#88795d;font:11px/1.45 'DM Sans',sans-serif}
.val-archive-close{all:unset;box-sizing:border-box;width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(218,184,92,.22);border-radius:13px;background:rgba(255,255,255,.025);color:#e8c978;cursor:pointer}
.val-archive-close:hover{background:rgba(218,184,92,.10);border-color:rgba(218,184,92,.46)}
.val-archive-toolbar{min-height:48px;padding:8px 27px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(218,184,92,.08);background:rgba(0,0,0,.12)}
.val-archive-back{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:8px;color:#d8bd72;font:600 11px 'DM Sans',sans-serif;cursor:pointer;padding:8px 0}
.val-archive-back[hidden]{visibility:hidden}
.val-archive-count{color:#7f7158;font:700 9px 'DM Sans',sans-serif;letter-spacing:.11em;text-transform:uppercase}
.val-archive-body{flex:1;min-height:0;overflow:auto;padding:18px 27px 30px;scrollbar-color:rgba(218,184,92,.25) transparent}
.val-archive-list{display:grid;gap:10px}
.val-archive-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 16px;border:1px solid rgba(218,184,92,.13);border-radius:17px;background:linear-gradient(135deg,rgba(255,255,255,.025),rgba(0,0,0,.14));transition:.16s ease}
.val-archive-row:hover{border-color:rgba(218,184,92,.30);background:rgba(218,184,92,.045)}
.val-archive-type{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(218,184,92,.075);border:1px solid rgba(218,184,92,.14);color:#d7b954}
.val-archive-copy{min-width:0}
.val-archive-copy h3{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eee5d1;font:600 13px 'DM Sans',sans-serif}
.val-archive-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:7px;color:#7d7058;font:10px 'DM Sans',sans-serif}
.val-archive-expiry{display:inline-flex;align-items:center;gap:5px;color:#b49755}
.val-archive-actions{display:flex;align-items:center;gap:8px}
.val-archive-btn{all:unset;box-sizing:border-box;min-height:38px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(218,184,92,.18);border-radius:11px;background:rgba(255,255,255,.025);color:#c9b681;font:700 10px 'DM Sans',sans-serif;cursor:pointer;white-space:nowrap}
.val-archive-btn:hover{border-color:rgba(218,184,92,.44);color:#f2d988;background:rgba(218,184,92,.07)}
.val-archive-btn.restore{background:linear-gradient(135deg,rgba(218,184,92,.19),rgba(218,184,92,.07));color:#f0d273}
.val-archive-btn:disabled,.val-archive-btn.busy{opacity:.5;pointer-events:none}
.val-archive-preview-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px;padding-bottom:15px;border-bottom:1px solid rgba(218,184,92,.10)}
.val-archive-preview-head h3{margin:0;color:#f1dfae;font:500 24px Georgia,serif}
.val-archive-preview-head p{margin:5px 0 0;color:#81735a;font:10.5px 'DM Sans',sans-serif}
.val-archive-thread{display:flex;flex-direction:column;gap:14px;max-width:820px;margin:0 auto}
.val-archive-message{max-width:min(82%,720px);padding:13px 15px;border:1px solid rgba(218,184,92,.10);border-radius:16px;background:rgba(255,255,255,.022)}
.val-archive-message.user{align-self:flex-end;background:rgba(218,184,92,.075);border-color:rgba(218,184,92,.16)}
.val-archive-message.assistant{align-self:flex-start}
.val-archive-message-label{margin-bottom:7px;color:#9f8446;font:800 8.5px 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase}
.val-archive-message-text{color:#e9e0ce;font:12.5px/1.65 'DM Sans',sans-serif;overflow-wrap:anywhere}
.val-archive-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}
.val-archive-media-grid img,.val-archive-video{width:100%;max-height:360px;display:block;object-fit:cover;border-radius:12px;border:1px solid rgba(218,184,92,.12);background:#050403}
.val-archive-video{margin-top:10px;object-fit:contain}
.val-archive-empty,.val-archive-loading{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#84765d}
.val-archive-empty>span{width:64px;height:64px;display:grid;place-items:center;margin-bottom:13px;border:1px solid rgba(218,184,92,.18);border-radius:20px;background:rgba(218,184,92,.06);color:#c6a84e;font-size:22px}
.val-archive-empty h3{margin:0;color:#e8d7a7;font:500 24px Georgia,serif}
.val-archive-empty p{max-width:430px;margin:8px 0 0;font:11px/1.55 'DM Sans',sans-serif}
.val-archive-empty.compact{min-height:180px}
.val-archive-loading span{width:34px;height:34px;border:3px solid rgba(218,184,92,.14);border-top-color:#e0bd59;border-radius:50%;animation:valArchiveSpin .8s linear infinite}
.val-archive-loading p{font:11px 'DM Sans',sans-serif}
.val-archive-confirm-overlay{position:fixed;inset:0;z-index:100100;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.82);backdrop-filter:blur(12px)}
.val-archive-confirm{width:min(460px,94vw);padding:27px;border:1px solid rgba(255,121,121,.24);border-radius:22px;background:linear-gradient(145deg,#19100d,#0a0705);box-shadow:0 32px 100px rgba(0,0,0,.8);text-align:center;color:#eee4d0}
.val-archive-confirm-icon{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 14px;border-radius:17px;background:rgba(221,73,73,.10);border:1px solid rgba(255,121,121,.22);color:#ff8d8d;font-size:20px}
.val-archive-confirm h3{margin:0;color:#ffd0c8;font:500 27px Georgia,serif}
.val-archive-confirm p{margin:10px 0 21px;color:#9b8377;font:11.5px/1.6 'DM Sans',sans-serif}
.val-archive-confirm>div{display:flex;justify-content:center;gap:9px}
.val-archive-confirm button{all:unset;box-sizing:border-box;min-height:41px;padding:0 16px;border:1px solid rgba(218,184,92,.20);border-radius:12px;background:rgba(255,255,255,.025);color:#d7c79e;font:700 11px 'DM Sans',sans-serif;cursor:pointer}
.val-archive-confirm button.danger{border-color:rgba(255,121,121,.35);background:rgba(221,73,73,.13);color:#ffaaa0}
@keyframes valArchiveSpin{to{transform:rotate(360deg)}}
@keyframes valArchiveFade{from{opacity:0}to{opacity:1}}
@media(max-width:720px){
  .val-archive-overlay{padding:0;align-items:end}
  .val-archive-modal{width:100%;height:min(92dvh,900px);border-radius:27px 27px 0 0;border-bottom:0}
  .val-archive-head{padding:18px 17px 15px}
  .val-archive-gem{width:42px;height:42px}
  .val-archive-heading h2{font-size:27px}
  .val-archive-heading p{font-size:10px}
  .val-archive-toolbar{padding:7px 17px}
  .val-archive-body{padding:13px 13px calc(24px + env(safe-area-inset-bottom))}
  .val-archive-row{grid-template-columns:38px minmax(0,1fr);padding:13px;gap:10px}
  .val-archive-type{width:38px;height:38px}
  .val-archive-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.35fr}
  .val-archive-btn{width:100%;padding:0 9px}
  .val-archive-meta{display:grid;gap:4px}
  .val-archive-preview-head{align-items:flex-start;flex-direction:column}
  .val-archive-preview-head .val-archive-btn{width:auto}
  .val-archive-message{max-width:92%}
  .val-archive-media-grid{grid-template-columns:1fr}
  .val-archive-confirm>div{display:grid;grid-template-columns:1fr}
  .val-archive-confirm button{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .val-archive-overlay,.val-archive-loading span{animation:none!important}
}