/* RPM Area V40 — panel pilihan navigasi, mini preview untuk semua 11 style */
.rpm-nav-setting {overflow:visible;}
.rpm-nav-setting .rpm-nav-section-intro {margin:0 0 16px;font-size:12px;color:var(--muted);line-height:1.6;}
.rpm-nav-live {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:15px;border:1px solid var(--border);border-radius:17px;background:var(--subtle);margin:0 0 16px;}
.rpm-nav-live small {display:block;margin-bottom:4px;font-size:10px;color:var(--muted);font-weight:800;letter-spacing:.35px;}
.rpm-nav-live strong {display:block;font-size:17px;line-height:1.3;color:var(--ink);}
.rpm-nav-live .rpm-nav-current-label {font-size:11px;color:var(--muted);margin-top:5px;}
.rpm-nav-live .rpm-nav-theme-chip {display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:16px;background:color-mix(in srgb,var(--accent) 12%,var(--card));color:var(--accent);font-size:11px;font-weight:800;}
.rpm-nav-v40-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.rpm-nav-choice {min-width:0;padding:12px;text-align:left;cursor:pointer;border:1px solid var(--border);border-radius:17px;background:var(--card);color:var(--ink);transition:border-color .17s,transform .17s,box-shadow .17s;}
.rpm-nav-choice:hover {transform:translateY(-2px);border-color:var(--accent);}
.rpm-nav-choice:focus-visible {outline:3px solid var(--accent);outline-offset:2px;}
.rpm-nav-choice.selected {border:2px solid var(--accent);padding:11px;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent);}
.rpm-nav-card-detail {display:flex;align-items:flex-start;gap:9px;margin-top:11px;}
.rpm-nav-card-number {display:grid;place-items:center;flex:0 0 28px;width:28px;height:27px;border-radius:9px;background:var(--subtle);color:var(--accent);font-size:11px;font-weight:900;}
.rpm-nav-card-detail > span:nth-child(2) {min-width:0;flex:1;}
.rpm-nav-card-detail strong {display:block;font-size:12px;font-weight:840;line-height:1.2;}
.rpm-nav-card-detail small {display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.25;}
.rpm-nav-card-status {flex:0 0 auto;align-self:center;font-size:9px;line-height:1.2;font-weight:780;color:var(--muted);}
.rpm-nav-choice.selected .rpm-nav-card-status {color:var(--accent);}
.rpm-nav-mini {--mtext:#80838d;--mactive:#7d5fe4;display:flex;align-items:flex-end;justify-content:center;height:96px;border-radius:14px;background:linear-gradient(150deg,#232d3b,#101825);padding:14px 8px 8px;overflow:hidden;}
.rpm-mini-inner {width:100%;max-width:258px;height:57px;display:flex;align-items:stretch;justify-content:space-evenly;gap:0;border-radius:14px;background:#fff;box-shadow:0 8px 18px #0004;padding:4px;}
.rpm-mini-tab {min-width:0;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;gap:3px;color:var(--mtext);font-style:normal;border-radius:10px;}
.rpm-mini-tab b {font-size:21px;line-height:1;font-weight:800;}
.rpm-mini-tab em {font-size:8px;line-height:1;font-style:normal;font-weight:750;}
.rpm-mini-tab.is-on {color:var(--mactive);}
.rpm-nav-mini-minimal .rpm-mini-inner {border-radius:4px 4px 0 0;height:48px;align-self:flex-end;}
.rpm-nav-mini-minimal .rpm-mini-tab.is-on::after {content:'';position:absolute;bottom:0;width:4px;height:4px;border-radius:50%;background:var(--mactive);}
.rpm-nav-mini-glass {background:linear-gradient(140deg,#2848c2,#7758ca 50%,#f277ab);}
.rpm-nav-mini-glass .rpm-mini-inner {background:rgba(250,245,255,.3);border:1px solid #ffffff60;backdrop-filter:blur(6px);--mtext:#ecedff;--mactive:#fff;}
.rpm-nav-mini-glass .rpm-mini-tab.is-on {background:#ffffff34;}
.rpm-nav-mini-floating .rpm-mini-inner {border-radius:30px;transform:translateY(-2px);}
.rpm-nav-mini-floating .rpm-mini-tab:nth-child(3) b {display:grid;place-items:center;width:33px;height:33px;transform:translateY(-11px);border-radius:50%;background:linear-gradient(140deg,#8a75fc,#694bd3);color:#fff;box-shadow:0 4px 9px #34217c88;}
.rpm-nav-mini-neumorph {background:#e8edf5;}
.rpm-nav-mini-neumorph .rpm-mini-inner {background:#e9edf4;border-radius:22px;box-shadow:7px 7px 14px #bfc6d2,-6px -6px 12px #fff;}
.rpm-nav-mini-neumorph .rpm-mini-tab.is-on {box-shadow:inset 3px 3px 6px #c6ccd7,inset -3px -3px 7px #fff;}
.rpm-nav-mini-pill .rpm-mini-inner {border-radius:17px;}
.rpm-nav-mini-pill .rpm-mini-tab.is-on {background:#eae4ff;border-radius:13px;}
.rpm-nav-mini-fab .rpm-mini-inner {border-radius:19px;}
.rpm-nav-mini-fab .rpm-mini-tab:nth-child(3) b {display:grid;place-items:center;width:37px;height:37px;border-radius:50%;transform:translateY(-12px);background:#7958eb;color:#fff;box-shadow:0 5px 8px #5843a466;}
.rpm-nav-mini-fab .rpm-mini-tab:nth-child(3) em {transform:translateY(-10px);}
.rpm-nav-mini-gradient .rpm-mini-inner {background:linear-gradient(110deg,#5f4cdb,#f36db1);--mtext:#ffffffb6;--mactive:#fff;}
.rpm-nav-mini-gradient .rpm-mini-tab.is-on {background:#ffffff25;}
.rpm-nav-mini-outline .rpm-mini-inner {border-radius:5px;}
.rpm-nav-mini-outline .rpm-mini-tab b {font-weight:450;}
.rpm-nav-mini-outline .rpm-mini-tab.is-on::after {content:'';position:absolute;bottom:1px;width:19px;height:2px;background:var(--mactive);}
.rpm-nav-mini-indicator .rpm-mini-inner {border-radius:3px;height:48px;align-self:flex-end;}
.rpm-nav-mini-indicator .rpm-mini-tab.is-on::before {content:'';position:absolute;top:-4px;width:72%;height:2px;background:var(--mactive);}
.rpm-nav-mini-curved .rpm-mini-inner {background:linear-gradient(130deg,#5a4adc,#a778eb);border-radius:40px;--mtext:#ffffffa0;--mactive:white;}
.rpm-nav-mini-curved .rpm-mini-tab.is-on {background:#ffffff26;border-radius:50%;}
.rpm-nav-mini-dock {background:linear-gradient(120deg,#454653,#262d43);}
.rpm-nav-mini-dock .rpm-mini-inner {background:linear-gradient(170deg,#fff,#e9ecf5);border:1px solid white;border-radius:25px;box-shadow:0 7px 17px #0005;}
.rpm-nav-mini-dock .rpm-mini-tab.is-on {background:#e3dff8;border-radius:12px;}
.rpm-nav-actions {display:flex;gap:9px;flex-wrap:wrap;margin-top:16px;}
.rpm-nav-actions .btn {flex:1 0 155px;min-height:46px;white-space:normal;}
.rpm-nav-actions .btn:disabled {opacity:.45;cursor:not-allowed;}
.rpm-nav-note {margin:13px 0 0;font-size:11px;line-height:1.55;color:var(--muted);}
.rpm-nav-reset-all {display:inline-flex;margin-top:10px;border:0;background:none;color:var(--muted);font-size:11px;text-decoration:underline;cursor:pointer;padding:7px 0;}
@media(max-width:560px) {
 .rpm-nav-v40-grid{grid-template-columns:1fr 1fr;gap:8px;}
 .rpm-nav-choice{padding:9px;border-radius:14px;}
 .rpm-nav-choice.selected{padding:8px;}
 .rpm-nav-mini{height:78px;padding:13px 5px 7px;border-radius:10px;}
 .rpm-mini-inner{height:48px;border-radius:13px;padding:3px;}
 .rpm-mini-tab{gap:3px;}
 .rpm-mini-tab b{font-size:16px;}
 .rpm-mini-tab em{font-size:7px;letter-spacing:-.4px;}
 .rpm-nav-card-detail{gap:5px;margin-top:9px;flex-wrap:wrap;}
 .rpm-nav-card-number{flex-basis:23px;width:23px;height:23px;font-size:9px;}
 .rpm-nav-card-detail strong{font-size:11px;}
 .rpm-nav-card-detail small{font-size:9px;}
 .rpm-nav-card-status{flex:1 0 100%;margin-left:28px;font-size:9px;}
 .rpm-nav-mini-floating .rpm-mini-tab:nth-child(3) b{width:28px;height:28px;}
 .rpm-nav-mini-fab .rpm-mini-tab:nth-child(3) b{width:29px;height:29px;transform:translateY(-7px);}
 .rpm-nav-mini-fab .rpm-mini-tab:nth-child(3) em{transform:translateY(-6px);}
}
@media(prefers-reduced-motion:reduce){.rpm-nav-choice{transition:none;}}