/* STARS RCM Pro — Random Check styles (scoped .rc- / #rcOverlay) */
#rcOverlay, .rc-fab, .rc-toast{
  --rc-maroon:#83191A; --rc-red:#CC202E; --rc-orange:#F36C42; --rc-peach:#F9A971;
  --rc-success:#2fae6a; --rc-dim:#8a8f98;
  --rc-bg:#14161a; --rc-panel:#1b1e24; --rc-box:#23272f; --rc-box2:#1e222a;
  --rc-bd:rgba(255,255,255,.09); --rc-tx:#e9ebee; --rc-mut:#a3a8b0;
  font-family:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

/* overlay */
.rc-overlay{ position:fixed; inset:0; z-index:99999; display:none; align-items:center; justify-content:center;
  background:rgba(8,9,11,.66); backdrop-filter:blur(3px); padding:16px; box-sizing:border-box; }
.rc-overlay.rc-open{ display:flex; }
.rc-overlay *{ box-sizing:border-box; }
.rc-panel{ width:min(1040px,96vw); height:min(92vh,900px); background:var(--rc-bg); color:var(--rc-tx);
  border:1px solid var(--rc-bd); border-radius:16px; display:flex; flex-direction:column; overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,.55); }

.rc-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 18px;
  background:linear-gradient(135deg,var(--rc-maroon),#5c1112); border-bottom:1px solid var(--rc-bd); }
.rc-head-title{ display:flex; align-items:center; gap:12px; color:#fff; }
.rc-logo{ display:grid; place-items:center; width:38px; height:38px; border-radius:10px; background:var(--rc-orange); font-size:20px; }
.rc-head-title b{ font-size:16px; display:block; letter-spacing:.2px; }
.rc-head-title small{ font-size:11px; color:rgba(255,255,255,.72); }
.rc-close{ background:rgba(255,255,255,.14); color:#fff; border:0; width:34px; height:34px; border-radius:9px; font-size:15px; cursor:pointer; }
.rc-close:hover{ background:rgba(255,255,255,.24); }

.rc-tabs{ display:flex; gap:4px; padding:8px 12px 0; background:var(--rc-panel); border-bottom:1px solid var(--rc-bd); overflow-x:auto; }
.rc-tab{ background:transparent; color:var(--rc-mut); border:0; border-bottom:2px solid transparent; padding:10px 14px; font-size:13px; font-weight:600; cursor:pointer; white-space:nowrap; }
.rc-tab-on{ color:var(--rc-tx); border-bottom-color:var(--rc-orange); }

.rc-body{ flex:1; overflow-y:auto; padding:16px; display:flex; flex-direction:column; gap:14px; background:var(--rc-bg); }
.rc-empty{ padding:26px; text-align:center; color:var(--rc-mut); font-size:13px; }
.rc-week{ font-size:12.5px; color:var(--rc-mut); }
.rc-week b{ color:var(--rc-tx); }
.rc-note{ padding:11px 13px; border:1px solid rgba(243,108,66,.35); background:rgba(243,108,66,.08); border-radius:11px; font-size:12.5px; color:var(--rc-tx); line-height:1.5; }
.rc-hint{ margin-top:10px; padding:10px; border:1px solid var(--rc-bd); border-radius:10px; font-size:11.5px; color:var(--rc-mut); line-height:1.45; }

/* stat cards */
.rc-cards{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.rc-stat{ background:var(--rc-box); border:1px solid var(--rc-bd); border-radius:13px; padding:13px; border-left:3px solid var(--rc-maroon); }
.rc-stat b{ font-size:24px; font-weight:800; display:block; line-height:1; font-variant-numeric:tabular-nums; }
.rc-stat span{ display:block; font-size:11.5px; margin-top:5px; }
.rc-stat small{ display:block; font-size:10px; color:var(--rc-mut); }
.rc-t-maroon{ border-left-color:var(--rc-maroon); } .rc-t-maroon b{ color:#e79aa0; }
.rc-t-success{ border-left-color:var(--rc-success); } .rc-t-success b{ color:#5fd299; }
.rc-t-orange{ border-left-color:var(--rc-orange); } .rc-t-orange b{ color:var(--rc-orange); }
.rc-t-dim{ border-left-color:var(--rc-dim); } .rc-t-dim b{ color:var(--rc-mut); }

.rc-grid2{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.rc-box{ background:var(--rc-box2); border:1px solid var(--rc-bd); border-radius:13px; padding:13px; }
.rc-box-h{ font-size:13px; font-weight:700; margin-bottom:10px; display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:space-between; }
.rc-legend{ font-size:10.5px; color:var(--rc-mut); font-weight:500; display:inline-flex; gap:9px; align-items:center; }
.rc-legend i{ width:11px; height:11px; border-radius:3px; display:inline-block; margin-right:3px; vertical-align:-1px; }
.rc-lg-m{ background:var(--rc-maroon); } .rc-lg-o{ background:var(--rc-orange); } .rc-lg-t{ background:var(--rc-red); border-radius:1px !important; height:3px !important; width:14px !important; }

/* charts */
.rc-svg{ display:block; }
.rc-grid{ stroke:var(--rc-bd); stroke-width:1; }
.rc-axis{ fill:var(--rc-mut); font-size:12px; }
.rc-xlbl{ fill:var(--rc-tx); font-size:12px; font-weight:600; }
.rc-val{ fill:var(--rc-tx); font-size:12px; font-weight:700; }
.rc-target{ stroke:var(--rc-red); stroke-width:2; stroke-dasharray:6 5; }
.rc-target-lbl{ fill:var(--rc-red); font-size:12px; font-weight:700; }
.rc-area{ fill:rgba(249,169,113,.22); }
.rc-line{ fill:none; stroke:var(--rc-orange); stroke-width:2.5; stroke-linejoin:round; stroke-linecap:round; }

/* leader cards */
.rc-leaders{ display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:10px; }
.rc-lcard{ background:var(--rc-box); border:1px solid var(--rc-bd); border-radius:12px; padding:12px; }
.rc-lcard-h{ display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.rc-lc-name{ flex:1; min-width:0; } .rc-lc-name b{ font-size:13px; display:block; } .rc-lc-name small{ font-size:10.5px; color:var(--rc-mut); }
.rc-lc-foot{ display:flex; align-items:center; justify-content:space-between; margin-top:10px; padding-top:9px; border-top:1px solid var(--rc-bd); font-size:10.5px; color:var(--rc-mut); }
.rc-av{ display:inline-grid; place-items:center; border-radius:8px; color:#fff; font-weight:700; flex:0 0 auto; }

/* meters */
.rc-meter{ margin:8px 0; }
.rc-meter-top{ display:flex; justify-content:space-between; font-size:11.5px; color:var(--rc-mut); margin-bottom:4px; }
.rc-meter-top b{ font-variant-numeric:tabular-nums; }
.rc-track{ height:8px; border-radius:99px; background:rgba(255,255,255,.08); overflow:hidden; }
.rc-track i{ display:block; height:100%; border-radius:99px; }

/* pills / badges */
.rc-pill{ font-size:11px; font-weight:700; padding:4px 9px; border-radius:99px; white-space:nowrap; }
.rc-pill-ok{ color:#5fd299; background:rgba(47,174,106,.15); }
.rc-pill-no{ color:#ff8a94; background:rgba(204,32,46,.15); }
.rc-pill-cuti{ color:var(--rc-peach); background:rgba(249,169,113,.15); }
.rc-badge{ font-size:10.5px; font-weight:700; padding:3px 8px; border-radius:6px; }
.rc-b-open{ color:#ffca7a; background:rgba(243,170,66,.16); }
.rc-b-prog{ color:#e79aa0; background:rgba(131,25,26,.28); }
.rc-b-done{ color:#5fd299; background:rgba(47,174,106,.16); }

/* tables */
.rc-tablewrap{ overflow-x:auto; }
.rc-table{ width:100%; border-collapse:collapse; font-size:12.5px; }
.rc-table th{ text-align:left; color:var(--rc-mut); font-size:11px; font-weight:600; padding:7px 9px; border-bottom:1px solid var(--rc-bd); white-space:nowrap; }
.rc-table td{ padding:8px 9px; border-bottom:1px solid var(--rc-bd); vertical-align:middle; }
.rc-c{ text-align:center; } .rc-r{ text-align:right; }
.rc-num{ font-weight:800; color:var(--rc-mut); font-variant-numeric:tabular-nums; }
.rc-cellname{ display:flex; align-items:center; gap:8px; }
.rc-mono{ font-family:ui-monospace,Menlo,Consolas,monospace; font-size:11.5px; color:var(--rc-peach); white-space:nowrap; }
.rc-prob{ color:var(--rc-mut); max-width:280px; }

/* form */
.rc-form{ display:flex; flex-direction:column; gap:12px; }
.rc-f-row{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.rc-form label{ display:flex; flex-direction:column; gap:6px; font-size:12px; color:var(--rc-mut); }
.rc-form input, .rc-form select, .rc-form textarea{ background:var(--rc-box); border:1px solid var(--rc-bd); color:var(--rc-tx); border-radius:9px; padding:9px 10px; font-size:13px; font-family:inherit; width:100%; }
.rc-form textarea{ resize:vertical; }
.rc-form input:focus, .rc-form select:focus, .rc-form textarea:focus{ outline:none; border-color:var(--rc-orange); }
.rc-req{ color:var(--rc-red); } .rc-opt{ color:var(--rc-dim); font-weight:400; }
.rc-seg{ display:flex; gap:6px; }
.rc-seg button{ flex:1; background:var(--rc-box); border:1px solid var(--rc-bd); color:var(--rc-mut); border-radius:8px; padding:8px; font-size:13px; font-weight:700; cursor:pointer; }
.rc-seg button.on{ background:var(--rc-maroon); border-color:transparent; color:#fff; }
.rc-submit{ background:var(--rc-orange); color:#1a0d07; border:0; border-radius:10px; padding:11px; font-size:14px; font-weight:800; cursor:pointer; }
.rc-submit:hover{ filter:brightness(1.05); } .rc-submit:disabled{ opacity:.6; cursor:default; }

/* steppers */
.rc-step{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 0; border-bottom:1px solid var(--rc-bd); }
.rc-step:last-child{ border-bottom:0; }
.rc-step-l{ font-size:12.5px; }
.rc-step-c{ display:flex; align-items:center; gap:9px; }
.rc-step-c button{ width:30px; height:30px; border-radius:8px; background:var(--rc-box); border:1px solid var(--rc-bd); color:var(--rc-tx); font-size:16px; cursor:pointer; }
.rc-step-c span{ min-width:30px; text-align:center; font-size:20px; font-weight:800; font-variant-numeric:tabular-nums; }
.rc-step-c small{ font-size:10.5px; color:var(--rc-mut); }
.rc-del{ background:rgba(204,32,46,.14); color:#ff8a94; border:1px solid rgba(204,32,46,.3); border-radius:7px; padding:5px 10px; font-size:11px; font-weight:700; cursor:pointer; }

/* FAB */
.rc-fab{ position:fixed; right:18px; bottom:18px; z-index:99998; width:52px; height:52px; border-radius:50%;
  background:var(--rc-maroon); color:#fff; border:2px solid var(--rc-orange); font-size:22px; cursor:pointer;
  box-shadow:0 10px 28px rgba(0,0,0,.4); display:grid; place-items:center; }
.rc-fab:hover{ transform:translateY(-2px); }
@media(max-width:720px){ .rc-fab{ right:12px; bottom:78px; width:48px; height:48px; font-size:20px; } }

/* toast */
.rc-toast{ position:fixed; left:50%; top:18px; transform:translateX(-50%) translateY(-16px); z-index:100000;
  padding:11px 16px; border-radius:10px; font-size:13px; font-weight:600; color:#fff; opacity:0; pointer-events:none;
  transition:opacity .2s, transform .2s; max-width:90vw; box-shadow:0 12px 30px rgba(0,0,0,.4); }
.rc-toast.rc-show{ opacity:1; transform:translateX(-50%) translateY(0); }
.rc-toast.rc-ok{ background:#1f7a4d; } .rc-toast.rc-bad{ background:var(--rc-red); }

/* responsive */
@media(max-width:820px){
  .rc-cards{ grid-template-columns:repeat(2,1fr); }
  .rc-grid2{ grid-template-columns:1fr; }
  .rc-f-row{ grid-template-columns:1fr; }
  .rc-panel{ width:100vw; height:100vh; border-radius:0; border:0; }
  .rc-overlay{ padding:0; }
}

/* multi-entry queue + add button */
.rc-form-actions{ display:flex; justify-content:flex-end; }
.rc-add{ background:transparent; color:var(--rc-orange); border:1px solid var(--rc-orange); border-radius:9px; padding:9px 14px; font-size:13px; font-weight:700; cursor:pointer; }
.rc-add:hover{ background:rgba(243,108,66,.12); }
.rc-queue{ display:flex; flex-direction:column; gap:8px; }
.rc-qitem{ display:flex; align-items:flex-start; gap:10px; padding:10px 11px; border:1px solid var(--rc-bd); border-radius:10px; background:var(--rc-box); }
.rc-qitem.rc-qerr{ border-color:rgba(204,32,46,.5); background:rgba(204,32,46,.07); }
.rc-qmain{ flex:1; min-width:0; }
.rc-qmain>b{ font-size:13px; }
.rc-qprob{ font-size:12px; color:var(--rc-tx); margin-top:3px; overflow-wrap:anywhere; }
.rc-qmain small{ display:inline-block; font-size:10px; color:var(--rc-mut); margin-top:4px; margin-right:8px; }
.rc-qerrtxt{ color:#ff8a94 !important; }
.rc-qhm{ font-size:10px; font-weight:700; color:var(--rc-peach); background:rgba(249,169,113,.14); padding:2px 7px; border-radius:99px; }
.rc-qp{ font-size:10px; font-weight:800; padding:2px 7px; border-radius:99px; }
.rc-p-P1plus{ color:#fff; background:var(--rc-maroon); }
.rc-p-P1{ color:#fff; background:var(--rc-red); }
.rc-p-P2{ color:#1a0d07; background:var(--rc-orange); }
.rc-p-P3{ color:var(--rc-tx); background:rgba(255,255,255,.1); }
.rc-qdel{ flex:0 0 auto; width:26px; height:26px; border-radius:7px; border:1px solid var(--rc-bd); background:transparent; color:var(--rc-mut); font-size:12px; cursor:pointer; }
.rc-qdel:hover{ color:#ff8a94; border-color:rgba(204,32,46,.4); }

/* participants management */
.rc-partadd{ display:flex; gap:8px; margin-bottom:10px; flex-wrap:wrap; }
.rc-partadd select{ flex:1; min-width:200px; background:var(--rc-box); border:1px solid var(--rc-bd); color:var(--rc-tx); border-radius:9px; padding:9px 10px; font-size:13px; }
.rc-partadd select:focus{ outline:none; border-color:var(--rc-orange); }
.rc-chips{ display:flex; flex-wrap:wrap; gap:6px; margin:8px 0 12px; }
.rc-chip{ display:inline-flex; align-items:center; gap:6px; padding:4px 10px 4px 4px; border:1px solid var(--rc-bd); border-radius:99px; background:var(--rc-box); font-size:11px; color:var(--rc-mut); }

/* config lock screen + bar */
.rc-lock{ max-width:420px; margin:24px auto; text-align:center; background:var(--rc-box2); border:1px solid var(--rc-bd); border-radius:16px; padding:26px 22px; }
.rc-lock-ic{ font-size:40px; margin-bottom:6px; }
.rc-lock h3{ font-size:16px; margin-bottom:6px; }
.rc-lock p{ font-size:12.5px; color:var(--rc-mut); line-height:1.5; margin-bottom:16px; }
.rc-lock input{ width:100%; background:var(--rc-box); border:1px solid var(--rc-bd); color:var(--rc-tx); border-radius:10px; padding:11px 12px; font-size:14px; margin-bottom:12px; text-align:center; }
.rc-lock input:focus{ outline:none; border-color:var(--rc-orange); }
.rc-lock .rc-submit{ width:100%; }
.rc-lock-note{ margin-top:14px; font-size:10.5px; color:var(--rc-dim); line-height:1.45; }
.rc-lockbar{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 13px; border:1px solid rgba(47,174,106,.35); background:rgba(47,174,106,.08); border-radius:11px; font-size:12px; color:#8fdcb4; font-weight:600; }
.rc-lockbar-off{ border-color:rgba(249,169,113,.35); background:rgba(249,169,113,.08); color:var(--rc-peach); font-weight:500; }
.rc-lockbtn{ background:transparent; border:1px solid rgba(47,174,106,.4); color:#8fdcb4; border-radius:8px; padding:5px 12px; font-size:11px; font-weight:700; cursor:pointer; }
.rc-lockbtn:hover{ background:rgba(47,174,106,.14); }

/* ===== STARS Hub: JARVIS floating launcher ===== */
.rc-hub-fab{ position:fixed; z-index:99998; width:56px; height:56px; border-radius:50%; border:none; padding:0; cursor:grab;
  background:radial-gradient(circle at 50% 40%, rgba(42,22,18,.96), rgba(12,10,12,.98));
  box-shadow:0 8px 30px rgba(0,0,0,.5), 0 0 0 1px rgba(249,169,113,.25), 0 0 22px rgba(243,108,66,.35);
  display:grid; place-items:center; touch-action:none; -webkit-tap-highlight-color:transparent;
  transition:transform .15s ease, box-shadow .2s ease; }
.rc-hub-fab:hover{ box-shadow:0 10px 34px rgba(0,0,0,.55), 0 0 0 1px rgba(249,169,113,.45), 0 0 30px rgba(243,108,66,.55); }
.rc-hub-fab:active,.rc-hub-fab.rc-dragging{ cursor:grabbing; transform:scale(1.06); }
.rc-hub-fab-core{ display:grid; place-items:center; animation:rcSpin 14s linear infinite; }
.rc-hub-fab.rc-dragging .rc-hub-fab-core{ animation-play-state:paused; }
@keyframes rcSpin{ to{ transform:rotate(360deg); } }

.rc-hub-bd{ position:fixed; inset:0; z-index:99990; background:rgba(6,7,10,.55); backdrop-filter:blur(4px); opacity:0; transition:opacity .18s ease; }
.rc-hub-bd.rc-open{ opacity:1; }
.rc-hub-menu{ position:fixed; z-index:99991; bottom:var(--rc-anchor-bottom,90px); width:min(300px,82vw); display:flex; flex-direction:column; gap:9px; }
.rc-hub-right{ right:14px; } .rc-hub-left{ left:14px; }
.rc-hub-head{ display:flex; align-items:center; gap:10px; color:#fff; padding:2px 4px 4px; opacity:0; transform:translateY(8px); animation:rcHubIn .25s ease forwards; }
.rc-hub-core-mini svg{ width:26px; height:26px; display:block; }
.rc-hub-head b{ font-size:13px; letter-spacing:1.5px; } .rc-hub-head small{ font-size:9px; color:#a3a8b0; display:block; margin-top:1px; }
.rc-hub-tiles{ display:flex; flex-direction:column; gap:9px; }
.rc-hub-tile{ display:flex; align-items:center; gap:12px; text-align:left; cursor:pointer; font-family:inherit;
  background:linear-gradient(135deg, rgba(32,30,36,.94), rgba(18,16,20,.94)); border:1px solid rgba(255,255,255,.1);
  border-left:3px solid var(--tile-accent,#F36C42); border-radius:14px; padding:12px 13px; color:#e9ebee;
  box-shadow:0 10px 28px rgba(0,0,0,.42); backdrop-filter:blur(6px);
  opacity:0; transform:translateY(10px) scale(.98); animation:rcHubIn .28s ease var(--d,0ms) forwards; }
.rc-hub-tile:hover{ border-color:rgba(249,169,113,.5); transform:translateY(-1px) scale(1); box-shadow:0 12px 32px rgba(0,0,0,.5), 0 0 18px rgba(243,108,66,.3); }
.rc-hub-tile:active{ transform:scale(.98); }
.rc-hub-ic{ font-size:22px; width:40px; height:40px; display:grid; place-items:center; border-radius:11px; background:rgba(255,255,255,.05); flex:0 0 auto; }
.rc-hub-tx{ flex:1; min-width:0; } .rc-hub-tx b{ display:block; font-size:13.5px; } .rc-hub-tx small{ display:block; font-size:10.5px; color:#a3a8b0; margin-top:2px; }
.rc-hub-tile>i{ font-style:normal; color:#a3a8b0; font-size:18px; }
@keyframes rcHubIn{ to{ opacity:1; transform:translateY(0) scale(1); } }

.rc-panel-soon{ height:auto; max-height:min(80vh,520px); }
.rc-soon{ text-align:center; padding:26px 18px; }
.rc-soon-ic{ font-size:46px; margin-bottom:8px; }
.rc-soon h3{ font-size:17px; margin-bottom:8px; }
.rc-soon p{ font-size:13px; color:var(--rc-mut); line-height:1.6; max-width:440px; margin:0 auto; }
.rc-soon-note{ margin:16px auto 0; font-size:11.5px; color:var(--rc-peach); background:rgba(249,169,113,.08); border:1px solid rgba(249,169,113,.25); border-radius:10px; padding:10px 12px; max-width:440px; }

/* ===== E-book library ===== */
.rc-eb-top{ display:flex; gap:8px; margin-bottom:6px; }
.rc-eb-top input{ flex:1; background:var(--rc-box); border:1px solid var(--rc-bd); color:var(--rc-tx); border-radius:10px; padding:9px 12px; font-size:13px; }
.rc-eb-top input:focus{ outline:none; border-color:var(--rc-orange); }
.rc-eb-form{ border:1px solid rgba(243,108,66,.3); background:rgba(243,108,66,.05); border-radius:12px; padding:12px; margin-bottom:6px; }
.rc-eb-group{ margin-top:6px; }
.rc-eb-model{ font-size:11px; font-weight:800; letter-spacing:.5px; color:var(--rc-peach); text-transform:uppercase; padding:8px 2px 6px; position:sticky; top:0; }
.rc-eb-item{ display:flex; align-items:center; gap:10px; padding:11px 12px; border:1px solid var(--rc-bd); border-radius:12px; background:var(--rc-box); margin-bottom:8px; }
.rc-eb-main{ flex:1; min-width:0; }
.rc-eb-main b{ font-size:13.5px; }
.rc-eb-main small{ display:block; font-size:11px; color:var(--rc-mut); margin-top:3px; }
.rc-eb-badge{ font-size:9.5px; font-weight:800; padding:2px 8px; border-radius:99px; background:rgba(249,169,113,.15); color:var(--rc-peach); vertical-align:1px; }
.rc-eb-actions{ display:flex; gap:6px; flex:0 0 auto; }
.rc-eb-open{ background:var(--rc-orange); color:#1a0d07; border:0; border-radius:9px; padding:8px 13px; font-size:12px; font-weight:800; cursor:pointer; white-space:nowrap; }
.rc-eb-open:hover{ filter:brightness(1.06); }
.rc-eb-mini{ width:32px; height:32px; border-radius:8px; border:1px solid var(--rc-bd); background:var(--rc-box2); color:var(--rc-mut); font-size:13px; cursor:pointer; }
.rc-eb-mini:hover{ color:var(--rc-tx); border-color:var(--rc-orange); }
.rc-eb-del:hover{ color:#ff8a94; border-color:rgba(204,32,46,.4); }

/* ===== sembunyikan widget presence "online" pojok/menu ===== */
#presenceFoot{ display:none !important; }

/* ===== Inspect Site Condition ===== */
.rc-head-isc{ background:linear-gradient(135deg,#155e3b,#0c3f28) !important; }
.rc-logo-isc{ background:#2fae6a !important; }
.rc-isc-tools{ display:flex; gap:6px; flex-wrap:wrap; align-items:center; font-weight:400; }
.rc-isc-tools select,.rc-isc-tools input{ background:var(--rc-box); border:1px solid var(--rc-bd); color:var(--rc-tx); border-radius:8px; padding:6px 8px; font-size:11.5px; }
.rc-isc-tools select:focus,.rc-isc-tools input:focus{ outline:none; border-color:var(--rc-orange); }
.rc-isc-btn{ padding:6px 12px !important; }
.rc-thumbs{ display:flex; gap:3px; flex-wrap:wrap; align-items:center; }
.rc-thumb{ width:36px; height:27px; object-fit:cover; border-radius:4px; cursor:pointer; border:1px solid var(--rc-bd); background:var(--rc-box); }
.rc-thumb:hover{ border-color:var(--rc-orange); }
.rc-thumb-ok{ outline:2px solid var(--rc-success); outline-offset:-1px; }
.rc-modal{ position:fixed; inset:0; z-index:100001; display:none; align-items:center; justify-content:center; background:rgba(6,7,10,.6); backdrop-filter:blur(3px); padding:16px; }
.rc-modal.rc-open{ display:flex; }
.rc-modal-card{ width:min(460px,94vw); background:var(--rc-bg); border:1px solid var(--rc-bd); border-radius:14px; padding:18px; color:var(--rc-tx); box-shadow:0 24px 60px rgba(0,0,0,.5); }
.rc-modal-card h3{ font-size:16px; margin-bottom:4px; } .rc-modal-card p{ font-size:12px; color:var(--rc-mut); margin-bottom:12px; }
.rc-ml{ display:flex; flex-direction:column; gap:6px; font-size:12px; color:var(--rc-mut); margin-bottom:12px; }
.rc-ml textarea,.rc-ml input{ background:var(--rc-box); border:1px solid var(--rc-bd); color:var(--rc-tx); border-radius:9px; padding:9px 10px; font-size:13px; font-family:inherit; }
.rc-ml textarea:focus,.rc-ml input:focus{ outline:none; border-color:var(--rc-orange); }
.rc-modal-act{ display:flex; justify-content:flex-end; gap:8px; }

/* ===== Import Akun ===== */
.rc-head-imp{ background:linear-gradient(135deg,#2b3a7a,#161f45) !important; }
.rc-logo-imp{ background:#6c8cff !important; }
.rc-imp-steps{ display:flex; flex-direction:column; gap:8px; margin-bottom:10px; }
.rc-imp-step{ display:flex; align-items:center; gap:12px; padding:11px 13px; border:1px solid var(--rc-bd); background:var(--rc-box); border-radius:11px; }
.rc-imp-n{ flex:0 0 auto; width:26px; height:26px; border-radius:50%; display:grid; place-items:center; background:var(--rc-maroon); color:#fff; font-size:12px; font-weight:800; }
.rc-imp-stx{ flex:1; min-width:0; } .rc-imp-stx b{ display:block; font-size:13px; } .rc-imp-stx small{ display:block; font-size:11px; color:var(--rc-mut); margin-top:2px; overflow-wrap:anywhere; }
.rc-imp-filebtn{ flex:0 0 auto; background:var(--rc-box2); border:1px solid var(--rc-orange); color:var(--rc-orange); border-radius:9px; padding:9px 14px; font-size:12.5px; font-weight:700; cursor:pointer; white-space:nowrap; }
.rc-imp-filebtn:hover{ background:rgba(243,108,66,.12); }
.rc-imp-upbtn{ width:100%; margin-bottom:8px; }

/* ===== tombol Import di dalam layar Kelola & Assessment Akun ===== */
.rc-acct-import-bar{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
  margin:0 0 14px; padding:12px 14px; border:1px solid rgba(108,140,255,.4);
  background:linear-gradient(135deg,rgba(108,140,255,.14),rgba(108,140,255,.05)); border-radius:12px; }
.rc-acct-import-tx b{ display:block; font-size:13.5px; color:#c9d4ff; }
.rc-acct-import-tx small{ display:block; font-size:11px; color:#9aa6c8; margin-top:2px; }
.rc-acct-import-btn{ flex:0 0 auto; background:#6c8cff; color:#0b1024; border:0; border-radius:9px; padding:10px 16px; font-size:13px; font-weight:800; cursor:pointer; }
.rc-acct-import-btn:hover{ filter:brightness(1.07); }

/* ===== WA di Import ===== */
.rc-imp-wa{ display:flex; align-items:center; gap:8px; font-size:12.5px; color:var(--rc-tx); margin:4px 0 6px; cursor:pointer; }
.rc-imp-wa input{ width:16px; height:16px; flex:0 0 auto; }
.rc-imp-walinks{ display:flex; gap:8px; margin-bottom:8px; flex-wrap:wrap; }
.rc-wa-link{ background:var(--rc-box2); border:1px solid var(--rc-bd); color:var(--rc-mut); border-radius:8px; padding:5px 10px; font-size:11px; font-weight:700; cursor:pointer; }
.rc-wa-link:hover{ color:var(--rc-tx); border-color:#6c8cff; }

/* ===== Pengaturan WA: koneksi/akun/QR ===== */
.rc-wa-sec{ border:1px solid var(--rc-bd); border-radius:12px; padding:12px; margin-bottom:12px; background:var(--rc-box2); }
.rc-wa-sech{ display:flex; align-items:center; gap:8px; font-size:12px; font-weight:800; letter-spacing:.4px; color:var(--rc-peach); text-transform:uppercase; margin-bottom:10px; }
.rc-wa-accts{ display:flex; flex-direction:column; gap:8px; }
.rc-wa-acct{ display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; padding:9px 11px; border:1px solid var(--rc-bd); border-radius:10px; background:var(--rc-box); }
.rc-wa-ai b{ font-size:12.5px; } .rc-wa-ai small{ display:block; font-size:11px; color:var(--rc-mut); margin-top:2px; }
.rc-wa-aa{ display:flex; gap:6px; flex-wrap:wrap; }
.rc-wa-sender{ border-color:var(--rc-success) !important; color:#5fd299 !important; }
.rc-wa-qr{ margin-top:10px; }
.rc-wa-qrbox{ text-align:center; padding:12px; border:1px dashed var(--rc-orange); border-radius:12px; background:#fff; }
.rc-wa-qrbox img{ width:230px; max-width:80%; height:auto; image-rendering:pixelated; }
.rc-wa-qrtx{ font-size:11.5px; color:#333; margin-top:8px; }
.rc-wa-ok{ text-align:center; padding:16px; font-size:15px; font-weight:800; color:#5fd299; }

/* ===== FAR: tombol Submit + Print di form (aditif) ===== */
.rc-far-actions{ display:flex; gap:10px; flex-wrap:wrap; margin:10px 0 4px; }
.rc-far-actions button{ flex:1; min-width:160px; border:0; border-radius:12px; padding:13px; font-size:14px; font-weight:800; cursor:pointer; }
.rc-far-print{ background:#3b4a7a; color:#e8ecff; }
.rc-far-print:hover{ filter:brightness(1.08); }
.rc-far-submit{ background:#2fae6a; color:#06210f; }
.rc-far-submit:hover{ filter:brightness(1.05); }

/* ================= EXECUTIVE DASHBOARD ================= */
.rc-panel-exec{ max-width:1080px; }
.rc-head-exec{ background:linear-gradient(120deg,#1a2140,#0f1530); }
.rc-logo-exec{ background:rgba(108,140,255,.16); }
.rc-live-dot{ color:#ff5f6e; font-size:10px; font-weight:800; margin-left:6px; animation:rcPulse 1.2s infinite; }
@keyframes rcPulse{ 0%,100%{opacity:1} 50%{opacity:.25} }
.rc-exec-ctrl{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between; padding:10px 16px; border-bottom:1px solid var(--rc-bd); background:var(--rc-box2); }
.rc-exec-range{ display:flex; align-items:center; gap:6px; }
.rc-exec-range input{ background:var(--rc-box); border:1px solid var(--rc-bd); color:var(--rc-tx); border-radius:8px; padding:6px 8px; font-size:12px; }
.rc-exec-range span{ color:var(--rc-mut); }
.rc-exec-presets{ display:flex; gap:6px; flex-wrap:wrap; }
.rc-exec-presets button{ background:var(--rc-box); border:1px solid var(--rc-bd); color:var(--rc-mut); border-radius:8px; padding:6px 11px; font-size:11.5px; font-weight:700; cursor:pointer; }
.rc-exec-presets button:hover{ color:var(--rc-tx); border-color:#6c8cff; }
.rc-exec-right{ display:flex; align-items:center; gap:8px; }
.rc-live-btn{ background:var(--rc-box); border:1px solid var(--rc-bd); color:var(--rc-mut); border-radius:8px; padding:6px 11px; font-size:11.5px; font-weight:800; cursor:pointer; }
.rc-live-btn.on{ background:rgba(255,95,110,.16); border-color:#ff5f6e; color:#ff8a94; }
.rc-exec-upd{ font-size:10.5px; color:var(--rc-mut); }
.rc-exec-sub{ font-size:12px; color:var(--rc-mut); margin:2px 0 12px; }
.rc-exec-kpis{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:12px; }
.rc-exec-gcard{ background:var(--rc-box2); border:1px solid var(--rc-bd); border-radius:14px; padding:12px; display:flex; justify-content:center; }
.rc-gauge{ display:flex; flex-direction:column; align-items:center; gap:4px; }
.rc-gauge svg{ width:120px; height:120px; }
.rc-gauge-bg{ fill:none; stroke:rgba(255,255,255,.08); stroke-width:11; }
.rc-gauge-val{ font-size:28px; font-weight:800; fill:var(--rc-tx); text-anchor:middle; }
.rc-gauge-cap{ text-align:center; } .rc-gauge-cap b{ font-size:13px; color:var(--rc-tx); } .rc-gauge-cap small{ display:block; font-size:10.5px; color:var(--rc-mut); }
.rc-exec-stats{ margin-bottom:14px; }
.rc-exec-g2{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:12px; }
.rc-exec-g3{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:12px; }
.rc-exec-card{ background:var(--rc-box2); border:1px solid var(--rc-bd); border-radius:14px; padding:13px 15px; }
.rc-exec-card h4{ margin:0 0 10px; font-size:12px; font-weight:800; letter-spacing:.3px; color:var(--rc-peach); text-transform:uppercase; }
.rc-chart{ width:100%; height:auto; } .rc-axis{ stroke:rgba(255,255,255,.12); } .rc-cx{ fill:var(--rc-mut); font-size:9px; text-anchor:middle; }
.rc-legend{ display:flex; gap:14px; justify-content:center; margin-top:6px; font-size:11px; color:var(--rc-mut); } .rc-legend i{ display:inline-block; width:10px; height:10px; border-radius:3px; margin-right:4px; vertical-align:-1px; }
.rc-hbars{ display:flex; flex-direction:column; gap:8px; }
.rc-hbar{ display:flex; align-items:center; gap:8px; font-size:12px; }
.rc-hbar-l{ flex:0 0 92px; color:var(--rc-tx); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rc-hbar-t{ flex:1; height:12px; background:rgba(255,255,255,.06); border-radius:6px; overflow:hidden; } .rc-hbar-t i{ display:block; height:100%; border-radius:6px; }
.rc-hbar b{ flex:0 0 auto; color:var(--rc-tx); font-size:12px; min-width:20px; text-align:right; }
.rc-crit{ display:flex; flex-direction:column; gap:7px; }
.rc-crit-row{ display:flex; align-items:center; gap:10px; padding:7px 10px; border:1px solid var(--rc-bd); border-radius:9px; background:var(--rc-box); }
.rc-crit-row b{ font-size:12.5px; } .rc-crit-row small{ color:var(--rc-mut); flex:1; } .rc-crit-h{ font-weight:800; color:#ff8a94; background:rgba(224,85,95,.14); border-radius:7px; padding:2px 9px; font-size:12px; }
.rc-achips{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.rc-achip{ background:var(--rc-box); border:1px solid var(--rc-bd); border-radius:10px; padding:9px; text-align:center; } .rc-achip b{ display:block; font-size:18px; font-weight:800; color:var(--rc-tx); } .rc-achip span{ font-size:10.5px; color:var(--rc-mut); }
.rc-badges{ display:flex; flex-wrap:wrap; gap:7px; } .rc-badge2{ background:var(--rc-box); border:1px solid var(--rc-bd); border-radius:8px; padding:5px 10px; font-size:11.5px; color:var(--rc-mut); } .rc-badge2 b{ color:var(--rc-tx); }
.rc-empty2{ color:var(--rc-mut); font-size:12px; padding:14px; text-align:center; }
@media(max-width:820px){ .rc-exec-kpis,.rc-exec-g2,.rc-exec-g3{ grid-template-columns:1fr; } .rc-exec-ctrl{ justify-content:flex-start; } }

/* ===== Executive Dashboard: FULL-SCREEN & SOLID (siap tampil di TV) ===== */
#rcExec.rc-overlay{ background:var(--rc-bg); backdrop-filter:none; -webkit-backdrop-filter:none; padding:0; }
#rcExec .rc-panel-exec{ width:100vw; max-width:100vw; height:100vh; max-height:100vh; border:0; border-radius:0; box-shadow:none; }
#rcExec:fullscreen{ background:var(--rc-bg); }
#rcExec:fullscreen .rc-panel-exec{ width:100vw; height:100vh; }
#rcExec:-webkit-full-screen{ background:var(--rc-bg); }

/* ===== Tombol "Submit temuan" (Inspect Site Condition & Random Check) — jelas & solid ===== */
#iscSubmit, #rcSubmit{ width:100%; background:#2fae6a; color:#06210f; font-size:15px; font-weight:800; padding:14px; border:0; border-radius:12px; margin-top:6px; box-shadow:0 8px 20px rgba(47,174,106,.32); cursor:pointer; }
#iscSubmit:hover, #rcSubmit:hover{ filter:brightness(1.06); }
#iscSubmit:disabled, #rcSubmit:disabled{ background:#26493b; color:#9fd9bb; box-shadow:none; cursor:not-allowed; opacity:1; border:1px dashed #3f7d5f; }

/* ===== Selektor prioritas: state terpilih "menyala" & warna per tingkat ===== */
.rc-seg button{ transition:background .12s, color .12s, box-shadow .12s, transform .08s; }
.rc-seg button.on{ border-color:transparent; color:#fff; font-weight:800; transform:translateY(-1px); box-shadow:0 5px 14px rgba(0,0,0,.35); }
.rc-seg button.on[data-p="P1+"]{ background:#e0555f; color:#fff; }
.rc-seg button.on[data-p="P1"]{ background:#F36C42; color:#2a0f06; }
.rc-seg button.on[data-p="P2"]{ background:#f0a73b; color:#3a2600; }
.rc-seg button.on[data-p="P3"]{ background:#9aa6ba; color:#12203A; }
.rc-seg button:not(.on):hover{ border-color:#6c8cff; color:var(--rc-tx); }

/* ===== Kolom input lebih "lit"/terlihat (ISC & Random Check) ===== */
.rc-form label{ color:var(--rc-tx); font-weight:600; }
.rc-form input, .rc-form select, .rc-form textarea{
  background:#2b3242;
  border:1px solid rgba(255,255,255,.16);
  color:#f2f4f7;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 1px 3px rgba(0,0,0,.30);
}
.rc-form input::placeholder, .rc-form textarea::placeholder{ color:#aab2c0; }
.rc-form input:hover, .rc-form select:hover, .rc-form textarea:hover{ border-color:rgba(255,255,255,.28); }
.rc-form input:focus, .rc-form select:focus, .rc-form textarea:focus{
  border-color:var(--rc-orange);
  background:#313848;
  box-shadow: 0 0 0 3px rgba(243,108,66,.22), inset 0 1px 0 rgba(255,255,255,.06);
}

/* ===== Panel hub SOLID (anti tembus) — perbaiki keterbacaan ISC, E-book, dll ===== */
.rc-overlay .rc-panel{ background:#14161a; }
.rc-overlay .rc-body{ background:#14161a; }
.rc-overlay .rc-tabs{ background:#1b1e24; }

/* ===== E-book: item & tombol lebih jelas / highlight ===== */
.rc-eb-item{ background:#1c2230; border:1px solid rgba(255,255,255,.14); box-shadow:0 2px 8px rgba(0,0,0,.28); }
.rc-eb-main b{ color:#f2f4f7; }
.rc-eb-model{ display:inline-block; background:rgba(243,108,66,.16); color:#ffc4a6; border-radius:8px; padding:7px 12px; margin-bottom:4px; }
.rc-eb-badge{ background:#F36C42; color:#231007; }
.rc-eb-open{ background:#F36C42; color:#231007; padding:9px 15px; box-shadow:0 3px 10px rgba(243,108,66,.30); }
.rc-eb-mini{ background:#2b3242; border:1px solid rgba(255,255,255,.20); color:#e9ebee; }
.rc-eb-mini:hover{ color:#fff; border-color:#F36C42; }
.rc-eb-del:hover{ color:#ff8a94; border-color:rgba(224,85,95,.6); }