/* CRM Hardium (cascarón 23/10). La bandeja reutiliza las clases .qb-* de bandeja2.css; acá sólo lo propio de Hardium:
   marco, kanban, tareas y la identidad (verde #5aff75 sobre negro #151515, la del PDF de la cotización). */
#page-hardium { --accent: #2fbf4f; --accent-soft: color-mix(in srgb, #5aff75 16%, transparent); }
#page-hardium .hd-page { display: flex; flex-direction: column; gap: 12px; padding: 14px 18px 18px; min-height: 0; flex: 1; }
#page-hardium .hd-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
#page-hardium .hd-logo { font-weight: 600; letter-spacing: .2em; color: #5aff75; background: #151515; padding: 6px 12px; border-radius: 8px; margin-right: 10px; }
#page-hardium .hd-sub, #page-hardium .hd-mu { color: var(--text-muted); font-size: 12.5px; }
#page-hardium .hd-canal { font-size: 12.5px; color: var(--text-secondary); background: var(--bg-card); border: 1px dashed var(--border); border-radius: 8px; padding: 7px 12px; }
#page-hardium .hd-aviso { font-size: 13px; padding: 8px 12px; border-radius: 8px; color: var(--accent-red, #d64545); border: 1px solid color-mix(in srgb, var(--accent-red, #d64545) 40%, var(--border)); }
#page-hardium .hd-body { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 12px; }
#page-hardium .hd-inbox { min-height: 520px; border: 1px solid var(--border); border-radius: 10px; overflow: hidden; display: flex; flex: 1; }
#page-hardium .hd-av { width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #151515; color: #5aff75; font-weight: 600; flex-shrink: 0; }
#page-hardium .hd-pill { font-size: 11px; padding: 1px 8px; border-radius: 99px; border: 1px solid var(--border); color: var(--text-secondary); }
#page-hardium .hd-in { width: 100%; margin-bottom: 8px; }
#page-hardium .hd-form { background: var(--bg-card); border: 1px solid var(--border); border-radius: 10px; padding: 14px 16px; display: flex; flex-direction: column; gap: 6px; max-width: 680px; margin: 14px; }
#page-hardium .hd-form label { display: flex; flex-direction: column; gap: 4px; font-size: 12.5px; color: var(--text-secondary); }
#page-hardium .hd-sacar { max-width: none; flex-direction: row; align-items: center; flex-wrap: wrap; margin: 0; }
#page-hardium .hd-sacar .hd-in { width: 260px; margin: 0; }
#page-hardium .hd-kv { display: flex; justify-content: space-between; gap: 10px; padding: 5px 0; font-size: 12.5px; border-bottom: 1px solid var(--border-light, var(--border)); }
#page-hardium .hd-kv span { color: var(--text-muted); }
#page-hardium .hd-sug { padding: 6px 0 2px; }
#page-hardium .hd-kanban { display: grid; grid-template-columns: repeat(7, minmax(150px, 1fr)); gap: 10px; overflow-x: auto; padding-bottom: 6px; }
#page-hardium .hd-tgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
#page-hardium .hd-col { background: var(--bg-card); border: 1px solid var(--border); border-radius: 10px; min-height: 260px; }
#page-hardium .hd-col h4 { margin: 0; padding: 9px 11px; font-size: 12px; display: flex; justify-content: space-between; gap: 8px; border-bottom: 1px solid var(--border); }
#page-hardium .hd-col h4 em { font-style: normal; color: var(--accent); }
#page-hardium .hd-card { margin: 8px; padding: 9px 10px; background: var(--bg); border: 1px solid var(--border); border-radius: 8px; font-size: 12.5px; }
#page-hardium .hd-card.venc { border-color: var(--accent-red, #d64545); }
#page-hardium .hd-card-r { display: flex; justify-content: space-between; gap: 8px; color: var(--text-muted); margin-top: 6px; font-size: 11.5px; }
#page-hardium .hd-card-v { color: var(--accent-red, #d64545); font-size: 11.5px; margin-top: 4px; }
#page-hardium .hd-card-mv { display: flex; gap: 4px; margin-top: 8px; }
#page-hardium .hd-vacio { padding: 0 11px; }
#page-hardium .hd-fuera { font-size: 12.5px; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
#page-hardium .hd-bar { display: flex; align-items: center; gap: 12px; }
#page-hardium .hd-tk { display: flex; gap: 9px; align-items: flex-start; margin: 8px; padding: 9px 10px; background: var(--bg); border: 1px solid var(--border); border-left: 3px solid #4a90d9; border-radius: 6px; font-size: 13px; cursor: pointer; }
#page-hardium .hd-tk.venc { border-left-color: var(--accent-red, #d64545); }
#page-hardium .hd-tk small { display: block; color: var(--text-muted); font-size: 11.5px; }
#page-hardium .hd-sw { flex-direction: row !important; align-items: center; opacity: .7; }
#page-hardium .hd-send { flex-shrink: 0; align-self: center; padding: 7px 14px; border-radius: 8px; }
#page-hardium .qb-composer .qb-ta { min-width: 0; flex: 1; }
#page-hardium .qb-composer > select { max-width: 150px; flex-shrink: 0; }
@media (max-width: 900px) {
  #page-hardium .hd-page { padding: 10px; }
  #page-hardium .hd-inbox { flex-direction: column; overflow: visible; }
  #page-hardium .hd-inbox .qb-list { width: 100%; max-height: 360px; overflow-y: auto; border-right: 0; border-bottom: 1px solid var(--border); }
  #page-hardium .hd-inbox .qb-thread { width: 100%; min-height: 320px; }
  #page-hardium .hd-inbox .qb-ctx { width: 100%; border-left: 0; border-top: 1px solid var(--border); }
  #page-hardium .hd-inbox .qb-msgs { max-height: 420px; }
}
#page-hardium .qb-list-head h2 { font-family: inherit; font-size: 19px; font-weight: 600; letter-spacing: -.01em; margin: 0; flex: 1; }
#page-hardium .qb-list-head { display: flex; align-items: center; gap: 8px; padding: 14px 16px 4px 18px; }
#page-hardium .qb-empty-hero h2, #page-hardium .hd-form h3, #page-hardium .hd-ia h3 { font-family: inherit; font-weight: 600; }

