/* Minha conta: usa site.css e cadastro.css; aqui só o que é próprio desta página */
.conta-grid{display:grid;gap:18px}
.conta-ola{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:15px}
.conta-ola .btn{padding:8px 18px;font-size:14px}
.sec2{font-size:19px;color:var(--blue-ink)}
.btn-perigo{background:#D92D20;color:#fff}
.btn-perigo:hover{background:#B42318}
.btn-perigo:disabled{opacity:.6;cursor:default}
.legal a{text-decoration:underline}
.conta [role="status"]{font-size:14px;color:var(--muted)}
.conta [role="status"].ok{color:var(--ok);font-weight:600}
.conta [role="status"].bad{color:#D92D20;font-weight:600}
:root[data-theme="dark"] .conta [role="status"].bad{color:#FF8A80}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .conta [role="status"].bad{color:#FF8A80}}

/* Pedidos */
.peds{display:grid;gap:12px}
.ped{border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:grid;gap:10px;background:var(--bg)}
.ped header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.ped header b{font-family:var(--f-display);font-size:16px}
.ped header .mono{font-weight:700}
.ped ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:14px}
.ped li{display:flex;justify-content:space-between;gap:12px;border-top:1px dashed var(--line);padding-top:6px}
.ped li:first-child{border-top:0;padding-top:0}
.ped li small{color:var(--muted)}
.ped li .mono{flex:none}
.ped .btn{justify-self:start;padding:9px 18px;font-size:14px;border-radius:10px}
.vazio{margin:0;color:var(--muted)}

@media (max-width:640px){
  .ped li{flex-direction:column;gap:2px}
  .ped .btn{justify-self:stretch}
}