/* Hogar CRM · hc-mejoras3.css (v2.61 / v1.39) */

/* --- Menú del nombre de usuario (PC) --- */
.hc-umenu{position:relative; display:inline-flex;}
.hc-umenu > #hcUserBtn .hc-uchev{font-size:10px; margin-left:2px; transition:transform .15s;}
.hc-umenu > #hcUserBtn[aria-expanded="true"] .hc-uchev{transform:rotate(180deg);}
.hc-umenu-lista{position:absolute; right:0; top:calc(100% + 6px); min-width:210px; z-index:60; background:var(--white); border:1px solid var(--line); border-radius:12px; box-shadow:0 12px 28px rgba(28,34,48,.18); padding:6px; display:none;}
.hc-umenu-lista.abierto{display:block;}
.top-utility-bar .hc-umenu-lista button.hc-umenu-i{display:flex; align-items:center; gap:10px; width:100%; text-align:left; padding:10px 12px; border-radius:8px; background:transparent; border:0; color:var(--walnut); font-size:13.5px; cursor:pointer; white-space:nowrap;}
.top-utility-bar .hc-umenu-lista button.hc-umenu-i:hover, .top-utility-bar .hc-umenu-lista button.hc-umenu-i:focus-visible{background:var(--ivory-dim); outline:none;}
.top-utility-bar .hc-umenu-lista button.hc-umenu-i i{width:16px; text-align:center; font-size:14px;}
.top-utility-bar .hc-umenu-lista button.hc-umenu-i.peligro{color:var(--danger);}
.hc-umenu-nombre{padding:8px 12px 6px; font-size:12px; color:var(--walnut-soft); border-bottom:1px solid var(--line); margin-bottom:4px; overflow-wrap:anywhere;}

