/* =========================================================
   VELAEA Dashboard Hero Redesign v3
   Cleaner premium composition for dashboard top section.
========================================================= */

.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.dash-hero-copy--modern{
  position:relative;
  z-index:2;
  display:grid;
  gap:18px;
}

.dash-hero-intro{
  display:grid;
  gap:16px;
}

.dash-kicker--modern{
  margin:0;
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:max-content;
  max-width:100%;
  padding:7px 14px;
  border:1px solid rgba(242,199,106,.18);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(242,199,106,.08),rgba(255,255,255,.02));
  color:#f3d693;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 24px rgba(0,0,0,.10);
}

.dash-kicker--modern .dash-kicker-mark{
  width:8px;height:8px;border-radius:999px;
  background:radial-gradient(circle at 40% 35%,#fff2c8,#f2c76a 58%,#b88511 100%);
  box-shadow:0 0 0 6px rgba(242,199,106,.08),0 0 16px rgba(242,199,106,.20);
  flex:0 0 auto;
}

.dash-kicker--modern i{
  width:4px;height:4px;border-radius:999px;background:rgba(242,199,106,.5);flex:0 0 auto;
}

.dash-hero-heading{display:block;}
.dash-hero-heading-copy{min-width:0;max-width:760px;}

.dash-hero-eyebrow{
  display:inline-block;
  margin-bottom:10px;
  color:#86b3ff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.dash-hero-title{
  margin:0;
  color:#f8fbff;
  font-size:56px;
  line-height:.96;
  letter-spacing:-.055em;
  font-weight:1000;
  text-shadow:0 10px 30px rgba(0,0,0,.16);
}

.dash-hero-subtitle{
  margin:12px 0 0;
  max-width:720px;
  color:#9ab2ca;
  font-size:15px;
  line-height:1.7;
}

.dash-owner-profile-card,
.dash-owner-profile-card *{box-sizing:border-box;}

.dash-owner-profile-card--modern{
  width:min(760px,100%);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  border:1px solid rgba(242,199,106,.16);
  border-radius:26px;
  background:
    linear-gradient(145deg,rgba(12,24,41,.92),rgba(8,18,33,.78)),
    radial-gradient(circle at 0% 0%,rgba(242,199,106,.10),transparent 38%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 34px rgba(0,0,0,.14);
  position:relative;
  overflow:hidden;
}

.dash-owner-profile-card--modern::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(242,199,106,.08),transparent 32%,rgba(78,165,255,.03));
}

.dash-owner-profile-card--modern::after{
  content:"";
  position:absolute;
  top:-75px;
  right:-65px;
  width:170px;
  height:170px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(242,199,106,.10),transparent 68%);
  pointer-events:none;
}

.dash-owner-primary,
.dash-owner-secondary{
  position:relative;
  z-index:1;
}

.dash-owner-primary{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
  flex:1 1 auto;
}

