.se-overview{
  display:grid;
  gap:16px;
}

.se-overview-loading{
  padding:60px 20px;
  text-align:center;
  color:var(--v9-muted);
}

/* HERO */

.se-hero{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
}

.se-eyebrow{
  margin-bottom:4px;
  color:var(--v9-gold);
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}

.se-hero h1{
  margin:0;
  color:var(--v9-navy);
  font-size:28px;
  letter-spacing:-.02em;
}

.se-hero p{
  margin:7px 0 0;
  color:var(--v9-muted);
}

.se-hero-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

/* KPI */

.se-kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.se-kpi{
  min-width:0;
  background:#fff;
  border:1px solid var(--v9-line);
  border-radius:12px;
  padding:16px;
  box-shadow:var(--v9-shadow-sm);
  display:grid;
  gap:7px;
}

.se-kpi-top{
  display:flex;
  align-items:center;
  gap:8px;
}

.se-kpi-icon{
  width:28px;
  height:28px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#edf4f9;
  color:var(--v9-navy);
  font-weight:900;
}

.se-kpi small{
  color:#71879a;
  font-weight:700;
}

.se-kpi > strong{
  color:var(--v9-navy);
  font-size:24px;
  letter-spacing:-.02em;
}

.se-kpi > span{
  color:#8295a6;
  font-size:10px;
}

.se-kpi.good{
  border-top:3px solid var(--v9-success);
}

.se-kpi.warn{
  border-top:3px solid var(--v9-warning);
}

.se-kpi.danger{
  border-top:3px solid var(--v9-danger);
}

/* MAIN */

.se-main-grid{
  display:grid;
  grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);
  gap:14px;
}

.se-task-list{
  display:grid;
}

.se-task{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:12px 0;
  border-bottom:1px solid var(--v9-line-soft);
}

.se-task:last-child{
  border-bottom:0;
}

.se-task-dot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#7790a7;
}

.se-task-dot.high{
  background:var(--v9-danger);
}

.se-task-dot.medium{
  background:var(--v9-warning);
}

.se-task-dot.info{
  background:#4e87b8;
}

.se-task-copy{
  display:grid;
  gap:2px;
}

.se-task-copy strong{
  color:var(--v9-navy);
}

.se-task-copy small{
  color:#8396a7;
  font-size:10px;
}

.se-empty{
  padding:22px;
  text-align:center;
  color:var(--v9-muted);
}

.se-status-list{
  display:grid;
}

.se-status-list > div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:11px 0;
  border-bottom:1px solid var(--v9-line-soft);
}

.se-status-list > div:last-child{
  border-bottom:0;
}

.se-status-list span{
  color:#71879a;
}

.se-status-list strong{
  color:var(--v9-navy);
}

/* SECONDARY */

.se-secondary-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
  gap:14px;
}

.se-activity-list{
  display:grid;
}

.se-activity-list > div{
  display:flex;
  gap:10px;
  align-items:center;
  padding:11px 0;
  border-bottom:1px solid var(--v9-line-soft);
}

.se-activity-list > div:last-child{
  border-bottom:0;
}

.se-activity-icon{
  width:30px;
  height:30px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f0f5f8;
  color:var(--v9-navy);
  font-weight:900;
}

.se-activity-list div > div{
  display:grid;
  gap:2px;
}

.se-activity-list strong{
  color:var(--v9-navy);
}

.se-activity-list small{
  color:#8699aa;
}

.se-deadline-list{
  display:grid;
}

.se-deadline-list > div{
  display:flex;
  justify-content:space-between;
  gap:15px;
  padding:11px 0;
  border-bottom:1px solid var(--v9-line-soft);
}

.se-deadline-list > div:last-child{
  border-bottom:0;
}

.se-deadline-list span{
  color:#71869a;
}

.se-deadline-list strong{
  color:var(--v9-navy);
  text-align:right;
}

/* BOTTOM */

.se-bottom-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
  gap:14px;
}

.se-quick-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

.se-quick-action{
  min-height:70px;
  border:1px solid var(--v9-line);
  border-radius:10px;
  background:#fff;
  color:var(--v9-navy);
  cursor:pointer;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:6px;
  transition:.15s ease;
}

.se-quick-action:hover{
  background:#f5f8fa;
  border-color:#c9d7e1;
  transform:translateY(-1px);
}

.se-quick-action span{
  font-size:20px;
}

.se-quick-action strong{
  font-size:10px;
}

.se-ai-card{
  padding:20px;
  background:
    linear-gradient(
      135deg,
      #fffaf1,
      #ffffff 60%
    );
}

.se-ai-badge{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 9px;
  border:1px solid #e2ca98;
  border-radius:20px;
  background:#fff6e3;
  color:#806122;
  font-size:9px;
  font-weight:900;
  letter-spacing:.07em;
}

.se-ai-card h3{
  margin:13px 0 6px;
  color:var(--v9-navy);
  font-size:17px;
}

.se-ai-card p{
  margin:0 0 15px;
  color:#6f8396;
  line-height:1.55;
}

/* RESPONSIVE */

@media(max-width:1150px){

  .se-kpi-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .se-main-grid,
  .se-secondary-grid,
  .se-bottom-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:680px){

  .se-hero{
    display:grid;
  }

  .se-kpi-grid{
    grid-template-columns:1fr;
  }

  .se-task{
    grid-template-columns:auto 1fr;
  }

  .se-task button{
    grid-column:2;
    justify-self:start;
  }

  .se-quick-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* SWESUND EKONOMI - Supplier liabilities KPI consistency */
.se-kpi-card{
  border-top:3px solid #24a46d;
}


/* SWESUND EKONOMI - fix supplier liabilities top border */
.se-overview .se-kpi-grid > article:nth-child(3),
.se-overview .se-kpi-grid > .se-kpi-card:nth-child(3){
  border-top:3px solid #24a46d !important;
}