/* Holding Annahas UI Refresh v1.0
   Sistema visual inspirado en los principios de claridad, jerarquia y espacio de Apple.
   No distribuye ni incorpora fuentes propietarias. */

:root{
  --ha-black:#1d1d1f;
  --ha-gray:#6e6e73;
  --ha-gray-2:#86868b;
  --ha-line:#d2d2d7;
  --ha-line-soft:#e8e8ed;
  --ha-bg:#f5f5f7;
  --ha-white:#fff;
  --ha-blue:#0071e3;
  --ha-blue-hover:#0077ed;
  --ha-green:#1b7f52;
  --ha-red:#d70015;
  --ha-orange:#b25b00;
  --ha-radius:24px;
  --ha-radius-sm:16px;
  --ha-shadow:0 2px 12px rgba(0,0,0,.035);
  --ha-font:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif;
  --ha-font-display:"SF Pro Display","SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;
  /* Alias para las vistas heredadas */
  --navy:#1d1d1f;--navy-2:#333336;--navy-deep:#1d1d1f;
  --bg:#f5f5f7;--page:#f5f5f7;--surface:#fff;--card:#fff;
  --ink:#1d1d1f;--muted:#6e6e73;--line:#d2d2d7;--rule:#d2d2d7;--rule-soft:#e8e8ed;
  --blue:#0071e3;--blue-soft:#eef6ff;--marine:#0071e3;--marine-soft:#eef6ff;
  --display:var(--ha-font-display);--body:var(--ha-font);--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
}

