:root{--g:#70ad47;--gd:#315a1d}
.hemas-tv-body{margin:0;background:#fff;font-family:Calibri,Arial,sans-serif;color:#111}.hemas-tv{min-height:100vh;padding:1vw 1.4vw;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.hemas-tv-head{border:2px solid #333;padding:.55vw .9vw;display:flex;justify-content:space-between;align-items:center}.hemas-tv-brand{display:flex;align-items:center;gap:.8vw}.hemas-logo{display:none;max-height:4.2vw;max-width:13vw;width:auto;object-fit:contain}.hemas-brand{font-size:clamp(13px,1.1vw,21px);font-weight:900;color:var(--gd);letter-spacing:1px}.hemas-tv h1{margin:0;font-size:clamp(20px,2.15vw,42px);font-weight:900}.hemas-clock{font-size:clamp(13px,1.1vw,22px);font-weight:800}.hemas-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.65vw;margin:.7vw 0}.hemas-kpis>div{background:#f1f1f1;border:1px solid #aaa;text-align:center;padding:.45vw}.hemas-kpis span{display:block;font-weight:900;font-size:clamp(11px,.9vw,18px)}.hemas-kpis b{font-size:clamp(18px,1.75vw,34px)}.hemas-table-wrap{flex:1;min-height:0;border:2px solid #333;overflow:hidden}.hemas-table{width:100%;height:100%;border-collapse:collapse;table-layout:fixed;font-size:clamp(10px,.95vw,18px)}.hemas-table th,.hemas-table td{border:1px solid #999;padding:.25vw .35vw}.hemas-table th{background:var(--g);font-weight:900;text-align:center}.hemas-table td.hemas-team-cell{background:#e6f0df;text-align:center;vertical-align:middle;font-weight:900}.hemas-table td.hemas-advisor{font-weight:800}.hemas-table td:nth-child(n+3){text-align:right;white-space:nowrap}.hemas-table td.hemas-total,.hemas-table td.hemas-target{background:#f0f0f0;font-weight:900}.hemas-pct-good{background:#c6efce!important}.hemas-pct-mid{background:#ffeb9c!important}.hemas-pct-low{background:#ffc7ce!important}.hemas-bottom{display:flex;align-items:center;gap:1vw;margin-top:.5vw}.hemas-progress{height:2.1vw;min-height:20px;flex:1;background:#e5e5e5;border:1px solid #aaa;position:relative;overflow:hidden}.hemas-progress>div{height:100%;background:var(--g);width:0;transition:width .5s}.hemas-progress span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:900}.hemas-status{font-weight:800;font-size:clamp(10px,.9vw,16px);white-space:nowrap}.hemas-ticker{margin-top:.45vw;background:#315a1d;color:#fff;border-radius:4px;overflow:hidden;white-space:nowrap;font-weight:800;padding:.35vw 0}.hemas-ticker>div{display:inline-block;padding-left:100%;animation:hemasTicker 22s linear infinite}@keyframes hemasTicker{from{transform:translateX(0)}to{transform:translateX(-100%)}}.hemas-login{max-width:520px;margin:10vh auto;padding:30px;border:1px solid #ddd;background:#fff;text-align:center;font-family:Arial,sans-serif}

/* v1.5.2 visual refinement only — no database changes */
.hemas-table th{letter-spacing:.2px}
.hemas-table tbody tr td{
    vertical-align:middle;
}
.hemas-table .hemas-team-cell{
    background:linear-gradient(180deg,#e8f2ff,#d9e9fb)!important;
    color:#173b68!important;
    border-right:2px solid #2b6ca3!important;
}
.hemas-table th{
    background:linear-gradient(135deg,#123f73,#1b5f95)!important;
    color:#fff!important;
}
.hemas-kpis>div:first-child{
    background:linear-gradient(135deg,#123f73,#1f6aa5)!important;
    color:#fff;
    border:0!important;
    border-radius:10px;
}
.hemas-kpis>div:nth-child(2){
    background:linear-gradient(135deg,#0e8f92,#20b5a6)!important;
    color:#fff;
    border:0!important;
    border-radius:10px;
}
.hemas-kpis>div:nth-child(3){
    background:linear-gradient(135deg,#ffffff,#eef6fb)!important;
    border:1px solid #9fc2dc!important;
    border-radius:10px;
}
.hemas-bottom .hemas-progress{
    border-radius:10px;
    overflow:hidden;
}
.hemas-progress>div{
    background:linear-gradient(90deg,#123f73,#20b5a6)!important;
}
.hemas-ticker{
    background:linear-gradient(90deg,#123f73,#0d7f84,#123f73)!important;
    border-radius:8px!important;
    box-shadow:0 3px 10px rgba(18,63,115,.16);
}

/* v1.5.3: alignment is class-based so rowspan/team cells never change column alignment */
.hemas-table td.hemas-amount{
    text-align:right!important;
    white-space:nowrap!important;
    font-variant-numeric:tabular-nums;
    font-feature-settings:"tnum" 1;
    padding-left:14px!important;
    padding-right:14px!important;
}
.hemas-table td.hemas-pct{
    text-align:center!important;
    vertical-align:middle!important;
    white-space:nowrap!important;
    font-variant-numeric:tabular-nums;
    font-feature-settings:"tnum" 1;
    padding-left:8px!important;
    padding-right:8px!important;
}
.hemas-table td.hemas-advisor{
    text-align:left!important;
    white-space:nowrap!important;
}

/* v1.6.1 */
.hemas-ticker>div{animation-duration:45s!important}


/* v1.6.6: four compact KPI cards and shortfall column */
.hemas-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.55vw!important;margin:.55vw 0!important;width:100%!important;align-items:stretch}
.hemas-kpis>div{min-width:0!important;box-sizing:border-box;padding:.28vw .4vw!important;display:flex;flex-direction:column;justify-content:center;white-space:nowrap;overflow:hidden;border-radius:10px}
.hemas-kpis span,.hemas-kpis b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hemas-kpis span{font-size:clamp(10px,.78vw,16px)!important}
.hemas-kpis b{font-size:clamp(17px,1.55vw,30px)!important;line-height:1.15}
.hemas-table td.hemas-shortfall{background:#fff2f2!important;font-weight:900}
@media(max-width:800px){.hemas-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}


/* v1.6.7: animated weekly reminders */
.hemas-week-status{position:relative;}
.hemas-week-status .hemas-emoji{display:inline-block;font-size:1.05em;line-height:1;vertical-align:-.08em;margin-right:5px;transform-origin:center;}
.hemas-week-empty .hemas-emoji{margin-right:0;font-size:1.45em;}
.hemas-sad{animation:hemasSad 1.35s ease-in-out infinite;}
.hemas-warn{animation:hemasWarn 1.15s ease-in-out infinite;}
.hemas-check{animation:hemasCheck .95s ease-in-out infinite;}
.hemas-fire{animation:hemasFire .7s ease-in-out infinite alternate;filter:saturate(1.15);}
@keyframes hemasSad{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(2px) rotate(-5deg)}50%{transform:translateY(0) rotate(5deg)}75%{transform:translateY(2px) rotate(-3deg)}}
@keyframes hemasWarn{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.16);opacity:.72}}
@keyframes hemasCheck{0%,100%{transform:scale(1)}45%{transform:scale(1.2)}70%{transform:scale(.96)}}
@keyframes hemasFire{0%{transform:translateY(1px) scale(1) rotate(-4deg)}50%{transform:translateY(-1px) scale(1.08) rotate(3deg)}100%{transform:translateY(-2px) scale(1.15) rotate(-2deg)}}
/* v1.6.8: ROFL reminder + universe highlight for advisors at 100%+ */
.hemas-achieved-row td{
    position:relative;
    background:
      radial-gradient(circle at 12% 28%,rgba(255,255,255,.9) 0 1px,transparent 1.8px),
      radial-gradient(circle at 78% 72%,rgba(255,255,255,.75) 0 1px,transparent 1.8px),
      radial-gradient(circle at 52% 18%,rgba(255,255,255,.65) 0 1px,transparent 1.6px),
      linear-gradient(120deg,#17124d,#34206e,#123c73,#0d6f83,#4a1c65,#17124d)!important;
    background-size:70px 70px,95px 95px,120px 120px,320% 320%!important;
    animation:hemasUniverse 7s ease-in-out infinite!important;
    color:#fff!important;
    border-top-color:rgba(255,255,255,.65)!important;
    border-bottom-color:rgba(255,255,255,.65)!important;
    text-shadow:0 1px 2px rgba(0,0,0,.45);
}
.hemas-achieved-row td.hemas-team-cell{
    background:
      radial-gradient(circle at 20% 25%,rgba(255,255,255,.9) 0 1px,transparent 1.8px),
      radial-gradient(circle at 75% 70%,rgba(255,255,255,.75) 0 1px,transparent 1.8px),
      linear-gradient(135deg,#24105f,#4c207d,#155c8d,#24105f)!important;
    color:#fff!important;
}
.hemas-achieved-row td.hemas-pct{
    font-size:1.06em;
    box-shadow:inset 0 0 12px rgba(255,255,255,.18),0 0 10px rgba(106,92,255,.28);
}
.hemas-achieved-row .hemas-advisor::after{
    content:' ✨';
    display:inline-block;
    animation:hemasSparkle 1.6s ease-in-out infinite;
}
@keyframes hemasUniverse{
    0%,100%{background-position:0 0,0 0,0 0,0% 50%;}
    50%{background-position:18px -8px,-14px 12px,10px -12px,100% 50%;}
}
@keyframes hemasSparkle{
    0%,100%{transform:scale(.9) rotate(0deg);opacity:.65}
    50%{transform:scale(1.25) rotate(12deg);opacity:1}
}

@media (prefers-reduced-motion:reduce){.hemas-week-status .hemas-emoji{animation:none!important}}


/* v1.6.9: visual refinement requested — crying emoji, centered weekly cells,
   and universe highlight ONLY on the achieved advisor row (not the team cell). */
.hemas-table td.hemas-week-status{
    text-align:center!important;
    vertical-align:middle!important;
    padding-left:6px!important;
    padding-right:6px!important;
}
.hemas-table td.hemas-week-status .hemas-emoji{
    margin-right:4px;
}
.hemas-table td.hemas-week-empty .hemas-emoji{
    margin-right:0;
    display:inline-block;
    text-align:center;
}
/* The rowspan team label remains in its normal team color even when the first
   advisor in that team has reached 100%+. */
.hemas-table tr.hemas-achieved-row td.hemas-team-cell{
    background:linear-gradient(180deg,#e8f2ff,#d9e9fb)!important;
    color:#173b68!important;
    text-shadow:none!important;
    border-right:2px solid #2b6ca3!important;
    animation:none!important;
}
/* Apply the galaxy treatment to advisor/data cells only. */
.hemas-table tr.hemas-achieved-row td:not(.hemas-team-cell){
    position:relative;
    background:
      radial-gradient(circle at 12% 28%,rgba(255,255,255,.9) 0 1px,transparent 1.8px),
      radial-gradient(circle at 78% 72%,rgba(255,255,255,.75) 0 1px,transparent 1.8px),
      radial-gradient(circle at 52% 18%,rgba(255,255,255,.65) 0 1px,transparent 1.6px),
      linear-gradient(120deg,#17124d,#34206e,#123c73,#0d6f83,#4a1c65,#17124d)!important;
    background-size:70px 70px,95px 95px,120px 120px,320% 320%!important;
    animation:hemasUniverse 7s ease-in-out infinite!important;
    color:#fff!important;
    border-top-color:rgba(255,255,255,.65)!important;
    border-bottom-color:rgba(255,255,255,.65)!important;
    text-shadow:0 1px 2px rgba(0,0,0,.45);
}
.hemas-table tr.hemas-achieved-row td.hemas-pct{
    font-size:1.06em;
    box-shadow:inset 0 0 12px rgba(255,255,255,.18),0 0 10px rgba(106,92,255,.28);
}
@media (prefers-reduced-motion:reduce){
    .hemas-table tr.hemas-achieved-row td:not(.hemas-team-cell){animation:none!important}
}


/* v1.7.0: static weekly icons + crying emoji + best-advisor crown */
.hemas-table td.hemas-week-status{
    text-align:center!important;
    vertical-align:middle!important;
    white-space:nowrap!important;
}
.hemas-table td.hemas-week-status .hemas-emoji{
    display:inline-block;
    font-size:1em!important;
    line-height:1!important;
    vertical-align:middle!important;
    margin-right:5px!important;
    transform:none!important;
    animation:none!important;
    filter:none!important;
}
.hemas-table td.hemas-week-empty .hemas-emoji{
    margin-right:0!important;
    font-size:1.12em!important;
}
.hemas-table td.hemas-week-status .hemas-week-money{
    font-size:1.12em;
    font-weight:500;
    vertical-align:middle;
}
.hemas-table td.hemas-week-good .hemas-week-money,
.hemas-table td.hemas-week-warn .hemas-week-money,
.hemas-table td.hemas-week-fire .hemas-week-money{
    font-weight:500;
}
.hemas-table .hemas-best-advisor{
    font-weight:900!important;
}
.hemas-table .hemas-best-advisor::after{
    content:'';
}
/* Keep the universe effect static; only the icons are explicitly non-animated. */
.hemas-table tr.hemas-achieved-row td:not(.hemas-team-cell){
    animation:none!important;
    background-position:center!important;
}

/* v1.7.1 hard override: all weekly icons are completely static */
.hemas-table td.hemas-week-status .hemas-emoji,
.hemas-table td.hemas-week-status .hemas-emoji::before,
.hemas-table td.hemas-week-status .hemas-emoji::after{
    animation:none!important;
    transition:none!important;
    transform:none!important;
    filter:none!important;
}
/* Static universe treatment for achieved advisors */
.hemas-table tr.hemas-achieved-row td:not(.hemas-team-cell){
    animation:none!important;
    background-position:center center!important;
    transition:none!important;
}

/* v1.7.3 monthly and weekly comparison charts */
.hemas-perf-comparison{margin:24px 0 12px;padding:22px;border-radius:18px;background:linear-gradient(135deg,#f4f8ff,#eef8f8);border:1px solid #d8e5f2;color:#163b62;box-shadow:0 8px 24px rgba(13,53,107,.08)}
.hemas-comparison-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.hemas-comparison-heading span{font-size:11px;letter-spacing:1.8px;font-weight:900;color:#0b9998}.hemas-comparison-heading h2{margin:4px 0;font-size:clamp(20px,2vw,30px);color:#0d356b}.hemas-comparison-heading p{margin:0;color:#64758b;font-size:13px}.hemas-comparison-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;font-weight:800}.hemas-comparison-legend span{display:flex;align-items:center;gap:6px}.hemas-comparison-legend i{display:inline-block;width:11px;height:11px;border-radius:3px;background:#86a9d6}.hemas-comparison-legend i.now{background:#13aaa4}
.hemas-comparison-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.hemas-comparison-card{background:#fff;border:1px solid #dfe8f2;border-radius:13px;padding:16px;min-width:0}.hemas-comparison-card-head h3{margin:0 0 4px;font-size:18px;color:#0d356b}.hemas-comparison-card-head p{margin:0 0 14px;font-size:12px;color:#708197}.hemas-week-compare{display:flex;flex-direction:column;gap:12px}.hemas-week-compare-row{display:grid;grid-template-columns:88px minmax(0,1fr) 110px;align-items:center;gap:10px}.hemas-week-compare-name{font-size:12px;font-weight:900;color:#27486b}.hemas-compare-bars{display:flex;flex-direction:column;gap:5px;min-width:0}.hemas-compare-line{display:grid;grid-template-columns:94px minmax(0,1fr);align-items:center;gap:7px}.hemas-compare-line span{font-size:10px;font-weight:800;text-align:right;white-space:nowrap;color:#526982}.hemas-compare-track{height:9px;background:#eaf0f6;border-radius:20px;overflow:hidden}.hemas-compare-track i{display:block;height:100%;border-radius:20px;background:#86a9d6}.hemas-compare-track i.now{background:linear-gradient(90deg,#078b9c,#15b6a8)}.hemas-week-delta{font-size:10px;font-weight:900;text-align:right;white-space:nowrap}.hemas-week-delta.up{color:#087b52}.hemas-week-delta.down{color:#c02e3e}.hemas-week-delta.flat{color:#65758a}
.hemas-month-total{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end;margin-bottom:18px}.hemas-month-total small{display:block;font-size:10px;font-weight:900;color:#718198;margin-bottom:5px}.hemas-month-total b{display:block;font-size:clamp(15px,1.4vw,22px);color:#0d356b;margin-bottom:7px;white-space:nowrap}.hemas-month-total>strong{grid-column:1/-1;text-align:left;font-size:13px}.hemas-advisor-compare-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.hemas-advisor-compare-row{display:grid;grid-template-columns:58px minmax(0,1fr) 82px;align-items:center;gap:7px;min-width:0}.hemas-advisor-compare-row>b{font-size:11px;color:#24466a;white-space:nowrap}.hemas-advisor-compare-bars{display:flex;flex-direction:column;gap:3px;min-width:0}.hemas-advisor-compare-bars .hemas-compare-track{height:6px}.hemas-advisor-compare-row .hemas-week-delta{font-size:9px}.hemas-comparison-note{margin-top:13px;font-size:11px;color:#6b7d91;font-weight:600}.hemas-comparison-empty{padding:18px;border-radius:10px;background:#fff5df;color:#7c5716;font-weight:700}.hemas-comparison-loading{color:#6b7d91}
@media(max-width:1150px){.hemas-comparison-grid{grid-template-columns:1fr}.hemas-advisor-compare-list{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.hemas-perf-comparison{padding:14px}.hemas-comparison-heading{align-items:flex-start;flex-direction:column}.hemas-week-compare-row{grid-template-columns:72px minmax(0,1fr);gap:7px}.hemas-week-delta{grid-column:2;text-align:left}.hemas-compare-line{grid-template-columns:82px minmax(0,1fr)}.hemas-advisor-compare-list{grid-template-columns:1fr}.hemas-advisor-compare-row{grid-template-columns:58px minmax(0,1fr) 82px}}


/* v1.7.4: stack comparison panels vertically for TV and highlight current month in orange */
.hemas-comparison-grid{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
.hemas-comparison-legend i.now{background:#f28c28!important}
.hemas-compare-track i.now{background:linear-gradient(90deg,#f28c28,#ffb347)!important}
.hemas-month-total>strong{color:#c66a0b}
@media(min-width:1151px){.hemas-comparison-grid{grid-template-columns:minmax(0,1fr)!important}}


/* v1.7.5: mobile-safe performance table.
   Keep the full 9-column table readable by scrolling horizontally instead of
   squeezing columns and overlapping values on narrow phone screens. */
@media (max-width: 700px) {
  .hemas-tv {
    padding: 10px;
    overflow-x: hidden;
    overflow-y: visible;
  }
  .hemas-tv-head {
    gap: 10px;
    padding: 10px;
    align-items: flex-start;
  }
  .hemas-tv-brand {
    gap: 7px;
    min-width: 0;
  }
  .hemas-brand {
    font-size: 12px;
    letter-spacing: .5px;
  }
  .hemas-tv h1 {
    font-size: 20px;
    line-height: 1.2;
  }
  .hemas-clock {
    font-size: 11px;
    line-height: 1.35;
    text-align: right;
    overflow-wrap: anywhere;
  }
  .hemas-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
    margin: 7px 0;
  }
  .hemas-kpis>div {
    min-width: 0;
    padding: 7px 4px;
    border-radius: 12px;
  }
  .hemas-kpis span {
    font-size: 11px;
    line-height: 1.2;
  }
  .hemas-kpis b {
    display: block;
    font-size: clamp(15px, 4.2vw, 21px);
    line-height: 1.2;
    overflow-wrap: anywhere;
  }
  .hemas-table-wrap {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    flex: none;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    touch-action: pan-x pan-y;
    border: 2px solid #333;
    box-sizing: border-box;
  }
  .hemas-table {
    width: 1080px !important;
    min-width: 1080px !important;
    height: auto !important;
    table-layout: fixed;
    font-size: 13px;
  }
  .hemas-table th,
  .hemas-table td {
    padding: 5px 6px;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: clip;
  }
  .hemas-table th:nth-child(1),
  .hemas-table td.hemas-team-cell { width: 82px; }
  .hemas-table th:nth-child(2),
  .hemas-table td.hemas-advisor { width: 105px; }
  .hemas-table th:nth-child(3),
  .hemas-table th:nth-child(4),
  .hemas-table th:nth-child(5),
  .hemas-table th:nth-child(6) { width: 120px; }
  .hemas-table th:nth-child(7),
  .hemas-table th:nth-child(8) { width: 115px; }
  .hemas-table th:nth-child(9) { width: 155px; }
  .hemas-table td:nth-child(n+3) { white-space: nowrap; }
  .hemas-table td.hemas-week-status .hemas-emoji { margin-right: 4px !important; }
  .hemas-ticker { margin-top: 7px; padding: 7px 0; font-size: 12px; }
  .hemas-progress { min-height: 22px; height: 22px; }
  .hemas-bottom { gap: 8px; flex-wrap: wrap; }
  .hemas-status { white-space: normal; font-size: 11px; }
  .hemas-perf-comparison { margin-top: 18px; }
}


/* v1.7.6: grafik perbandingan diperbesar untuk tampilan TV saat briefing.
   Mingguan & bulanan sama-sama 1 kolom, bar tebal, nominal besar di kanan bar. */
.hemas-perf-comparison{padding:1.6vw 1.8vw!important;margin:1.4vw 0 1vw!important;border-radius:1.2vw!important}
.hemas-comparison-heading{margin-bottom:1.2vw!important}
.hemas-comparison-heading span{font-size:clamp(12px,.95vw,20px)!important}
.hemas-comparison-heading h2{font-size:clamp(22px,2.6vw,54px)!important;line-height:1.15}
.hemas-comparison-heading p{font-size:clamp(13px,1.05vw,22px)!important}
.hemas-comparison-legend{gap:1.6vw!important;font-size:clamp(14px,1.3vw,28px)!important}
.hemas-comparison-legend span{gap:.5vw!important}
.hemas-comparison-legend i{width:clamp(14px,1.3vw,28px)!important;height:clamp(14px,1.3vw,28px)!important;border-radius:5px!important}
.hemas-comparison-legend i.old{background:#4f7fc0!important}
.hemas-comparison-grid{grid-template-columns:minmax(0,1fr)!important;gap:1.4vw!important}
.hemas-comparison-card{padding:1.4vw 1.6vw!important;border-radius:1vw!important}
.hemas-comparison-card-head h3{font-size:clamp(20px,2.1vw,44px)!important;margin:0 0 .3vw!important}
.hemas-comparison-card-head p{font-size:clamp(12px,1vw,21px)!important;margin:0 0 1.1vw!important}

.hemas-cmp-list{display:flex;flex-direction:column;gap:1.1vw}
.hemas-cmp-row{display:grid;grid-template-columns:clamp(90px,10vw,210px) minmax(0,1fr) clamp(150px,15vw,320px);align-items:center;gap:1.2vw;padding:.7vw 0;border-bottom:1px solid #e3ebf3}
.hemas-cmp-row:last-child{border-bottom:0}
.hemas-cmp-name{font-size:clamp(16px,1.6vw,34px);font-weight:900;color:#0d356b;line-height:1.1;letter-spacing:.5px}
.hemas-cmp-bars{display:flex;flex-direction:column;gap:.45vw;min-width:0}
.hemas-cmp-line{display:grid;grid-template-columns:auto minmax(0,1fr) clamp(130px,13vw,290px);align-items:center;gap:.8vw}
.hemas-cmp-tag{font-size:clamp(11px,.9vw,19px);font-weight:900;padding:.18vw .55vw;border-radius:6px;white-space:nowrap;min-width:3.4em;text-align:center}
.hemas-cmp-line.old .hemas-cmp-tag{background:#e3ecf8;color:#2f5e9b}
.hemas-cmp-line.now .hemas-cmp-tag{background:#fff0df;color:#b45f05}
.hemas-cmp-track{height:clamp(20px,2.1vw,46px);background:#edf2f7;border-radius:8px;overflow:hidden}
.hemas-cmp-track i{display:block;height:100%;border-radius:8px;transition:width .6s ease}
.hemas-cmp-line.old .hemas-cmp-track i{background:linear-gradient(90deg,#3d6fb3,#6d9ad6)}
.hemas-cmp-line.now .hemas-cmp-track i{background:linear-gradient(90deg,#f28c28,#ffb347)}
.hemas-cmp-val{font-size:clamp(15px,1.55vw,34px);font-weight:900;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.hemas-cmp-line.old .hemas-cmp-val{color:#2f5e9b}
.hemas-cmp-line.now .hemas-cmp-val{color:#c66a0b}
.hemas-cmp-row .hemas-week-delta{font-size:clamp(15px,1.5vw,32px)!important;text-align:right;white-space:nowrap;line-height:1.2}
.hemas-cmp-row .hemas-week-delta em{display:block;font-style:normal;font-size:.8em;opacity:.9}
.hemas-cmp-row .hemas-week-delta.up{color:#087b52!important}
.hemas-cmp-row .hemas-week-delta.down{color:#c02e3e!important}
.hemas-cmp-row .hemas-week-delta.flat{color:#65758a!important}
.hemas-cmp-total{background:#f6f9fd;border-radius:.8vw;padding:.4vw 1vw;margin-bottom:1.2vw}
.hemas-cmp-total .hemas-cmp-track{height:clamp(26px,2.8vw,60px)}
.hemas-cmp-total .hemas-cmp-val{font-size:clamp(17px,1.9vw,40px)}
.hemas-cmp-subhead{font-size:clamp(13px,1.1vw,24px);font-weight:900;letter-spacing:1.5px;color:#0b9998;margin:.4vw 0 .2vw}
.hemas-cmp-advisors{gap:.3vw}
.hemas-cmp-advisors .hemas-cmp-row{padding:.55vw 0}
.hemas-cmp-team{margin-top:.8vw;padding:.35vw .8vw;background:linear-gradient(90deg,#123f73,#1b5f95);color:#fff;font-weight:900;font-size:clamp(13px,1.15vw,25px);border-radius:6px;letter-spacing:1px}
.hemas-cmp-team:first-child{margin-top:0}
.hemas-comparison-note{font-size:clamp(12px,1vw,21px)!important;margin-top:1vw!important}
.hemas-comparison-empty{font-size:clamp(14px,1.2vw,26px)!important}

@media(max-width:700px){
  .hemas-cmp-row{grid-template-columns:1fr;gap:6px;padding:10px 0}
  .hemas-cmp-name{font-size:16px}
  .hemas-cmp-line{grid-template-columns:auto minmax(0,1fr) auto;gap:6px}
  .hemas-cmp-tag{font-size:10px;padding:2px 5px}
  .hemas-cmp-track{height:18px}
  .hemas-cmp-total .hemas-cmp-track{height:22px}
  .hemas-cmp-val{font-size:13px}
  .hemas-cmp-row .hemas-week-delta{font-size:14px!important;text-align:left;grid-column:auto!important}
  .hemas-cmp-row .hemas-week-delta em{display:inline;margin-left:6px}
  .hemas-perf-comparison{padding:12px!important}
  .hemas-comparison-card{padding:12px!important}
}

/* v1.7.6: tablet (701–1100px) tabel bisa digeser agar angka tidak bertumpuk,
   dan petunjuk geser hanya muncul di layar kecil. */
.hemas-scroll-hint{display:none}
@media (min-width:701px) and (max-width:1100px){
  .hemas-table-wrap{flex:none;height:auto;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch}
  .hemas-table{width:1080px!important;min-width:1080px!important;height:auto!important;font-size:13px}
  .hemas-table th,.hemas-table td{padding:5px 6px}
  .hemas-tv{overflow-x:hidden;overflow-y:visible}
}
@media (max-width:1100px){
  .hemas-scroll-hint{display:block;text-align:center;font-size:12px;font-weight:800;color:#1b5f95;background:#eef5fc;border:1px dashed #9fc2dc;border-radius:8px;padding:6px 8px;margin-top:6px}
}

/* v1.7.7: tabel utama menyesuaikan lebar isi (auto-fit), lebih rapat & huruf lebih besar untuk TV */
.hemas-table-wrap{flex:none!important;height:auto!important}
.hemas-table{table-layout:auto!important;height:auto!important;width:100%!important;font-size:clamp(14px,1.42vw,30px)!important;line-height:1.15}
.hemas-table th,.hemas-table td{padding:.32vw .7vw!important;white-space:nowrap}
.hemas-table th{font-size:.82em;letter-spacing:.5px}
.hemas-table td.hemas-amount{padding-left:.8vw!important;padding-right:.8vw!important}
.hemas-table td.hemas-week-status .hemas-week-money{font-size:1em!important;font-weight:600!important}
.hemas-table td.hemas-total{font-weight:900}
.hemas-table td.hemas-pct{font-weight:900}
.hemas-table td.hemas-team-cell{font-size:.9em}
/* HP & tablet: tabel selebar isinya saja (tidak dipaksa 1080px), tetap bisa digeser */
@media (max-width:1100px){
  .hemas-table{width:max-content!important;min-width:100%!important;font-size:15px!important}
  .hemas-table th,.hemas-table td{padding:6px 9px!important;width:auto!important}
  .hemas-table td.hemas-amount{padding-left:9px!important;padding-right:9px!important}
}
.hemas-achieved-row .hemas-advisor::after{margin-left:.3em}
.hemas-table .hemas-best-advisor::after{margin-left:0}

/* v1.7.8: minggu yang belum berjalan tampil netral (tanpa emoji menangis) */
.hemas-table td.hemas-week-wait{text-align:center!important;color:#b7c3d0;font-weight:700}
.hemas-table tr.hemas-achieved-row td.hemas-week-wait{color:rgba(255,255,255,.55)!important}

/* v1.7.9: batang TOTAL SEMUA sejajar walau panjang nama bulan berbeda */
.hemas-cmp-total .hemas-cmp-tag{width:9.5em;box-sizing:border-box}
@media(max-width:700px){.hemas-cmp-total .hemas-cmp-tag{width:auto}}