:root{--hcc-coffee:#30231f;--hcc-coffee-2:#594338;--hcc-cream:#f6f2ec;--hcc-gold:#c69b66;--hcc-text:#392b25;--hcc-muted:#806f62;--hcc-line:#e6ddd3;--hcc-green:#527754;--hcc-shadow:0 16px 44px rgba(48,35,31,.10)}
.hcc-wrap{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--hcc-text);font-size:14px;line-height:1.5;max-width:100%;box-sizing:border-box}.hcc-wrap *{box-sizing:border-box}.hcc-dashboard{display:flex;min-height:850px;background:var(--hcc-cream);border:1px solid #ded4c8;border-radius:20px;overflow:hidden;box-shadow:var(--hcc-shadow)}
.hcc-brand{display:flex;align-items:center;gap:10px;color:#f5eadf;margin-bottom:32px}.hcc-brand-mark{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:#6c5548;color:#f0d5ae;padding:7px;flex:none}.hcc-brand-mark svg{width:100%;height:100%}.hcc-brand-copy{display:flex;flex-direction:column;line-height:1}.hcc-brand-copy strong{font-family:Georgia,serif;font-size:18px;letter-spacing:.07em}.hcc-brand-copy small{margin-top:5px;color:#c9b8a5;font-size:8px;letter-spacing:.12em}.hcc-brand-large{justify-content:center;margin:0 0 20px}.hcc-brand-large .hcc-brand-mark{width:50px;height:50px}.hcc-brand-large .hcc-brand-copy strong{font-size:28px}.hcc-brand-large .hcc-brand-copy small{font-size:9px}
.hcc-sidebar{width:248px;flex:0 0 248px;background:var(--hcc-coffee);color:#fff;padding:25px 17px 18px;display:flex;flex-direction:column}.hcc-menu-label{font-size:10px;color:#bca995;font-weight:700;letter-spacing:.13em;margin:6px 10px 12px}.hcc-nav{display:flex;flex-direction:column;gap:5px}.hcc-nav-item{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:9px;color:#d6c9be;text-decoration:none;font-size:13px;transition:.15s}.hcc-nav-item:hover{background:#46352e;color:#fff}.hcc-nav-item.active{background:var(--hcc-coffee-2);color:#fff;font-weight:650}.hcc-icon{width:20px;text-align:center;color:#d7c09f;font-size:18px}.hcc-side-user{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:20px;border-top:1px solid #56443b}.hcc-side-user span:last-child{display:flex;flex-direction:column;min-width:0}.hcc-side-user b{font-size:12px;color:#f5eadf}.hcc-side-user small{font-size:10px;color:#bca995}.hcc-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#745e50;color:#fff;font-weight:700}
.hcc-main{min-width:0;flex:1;padding:27px 30px 20px;background:var(--hcc-cream)}.hcc-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid #e1d7cc;margin-bottom:24px}.hcc-topbar h1{font-family:Georgia,serif;font-size:27px;font-weight:600;margin:4px 0 0;color:var(--hcc-text)}.hcc-eyebrow{font-size:9px;font-weight:750;letter-spacing:.13em;color:#927d6c}.hcc-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.hcc-profile-pill{font-size:9px;letter-spacing:.08em;color:#73583e;background:#eadfce;padding:8px 10px;border-radius:30px;font-weight:750}.hcc-btn{appearance:none;display:inline-flex;justify-content:center;align-items:center;gap:7px;border:1px solid transparent;text-decoration:none!important;border-radius:9px;padding:10px 14px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;line-height:1.25;transition:.15s}.hcc-btn:hover{filter:brightness(.96);transform:translateY(-1px)}.hcc-btn-primary{background:var(--hcc-coffee-2);color:#fff!important}.hcc-btn-outline{background:transparent;border-color:#cfc2b5;color:#59483d!important}.hcc-btn-dark{background:#30231f;color:#fff}.hcc-btn-small{font-size:10px;padding:7px 9px}.hcc-btn-wide{width:100%}.hcc-welcome{padding:24px 26px;background:#fff;border:1px solid var(--hcc-line);border-radius:14px;margin-bottom:20px}.hcc-welcome h2{font-family:Georgia,serif;font-size:25px;margin:7px 0;color:var(--hcc-text)}.hcc-welcome p{margin:0;color:var(--hcc-muted);font-size:13px}.hcc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 22px}.hcc-stat{background:#fff;border:1px solid var(--hcc-line);border-radius:13px;padding:15px;min-height:120px;display:flex;flex-direction:column;gap:5px}.hcc-stat-icon{color:#96754f;font-size:20px}.hcc-stat strong{font-family:Georgia,serif;font-size:27px;font-weight:600}.hcc-stat small{font-size:11px;color:var(--hcc-muted)}.hcc-section-heading{font:600 19px Georgia,serif;margin:22px 0 13px}.hcc-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hcc-module-card{display:flex;flex-direction:column;gap:7px;min-height:130px;padding:17px;background:#fff;border:1px solid var(--hcc-line);border-radius:13px;text-decoration:none!important;color:var(--hcc-text)!important}.hcc-module-card:hover{border-color:#c6a67e;box-shadow:0 7px 22px rgba(48,35,31,.07)}.hcc-module-icon{font-size:23px;color:#8b6b48}.hcc-module-card strong{font-size:13px}.hcc-module-card small{font-size:11px;color:var(--hcc-muted)}.hcc-panel{background:#fff;border:1px solid var(--hcc-line);border-radius:14px;padding:20px;margin-bottom:17px}.hcc-panel h2{font:600 19px Georgia,serif;margin:0 0 7px}.hcc-panel p{color:var(--hcc-muted);font-size:12px}.hcc-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:15px}.hcc-filter{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:12px 0 16px}.hcc-filter input{flex:1;min-width:180px}.hcc-filter select{max-width:220px}.hcc-wrap input:not([type=checkbox]),.hcc-wrap select,.hcc-wrap textarea{border:1px solid #dcd2c8;border-radius:8px;background:#fff;padding:10px 12px;font:inherit;font-size:13px;color:#392b25;max-width:100%;width:100%;min-height:39px}.hcc-wrap input:focus,.hcc-wrap select:focus,.hcc-wrap textarea:focus{outline:2px solid rgba(177,136,87,.22);border-color:#b58c5e}.hcc-wrap label:not(.hcc-check){display:block;font-size:10px;letter-spacing:.08em;font-weight:750;color:#796757;margin:7px 0}.hcc-form{display:flex;flex-direction:column;gap:8px}.hcc-form .hcc-btn{margin-top:8px}.hcc-muted{font-size:11px;color:#8c7a6c;line-height:1.55}.hcc-table-wrap{overflow-x:auto}.hcc-table{width:100%;border-collapse:collapse;font-size:12px;min-width:650px}.hcc-table th{text-align:left;color:#89796c;font-size:9px;letter-spacing:.1em;padding:10px;border-bottom:1px solid var(--hcc-line)}.hcc-table td{padding:12px 10px;border-bottom:1px solid #f0eae4;vertical-align:middle}.hcc-table td strong,.hcc-table td small{display:block}.hcc-table td small{color:#8c7a6c;font-size:10px;margin-top:3px}.hcc-actions{display:flex;gap:6px;flex-wrap:wrap}.hcc-inline-form{display:inline-flex;margin:0}.hcc-badge{display:inline-flex;align-items:center;border-radius:30px;padding:5px 9px;font-size:9px;font-weight:750;white-space:nowrap}.hcc-badge-success{background:#e9f2e8;color:#47764f}.hcc-badge-warning{background:#f7efdf;color:#936d32}.hcc-badge-danger{background:#f7e8e5;color:#a04d42}.hcc-badge-muted{background:#eee9e3;color:#786b61}.hcc-empty{padding:35px 15px;text-align:center;display:flex;flex-direction:column;gap:6px;color:#89796d;font-size:12px}.hcc-empty strong{color:#49392f;font-size:14px}.hcc-notice,.hcc-inline-info{background:#f3eee7;border-left:3px solid #a8875e;border-radius:7px;padding:13px 15px;margin-top:15px}.hcc-notice strong{font-size:12px}.hcc-notice p{margin:5px 0 0}.hcc-role-grid,.hcc-portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hcc-role-card,.hcc-portal-card{display:flex;flex-direction:column;gap:8px;border:1px solid var(--hcc-line);border-radius:11px;padding:14px;background:#fff}.hcc-role-card span,.hcc-portal-card span,.hcc-portal-card small{font-size:11px;color:#88776a}.hcc-portal-card a{font-size:11px;color:#765a3d}.hcc-inline-info{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hcc-inline-info span{font-size:12px}.hcc-inline-info small{color:#87766a}.hcc-permission-list{display:flex;flex-direction:column;border:1px solid #eee7df;border-radius:10px;overflow:hidden;margin:12px 0}.hcc-permission-row{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px!important;margin:0!important;border-bottom:1px solid #eee7df!important;letter-spacing:normal!important}.hcc-permission-row:last-child{border-bottom:0!important}.hcc-permission-row span{display:flex;flex-direction:column;gap:3px}.hcc-permission-row strong{font-size:12px;color:#49392f}.hcc-permission-row small{font-size:10px;color:#938274}.hcc-check{display:flex!important;align-items:center;gap:8px;margin:5px 0!important;font-size:12px!important;letter-spacing:normal!important;color:#59483d!important}.hcc-check input{accent-color:#6c5548}.hcc-checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.hcc-temp-permission{padding:4px 0!important}.hcc-alert{padding:10px 12px;border-radius:8px;font-size:12px;margin:12px 0}.hcc-error{background:#f8e9e6;color:#9a463b}.hcc-alert-success{background:#e9f2e8;color:#47764f}.hcc-footer{text-align:center;padding:22px 5px;color:#a09184;font-size:10px}.hcc-auth-wrap{background:var(--hcc-cream);min-height:650px;display:grid;place-items:center;padding:35px 15px;border-radius:16px}.hcc-auth-card{width:min(100%,520px);overflow:hidden;border-radius:18px;background:var(--hcc-coffee);box-shadow:var(--hcc-shadow)}.hcc-auth-card>.hcc-brand{padding:25px 25px 0}.hcc-auth-content{background:#fff;padding:28px}.hcc-auth-content h1{font:600 29px Georgia,serif;margin:7px 0}.hcc-auth-content>p{font-size:12px;color:#806f62}.hcc-auth-content .hcc-form{margin-top:20px}.hcc-auth-content .hcc-form label{margin-top:8px}.hcc-auth-content .hcc-btn{margin-top:12px;width:100%}.hcc-center{text-align:center}.hcc-modal-backdrop{position:fixed;z-index:999999;inset:0;background:rgba(24,17,14,.58);padding:30px 12px;display:grid;place-items:center;overflow:auto}.hcc-modal-backdrop[hidden]{display:none!important}.hcc-modal{width:min(100%,650px);max-height:calc(100vh - 60px);overflow:auto;background:#fff;border-radius:17px;box-shadow:0 25px 80px rgba(0,0,0,.25);padding:23px}.hcc-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.hcc-modal-head h2{font:600 22px Georgia,serif;margin:3px 0}.hcc-modal-close{border:0;background:#f0eae3;border-radius:50%;width:35px;height:35px;font-size:24px;cursor:pointer;color:#59483d}.hcc-create-form{gap:9px}.hcc-user-fields,.hcc-admin-fields{display:flex;flex-direction:column;gap:7px}.hcc-user-fields[hidden],.hcc-admin-fields[hidden]{display:none!important}.hcc-mail-choice{padding:10px 0!important}.hcc-copy-field{margin-bottom:8px}.hcc-user-workspace{max-width:1100px;margin:0 auto;width:100%}
@media(max-width:900px){.hcc-sidebar{width:210px;flex-basis:210px}.hcc-main{padding:22px 18px}.hcc-card-grid,.hcc-role-grid,.hcc-portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hcc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.hcc-dashboard{display:block;border-radius:12px}.hcc-sidebar{width:100%;padding:15px;display:block}.hcc-sidebar .hcc-brand{margin-bottom:13px}.hcc-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hcc-nav-item{font-size:11px;padding:9px}.hcc-side-user{display:none}.hcc-main{padding:18px 12px}.hcc-topbar{align-items:flex-start;flex-direction:column}.hcc-top-actions{justify-content:flex-start}.hcc-topbar h1{font-size:23px}.hcc-card-grid,.hcc-role-grid,.hcc-portal-grid{grid-template-columns:1fr}.hcc-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hcc-stat{min-height:100px;padding:11px}.hcc-panel{padding:14px}.hcc-filter>*{width:100%;max-width:none}.hcc-modal{padding:17px}.hcc-auth-content{padding:21px}.hcc-inline-info{align-items:flex-start;flex-direction:column}}
/* La marca visual utiliza el logotipo configurado en WordPress > Apariencia > Personalizar > Identidad del sitio. */
.hcc-brand-site-logo{display:inline-flex;align-items:center;justify-content:flex-start;max-width:175px;min-height:42px;padding:5px 8px;background:#fff;border-radius:8px;overflow:hidden;flex:none}
.hcc-brand-site-logo img,.hcc-site-logo-img{display:block;width:auto!important;height:auto!important;max-width:155px!important;max-height:42px!important;object-fit:contain}
.hcc-brand-site-logo+.hcc-brand-copy{gap:0}
.hcc-brand-site-logo+.hcc-brand-copy small{margin-top:0}
.hcc-brand-large .hcc-brand-site-logo{max-width:220px;min-height:54px;padding:7px 10px}
.hcc-brand-large .hcc-brand-site-logo img,.hcc-brand-large .hcc-site-logo-img{max-width:195px!important;max-height:54px!important}
.hcc-factory-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hcc-factory-form .hcc-field-full{grid-column:1/-1}
@media(max-width:650px){.hcc-factory-form{grid-template-columns:1fr}.hcc-factory-form .hcc-field-full{grid-column:auto}}


/* HETHEA CC 0.3.2 — sistema visual común en todas las secciones */
body.hethea-cc-page { background: #f6f2ec !important; }
body.hethea-cc-page .site-content,
body.hethea-cc-page .content-area,
body.hethea-cc-page .site-main,
body.hethea-cc-page .entry-content,
body.hethea-cc-page .wp-block-post-content,
body.hethea-cc-page .elementor-widget-shortcode,
body.hethea-cc-page .elementor-widget-container,
body.hethea-cc-page .elementor-section,
body.hethea-cc-page .elementor-container,
body.hethea-cc-page .elementor-column,
body.hethea-cc-page .elementor-widget-wrap {
  width: 100% !important; max-width: none !important; min-width: 0 !important;
}
body.hethea-cc-page .entry-content,
body.hethea-cc-page .wp-block-post-content,
body.hethea-cc-page .elementor-widget-shortcode,
body.hethea-cc-page .elementor-widget-container {
  margin: 0 !important; padding: 0 !important;
}
body.hethea-cc-page .entry-header, body.hethea-cc-page .page-header { display: none !important; }
.hcc-wrap {
  width: 100% !important; max-width: none !important; margin: 0 auto;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  color: #392b25 !important; line-height: 1.5 !important; text-align: left !important;
}
.hcc-wrap *, .hcc-wrap *::before, .hcc-wrap *::after { box-sizing: border-box; }
.hcc-wrap h1, .hcc-wrap h2, .hcc-wrap h3, .hcc-wrap h4,
.hcc-wrap p, .hcc-wrap label, .hcc-wrap small, .hcc-wrap strong,
.hcc-wrap span, .hcc-wrap a, .hcc-wrap button, .hcc-wrap input,
.hcc-wrap select, .hcc-wrap textarea, .hcc-wrap table {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.hcc-wrap h1, .hcc-wrap h2, .hcc-wrap h3 { letter-spacing: normal; text-transform: none; }
.hcc-wrap p { line-height: 1.55; }
.hcc-dashboard {
  position: relative !important; left: 50%; transform: translateX(-50%);
  width: min(1580px, calc(100vw - 40px)) !important; max-width: none !important;
  min-height: calc(100vh - 48px) !important; margin: 24px 0 !important;
  display: flex !important; align-items: stretch !important;
  background: #f6f2ec !important; border: 1px solid #ded4c8 !important;
  border-radius: 18px !important; overflow: clip !important;
  box-shadow: 0 18px 48px rgba(48,35,31,.11) !important;
}
.hcc-sidebar {
  position: sticky !important; top: 0 !important; align-self: flex-start !important;
  width: 252px !important; flex: 0 0 252px !important;
  height: calc(100vh - 50px) !important; min-height: 650px !important;
  max-height: calc(100vh - 50px) !important; overflow-y: auto !important;
  background: #30231f !important; padding: 26px 17px 18px !important;
}
.hcc-main { min-width: 0 !important; flex: 1 1 auto !important; padding: 28px clamp(18px, 3vw, 42px) 22px !important; background: #f6f2ec !important; }
.hcc-section-content { display: flex; flex-direction: column; gap: 17px; min-width: 0; }
.hcc-section-content > * { min-width: 0; }
.hcc-topbar { min-height: 76px; padding: 0 0 20px !important; margin: 0 0 22px !important; border-bottom: 1px solid #e1d7cc !important; background: transparent !important; }
.hcc-topbar h1 { color: #392b25 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: clamp(24px, 2.1vw, 31px) !important; line-height: 1.15 !important; font-weight: 600 !important; margin: 5px 0 0 !important; }
.hcc-eyebrow { color: #927d6c !important; font-size: 9px !important; letter-spacing: .14em !important; font-weight: 750 !important; }
.hcc-panel, .hcc-welcome { background: #fff !important; border: 1px solid #e6ddd3 !important; border-radius: 14px !important; box-shadow: 0 3px 12px rgba(48,35,31,.025) !important; margin: 0 !important; padding: clamp(16px, 2vw, 23px) !important; }
.hcc-panel h2 { color: #392b25 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 19px !important; font-weight: 600 !important; margin: 0 0 7px !important; }
.hcc-panel p, .hcc-welcome p { color: #806f62 !important; font-size: 12px !important; }
.hcc-panel-head { align-items: center !important; margin-bottom: 15px !important; }
.hcc-welcome { margin-bottom: 0 !important; padding: 24px 26px !important; }
.hcc-stats { gap: 13px !important; margin: 0 !important; }
.hcc-stat { border: 1px solid #e6ddd3 !important; border-radius: 13px !important; background: #fff !important; box-shadow: none !important; }
.hcc-card-grid, .hcc-role-grid, .hcc-portal-grid { gap: 13px !important; }
.hcc-module-card, .hcc-role-card, .hcc-portal-card { border: 1px solid #e6ddd3 !important; border-radius: 13px !important; background: #fff !important; color: #392b25 !important; box-shadow: none !important; transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease; }
.hcc-module-card:hover, .hcc-role-card:hover, .hcc-portal-card:hover { border-color: #c6a67e !important; box-shadow: 0 7px 22px rgba(48,35,31,.07) !important; transform: translateY(-1px); }
.hcc-wrap input:not([type=checkbox]):not([type=radio]), .hcc-wrap select, .hcc-wrap textarea { width: 100% !important; max-width: 100% !important; min-height: 41px !important; padding: 10px 12px !important; border: 1px solid #dcd2c8 !important; border-radius: 8px !important; background: #fff !important; color: #392b25 !important; font-size: 13px !important; box-shadow: none !important; }
.hcc-wrap input:focus, .hcc-wrap select:focus, .hcc-wrap textarea:focus { outline: 2px solid rgba(177,136,87,.22) !important; outline-offset: 1px !important; border-color: #b58c5e !important; }
.hcc-wrap button.hcc-btn, .hcc-wrap a.hcc-btn { min-height: 38px !important; padding: 10px 14px !important; border-radius: 9px !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.25 !important; text-decoration: none !important; box-shadow: none !important; text-transform: none !important; }
.hcc-wrap .hcc-btn-primary { background: #594338 !important; border-color: #594338 !important; color: #fff !important; }
.hcc-wrap .hcc-btn-outline { background: #fff !important; border-color: #cfc2b5 !important; color: #59483d !important; }
.hcc-wrap .hcc-btn-dark { background: #30231f !important; border-color: #30231f !important; color: #fff !important; }
.hcc-table-wrap { width: 100%; overflow-x: auto; border: 1px solid #eee7df; border-radius: 10px; }
.hcc-table { width: 100% !important; min-width: 650px; border-collapse: separate !important; border-spacing: 0 !important; background: #fff !important; }
.hcc-table th { background: #f8f5f1 !important; color: #89796c !important; border-bottom: 1px solid #e6ddd3 !important; font-size: 9px !important; letter-spacing: .1em !important; padding: 12px 11px !important; }
.hcc-table td { background: #fff !important; color: #49392f !important; padding: 13px 11px !important; border-bottom: 1px solid #f0eae4 !important; font-size: 12px !important; }
.hcc-table tr:last-child td { border-bottom: 0 !important; }
.hcc-filter { display: flex !important; align-items: center !important; gap: 9px !important; margin: 12px 0 16px !important; }
.hcc-filter input { flex: 1 1 260px !important; min-width: 200px !important; }
.hcc-filter select { flex: 0 1 230px !important; }
.hcc-badge { border-radius: 30px !important; font-size: 9px !important; font-weight: 750 !important; padding: 5px 9px !important; }
.hcc-notice, .hcc-inline-info { border-radius: 9px !important; margin: 0 !important; }
.hcc-empty { border: 1px dashed #ded4c8; border-radius: 10px; background: #fbf9f6; }
.hcc-footer { color: #a09184 !important; padding: 24px 5px 8px !important; }
.hcc-modal-backdrop { z-index: 999999 !important; }
.hcc-modal { border: 1px solid #e6ddd3 !important; }
.hcc-details { margin-top: 8px; }
.hcc-details summary { cursor: pointer; color: #765a3d; font-size: 11px; font-weight: 700; }
@media(max-width: 1050px) { .hcc-dashboard { width: calc(100vw - 28px) !important; } .hcc-sidebar { width: 222px !important; flex-basis: 222px !important; } .hcc-main { padding: 22px 20px !important; } }
@media(max-width: 760px) {
  .hcc-dashboard { width: calc(100vw - 16px) !important; min-height: 0 !important; margin: 8px 0 !important; display: block !important; border-radius: 13px !important; }
  .hcc-sidebar { position: relative !important; top: auto !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 15px !important; }
  .hcc-sidebar .hcc-brand { margin-bottom: 13px !important; }
  .hcc-nav { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 6px !important; }
  .hcc-nav-item { min-width: 0; font-size: 11px !important; padding: 9px !important; }
  .hcc-side-user { display: none !important; }
  .hcc-main { padding: 18px 13px !important; }
  .hcc-topbar { align-items: flex-start !important; flex-direction: column !important; }
  .hcc-top-actions { justify-content: flex-start !important; width: 100%; }
  .hcc-card-grid, .hcc-role-grid, .hcc-portal-grid { grid-template-columns: 1fr !important; }
  .hcc-stats { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; }
  .hcc-filter { align-items: stretch !important; flex-direction: column !important; }
  .hcc-filter input, .hcc-filter select { min-width: 0 !important; max-width: none !important; flex-basis: auto !important; }
}

/* 0.3.3 - defensive layout and clean Vinculaciones screen */
html body .hcc-wrap.hcc-dashboard{display:flex!important;align-items:stretch!important;width:min(1580px,calc(100vw - 32px))!important;max-width:none!important;margin:24px auto!important;overflow:hidden!important}
html body .hcc-wrap.hcc-dashboard>.hcc-sidebar{display:flex!important;visibility:visible!important;position:sticky!important;flex:0 0 252px!important;width:252px!important;min-width:252px!important;align-self:stretch!important;flex-direction:column!important;background:#30231f!important;color:#fff!important}
html body .hcc-wrap.hcc-dashboard>.hcc-main{display:block!important;min-width:0!important;flex:1 1 auto!important;background:#f6f2ec!important}
.hcc-vinculations-panel{display:flex!important;flex-direction:column!important;gap:16px!important;min-width:0!important}
.hcc-vinculations-panel>.hcc-panel-head{margin:0!important}
.hcc-vinc-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:0!important}
.hcc-vinc-stats .hcc-stat{min-height:96px!important}
.hcc-vinc-filter{margin:0!important}
.hcc-vinc-filter input{flex:1 1 300px!important;min-width:220px!important}
.hcc-vinc-filter select{flex:0 1 245px!important}
.hcc-vinc-table-wrap{width:100%!important;max-width:100%!important;border:1px solid #e6ddd3!important;border-radius:12px!important;background:#fff!important;overflow-x:auto!important}
.hcc-vinc-table{width:100%!important;min-width:900px!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important;margin:0!important}
.hcc-vinc-table th,.hcc-vinc-table td{vertical-align:top!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important}
.hcc-vinc-table th:nth-child(1),.hcc-vinc-table td:nth-child(1){width:19%}
.hcc-vinc-table th:nth-child(2),.hcc-vinc-table td:nth-child(2){width:12%}
.hcc-vinc-table th:nth-child(3),.hcc-vinc-table td:nth-child(3){width:23%}
.hcc-vinc-table th:nth-child(4),.hcc-vinc-table td:nth-child(4){width:14%}
.hcc-vinc-table th:nth-child(5),.hcc-vinc-table td:nth-child(5){width:12%}
.hcc-vinc-table th:nth-child(6),.hcc-vinc-table td:nth-child(6){width:20%}
.hcc-vinc-table tbody tr:hover td{background:#fcfaf7!important}
.hcc-vinc-table td strong{color:#49392f!important;font-size:12px!important;line-height:1.4!important}
.hcc-vinc-email{color:#72563c!important;text-decoration:none!important;font-size:12px!important;overflow-wrap:anywhere!important}
.hcc-vinc-actions{align-items:flex-start!important;justify-content:flex-start!important;gap:6px!important}
.hcc-vinc-actions .hcc-inline-form{display:inline-flex!important;margin:0!important}
.hcc-vinc-actions .hcc-btn{white-space:nowrap!important}
.hcc-vinc-row[hidden],.hcc-vinc-no-results[hidden],.hcc-vinc-modal[hidden]{display:none!important}
.hcc-vinc-no-results{padding:22px;text-align:center;color:#806f62;background:#fbf9f6;border:1px dashed #ded4c8;border-radius:10px;font-size:12px}
.hcc-vinc-modal{display:grid!important;place-items:center!important;position:fixed!important;z-index:1000005!important;inset:0!important;padding:24px 12px!important;background:rgba(24,17,14,.62)!important;overflow:auto!important}
.hcc-vinc-modal[hidden]{display:none!important}
.hcc-vinc-modal-card{width:min(100%,760px)!important;max-height:calc(100vh - 48px)!important;overflow:auto!important;padding:25px!important;background:#fff!important;border:1px solid #e6ddd3!important;border-radius:17px!important;box-shadow:0 25px 80px rgba(0,0,0,.25)!important}
.hcc-vinc-modal-card .hcc-modal-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important}
.hcc-vinc-modal-card .hcc-modal-head h2{color:#392b25!important;font:600 23px Georgia,serif!important;margin:6px 0 0!important}
.hcc-vinc-person-head{display:flex!important;align-items:center!important;gap:12px!important;padding:14px!important;margin:15px 0!important;background:#f7f3ee!important;border:1px solid #eee7df!important;border-radius:12px!important}
.hcc-vinc-person-head>div:nth-child(2){display:flex!important;flex:1 1 auto!important;min-width:0!important;flex-direction:column!important;gap:3px!important}
.hcc-vinc-person-head>div:nth-child(2) strong{font-size:14px!important;color:#392b25!important}
.hcc-vinc-person-head>div:nth-child(2) small{font-size:11px!important;color:#806f62!important;overflow-wrap:anywhere!important}
.hcc-vinc-detail-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:16px 0!important}
.hcc-vinc-detail-item{display:flex!important;flex-direction:column!important;gap:5px!important;padding:12px 13px!important;border:1px solid #eee7df!important;border-radius:10px!important;background:#fff!important;min-width:0!important}
.hcc-vinc-detail-item span{font-size:9px!important;letter-spacing:.09em!important;text-transform:uppercase!important;color:#927d6c!important;font-weight:750!important}
.hcc-vinc-detail-item strong{font-size:12px!important;font-weight:600!important;color:#49392f!important;line-height:1.5!important;overflow-wrap:anywhere!important}
.hcc-vinc-detail-wide{grid-column:1/-1!important}
.hcc-vinc-integration{margin-top:0!important}
.hcc-integration-ok{color:#47764f!important;font-weight:750!important}
.hcc-integration-warn{color:#a15b21!important;font-weight:750!important}
.hcc-vinculations-panel .hcc-table th{vertical-align:middle!important}
@media(max-width:760px){
  html body .hcc-wrap.hcc-dashboard{display:block!important;width:calc(100vw - 16px)!important;margin:8px auto!important}
  html body .hcc-wrap.hcc-dashboard>.hcc-sidebar{display:flex!important;position:relative!important;width:100%!important;min-width:0!important;flex-basis:auto!important;height:auto!important;min-height:0!important;max-height:none!important}
  .hcc-vinc-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hcc-vinc-detail-grid{grid-template-columns:1fr!important}
  .hcc-vinc-detail-wide{grid-column:auto!important}
  .hcc-vinc-modal-card{padding:17px!important}
}

/* 0.3.4 - standalone branded app and activation pages */
html body.hcc-standalone-page{margin:0!important;padding:0!important;min-height:100vh!important;background:#f6f2ec!important;color:#392b25!important}
html body.hcc-standalone-page #page,html body.hcc-standalone-page .site,html body.hcc-standalone-page .site-content{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
.hcc-standalone-shell{display:flex!important;align-items:stretch!important;justify-content:center!important;width:100%!important;min-height:100vh!important;padding:18px!important;margin:0!important;background:#f6f2ec!important}
.hcc-standalone-shell>.hcc-wrap{width:100%!important;max-width:1580px!important;margin:0 auto!important}
.hcc-standalone-shell .hcc-dashboard{min-height:calc(100vh - 36px)!important}
.hcc-standalone-shell .hcc-auth-wrap{width:100%!important;min-height:calc(100vh - 36px)!important;border:0!important;border-radius:0!important;background:transparent!important;padding:30px 16px!important}
.hcc-standalone-shell .hcc-auth-card{width:min(100%,540px)!important;box-shadow:0 22px 65px rgba(48,35,31,.15)!important}
.hcc-standalone-shell .hcc-brand-site-logo{background:transparent!important;min-height:48px!important}
.hcc-standalone-shell .hcc-brand-site-logo img{max-width:210px!important;max-height:60px!important}
.hcc-standalone-shell .hcc-auth-content{padding:32px!important}
.hcc-standalone-shell .hcc-auth-content h1{color:#392b25!important}
.hcc-standalone-shell .hcc-auth-content p{line-height:1.7!important}
@media(max-width:760px){.hcc-standalone-shell{padding:8px!important}.hcc-standalone-shell .hcc-dashboard{min-height:calc(100vh - 16px)!important}.hcc-standalone-shell .hcc-auth-content{padding:22px!important}}


/* 0.3.6 - approved card-first design system across every Centro de Control section */
.hcc-section-intro{margin:0 0 18px;padding:4px 0 2px}
.hcc-section-intro h2{font:600 23px Georgia,serif!important;color:#392b25!important;margin:5px 0 6px!important}
.hcc-section-intro p{color:#806f62!important;font-size:12px!important;margin:0!important;max-width:900px;line-height:1.55}
.hcc-results-count{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:30px;background:#eee9e3;color:#786b61;font-size:10px;font-weight:750;white-space:nowrap}
.hcc-record-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr))!important;gap:13px!important;align-items:stretch!important;width:100%!important;margin:12px 0!important}
.hcc-record-card{display:flex!important;flex-direction:column!important;gap:13px!important;min-width:0!important;padding:16px!important;background:#fff!important;border:1px solid #e6ddd3!important;border-radius:13px!important;box-shadow:0 3px 12px rgba(48,35,31,.035)!important;color:#392b25!important;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important}
.hcc-record-card:hover{border-color:#c9ad8d!important;box-shadow:0 9px 24px rgba(48,35,31,.075)!important;transform:translateY(-1px)!important}
.hcc-record-card-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;min-width:0!important}
.hcc-person-block{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;flex:1 1 auto!important}
.hcc-person-block>div{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}
.hcc-person-block strong{font:600 14px Georgia,serif!important;color:#392b25!important;overflow-wrap:anywhere!important;line-height:1.35!important}
.hcc-person-block small{font-size:10px!important;color:#806f62!important;overflow-wrap:anywhere!important;line-height:1.4!important}
.hcc-record-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;min-width:0!important}
.hcc-record-field{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important;padding:9px 10px!important;background:#faf8f5!important;border:1px solid #f0eae4!important;border-radius:9px!important}
.hcc-record-field>span,.hcc-record-address>span{font-size:8px!important;letter-spacing:.10em!important;color:#927d6c!important;font-weight:800!important;text-transform:uppercase!important}
.hcc-record-field>strong,.hcc-record-address>strong{font-size:11px!important;font-weight:650!important;color:#49392f!important;line-height:1.45!important;overflow-wrap:anywhere!important}
.hcc-record-field a{color:#76583c!important;text-decoration:none!important;overflow-wrap:anywhere!important}
.hcc-record-address{display:flex!important;flex-direction:column!important;gap:5px!important;padding:10px 11px!important;background:#faf8f5!important;border:1px solid #f0eae4!important;border-radius:9px!important}
.hcc-record-actions{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;margin-top:auto!important;padding-top:4px!important}
.hcc-record-actions .hcc-inline-form{display:inline-flex!important;margin:0!important}
.hcc-record-actions .hcc-btn{white-space:normal!important}
.hcc-vinc-card[hidden]{display:none!important}
.hcc-vinc-card-grid{margin-top:14px!important}
.hcc-vinc-card .hcc-badge{flex:none!important}
.hcc-vinc-person-head .hcc-avatar{flex:none!important}
.hcc-role-select-card{text-decoration:none!important;color:#392b25!important;min-height:145px!important}
.hcc-role-select-card.is-selected{border-color:#b99a76!important;background:#fbf7f1!important;box-shadow:inset 0 0 0 1px #b99a76!important}
.hcc-role-symbol{color:#92704f!important;font-size:23px!important;line-height:1!important}
.hcc-role-select-card>strong{font:600 16px Georgia,serif!important}
.hcc-role-select-card>small{font-size:10px!important;color:#92704f!important;font-weight:750!important}
.hcc-subheading{font:600 16px Georgia,serif!important;color:#392b25!important;margin:20px 0 10px!important}
.hcc-permission-card-grid{margin:14px 0!important}
.hcc-permission-card{position:relative!important;display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;padding:13px!important;margin:0!important;border:1px solid #e6ddd3!important;border-radius:11px!important;background:#fff!important;cursor:pointer!important;letter-spacing:normal!important;transition:border-color .15s,background .15s!important}
.hcc-permission-card:has(input:checked){border-color:#b99a76!important;background:#fbf7f1!important}
.hcc-permission-card-icon{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;flex:none!important;border-radius:8px!important;background:#f0e9df!important;color:#795b3e!important;font-weight:800!important}
.hcc-permission-card-copy{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;gap:3px!important;min-width:0!important}
.hcc-permission-card-copy strong{font-size:11px!important;color:#49392f!important;line-height:1.35!important}
.hcc-permission-card-copy small{font-size:9px!important;color:#927d6c!important;overflow-wrap:anywhere!important}
.hcc-permission-card input{width:17px!important;height:17px!important;flex:none!important;accent-color:#594338!important}
.hcc-temp-permission-grid .hcc-temp-permission[style*="display: none"]{display:none!important}
.hcc-portal-record-card .hcc-module-icon{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:9px!important;background:#f0e9df!important;color:#876644!important;flex:none!important}
.hcc-audit-date{display:flex!important;align-items:center!important;gap:10px!important}
.hcc-audit-date>div{display:flex!important;flex-direction:column!important;gap:2px!important}
.hcc-audit-date strong{font:600 14px Georgia,serif!important;color:#392b25!important}
.hcc-audit-date small{font-size:10px!important;color:#806f62!important}
.hcc-audit-details{border-top:1px solid #eee7df!important;padding-top:9px!important}
.hcc-audit-details summary{cursor:pointer!important;color:#765a3d!important;font-size:10px!important;font-weight:750!important}
.hcc-audit-details pre{white-space:pre-wrap!important;overflow-wrap:anywhere!important;padding:10px!important;border-radius:8px!important;background:#f7f3ee!important;color:#59483d!important;font:10px/1.5 monospace!important;margin:8px 0 0!important}
.hcc-create-form .hcc-checkbox-grid{margin:4px 0 8px!important}
@media(max-width:760px){
  .hcc-record-grid{grid-template-columns:1fr!important;gap:10px!important}
  .hcc-record-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hcc-record-actions{align-items:stretch!important}
  .hcc-record-actions>.hcc-btn,.hcc-record-actions>.hcc-inline-form{flex:1 1 auto!important}
  .hcc-record-actions .hcc-inline-form .hcc-btn{width:100%!important}
  .hcc-results-count{width:100%!important}
}
@media(max-width:420px){.hcc-record-fields{grid-template-columns:1fr!important}.hcc-record-card{padding:13px!important}}

.hcc-temp-permission[hidden]{display:none!important}

.hcc-submodule-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;margin:0 0 16px!important}
.hcc-submodule-tab{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:15px 17px!important;background:#fff!important;border:1px solid #e6ddd3!important;border-radius:12px!important;color:#49392f!important;text-decoration:none!important;font-size:12px!important;font-weight:700!important;transition:.15s!important}
.hcc-submodule-tab strong{display:grid!important;place-items:center!important;min-width:27px!important;height:27px!important;padding:0 7px!important;border-radius:20px!important;background:#f0e9df!important;color:#76583e!important;font-size:11px!important}
.hcc-submodule-tab.active{border-color:#b99a76!important;background:#fbf7f1!important;box-shadow:inset 0 0 0 1px #b99a76!important}
.hcc-submodule-tab.active strong{background:#594338!important;color:#fff!important}
@media(max-width:520px){.hcc-submodule-tabs{grid-template-columns:1fr!important}}

/* Editor de ficha completa de usuario: conserva el sistema visual aprobado de HETHEA. */
.hcc-user-edit-modal{width:min(100%,820px)!important;padding:25px!important}
.hcc-edit-user-form{gap:14px!important}
.hcc-edit-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 15px!important}
.hcc-edit-grid>div{min-width:0!important}
.hcc-edit-grid .hcc-edit-wide{grid-column:1/-1!important}
.hcc-edit-grid label{display:block!important;margin:6px 0!important;font-size:10px!important;letter-spacing:.08em!important;font-weight:750!important;color:#796757!important}
.hcc-edit-grid input,.hcc-edit-grid select,.hcc-edit-grid textarea{width:100%!important;min-height:42px!important;border:1px solid #dcd2c8!important;border-radius:8px!important;background:#fff!important;padding:10px 12px!important;font:inherit!important;font-size:13px!important;color:#392b25!important;box-sizing:border-box!important}
.hcc-edit-immutable{padding:13px 15px!important;border:1px solid #e8ded3!important;border-radius:10px!important;background:#f7f3ee!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.hcc-edit-immutable>div{display:flex!important;flex-direction:column!important;gap:4px!important}
.hcc-edit-immutable span{font-size:9px!important;letter-spacing:.09em!important;font-weight:750!important;color:#927e6d!important}
.hcc-edit-immutable strong{font-size:12px!important;color:#49392f!important}
.hcc-edit-immutable p{grid-column:1/-1!important;margin:0!important}
.hcc-edit-resend{padding:5px 0!important}
.hcc-modal-actions{display:flex!important;justify-content:flex-end!important;gap:9px!important;flex-wrap:wrap!important;margin-top:4px!important}
.hcc-user-edit-backdrop{z-index:1000001!important}
@media(max-width:650px){.hcc-user-edit-modal{padding:17px!important}.hcc-edit-grid{grid-template-columns:1fr!important}.hcc-edit-grid .hcc-edit-wide{grid-column:auto!important}.hcc-edit-immutable{grid-template-columns:1fr!important}.hcc-edit-immutable p{grid-column:auto!important}.hcc-modal-actions>*{flex:1!important}}


/* 0.3.8 — submenús permanentes en la navegación lateral y acciones de edición visibles */
.hcc-nav-group{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}
.hcc-nav-submenu{display:flex!important;flex-direction:column!important;gap:3px!important;margin:0 0 6px 31px!important;padding:3px 0 4px 10px!important;border-left:1px solid rgba(214,201,190,.28)!important}
.hcc-nav-subitem{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;min-width:0!important;padding:7px 8px!important;border-radius:7px!important;color:#c7b5a4!important;text-decoration:none!important;font-size:10px!important;line-height:1.35!important;transition:background .15s,color .15s!important}
.hcc-nav-subitem:hover{background:#46352e!important;color:#fff!important}
.hcc-nav-subitem.active{background:#594338!important;color:#fff!important;font-weight:750!important}
.hcc-nav-subitem b{display:inline-grid!important;place-items:center!important;min-width:20px!important;height:20px!important;padding:0 5px!important;border-radius:20px!important;background:rgba(255,255,255,.12)!important;color:#f2e7da!important;font-size:9px!important}
.hcc-nav-subitem.active b{background:#d9bd98!important;color:#392b25!important}
.hcc-btn-edit{background:#efe5d8!important;border-color:#d8c5ad!important;color:#594338!important;font-weight:800!important}
.hcc-btn-edit:hover{background:#e6d6c3!important;border-color:#b99a76!important;color:#392b25!important}
.hcc-record-actions .hcc-btn-edit{min-height:36px!important;padding:9px 12px!important}
.hcc-admin-edit-modal{width:min(100%,790px)!important;padding:25px!important}
.hcc-edit-admin-form{gap:13px!important}
.hcc-admin-scope-editor{padding:14px!important;background:#f7f3ee!important;border:1px solid #e8ded3!important;border-radius:10px!important}
.hcc-admin-scope-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px 12px!important;margin-top:8px!important}
.hcc-admin-scope-grid .hcc-check{margin:4px 0!important}
.hcc-admin-edit-backdrop{z-index:1000002!important}
@media(max-width:760px){.hcc-nav{display:flex!important;flex-direction:column!important;gap:5px!important}.hcc-nav-submenu{margin-left:27px!important}.hcc-admin-scope-grid{grid-template-columns:1fr!important}}


/* 0.3.9 — full-viewport centering for the standalone Control Center. */
html body.hcc-standalone-page{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow-x:hidden!important}
body.hcc-standalone-page .hcc-standalone-shell{position:relative!important;left:50%!important;transform:translateX(-50%)!important;width:100vw!important;max-width:100vw!important;margin:0!important;display:flex!important;justify-content:center!important;align-items:flex-start!important}
body.hcc-standalone-page .hcc-standalone-shell>.hcc-wrap.hcc-dashboard{width:min(1580px,calc(100vw - 36px))!important;max-width:1580px!important;margin:0 auto!important}
@media(max-width:760px){body.hcc-standalone-page .hcc-standalone-shell{padding:8px!important}body.hcc-standalone-page .hcc-standalone-shell>.hcc-wrap.hcc-dashboard{width:calc(100vw - 16px)!important;margin:0 auto!important}}

/* Retiro lógico de cuentas: conserva los registros históricos. */
.hcc-btn-danger{background:#9d4b42!important;border-color:#9d4b42!important;color:#fff!important}.hcc-btn-danger:hover{background:#873d36!important;border-color:#873d36!important}.hcc-history-note{display:inline-flex;align-items:center;padding:8px 10px;border:1px solid #e8ddd1;border-radius:8px;background:#f8f4ef;color:#7d6958;font-size:10px;font-weight:700}.hcc-user-delete-form{margin:0!important}


/* 0.4.7 — navegación lateral siempre a la altura visible de la pantalla (escritorio). */
@media (min-width: 761px) {
  html body.hcc-standalone-page .hcc-standalone-shell { align-items: stretch !important; }
  html body.hcc-standalone-page .hcc-wrap.hcc-dashboard {
    display: flex !important; align-items: flex-start !important;
    min-height: calc(100vh - 36px) !important; height: auto !important;
    overflow: visible !important;
  }
  html body.hcc-standalone-page .hcc-wrap.hcc-dashboard > .hcc-sidebar {
    position: sticky !important; top: 18px !important; align-self: flex-start !important;
    height: calc(100vh - 36px) !important; min-height: calc(100vh - 36px) !important;
    max-height: calc(100vh - 36px) !important; flex: 0 0 252px !important;
    width: 252px !important; min-width: 252px !important;
    overflow-y: auto !important; overflow-x: hidden !important;
    scrollbar-width: thin !important;
  }
  html body.hcc-standalone-page .hcc-wrap.hcc-dashboard > .hcc-main { min-width: 0 !important; flex: 1 1 auto !important; }
}
@media (max-width: 760px) {
  html body.hcc-standalone-page .hcc-wrap.hcc-dashboard > .hcc-sidebar {
    position: relative !important; top: auto !important; height: auto !important;
    min-height: 0 !important; max-height: none !important; overflow: visible !important;
  }
}


/* 0.4.8 — mostrar submódulos al pasar el cursor por el módulo principal. */
@media (min-width: 761px) {
  html body.hcc-standalone-page .hcc-nav-group > .hcc-nav-submenu {
    display: none !important;
  }
  html body.hcc-standalone-page .hcc-nav-group:hover > .hcc-nav-submenu,
  html body.hcc-standalone-page .hcc-nav-group:focus-within > .hcc-nav-submenu {
    display: flex !important;
  }
  html body.hcc-standalone-page .hcc-nav-group:hover > .hcc-nav-item,
  html body.hcc-standalone-page .hcc-nav-group:focus-within > .hcc-nav-item {
    background: #46352e !important; color: #fff !important;
  }
}
/* En pantallas táctiles no existe hover: mantener los submódulos accesibles. */
@media (max-width: 760px) {
  html body.hcc-standalone-page .hcc-nav-group > .hcc-nav-submenu {
    display: flex !important;
  }
}

/* 0.4.10 — estado visible de configuración en cada tarjeta de rol. */
.hcc-role-config-status{display:inline-flex!important;align-items:center;gap:5px;width:max-content;max-width:100%;margin-top:7px;padding:5px 9px;border-radius:999px;font-size:10px!important;font-weight:800!important;line-height:1.3!important}
.hcc-role-config-status.is-configured{background:#e8f4ed!important;color:#246b45!important}
.hcc-role-config-status.is-pending{background:#f4eee5!important;color:#8a6841!important}

/* 0.4.11 — búsqueda de asignación de rol por número de documento. */
.hcc-role-document-search{max-width:760px;margin:18px 0 22px!important}
.hcc-role-document-search-row{display:flex;gap:10px;align-items:center}
.hcc-role-document-search-row input{flex:1;min-width:0}
.hcc-role-found-user{margin-top:20px;padding:18px;border:1px solid #e7ddd1;border-radius:14px;background:#fffdfa}
.hcc-role-found-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 20px}
.hcc-role-found-grid>div{display:flex;flex-direction:column;gap:6px;padding:13px;border-radius:10px;background:#f8f4ef;min-width:0}
.hcc-role-found-grid span{font-size:10px;font-weight:800;letter-spacing:.06em;color:#8a7969}
.hcc-role-found-grid strong{font-size:14px;color:#34291f;overflow-wrap:anywhere}
@media(max-width:640px){.hcc-role-document-search-row{align-items:stretch;flex-direction:column}.hcc-role-document-search-row .hcc-btn{width:100%}.hcc-role-found-grid{grid-template-columns:1fr}}

/* 0.4.12 — edición explícita del rol desde la ficha encontrada por documento. */
.hcc-role-change-form{display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(220px,1.4fr) auto!important;align-items:end!important;gap:12px!important;margin-top:18px!important;padding-top:16px!important;border-top:1px solid #eee5dc!important}
.hcc-role-change-current{display:flex;flex-direction:column;gap:5px;min-height:42px;justify-content:center;padding:9px 12px;border:1px solid #e8ddd1;border-radius:10px;background:#faf7f3}
.hcc-role-change-current span{font-size:10px;font-weight:800;letter-spacing:.07em;color:#8a7868}
.hcc-role-change-current strong{font-size:14px;color:#3f3027}
.hcc-role-change-form select{min-height:42px}
.hcc-role-change-form button{min-height:42px;white-space:nowrap}
@media(max-width:760px){.hcc-role-change-form{grid-template-columns:1fr!important}.hcc-role-change-form button{width:100%}}


/* 0.4.31 — selector de alcance de ventas presentado como botones-tarjeta. */
.hcc-sales-scope-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:16px 0 4px!important}
.hcc-sales-scope-option{position:relative!important;display:flex!important;align-items:flex-start!important;gap:11px!important;min-width:0!important;min-height:104px!important;padding:17px 15px!important;border:1px solid #e5d9cc!important;border-radius:12px!important;background:#fff!important;cursor:pointer!important;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease!important}
.hcc-sales-scope-option:hover{border-color:#a98764!important;background:#fcfaf7!important}
.hcc-sales-scope-option.is-selected{border:2px solid #80634f!important;padding:16px 14px!important;background:#f7f1e9!important;box-shadow:0 0 0 2px rgba(128,99,79,.08)!important}
.hcc-sales-scope-option input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
.hcc-sales-scope-option-check{display:flex!important;flex:0 0 22px!important;width:22px!important;height:22px!important;align-items:center!important;justify-content:center!important;border:1.5px solid #b8a99a!important;border-radius:7px!important;color:transparent!important;background:#fff!important;font-size:13px!important;font-weight:900!important}
.hcc-sales-scope-option.is-selected .hcc-sales-scope-option-check{border-color:#5a4336!important;background:#5a4336!important;color:#fff!important}
.hcc-sales-scope-option-copy{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important}
.hcc-sales-scope-option-copy strong{font-size:13px!important;line-height:1.35!important;color:#3e3028!important}
.hcc-sales-scope-option-copy small{font-size:11px!important;line-height:1.45!important;color:#87786b!important}
.hcc-sales-scope-option:focus-within{outline:2px solid #b99a78!important;outline-offset:2px!important}
@media(max-width:760px){.hcc-sales-scope-options{grid-template-columns:1fr!important}.hcc-sales-scope-option{min-height:unset!important}}


/* 0.4.45 — comportamiento adaptable y desplazable unificado en TODO el Centro de Control. */
.hcc-wrap,
.hcc-dashboard,
.hcc-main,
.hcc-section-content { min-width:0!important; max-width:100%!important; }
.hcc-wrap img,.hcc-wrap video,.hcc-wrap iframe { max-width:100%; }
.hcc-wrap .hcc-modal-backdrop,
.hcc-wrap .hcc-vinc-modal,
.hcc-wrap .hcc-admin-edit-backdrop,
.hcc-wrap .hcc-user-edit-backdrop {
  position:fixed!important; inset:0!important; z-index:1000005!important;
  display:flex!important; align-items:flex-start!important; justify-content:center!important;
  width:100vw!important; height:100vh!important; height:100dvh!important;
  padding:clamp(10px,3vh,28px) 12px!important; overflow-x:hidden!important; overflow-y:auto!important;
  overscroll-behavior:contain!important; box-sizing:border-box!important;
}
.hcc-wrap .hcc-modal-backdrop[hidden],
.hcc-wrap .hcc-vinc-modal[hidden],
.hcc-wrap .hcc-admin-edit-backdrop[hidden],
.hcc-wrap .hcc-user-edit-backdrop[hidden] { display:none!important; }
.hcc-wrap .hcc-modal,
.hcc-wrap .hcc-vinc-modal-card {
  position:relative!important; flex:0 0 auto!important; min-width:0!important;
  width:min(100%,820px)!important; max-width:100%!important;
  max-height:calc(100vh - 56px)!important; max-height:calc(100dvh - 56px)!important;
  min-height:0!important; margin:0 auto!important; overflow-x:hidden!important; overflow-y:auto!important;
  overscroll-behavior:contain!important; scrollbar-gutter:stable!important;
  box-sizing:border-box!important;
}
.hcc-wrap .hcc-modal-head { position:sticky!important; top:-1px!important; z-index:3!important; background:#fff!important; padding:2px 0 10px!important; }
.hcc-wrap .hcc-modal-actions { position:sticky!important; bottom:-1px!important; z-index:3!important; background:#fff!important; padding:12px 0 2px!important; margin-top:12px!important; border-top:1px solid #eee7df!important; }
.hcc-wrap .hcc-form,
.hcc-wrap .hcc-user-fields,
.hcc-wrap .hcc-admin-fields { min-width:0!important; }
.hcc-wrap .hcc-panel,
.hcc-wrap .hcc-welcome,
.hcc-wrap .hcc-module-card,
.hcc-wrap .hcc-role-card,
.hcc-wrap .hcc-portal-card { min-width:0!important; overflow-wrap:anywhere!important; }
.hcc-wrap .hcc-table-wrap { max-width:100%!important; overflow-x:auto!important; -webkit-overflow-scrolling:touch!important; }
.hcc-wrap .hcc-actions { min-width:0!important; flex-wrap:wrap!important; }
@media(max-width:760px){
 .hcc-wrap .hcc-modal-backdrop,.hcc-wrap .hcc-vinc-modal,.hcc-wrap .hcc-admin-edit-backdrop,.hcc-wrap .hcc-user-edit-backdrop { padding:8px!important; }
 .hcc-wrap .hcc-modal,.hcc-wrap .hcc-vinc-modal-card { width:100%!important; max-height:calc(100vh - 16px)!important; max-height:calc(100dvh - 16px)!important; padding:16px!important; border-radius:13px!important; }
 .hcc-wrap .hcc-modal-head { gap:10px!important; }
 .hcc-wrap .hcc-modal-actions { flex-wrap:wrap!important; }
 .hcc-wrap .hcc-modal-actions>* { flex:1 1 130px!important; }
 .hcc-wrap .hcc-checkbox-grid { grid-template-columns:1fr!important; }
}
@media(max-height:560px){
 .hcc-wrap .hcc-modal-backdrop,.hcc-wrap .hcc-vinc-modal,.hcc-wrap .hcc-admin-edit-backdrop,.hcc-wrap .hcc-user-edit-backdrop { padding:6px 10px!important; }
 .hcc-wrap .hcc-modal,.hcc-wrap .hcc-vinc-modal-card { max-height:calc(100vh - 12px)!important; max-height:calc(100dvh - 12px)!important; }
}