html.ha-ui{color-scheme:light;background:var(--ha-bg);font-family:var(--ha-font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html.ha-ui body{background:var(--ha-bg)!important;color:var(--ha-black)!important;font-family:var(--ha-font)!important;font-weight:400;letter-spacing:-.011em}
html.ha-ui body *:not(.material-icons):not([class^="fa-"]):not([class*=" fa-"]){font-family:var(--ha-font)!important}
html.ha-ui *,html.ha-ui *::before,html.ha-ui *::after{box-sizing:border-box}
html.ha-ui h1,html.ha-ui h2,html.ha-ui h3,html.ha-ui h4{color:var(--ha-black);font-family:var(--ha-font-display);font-weight:600!important;letter-spacing:-.035em!important}
html.ha-ui p{letter-spacing:-.008em}
html.ha-ui a{color:var(--ha-blue)}
html.ha-ui a:focus-visible,html.ha-ui button:focus-visible,html.ha-ui input:focus-visible,html.ha-ui select:focus-visible,html.ha-ui textarea:focus-visible{outline:3px solid rgba(0,113,227,.28)!important;outline-offset:2px}

/* Navegacion global */
html.ha-ui .topbar,html.ha-ui .app-topbar,html.ha-ui .finance-topbar{
  background:rgba(250,250,252,.82)!important;
  color:var(--ha-black)!important;
  border-bottom:1px solid rgba(0,0,0,.08)!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  backdrop-filter:saturate(180%) blur(20px);
}
html.ha-ui .topbar,html.ha-ui .app-topbar{position:sticky;top:0;z-index:100}
html.ha-ui .topbar-inner,html.ha-ui .app-topbar-inner,html.ha-ui .finance-topbar-inner{min-height:64px!important}
html.ha-ui .brand-name,html.ha-ui .finance-brand-name{color:var(--ha-black)!important;font-size:15px!important;font-weight:600!important;letter-spacing:-.025em!important}
html.ha-ui .brand-sub,html.ha-ui .finance-brand-sub,html.ha-ui .session-copy span,html.ha-ui .finance-session span{color:var(--ha-gray)!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important}
html.ha-ui .session-copy strong,html.ha-ui .finance-session strong{color:var(--ha-black)!important;font-weight:500!important}
html.ha-ui .mark,html.ha-ui .brand-mark,html.ha-ui .finance-mark{
  width:36px!important;height:36px!important;border-radius:11px!important;
  background:var(--ha-black)!important;color:#fff!important;
  box-shadow:none!important;font-size:12px!important;font-weight:600!important;
}
html.ha-ui .top-action,html.ha-ui .logout,html.ha-ui .logout-btn,html.ha-ui .portal-link,html.ha-ui .top-link{
  min-height:34px!important;border:1px solid var(--ha-line)!important;border-radius:980px!important;
  background:transparent!important;color:var(--ha-black)!important;box-shadow:none!important;font-weight:500!important;
}
html.ha-ui .top-action:hover,html.ha-ui .logout:hover,html.ha-ui .logout-btn:hover,html.ha-ui .portal-link:hover,html.ha-ui .top-link:hover{background:#ececf0!important}

/* Franja de marcas */
.ha-company-strip{width:min(1180px,calc(100% - 40px));margin:20px auto 0;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--ha-line-soft);border-radius:16px;background:rgba(255,255,255,.72);box-shadow:var(--ha-shadow)}
.ha-company-strip__label{color:var(--ha-gray);font-size:11px;font-weight:500;white-space:nowrap}
.ha-company-strip__back{color:var(--ha-blue)!important;text-decoration:none;font-weight:400}.ha-company-strip__back:hover{text-decoration:underline}
.ha-company-strip__logos{display:flex;align-items:center;justify-content:flex-end;gap:25px;min-width:0}
.ha-company-strip__logo{display:block;width:auto;max-width:128px;height:24px;object-fit:contain}
.ha-company-strip__logo--alemania{height:32px}.ha-company-strip__logo--istore{height:25px}.ha-company-strip__logo--match{height:22px}
html.ha-ui[data-ha-brands="alemania"] .ha-company-strip__logo{max-width:155px;height:45px}
html.ha-ui main>.ha-company-strip,html.ha-ui .wrap>.ha-company-strip,html.ha-ui .finance-hero>.ha-company-strip{width:100%;margin:0 0 28px}

/* Titulos y contenedores */
html.ha-ui main,html.ha-ui .container,html.ha-ui .wrap{scroll-margin-top:84px}
html.ha-ui .intro,html.ha-ui .hero,html.ha-ui .finance-hero,html.ha-ui .page-head{background:transparent!important;box-shadow:none!important;border:0!important}
html.ha-ui .intro h1,html.ha-ui .hero h2,html.ha-ui .finance-hero h1,html.ha-ui .page-head h1,html.ha-ui .headline{
  font-size:clamp(34px,5vw,56px)!important;line-height:1.04!important;font-weight:600!important;letter-spacing:-.045em!important;
}
html.ha-ui .intro p,html.ha-ui .hero p,html.ha-ui .finance-hero p,html.ha-ui .page-copy,html.ha-ui .subtitle,html.ha-ui .lede{color:var(--ha-gray)!important;font-size:14px!important;line-height:1.55!important}
html.ha-ui .eyebrow,html.ha-ui .hero-kicker,html.ha-ui .finance-eyebrow,html.ha-ui .card-kicker,html.ha-ui .module-kicker{color:var(--ha-gray)!important;font-size:11px!important;font-weight:500!important;letter-spacing:.02em!important;text-transform:none!important}
html.ha-ui .eyebrow::before{background:var(--ha-green)!important;box-shadow:none!important}
html.ha-ui .breadcrumb,html.ha-ui .back,html.ha-ui .back-link{color:var(--ha-blue)!important;font-weight:400!important}

/* Tarjetas y modulos */
html.ha-ui .module,html.ha-ui .card,html.ha-ui .cap-card,html.ha-ui .table-card,html.ha-ui .chart-card,html.ha-ui .frame-card,html.ha-ui .glass,html.ha-ui .panel,html.ha-ui .filters,html.ha-ui .branch-panel,html.ha-ui .report,html.ha-ui .stat-box,html.ha-ui .kpi{
  border:1px solid var(--ha-line-soft)!important;border-radius:var(--ha-radius)!important;
  background:var(--ha-white)!important;box-shadow:var(--ha-shadow)!important;
}
html.ha-ui .module{min-height:205px!important;transition:transform .22s ease,box-shadow .22s ease!important}
html.ha-ui .module::after{display:none!important}
html.ha-ui .module:hover{transform:translateY(-2px)!important;border-color:var(--ha-line)!important;box-shadow:0 10px 30px rgba(0,0,0,.06)!important}
html.ha-ui .module .icon,html.ha-ui .card .icon{border-radius:14px!important;background:var(--ha-bg)!important;color:var(--ha-black)!important}
html.ha-ui .module-label{font-size:18px!important;font-weight:600!important;letter-spacing:-.025em!important}
html.ha-ui .module-description{color:var(--ha-gray)!important;font-size:12px!important}
html.ha-ui .module-action{color:var(--ha-blue)!important;font-weight:400!important}
html.ha-ui .module-count,html.ha-ui .badge,html.ha-ui .tag,html.ha-ui .pill,html.ha-ui .status-pill,html.ha-ui .summary-chip,html.ha-ui .hero-chip{
  border:0!important;border-radius:980px!important;background:#ececf0!important;color:var(--ha-gray)!important;box-shadow:none!important;font-weight:500!important;
}

/* Formularios */
html.ha-ui label,html.ha-ui .label,html.ha-ui .lbl{color:var(--ha-gray)!important;font-size:11px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important}
html.ha-ui input:not([type="checkbox"]):not([type="radio"]),html.ha-ui select,html.ha-ui textarea{
  border:1px solid var(--ha-line)!important;border-radius:14px!important;background:rgba(255,255,255,.86)!important;
  color:var(--ha-black)!important;box-shadow:none!important;font-family:var(--ha-font)!important;font-size:14px!important;
}
html.ha-ui input:not([type="checkbox"]):not([type="radio"]):focus,html.ha-ui select:focus,html.ha-ui textarea:focus{border-color:var(--ha-blue)!important;box-shadow:0 0 0 4px rgba(0,113,227,.1)!important}
html.ha-ui button,html.ha-ui .btn,html.ha-ui .action,html.ha-ui .export-btn,html.ha-ui .cargar-btn,html.ha-ui .ms-btn,html.ha-ui .view-btn{
  border:0!important;border-radius:980px!important;background:var(--ha-blue)!important;color:#fff!important;
  box-shadow:none!important;font-family:var(--ha-font)!important;font-weight:500!important;letter-spacing:-.01em!important;
}
html.ha-ui button:hover,html.ha-ui .btn:hover,html.ha-ui .action:hover,html.ha-ui .export-btn:hover,html.ha-ui .cargar-btn:hover,html.ha-ui .ms-btn:hover,html.ha-ui .view-btn:hover{background:var(--ha-blue-hover)!important;filter:none!important;transform:none!important}
html.ha-ui .btn-secondary,html.ha-ui .secondary,html.ha-ui button.secondary,html.ha-ui .toggle-btn:not(.active),html.ha-ui .view-btn:not(.active){background:#e8e8ed!important;color:var(--ha-black)!important}
html.ha-ui .toggle-btn.active,html.ha-ui .view-btn.active,html.ha-ui .tab.active,html.ha-ui .month-btn.active{background:var(--ha-black)!important;color:#fff!important}

/* Login, recuperacion y primer acceso */
html.ha-ui .login-shell,html.ha-ui .recovery-shell,html.ha-ui .access-shell{background:var(--ha-bg)!important}
html.ha-ui .login-hero,html.ha-ui .recovery-hero,html.ha-ui .access-hero{
  background:var(--ha-white)!important;color:var(--ha-black)!important;border-right:1px solid var(--ha-line-soft)!important;
}
html.ha-ui .login-hero::before,html.ha-ui .recovery-hero::before,html.ha-ui .access-hero::before{background:radial-gradient(circle,rgba(0,113,227,.12),rgba(0,113,227,0) 70%)!important}
html.ha-ui .login-hero::after,html.ha-ui .recovery-hero::after,html.ha-ui .access-hero::after{background:radial-gradient(circle,rgba(0,0,0,.045),rgba(0,0,0,0) 70%)!important}
html.ha-ui .login-hero .brand-name,html.ha-ui .recovery-hero .brand-name,html.ha-ui .access-hero .brand-name{color:var(--ha-black)!important}
html.ha-ui .login-hero .brand-sub,html.ha-ui .recovery-hero .brand-sub,html.ha-ui .access-hero .brand-sub,html.ha-ui .hero-copy,html.ha-ui .hero-point,html.ha-ui .hero-step{color:var(--ha-gray)!important}
html.ha-ui .hero-kicker{color:var(--ha-blue)!important}
html.ha-ui .login-hero .hero-title,html.ha-ui .recovery-hero .hero-title,html.ha-ui .access-hero .hero-title{color:var(--ha-black)!important;font-weight:600!important;letter-spacing:-.05em!important}
html.ha-ui .login-hero .brand-mark,html.ha-ui .recovery-hero .brand-mark,html.ha-ui .access-hero .brand-mark{background:var(--ha-black)!important}
html.ha-ui .login-hero .hero-feature,html.ha-ui .recovery-hero .hero-step b,html.ha-ui .access-hero .hero-point b{border-color:var(--ha-line)!important;background:var(--ha-bg)!important;color:var(--ha-black)!important}
html.ha-ui .login-panel,html.ha-ui .recovery-panel,html.ha-ui .access-panel{background:var(--ha-bg)!important}
html.ha-ui .login-card,html.ha-ui .recovery-panel .container,html.ha-ui .access-panel .container{
  border:1px solid var(--ha-line-soft)!important;border-radius:28px!important;background:#fff!important;box-shadow:0 12px 45px rgba(0,0,0,.06)!important;
}
html.ha-ui .flow-step{background:#dcdce1!important}.ha-ui .flow-step.active{background:var(--ha-black)!important}
html.ha-ui .security-note{border-top-color:var(--ha-line-soft)!important;color:var(--ha-gray)!important}
html.ha-ui .info,html.ha-ui .pasos,html.ha-ui .requisitos{border:0!important;background:var(--ha-bg)!important;color:var(--ha-gray)!important}
html.ha-ui .error{border:0!important;background:#fff0f0!important;color:var(--ha-red)!important}
html.ha-ui .exito{border:0!important;background:#edf8f2!important;color:var(--ha-green)!important}

/* Dashboard comercial */
html.ha-ui[data-ha-page="commercial-dashboard"] main{width:min(1440px,calc(100% - 44px))!important}
html.ha-ui[data-ha-page="commercial-dashboard"] .filters{padding:22px!important}
html.ha-ui[data-ha-page="commercial-dashboard"] .kpis{gap:14px!important}
html.ha-ui[data-ha-page="commercial-dashboard"] .kpi{padding:21px!important}
html.ha-ui[data-ha-page="commercial-dashboard"] .kpi-label{color:var(--ha-gray)!important;font-weight:500!important;letter-spacing:0!important}
html.ha-ui[data-ha-page="commercial-dashboard"] .kpi-value{color:var(--ha-black)!important;font-weight:600!important;letter-spacing:-.035em!important}
html.ha-ui[data-ha-page="commercial-dashboard"] .kpi-note{color:var(--ha-gray)!important}
html.ha-ui[data-ha-page="commercial-dashboard"] .branch-panel{background:rgba(255,255,255,.72)!important}
html.ha-ui[data-ha-page="commercial-dashboard"] .branch-list label{border-radius:16px!important;border-color:var(--ha-line-soft)!important;background:#fff!important}
html.ha-ui[data-ha-page="commercial-dashboard"] .chart-card,html.ha-ui[data-ha-page="commercial-dashboard"] .report{padding:20px!important}
html.ha-ui[data-ha-page="commercial-dashboard"] .loading{background:rgba(245,245,247,.86)!important;backdrop-filter:blur(16px)}

/* Finanzas */
html.ha-ui[data-ha-page="finance"] .finance-hero{padding-top:42px!important;padding-bottom:30px!important}
html.ha-ui[data-ha-page="finance"] .nav-bar{background:rgba(255,255,255,.72)!important;border-color:var(--ha-line-soft)!important;backdrop-filter:blur(18px)}
html.ha-ui[data-ha-page="finance"] .nav-wrap a{color:var(--ha-gray)!important;border-radius:980px!important}
html.ha-ui[data-ha-page="finance"] .nav-wrap a.active{background:var(--ha-black)!important;color:#fff!important}
html.ha-ui[data-ha-page="finance"] .card-value,html.ha-ui[data-ha-page="finance"] .value{font-weight:600!important;letter-spacing:-.035em!important}

/* Marketing y vistas heredadas */
html.ha-ui[data-ha-area="marketing"] .wrap{max-width:1180px!important;margin:0 auto!important;padding:34px 24px 60px!important}
html.ha-ui[data-ha-area="marketing"] .head,html.ha-ui[data-ha-area="marketing"] .masthead,html.ha-ui[data-ha-area="marketing"] .toolbar{border:0!important;background:transparent!important;box-shadow:none!important}
html.ha-ui[data-ha-area="marketing"] .wrap>header,html.ha-ui[data-ha-area="marketing"] .masthead{padding:8px 0 28px!important;border-bottom:1px solid var(--ha-line-soft)!important;border-radius:0!important}
html.ha-ui[data-ha-area="marketing"] .wrap>header .brand,html.ha-ui[data-ha-area="marketing"] .masthead h1{color:var(--ha-black)!important;font-weight:600!important}
html.ha-ui[data-ha-area="marketing"] .meta-tag,html.ha-ui[data-ha-area="marketing"] .masthead .sub,html.ha-ui[data-ha-area="marketing"] .masthead .meta dt{color:var(--ha-gray)!important}
html.ha-ui[data-ha-area="marketing"] .masthead .meta dd{color:var(--ha-black)!important}
html.ha-ui[data-ha-area="marketing"] .masthead .meta{border-top-color:var(--ha-line-soft)!important}
html.ha-ui[data-ha-area="marketing"] .kpi-grid,html.ha-ui[data-ha-area="marketing"] .cards{gap:14px!important}
html.ha-ui[data-ha-area="marketing"] table{border-collapse:separate!important;border-spacing:0!important;background:#fff!important;border-radius:18px!important;overflow:hidden}
html.ha-ui[data-ha-area="marketing"] th{background:var(--ha-bg)!important;color:var(--ha-gray)!important;font-weight:500!important;text-transform:none!important}
html.ha-ui[data-ha-area="marketing"] td,html.ha-ui[data-ha-area="marketing"] th{border-color:var(--ha-line-soft)!important}

/* Tablas y datos */
html.ha-ui table{font-family:var(--ha-font)!important;color:var(--ha-black)!important}
html.ha-ui th{color:var(--ha-gray)!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important}
html.ha-ui td,html.ha-ui th{border-color:var(--ha-line-soft)!important}
html.ha-ui .table-responsive,html.ha-ui .table-wrap,html.ha-ui .table-scroll{border-radius:18px!important}
html.ha-ui .positive,html.ha-ui .ok{color:var(--ha-green)!important}
html.ha-ui .negative,html.ha-ui .error-text{color:var(--ha-red)!important}
html.ha-ui .warn{color:var(--ha-orange)!important}

/* Pie */
html.ha-ui .footer,html.ha-ui .dashboard-footer,html.ha-ui .footer-inner{color:var(--ha-gray)!important;border-top-color:var(--ha-line-soft)!important}

@media(max-width:900px){
  .ha-company-strip{width:min(100% - 28px,1180px);margin-top:14px}
  html.ha-ui .login-hero,html.ha-ui .recovery-hero,html.ha-ui .access-hero{border-right:0!important;border-bottom:1px solid var(--ha-line-soft)!important}
}
@media(max-width:620px){
  .ha-company-strip{align-items:flex-start;flex-direction:column;gap:10px}.ha-company-strip__logos{width:100%;justify-content:flex-start;gap:18px}.ha-company-strip__logo{max-width:98px;height:20px}.ha-company-strip__logo--alemania{height:26px}
  html.ha-ui .intro h1,html.ha-ui .hero h2,html.ha-ui .finance-hero h1,html.ha-ui .page-head h1,html.ha-ui .headline{font-size:34px!important}
  html.ha-ui .module,html.ha-ui .card,html.ha-ui .cap-card,html.ha-ui .table-card,html.ha-ui .chart-card,html.ha-ui .frame-card,html.ha-ui .glass,html.ha-ui .panel,html.ha-ui .filters,html.ha-ui .branch-panel,html.ha-ui .report,html.ha-ui .stat-box,html.ha-ui .kpi{border-radius:20px!important}
}
@media(prefers-reduced-motion:reduce){html.ha-ui *,html.ha-ui *::before,html.ha-ui *::after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
@media print{html.ha-ui,html.ha-ui body{background:#fff!important}.ha-company-strip{display:none!important}}