/* COSTUR_ART - Direito de Livre Resolução
   Estilos do front-end. Cores alinhadas com a identidade (laranja/preto). */

:root {
  --lr-accent: #d68a2e;
  --lr-accent-dark: #b9741f;
  --lr-dark: #1a1a1a;
}

/* Botão no rodapé */
.lr-footer-btn { display: inline-block; }
.lr-footer-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: var(--lr-accent);
  color: #fff !important;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
  transition: background .15s ease;
}
.lr-footer-link:hover { background: var(--lr-accent-dark); color: #fff !important; }
.lr-footer-link i { font-size: 20px; }

/* Link na conta */
#lr-account-link .link-item { display: flex; align-items: center; gap: 8px; }

/* Páginas */
.lr-wrapper { max-width: 760px; margin: 0 auto; }
.lr-intro { margin-bottom: 1.2rem; }
.lr-h4 { font-weight: 700; margin-bottom: .4rem; }

.lr-table th { background: var(--lr-dark); color: #fff; }

.lr-badge { padding: 3px 8px; border-radius: 4px; font-size: .8rem; white-space: nowrap; }
.lr-badge-ok { background: #e7f4e8; color: #1e7e34; }
.lr-badge-open { background: #eef2f7; color: #34495e; }
.lr-badge-expired { background: #fdecea; color: #b02a1c; }

/* Itens */
.lr-choice { margin: 1rem 0; }
.lr-radio { display: block; margin-bottom: .5rem; cursor: pointer; }
.lr-items { background: #faf7f2; border: 1px solid #ece3d6; border-radius: 8px; padding: 14px; margin-bottom: 1rem; }
.lr-items-help { font-weight: 600; margin-bottom: .6rem; }
.lr-item { padding: 6px 0; border-bottom: 1px dashed #e6ddcf; }
.lr-item:last-child { border-bottom: 0; }
.lr-item label { margin: 0; cursor: pointer; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.lr-item-excluded { opacity: .65; }
.lr-item-name { font-weight: 500; }
.lr-qty { color: #888; font-size: .85rem; }

.lr-tag { font-size: .72rem; padding: 2px 7px; border-radius: 10px; font-weight: 600; }
.lr-tag-cond { background: #fff3cd; color: #8a6d3b; }
.lr-tag-no { background: #f1f1f1; color: #777; }

.lr-note { font-size: .85rem; margin-top: .8rem; display: flex; align-items: center; gap: 6px; }

.lr-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 1.4rem; gap: 10px; }

/* Revisão / confirmação */
.lr-review { background: #faf7f2; border: 1px solid #ece3d6; border-radius: 8px; padding: 16px 18px; margin-bottom: 1rem; }
.lr-review-items { margin: .3rem 0 .6rem 1.2rem; }
.lr-confirm-btn { font-weight: 700; }
.lr-cond-notice { margin: .8rem 0; }

/* Sucesso */
.lr-success { display: flex; align-items: center; gap: 12px; }
.lr-success i { font-size: 32px; }