.dash-owner-avatar{
  width:64px;height:64px;border-radius:20px;display:grid;place-items:center;overflow:hidden;
  border:1px solid rgba(242,199,106,.30);
  background:radial-gradient(circle at 35% 20%,rgba(255,231,166,.28),transparent 38%),linear-gradient(145deg,#132236,#071321);
  color:#ffe0a0;font-size:26px;font-weight:950;letter-spacing:-.03em;
  box-shadow:0 14px 28px rgba(0,0,0,.22),0 0 0 6px rgba(242,199,106,.035);
}

.dash-owner-avatar.has-image{padding:0;background:#08111f;}
.dash-owner-avatar img{width:100%;height:100%;object-fit:cover;display:block;}

.dash-owner-info{min-width:0;display:grid;gap:6px;}

.dash-owner-label{
  width:max-content;max-width:100%;padding:4px 8px;border-radius:999px;
  border:1px solid rgba(242,199,106,.15);background:rgba(242,199,106,.08);color:#f2c76a;
  font-size:10px;font-weight:1000;letter-spacing:.16em;text-transform:uppercase;
}

.dash-owner-info strong{
  display:block;color:#fff;font-size:24px;line-height:1.02;font-weight:1000;letter-spacing:-.035em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

.dash-owner-info small{
  display:inline-flex;align-items:center;width:max-content;max-width:100%;min-height:32px;padding:6px 10px;
  border-radius:12px;background:rgba(6,15,28,.48);border:1px solid rgba(255,255,255,.05);
  color:#a8bbcf;font-size:12px;line-height:1.4;font-weight:850;white-space:normal;overflow:hidden;
}

.dash-owner-secondary{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
  flex:0 0 auto;
}

.dash-owner-country{
  display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:7px 14px 7px 9px;
  border:1px solid rgba(242,199,106,.16);border-radius:999px;background:rgba(3,10,22,.42);
  color:#f4f8ff;font-size:12px;font-weight:950;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.dash-owner-flag{
  width:30px;height:30px;min-width:30px;border-radius:999px;display:grid;place-items:center;overflow:hidden;
  background:#0d1c2f;border:1px solid rgba(255,255,255,.16);color:#f2c76a;font-size:10px;font-weight:1000;letter-spacing:.04em;
  box-shadow:0 6px 14px rgba(0,0,0,.18);
}
.dash-owner-flag img{width:100%;height:100%;object-fit:cover;display:block;}

.dash-owner-edit{
  display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;
  border-radius:999px;border:1px solid rgba(242,199,106,.22);color:#f2c76a;
  background:linear-gradient(135deg,rgba(242,199,106,.09),rgba(242,199,106,.05));text-decoration:none;
  font-size:12px;font-weight:950;transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.dash-owner-edit:hover{transform:translateY(-1px);border-color:rgba(242,199,106,.38);background:rgba(242,199,106,.13);}

.dash-hero-lead--modern{
  margin:0;
  max-width:760px;
  color:#b2c1d2;
  font-size:15px;
  line-height:1.76;
}

.dash-hero-status-row--modern{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:2px;
}

.dash-hero-status-row--modern .dash-status-chip{
  min-height:34px;
  padding:8px 14px;
  border-radius:999px;
  box-shadow:0 10px 20px rgba(0,0,0,.08);
}

body.light-mode .dash-kicker--modern,
html[data-theme="light"] body .dash-kicker--modern{
  background:linear-gradient(135deg,rgba(200,149,46,.10),rgba(255,255,255,.92));
  border-color:rgba(200,149,46,.22);
  color:#845d10;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 14px 28px rgba(8,24,42,.06);
}

body.light-mode .dash-hero-eyebrow,
html[data-theme="light"] body .dash-hero-eyebrow{color:#2e6dca;}
body.light-mode .dash-hero-title,
html[data-theme="light"] body .dash-hero-title{color:#09192c;text-shadow:none;}
body.light-mode .dash-hero-subtitle,
html[data-theme="light"] body .dash-hero-subtitle{color:#617389;}

body.light-mode .dash-owner-profile-card--modern,
html[data-theme="light"] body .dash-owner-profile-card--modern{
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,250,255,.92)),radial-gradient(circle at 0% 0%,rgba(200,149,46,.08),transparent 40%);
  border-color:rgba(200,149,46,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 18px 34px rgba(8,24,42,.08);
}
body.light-mode .dash-owner-info strong,
html[data-theme="light"] body .dash-owner-info strong{color:#061a2f;}
body.light-mode .dash-owner-info small,
html[data-theme="light"] body .dash-owner-info small{background:rgba(244,247,252,.98);color:#5e6f84;border-color:rgba(8,24,42,.06);}
body.light-mode .dash-owner-country,
html[data-theme="light"] body .dash-owner-country{background:rgba(255,255,255,.82);color:#061a2f;border-color:rgba(200,149,46,.18);}
body.light-mode .dash-owner-edit,
html[data-theme="light"] body .dash-owner-edit{color:#8b6417;background:rgba(200,149,46,.10);}
body.light-mode .dash-hero-lead--modern,
html[data-theme="light"] body .dash-hero-lead--modern{color:#5c6d83;}

@media (max-width:1180px){
  .dash-hero-title{font-size:50px;}
}

@media (max-width:900px){
  .dash-hero-title{font-size:44px;}
  .dash-owner-profile-card--modern{flex-direction:column;align-items:stretch;}
  .dash-owner-secondary{justify-content:flex-start;}
}

@media (max-width:640px){
  .dash-hero-copy--modern{gap:14px;}
  .dash-kicker--modern{font-size:10px;letter-spacing:.12em;gap:8px;padding:6px 11px;}
  .dash-hero-eyebrow{font-size:11px;margin-bottom:8px;}
  .dash-hero-title{font-size:36px;}
  .dash-hero-subtitle{margin-top:10px;font-size:13px;line-height:1.68;}
  .dash-owner-profile-card--modern{padding:13px 12px;border-radius:22px;gap:12px;}
  .dash-owner-primary{align-items:flex-start;}
  .dash-owner-avatar{width:56px;height:56px;border-radius:18px;font-size:22px;}
  .dash-owner-info strong{font-size:20px;}
  .dash-owner-info small{font-size:11px;min-height:30px;padding:6px 9px;}
  .dash-owner-country{min-height:38px;padding:5px 10px 5px 7px;font-size:11px;}
  .dash-owner-flag{width:26px;height:26px;min-width:26px;}
  .dash-owner-edit{min-height:38px;padding:0 14px;font-size:11px;}
  .dash-hero-lead--modern{font-size:13px;line-height:1.7;}
}