/* 26/10 — fichas por tipo y «Listo para cotizar» (R1) */
#page-hardium .hd-pill.hd-ok { border-color: #2ea043; color: #3fb950; background: color-mix(in srgb, #2ea043 14%, transparent); }
#page-hardium .hd-pill.hd-falta { border-color: #d29922; color: #d29922; background: color-mix(in srgb, #d29922 12%, transparent); }
#page-hardium .hd-rel-top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 2px 0 8px; }
#page-hardium .hd-lin { border: 1px solid var(--border); border-radius: 10px; padding: 10px 11px; margin-bottom: 10px; background: var(--bg); }
#page-hardium .hd-lin-h { display: flex; align-items: baseline; gap: 8px; margin-bottom: 6px; flex-wrap: wrap; }
#page-hardium .hd-lin-h b { font-weight: 600; font-size: 13px; }
#page-hardium .hd-lin-h .hd-mu { flex: 1; min-width: 0; }
#page-hardium .hd-x { padding: 1px 7px; }
#page-hardium .hd-lin-av { font-size: 12px; color: #d29922; border: 1px solid #d29922; border-radius: 8px; padding: 6px 9px; margin-bottom: 8px; }
#page-hardium .hd-flds { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 10px; }
#page-hardium .hd-fld { display: flex; flex-direction: column; gap: 3px; font-size: 11.5px; color: var(--text-muted); min-width: 0; }
#page-hardium .hd-fld .qb-ta, #page-hardium .hd-fld select { width: 100%; margin: 0; min-width: 0; height: 34px; min-height: 34px; padding: 5px 9px; font-size: 12.5px; }
#page-hardium .hd-lin-f { padding-right: 58px; }
#page-hardium .hd-fld.falta > span { color: #d29922; }
#page-hardium .hd-mas { margin-top: 8px; font-size: 12px; }
#page-hardium .hd-mas summary { cursor: pointer; color: var(--text-secondary); margin-bottom: 6px; }
#page-hardium .hd-lin-f { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 10px; }
#page-hardium .hd-rel-add { display: flex; gap: 6px; align-items: center; margin: 4px 0 10px; }
#page-hardium .hd-rel-cotizar { width: 100%; display: flex; justify-content: center; padding: 9px 14px; border-radius: 8px; margin-bottom: 8px; }
#page-hardium .hd-rel-est { display: flex; gap: 6px; flex-wrap: wrap; }
@media (max-width: 900px) { #page-hardium .hd-flds { grid-template-columns: 1fr; } }

/* 26/10 — R2: cotizaciones y «Cotizar» (cuenta completa) + arreglos de la revisión de R1 */
#page-hardium .hd-page { padding-bottom: 84px; }
#page-hardium .hd-inbox { flex: none; height: calc(100vh - 250px); min-height: 560px; }
#page-hardium .hd-inbox .qb-ctx { padding-bottom: 90px; overflow-y: auto; }
#page-hardium .hd-inbox .qb-list, #page-hardium .hd-inbox .qb-thread { min-height: 0; }
#page-hardium .qb-btn { padding: 7px 14px; border-radius: 8px; }
#page-hardium .qb-btn--primary { display: inline-flex; align-items: center; justify-content: center; }
#page-hardium .hd-aviso.hd-aviso-ok { color: #3fb950; border-color: #2ea043; background: color-mix(in srgb, #2ea043 10%, transparent); }
#page-hardium .mk-chips { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 10px; }
#page-hardium .mk-det { display: grid; grid-template-columns: 1fr 1.3fr 1.2fr; gap: 12px; align-items: start; margin-bottom: 12px; }
@media (max-width: 1100px) { #page-hardium .mk-det { grid-template-columns: 1fr; } }
#page-hardium .mk-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 10px; padding: 14px 16px; }
#page-hardium .mk-card h4 { margin: 0 0 8px; font-size: 13px; font-weight: 600; display: flex; justify-content: space-between; gap: 8px; align-items: center; flex-wrap: wrap; }
#page-hardium .mk-fila { display: flex; justify-content: space-between; gap: 10px; padding: 5px 0; font-size: 12.5px; border-bottom: 1px solid var(--border-light, var(--border)); }
#page-hardium .mk-fila span { color: var(--text-muted); }
#page-hardium .mk-fila b { font-weight: 600; text-align: right; }
#page-hardium .mk-fila.tot { font-weight: 600; border-bottom: 0; padding-top: 9px; }
#page-hardium .mk-neg { color: #d29922; }
#page-hardium .mk-pos { color: #3fb950; }
#page-hardium .mk-input { display: flex; gap: 8px; align-items: center; margin-top: 8px; font-size: 12.5px; }
#page-hardium .mk-input .qb-ta { width: 120px; }
#page-hardium .mk-acc { display: flex; gap: 8px; margin-top: 12px; flex-wrap: wrap; }
#page-hardium .hd-aviso-i { margin-top: 8px; font-size: 12px; line-height: 1.5; border: 1px solid #d29922; border-radius: 8px; padding: 8px 10px; background: var(--bg); }
#page-hardium .hd-h5 { margin: 12px 0 4px; font-size: 12px; font-weight: 600; color: var(--text-secondary); }
#page-hardium .hd-cz { margin-bottom: 6px; }
#page-hardium .hd-ct { display: grid; grid-template-columns: 1.3fr 1fr 1.6fr 1.5fr .8fr .9fr; border: 1px solid var(--border); border-radius: 10px; overflow: hidden; background: var(--bg-card); font-size: 12.5px; }
#page-hardium .hd-ct-h { padding: 9px 11px; font-size: 11.5px; color: var(--text-muted); font-weight: 600; border-bottom: 1px solid var(--border); }
#page-hardium .hd-ct-r { display: contents; text-align: left; cursor: pointer; background: none; border: 0; color: inherit; font: inherit; }
#page-hardium .hd-ct-r > span { padding: 9px 11px; border-bottom: 1px solid var(--border-light, var(--border)); }
#page-hardium .hd-ct-r:hover > span { background: color-mix(in srgb, var(--accent) 8%, transparent); }
#page-hardium .hd-ct i { font-style: normal; }
#page-hardium .hd-par { margin-top: 16px; border: 1px solid var(--border); border-radius: 10px; padding: 10px 14px; background: var(--bg-card); }
#page-hardium .hd-par summary { cursor: pointer; font-weight: 600; font-size: 13px; }
#page-hardium .hd-par-r { display: grid; grid-template-columns: 1.4fr 90px 110px; gap: 8px; align-items: center; margin: 6px 0; font-size: 12.5px; }
#page-hardium .hd-par-r .qb-ta { margin: 0; height: 32px; min-height: 32px; padding: 4px 8px; }
#page-hardium .hd-par-f { display: flex; gap: 10px; align-items: center; margin-top: 10px; flex-wrap: wrap; }
@media (max-width: 900px) {
  #page-hardium .hd-inbox { height: auto; flex: 1; }
  #page-hardium .hd-inbox .qb-ctx { overflow-y: visible; }
  #page-hardium .hd-ct { grid-template-columns: 1fr 1fr; }
  #page-hardium .hd-ct-h { display: none; }
  #page-hardium .hd-par-r { grid-template-columns: 1fr 80px 100px; }
}
#page-hardium .hd-hint { font-size: 12px; color: #d29922; margin: 4px 0 0; }