/* v1.7 — rank card + admin Ringkasan */
.eco-rank-card{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;margin:16px 0 0;padding:20px 24px;border-radius:20px;background:linear-gradient(120deg,var(--eco-green),#1f5a45);color:#eef6ee}
.eco-rank-pos{text-align:center;min-width:110px;padding-right:22px;border-right:1px solid rgba(223,255,175,.25)}
.eco-rank-pos small,.eco-rank-pos span{display:block;font-size:12px;color:#b6d1c2}
.eco-rank-pos strong{display:block;font-size:44px;line-height:1.05;color:#dfffaf;font-weight:800;letter-spacing:-.03em}
.eco-rank-pos.is-empty strong{color:#b6d1c2}
.eco-rank-text .eco-eyebrow{color:#b9ef74;margin:0 0 6px}
.eco-rank-text h3{margin:0 0 6px;font-size:19px;color:#fff}
.eco-rank-text p{margin:0;color:#c6dccf;font-size:14px;line-height:1.6}
.eco-rank-link{color:#dfffaf;font-size:13px;font-weight:650;text-decoration:none;border:1px solid rgba(223,255,175,.35);padding:10px 14px;border-radius:12px;white-space:nowrap}
.eco-rank-link:hover{background:rgba(223,255,175,.1)}
@media(max-width:700px){.eco-rank-card{grid-template-columns:auto 1fr;padding:18px}.eco-rank-pos{min-width:84px;padding-right:16px}.eco-rank-pos strong{font-size:34px}.eco-rank-link{grid-column:1/-1;text-align:center}}

.platform-tabs button[aria-current="page"]{background:var(--eco-green);color:#fff;border-color:var(--eco-green)}
.platform-admin-head a{text-decoration:none;font-weight:600}
.ins-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.ins-head h2{margin:0}.ins-head p{margin:6px 0 0;color:var(--eco-muted);font-size:13px}
.ins-actions{display:flex;gap:10px;flex-wrap:wrap}.ins-actions a{text-decoration:none;display:inline-flex;align-items:center}
.ins-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:22px 0}
.ins-kpis>div{background:var(--eco-soft);border-radius:16px;padding:16px;min-width:0}
.ins-kpis span,.ins-kpis small{display:block;font-size:12px;color:var(--eco-muted)}
.ins-kpis strong{display:block;font-size:30px;margin:6px 0 4px;letter-spacing:-.02em}
.ins-ready{border:1px solid var(--eco-line);border-radius:20px;padding:20px;margin-bottom:22px}
.ins-ready>header{display:flex;gap:14px;align-items:center;margin-bottom:12px}
.ins-ready>header h3{margin:2px 0 0;font-size:20px}.ins-ready .eco-eyebrow{margin:0}
.ins-ready.ins-ok{background:#f0faf2;border-color:#bfe5c9}.ins-ready.ins-warn{background:#fffaeb;border-color:#f0dca0}.ins-ready.ins-fail{background:#fdf0ea;border-color:#efc3ad}
.ins-ready ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.ins-ready li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:12px;background:rgba(255,255,255,.6)}
.ins-ready li strong{font-size:14px}.ins-ready li p{margin:3px 0 0;font-size:13px;color:var(--eco-muted);line-height:1.5}
.ins-ready li .secondary-button{padding:8px 12px;font-size:12px;white-space:nowrap}
.ins-dot{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-weight:800;font-size:13px;flex:none}
.ins-dot{background:#8aa197;color:#fff}.ins-ready.ins-ok>header .ins-dot,.ins-ready li.ins-ok>.ins-dot{background:#2e8b57}.ins-ready.ins-warn>header .ins-dot,.ins-ready li.ins-warn>.ins-dot{background:#d9a21b}.ins-ready.ins-fail>header .ins-dot,.ins-ready li.ins-fail>.ins-dot{background:#c2502a}.ins-ready li.ins-fail{background:#fff;box-shadow:inset 3px 0 #c2502a}.ins-ready li.ins-warn{background:#fff;box-shadow:inset 3px 0 #d9a21b}
.ins-ready>header .ins-dot{width:38px;height:38px;font-size:18px}
.ins-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}
.ins-grid>section{border:1px solid var(--eco-line);border-radius:20px;padding:20px;min-width:0}
.ins-grid h3{margin:0 0 14px;font-size:16px}
.ins-bar{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(80px,1fr) 56px;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--eco-line)}
.ins-bar strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ins-bar small{color:var(--eco-muted);font-size:12px}
.ins-bar span{text-align:right;font-size:13px;font-variant-numeric:tabular-nums;color:var(--eco-muted)}
.ins-track{position:relative;height:10px;background:var(--eco-soft);border-radius:99px;overflow:hidden}
.ins-track i,.ins-track b{position:absolute;left:0;top:0;bottom:0;border-radius:99px}
.ins-track i{background:#cfe6d6}.ins-track b{background:#2e8b57}
.ins-legend{font-size:12px;color:var(--eco-muted);margin:10px 0 0;display:flex;gap:6px;align-items:center}
.ins-legend b,.ins-legend i{display:inline-block;width:12px;height:8px;border-radius:4px;background:#2e8b57}.ins-legend i{background:#cfe6d6;margin-left:10px}
.ins-note{font-size:13px;color:var(--eco-muted);line-height:1.6;margin:0 0 12px}
.ins-demo{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ins-demo li{padding:10px 12px;background:var(--eco-soft);border-radius:12px;overflow-wrap:anywhere}
.ins-demo strong{display:block;font-size:14px}.ins-demo span{font-size:12px;color:var(--eco-muted)}
@media(max-width:1000px){.ins-kpis{grid-template-columns:repeat(3,1fr)}.ins-grid{grid-template-columns:1fr}}
@media(max-width:600px){.ins-kpis{grid-template-columns:repeat(2,1fr)}.ins-ready li{grid-template-columns:auto 1fr}.ins-ready li .secondary-button{grid-column:2;justify-self:start}.ins-bar{grid-template-columns:1fr auto}.ins-track{grid-column:1/-1;grid-row:2}}