/* Coleções do usuário: camada própria, responsiva e acima do histórico/dossiê. */
.cv-tela { position:fixed; inset:0; z-index:10012; display:flex; flex-direction:column; background:var(--card,#fff); color:var(--ink,#2e1f17); font-family:'Manrope','Inter',sans-serif; transform:translateX(100%); transition:transform .28s cubic-bezier(.22,.9,.3,1); }
.cv-tela[hidden] { display:none; }
.cv-tela.aberto { transform:none; }
.cv-topo { display:flex; align-items:center; gap:12px; flex:none; width:min(100%,760px); margin:0 auto; box-sizing:border-box; padding:calc(12px + env(safe-area-inset-top)) 16px 12px; border-bottom:1px solid var(--line,rgba(46,31,23,.1)); background:var(--card,#fff); }
.cv-voltar,.cv-fechar { display:grid; place-items:center; flex:none; width:42px; height:42px; padding:0; border:0; border-radius:50%; background:var(--card-alt,#f1e7da); color:var(--accent-dark,#235048); cursor:pointer; }
.cv-voltar svg,.cv-fechar svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.cv-cabecalho { flex:1; min-width:0; }
.cv-cabecalho h2 { overflow:hidden; margin:0; color:var(--accent-dark,#235048); font-size:20px; font-weight:800; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.cv-cabecalho small { display:block; margin-top:3px; color:var(--ink-mute,#6b5b4e); font-size:12px; }
.cv-corpo { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; width:min(100%,760px); margin:0 auto; box-sizing:border-box; padding:18px 16px calc(100px + env(safe-area-inset-bottom)); }
.cv-status { margin:24px 8px; color:var(--ink-mute,#6b5b4e); text-align:center; font-size:14px; }
.cv-lista { display:grid; gap:12px; }
.cv-cartao { display:flex; align-items:center; gap:14px; width:100%; min-height:82px; box-sizing:border-box; padding:16px; border:1px solid var(--line,rgba(46,31,23,.12)); border-radius:18px; background:var(--card,#fff); color:inherit; text-align:left; cursor:pointer; }
.cv-cartao:hover,.cv-cartao:focus-visible { border-color:var(--accent,#235048); box-shadow:0 5px 18px rgba(35,80,72,.1); outline:none; }
.cv-cartao-icone { display:grid; place-items:center; flex:none; width:48px; height:48px; border-radius:15px; background:var(--accent-light,#e8f0ee); color:var(--accent-dark,#235048); font-size:23px; }
.cv-cartao-copy { flex:1; min-width:0; }
.cv-cartao-copy strong,.cv-cartao-copy small { display:block; }
.cv-cartao-copy strong { overflow:hidden; font-size:16px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
.cv-cartao-copy small { margin-top:4px; color:var(--ink-mute,#6b5b4e); font-size:12px; }
.cv-cartao-valor { flex:none; color:var(--accent-dark,#235048); font-size:14px; font-weight:800; }
.cv-acoes-topo { display:flex; flex-wrap:wrap; gap:9px; margin:0 0 16px; }
.cv-botao { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:42px; padding:10px 16px; border:0; border-radius:999px; background:var(--accent-dark,#235048); color:#fff; font:inherit; font-size:13px; font-weight:800; cursor:pointer; }
.cv-botao.secundario { border:1px solid var(--line,rgba(46,31,23,.14)); background:var(--card,#fff); color:var(--accent-dark,#235048); }
.cv-botao.perigo { background:transparent; color:var(--danger,#c1502e); }
.cv-botao:disabled { opacity:.5; cursor:wait; }
.cv-vazio { padding:28px 18px; border:1px dashed var(--line-strong,rgba(46,31,23,.2)); border-radius:18px; color:var(--ink-mute,#6b5b4e); text-align:center; line-height:1.5; }
.cv-resumo { display:flex; justify-content:space-between; gap:12px; margin:4px 0 16px; padding:15px 16px; border-radius:16px; background:var(--accent-light,#e8f0ee); color:var(--accent-dark,#235048); font-size:13px; font-weight:800; }
.cv-pedras { display:grid; gap:9px; }
.cv-pedra { display:flex; align-items:center; gap:11px; padding:10px; border:1px solid var(--line,rgba(46,31,23,.1)); border-radius:15px; background:var(--card,#fff); color:inherit; }
.cv-pedra.para-selecionar { width:100%; font:inherit; text-align:left; cursor:pointer; }
.cv-pedra-foto { display:grid; place-items:center; flex:none; width:48px; height:48px; overflow:hidden; border-radius:13px; background:var(--accent-dark,#235048); color:#fff; }
.cv-pedra-foto img { width:100%; height:100%; object-fit:cover; }
.cv-pedra-copy { flex:1; min-width:0; }
.cv-pedra-copy strong,.cv-pedra-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cv-pedra-copy strong { font-size:14px; font-weight:800; }
.cv-pedra-copy small { margin-top:3px; color:var(--ink-mute,#6b5b4e); font-size:11px; }
.cv-pedra-valor { flex:none; color:var(--accent-dark,#235048); font-size:12px; font-weight:800; }
.cv-pedra-check { display:grid; place-items:center; flex:none; width:23px; height:23px; border:2px solid var(--line-strong,rgba(46,31,23,.25)); border-radius:50%; color:transparent; font-size:14px; font-weight:900; }
.cv-pedra.selecionada { border-color:var(--accent-dark,#235048); background:var(--accent-light,#e8f0ee); }
.cv-pedra.selecionada .cv-pedra-check { border-color:var(--accent-dark,#235048); background:var(--accent-dark,#235048); color:#fff; }
.cv-remover { display:grid; place-items:center; flex:none; width:36px; height:36px; border:0; border-radius:50%; background:transparent; color:var(--ink-mute,#6b5b4e); font-size:21px; cursor:pointer; }
.cv-tela.criando .cv-corpo { display:flex; flex-direction:column; justify-content:center; }
.cv-form { display:grid; gap:12px; width:min(100%,480px); margin:0 auto; padding:20px; box-sizing:border-box; border:1px solid var(--line,rgba(46,31,23,.12)); border-radius:18px; background:var(--card,#fff); box-shadow:0 12px 32px rgba(35,80,72,.08); }
.cv-form label { display:block; color:var(--accent-dark,#235048); font-size:14px; font-weight:800; }
.cv-form input { width:100%; box-sizing:border-box; padding:13px 14px; border:1px solid var(--line-strong,rgba(46,31,23,.2)); border-radius:12px; background:var(--card,#fff); color:var(--ink,#2e1f17); font:inherit; font-size:16px; }
.cv-form input:focus { border-color:var(--accent-dark,#235048); outline:3px solid rgba(35,80,72,.15); outline-offset:1px; }
.cv-form-acoes { display:flex; justify-content:flex-end; gap:8px; }
.cv-bar { display:none; flex:none; width:min(100%,760px); margin:0 auto; box-sizing:border-box; padding:10px 16px calc(10px + env(safe-area-inset-bottom)); border-top:1px solid var(--line,rgba(46,31,23,.1)); background:var(--card,#fff); }
.cv-tela.selecionando .cv-bar { display:flex; }
.cv-bar .cv-botao { flex:1; }
.cv-voltar:focus-visible,.cv-fechar:focus-visible,.cv-botao:focus-visible,.cv-pedra:focus-visible,.cv-remover:focus-visible { outline:2px solid var(--accent-dark,#235048); outline-offset:2px; }
/* O menu principal continua visível e acionável por cima do gerenciador de coleções. */
html.usuario-logado body.colecoes-abertas .hl-nav,
html.pwa-standalone body.colecoes-abertas #bottom-nav { display:flex !important; z-index:10013 !important; }
:root[data-theme="dark"] .cv-cartao,:root[data-theme="dark"] .cv-pedra { border-color:var(--line-strong,rgba(245,239,230,.18)); }
@media (min-width:760px) { .cv-tela { background:var(--page,#faf8f4); } .cv-corpo { padding-top:24px; } }
@media (max-height:600px) { .cv-tela.criando .cv-corpo { justify-content:flex-start; } }
@media (prefers-reduced-motion:reduce) { .cv-tela { transition:none; } }