/* --- Documentos: visor y edición --- */
.hc-doc-modal{max-width:880px; width:calc(100% - 32px);}
.hc-doc-visor{display:flex; align-items:center; justify-content:center; min-height:240px; max-height:68vh; background:var(--ivory-dim); border:1px solid var(--line); border-radius:12px; overflow:auto;}
.hc-doc-visor img{max-width:100%; max-height:68vh; object-fit:contain; display:block;}
.hc-doc-visor iframe{width:100%; height:68vh; border:0; background:#fff;}
.hc-doc-pie{display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-top:12px;}
.hc-doc-pie .muted{flex:1; min-width:160px; font-size:12.5px;}
.hc-doc-form label{display:block; margin-top:10px;}
.hc-doc-form input, .hc-doc-form textarea{width:100%;}
.hc-doc-form .hc-doc-2c{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
@media (max-width:560px){ .hc-doc-form .hc-doc-2c{grid-template-columns:1fr;} }
.doc-row .txn-desc.hc-doc-clic{cursor:pointer;}
.doc-row .txn-desc.hc-doc-clic:hover{text-decoration:underline;}

/* --- Tickets guardados (en Documentos) --- */
.hc-tk-bus{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:10px;}
.hc-tk-bus input{flex:1; min-width:180px;}
.hc-tk-fila{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 0; border-top:1px solid var(--line);}
.hc-tk-fila:first-child{border-top:0;}
.hc-tk-info{display:flex; align-items:center; gap:12px; min-width:0; flex:1; cursor:pointer;}
.hc-tk-acc{display:flex; align-items:center; gap:6px; flex-shrink:0;}
.hc-tk-total{font-weight:600; font-family:var(--font-mono, monospace);}

/* --- Gestionar estancias: color --- */
.estancia-gestion-row .hc-est-color{width:38px; height:30px; padding:2px; cursor:pointer; flex-shrink:0; border-radius:8px;}

/* --- Iconos: atajos de categoría --- */
.hc-ico-chips{display:flex; gap:6px; flex-wrap:wrap; margin:0 0 10px;}
.hc-ico-chips button{padding:5px 10px; border:1px solid var(--line); border-radius:999px; background:var(--white); color:var(--walnut-soft); font-size:12.5px; cursor:pointer; font-family:inherit;}
.hc-ico-chips button:hover, .hc-ico-chips button.on{border-color:var(--gold); color:var(--accent-ink); background:var(--gold-dim);}

/* --- Bodega --- */
.nav-item[data-view="bodega"] i:first-child{color:var(--mc-bodega);}

/* --- Confirmación de acceso por correo --- */
.hc-conf-ov{position:fixed; inset:0; z-index:9000; display:flex; align-items:center; justify-content:center; padding:16px; background:rgba(30,24,20,.55);}
.hc-conf{background:var(--white,#fff); color:var(--walnut,#2b211b); border-radius:14px; padding:22px; width:100%; max-width:440px; max-height:90vh; overflow:auto; box-shadow:0 20px 50px rgba(0,0,0,.3);}
.hc-conf h3{margin:0 0 10px; font-size:18px;}
.hc-conf p{margin:0 0 12px; font-size:14px; line-height:1.45;}
.hc-conf input#hcConfCod{font-size:22px; letter-spacing:6px; text-align:center; width:100%;}
.hc-conf-b{display:flex; gap:8px; flex-wrap:wrap; margin-top:12px;}
.hc-conf-err{color:var(--danger,#b3261e); font-size:13px; min-height:18px; margin-top:8px;}
.hc-conf-aviso{background:var(--gold-dim,#fbf0d4); border-radius:8px; padding:8px 10px;}
.hc-conf-lista{display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:6px 12px; margin:8px 0;}
.hc-conf-lista label{display:flex; align-items:center; gap:6px; font-size:13px; font-weight:500; cursor:pointer;}
.hc-conf-lista input{width:auto;}

/* ===== v2.61.2: pie del menú en el menú del nombre, Favoritos y copia automática ===== */
@media (min-width: 821px){
  #darkModeBtn, #hcPieSalir, #hcPieVersion { display: none !important; }
}
.hc-umenu-version { padding: 8px 14px 6px; font-size: 12px; color: var(--text-muted, #6b7280); border-top: 1px solid var(--border, rgba(128,128,128,.25)); margin-top: 4px; }
.nav-item { position: relative; }
.hc-fav-star { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; cursor: pointer; opacity: 0; font-size: 13px; color: var(--text-muted, #6b7280); }
.nav-item:hover > .hc-fav-star, .nav-item:focus-within > .hc-fav-star, .hc-fav-star:focus-visible, .hc-fav-star.on { opacity: 1; }
.hc-fav-star.on { color: #e0a100; }
.hc-fav-star:hover { background: rgba(128,128,128,.18); }
.hc-fav-star:focus-visible { outline: 2px solid var(--primary, #4f46e5); outline-offset: 1px; }
@media (hover: none){ .hc-fav-star { opacity: .45; } .hc-fav-star.on { opacity: 1; } }
@media (min-width: 821px){ .sidebar:not(.expanded) .hc-fav-star { display: none; } }
.hc-fav-ico { color: #e0a100; margin-right: 6px; }
.hc-fav-cab { cursor: pointer; }
.hc-fav-item { cursor: grab; }
.hc-fav-item.arrastrando { opacity: .4; }
.hc-fav-item.sobre { box-shadow: inset 0 2px 0 var(--primary, #4f46e5); }
.hc-ra-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; align-items: end; margin-bottom: 12px; }
.hc-ra-form label { display: block; font-size: 13px; margin-bottom: 4px; }
.hc-ra-form input[type=number], .hc-ra-form input[type=email], .hc-ra-form select { width: 100%; }
.hc-ra-sw { display: flex !important; gap: 8px; align-items: center; font-weight: 600; }
.hc-ra-mail { grid-column: 1 / -1; }
.hc-ra-botones { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
.hc-ra-av, .hc-ra-ok { padding: 9px 12px; border-radius: 8px; font-size: 13px; margin-bottom: 8px; }
.hc-ra-av { background: rgba(220,53,69,.12); border: 1px solid rgba(220,53,69,.45); }
.hc-ra-ok { background: rgba(25,135,84,.12); border: 1px solid rgba(25,135,84,.4); }
.hc-ra-det { margin-top: 8px; font-size: 13px; }
.hc-ra-det summary { cursor: pointer; font-weight: 600; }
.hc-ra-cmd { background: rgba(128,128,128,.15); padding: 8px 10px; border-radius: 6px; overflow-x: auto; font-size: 12.5px; }
.hc-ra-banner { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; padding: 10px 14px; margin-bottom: 14px; border-radius: 10px; background: rgba(220,53,69,.12); border: 1px solid rgba(220,53,69,.5); font-size: 14px; }
.hc-ra-banner span { flex: 1 1 240px; }
.hc-ra-sw { white-space: normal; }
.hc-ra-sw input[type=checkbox] { width: 18px !important; height: 18px; flex: none; margin: 0; padding: 0; }
.nav-item > .hc-fav-star { color: var(--text-muted, #7a8194) !important; }
.nav-item > .hc-fav-star.on { color: #e0a100 !important; }
.nav-item > .hc-fav-star i { color: inherit !important; }
.hc-cad-campo input[type=checkbox] { width: 18px !important; height: 18px; flex: none; margin: 0; padding: 0; }
.hc-cad-campo label { white-space: normal; }