/* STARS RCM Pro — Random Check styles (scoped .rc- / #rcOverlay) */
#rcOverlay, .rc-overlay, .rc-modal, .rc-hub-bd, .rc-hub-fab, .rc-fab, .rc-toast,
.rc-acct-filter, .rc-acct-import-bar, .rc-far-actions, .rc-visitors{
  --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 tidak lagi disembunyikan (v3.21) — jumlah kunjungan tampil kembali */

/* ===== 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-chart .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); }

/* ===== Filter Akun: cari nama + section ===== */
.rc-acct-filter{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:0 0 12px; padding:10px 12px; background:#1c2230; border:1px solid rgba(255,255,255,.14); border-radius:12px; }
.rc-acf-search{ flex:1 1 260px; display:flex; align-items:center; gap:8px; background:#2b3242; border:1px solid rgba(255,255,255,.18); border-radius:10px; padding:0 10px; }
.rc-acf-search:focus-within{ border-color:#F36C42; box-shadow:0 0 0 3px rgba(243,108,66,.22); }
.rc-acf-search input{ flex:1; background:transparent; border:0; outline:0; color:#f2f4f7; font-size:13px; padding:10px 0; }
.rc-acf-search input::placeholder{ color:#aab2c0; }
.rc-acf-search button{ background:none; border:0; color:#aab2c0; cursor:pointer; font-size:13px; }
.rc-acf-search button:hover{ color:#fff; }
.rc-acct-filter select{ flex:0 1 220px; background:#2b3242; border:1px solid rgba(255,255,255,.18); color:#f2f4f7; border-radius:10px; padding:10px; font-size:13px; }
.rc-acct-filter select:focus{ outline:0; border-color:#F36C42; }
.rc-acf-cnt{ font-size:12px; font-weight:700; color:#ffc4a6; background:rgba(243,108,66,.14); border-radius:8px; padding:6px 10px; white-space:nowrap; }

/* ===== Grafik peserta: label rapi, scroll samping bila banyak ===== */
.rc-chart-scroll{ width:100%; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; padding-bottom:4px; }
.rc-chart-scroll::-webkit-scrollbar{ height:8px; } .rc-chart-scroll::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.18); border-radius:6px; }
.rc-chart-scroll svg{ display:block; max-width:none; }
.rc-chart-hint{ font-size:10.5px; color:#aab2c0; margin:0 0 4px; }
.rc-xlbl-rot{ font-size:11px; fill:#dfe3ea; font-weight:600; }
.rc-lockbar-sa{ background:rgba(108,140,255,.12); border-color:rgba(108,140,255,.45); color:#c9d4ff; }

/* ===== Achievement: grafik ditumpuk penuh, rapi ===== */
.rc-charts-stack{ display:flex; flex-direction:column; gap:12px; }
.rc-charts-stack > .rc-box{ min-width:0; }
.rc-charts-stack .rc-box-h{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; }
.rc-charts-stack .rc-legend{ margin-left:auto; }
.rc-charts-stack .rc-chart-scroll{ max-width:100%; }
.rc-charts-stack .rc-svg{ max-height:440px; }

/* ===== Banner auto-aktifkan notifikasi HP ===== */
.rc-push-banner{ position:fixed; left:50%; transform:translateX(-50%); bottom:max(16px, env(safe-area-inset-bottom, 0px)); z-index:99998;
  width:min(560px, calc(100vw - 24px)); display:flex; align-items:center; gap:12px; padding:13px 14px;
  background:#1c2230; color:#f2f4f7; border:1px solid rgba(243,108,66,.55); border-radius:14px;
  box-shadow:0 14px 40px rgba(0,0,0,.5); font-family:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; animation:rcPbIn .35s ease; }
@keyframes rcPbIn{ from{ opacity:0; transform:translate(-50%,20px); } to{ opacity:1; transform:translate(-50%,0); } }
.rc-pb-ic{ font-size:26px; flex:0 0 auto; }
.rc-pb-tx{ flex:1; min-width:0; } .rc-pb-tx b{ display:block; font-size:13.5px; } .rc-pb-tx small{ display:block; font-size:11.5px; color:#b9c0cc; margin-top:3px; line-height:1.35; }
.rc-pb-act{ display:flex; gap:8px; flex:0 0 auto; }
.rc-pb-act button{ border:0; border-radius:10px; padding:9px 13px; font-size:12.5px; font-weight:800; cursor:pointer; }
.rc-pb-later{ background:#2b3242; color:#dfe3ea; } .rc-pb-go{ background:#F36C42; color:#231007; }
.rc-pb-go:disabled{ opacity:.7; cursor:default; }
@media(max-width:480px){ .rc-push-banner{ flex-wrap:wrap; } .rc-pb-act{ width:100%; justify-content:flex-end; } }
.rc-pushhelp-list{ margin:0 0 12px 18px; padding:0; font-size:12.5px; line-height:1.45; color:#dfe3ea; } .rc-pushhelp-list li{ margin-bottom:7px; }



/* ===== Total kunjungan per user (di sheet Aktivitas Pengguna) ===== */
.rc-visitors{ margin-top:16px; }
.rc-vis-head{ display:flex; justify-content:space-between; align-items:center; font-size:10.5px; font-weight:900; letter-spacing:.6px; color:#a3a8b0; margin-bottom:8px; }
.rc-vis-sum{ letter-spacing:0; font-weight:700; color:#F9A971; }
.rc-vis-tools{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:8px; }
.rc-vis-chips{ display:flex; gap:6px; flex-wrap:wrap; }
.rc-vis-chips button{ background:#23272f; border:1px solid rgba(255,255,255,.14); color:#c9ced6; border-radius:8px; padding:6px 10px; font-size:11.5px; font-weight:700; cursor:pointer; }
.rc-vis-chips button.on{ background:#F36C42; border-color:#F36C42; color:#231007; }
.rc-vis-q{ flex:1 1 150px; min-width:120px; background:#2b3242; border:1px solid rgba(255,255,255,.16); color:#f2f4f7; border-radius:8px; padding:7px 10px; font-size:12px; }
.rc-vis-q:focus{ outline:0; border-color:#F36C42; }
.rc-vis-note{ font-size:11px; color:#c9ced6; background:rgba(249,169,113,.10); border:1px solid rgba(249,169,113,.28); border-radius:9px; padding:7px 10px; margin-bottom:10px; }
.rc-vis-pt{ float:right; color:#F9A971; font-weight:800; }
.rc-vis-list{ display:flex; flex-direction:column; gap:6px; max-height:52vh; overflow-y:auto; }
.rc-vis-row{ display:flex; align-items:center; gap:10px; padding:8px 10px; background:#1c2230; border:1px solid rgba(255,255,255,.10); border-radius:11px; }
.rc-vis-rank{ flex:0 0 22px; text-align:center; font-size:12px; font-weight:900; color:#8a8f98; }
.rc-vis-rank.top{ color:#F9A971; }
.rc-vis-av{ flex:0 0 34px; width:34px; height:34px; border-radius:50%; object-fit:cover; }
.rc-vis-ini{ display:flex; align-items:center; justify-content:center; color:#fff; font-size:12px; font-weight:800; }
.rc-vis-main{ flex:1; min-width:0; }
.rc-vis-main b{ display:block; font-size:13px; color:#f2f4f7; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rc-vis-main small{ display:block; font-size:10.5px; color:#a3a8b0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rc-vis-bar{ height:5px; background:rgba(255,255,255,.07); border-radius:4px; margin-top:5px; overflow:hidden; }
.rc-vis-bar i{ display:block; height:100%; background:linear-gradient(90deg,#F36C42,#F9A971); border-radius:4px; }
.rc-vis-num{ flex:0 0 auto; text-align:right; }
.rc-vis-num b{ display:block; font-size:18px; font-weight:900; color:#f2f4f7; line-height:1.1; }
.rc-vis-num small{ display:block; font-size:10px; color:#a3a8b0; }
.rc-vis-num em{ display:block; font-size:10px; font-style:normal; color:#F9A971; }
.rc-vis-empty{ font-size:12px; color:#8a8f98; padding:12px; text-align:center; }

/* ===== v3.24: Random Check & Inspect Site Condition layar penuh (desktop juga) ===== */
#rcOverlay.rc-overlay, #iscOverlay.rc-overlay{ padding:0; background:var(--rc-bg); backdrop-filter:none; -webkit-backdrop-filter:none; }
#rcOverlay .rc-panel, #iscOverlay .rc-panel{ width:100vw; max-width:100vw; height:100vh; max-height:100vh; border:0; border-radius:0; box-shadow:none; }
@media(min-width:1100px){
  #rcOverlay .rc-body, #iscOverlay .rc-body{ padding:18px 28px; }
  #rcOverlay .rc-leaders, #iscOverlay .rc-leaders{ grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); }
}
#rcOverlay .rc-charts-stack .rc-svg, #iscOverlay .rc-charts-stack .rc-svg{ max-height:520px; }
@media(min-width:1300px){ #rcOverlay .rc-chart-hint, #iscOverlay .rc-chart-hint{ display:none; } }

/* ===== Stempel CLOSED di foto temuan (overlay, file asli tidak diubah) ===== */
.rc-closed-stamp{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; pointer-events:none; z-index:3;
  background:linear-gradient(180deg,rgba(10,40,24,.10),rgba(10,40,24,.28)); }
.rc-closed-stamp span{ transform:rotate(-14deg); font-family:"Archivo Black","Archivo",system-ui,sans-serif; font-weight:900;
  font-size:clamp(22px,7vw,46px); letter-spacing:4px; color:rgba(64,214,132,.92); padding:6px 18px;
  border:4px double rgba(64,214,132,.9); border-radius:10px; background:rgba(8,28,16,.35);
  text-shadow:0 2px 8px rgba(0,0,0,.55); box-shadow:0 0 0 2px rgba(8,28,16,.25) inset; }

/* ===== v3.26: Tampilan DESKTOP layar penuh (menimpa batas 1440px adaptive-theme.css) =====
   Berlaku hanya >= 1024px; HP/tablet tidak berubah. File inti tidak diubah. */
@media (min-width: 1024px){
  body .app{ max-width:none !important; width:100% !important; margin-inline:0 !important; padding:0 28px 32px 112px !important; }
  body .bottomnav{ left:0 !important; }
  body .en-subpage{ max-width:none !important; }
  body #pageFeed .feed{ grid-template-columns:repeat(auto-fill, minmax(400px, 1fr)) !important; }
  body #pageUnits .unit-grid{ grid-template-columns:repeat(auto-fill, minmax(270px, 1fr)) !important; }
  body .sheet{ padding-left:112px; }
}
@media (min-width: 1600px){
  body .app{ padding-right:36px !important; }
}

/* ===== Feed: cari + team (1 baris, rata kiri-kanan) ===== */
.rc-feedtools{ display:flex; align-items:center; gap:10px; flex-wrap:nowrap; width:100%; box-sizing:border-box; margin:10px 0 12px; }
.rc-feedtools > *{ margin:0 !important; }
.rc-ft-search{ flex:1 1 auto; min-width:0; display:flex; align-items:center; gap:8px; background:var(--surface2,#1c2230); border:1px solid var(--border,rgba(255,255,255,.14)); border-radius:999px; padding:0 14px; height:40px; box-sizing:border-box; }
.rc-ft-search:focus-within{ border-color:#F5B700; box-shadow:0 0 0 3px rgba(245,183,0,.18); }
.rc-ft-search input{ flex:1 1 auto; width:auto !important; min-width:0; height:100%; background:transparent !important; border:0 !important; outline:0; box-shadow:none !important; color:var(--text,#eef2f7); font-size:13.5px; padding:0 !important; }
.rc-feedtools .rc-ft-team{ flex:0 0 190px; width:190px !important; height:40px; box-sizing:border-box; background:var(--surface2,#1c2230); color:var(--text,#eef2f7); border:1px solid var(--border,rgba(255,255,255,.14)); border-radius:999px; padding:0 14px; font-size:13px; font-weight:700; cursor:pointer; }
.rc-feedtools .rc-ft-team:focus{ outline:0; border-color:#F5B700; }
.rc-ft-cnt{ flex:0 0 auto; font-size:12px; font-weight:800; color:#F5B700; white-space:nowrap; }
.rc-ft-reset{ flex:0 0 40px; width:40px; height:40px; background:transparent; border:1px solid var(--border,rgba(255,255,255,.14)); color:var(--muted,#a3a8b0); border-radius:999px; cursor:pointer; }
.rc-ft-reset:hover{ color:#fff; border-color:#F5B700; }
.rc-ft-empty{ grid-column:1/-1; padding:28px; text-align:center; color:var(--muted,#a3a8b0); border:1px dashed var(--border,rgba(255,255,255,.14)); border-radius:16px; }
.rc-ft-empty small{ display:block; margin-top:6px; }
@media (min-width:1024px){
  #pageFeed > .chips{ flex-wrap:wrap !important; align-items:center; }
  #pageFeed > .chips .rc-feedtools{ flex:1 1 100%; order:99; margin:10px 0 0 !important; padding-top:10px; border-top:1px solid var(--border,rgba(255,255,255,.10)); }
}
@media (max-width:1023px){
  .rc-feedtools{ padding:0 2px; }
  .rc-feedtools .rc-ft-team{ flex-basis:130px; width:130px !important; }
  .rc-ft-cnt{ display:none; }
}

/* ===== v3.29: baris filter Feed tidak menempel (ikut tergulir) di desktop ===== */
@media (min-width:1024px){
  body #pageFeed > .chips{ position:static !important; top:auto !important; backdrop-filter:none; }
}

/* ===== v3.30: Planning Deviation Inbox — baris bisa dibuka (MCR) & kolom Parts (MR) ===== */
.rcpl-row{ cursor:zoom-in; }
.rcpl-row:hover td{ background:rgba(245,183,0,.06); }
.rcpl-parts{ cursor:pointer; }
.rcpl-parts span{ display:inline-flex; align-items:center; gap:4px; padding:4px 10px; border:1px solid rgba(245,183,0,.45); border-radius:999px; color:#F5B700; font-weight:800; white-space:nowrap; }
.rcpl-parts:hover span{ background:rgba(245,183,0,.15); }
body.rcpl-over .sheet{ z-index:13500 !important; }

/* ===== v3.31: Deviation Inbox auto-hapus baris CLOSED + Closed History temuan tanpa Planning ===== */
.rcpl-gone{ opacity:0; transition:opacity .4s ease; }
.rc-cf{ margin-top:22px; border:1px solid rgba(255,255,255,.12); border-radius:16px; background:rgba(255,255,255,.02); overflow:hidden; }
.rc-cf-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:14px; flex-wrap:wrap; padding:16px 18px; border-bottom:1px solid rgba(255,255,255,.08); }
.rc-cf-head h3{ margin:0 0 4px; font-size:15px; color:#eef2f7; }
.rc-cf-head p{ margin:0; font-size:11.5px; color:#9aa3b2; }
.rc-cf-tools{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.rc-cf-tools input, .rc-cf-tools select{ width:auto !important; background:#1c2230; color:#eef2f7; border:1px solid rgba(255,255,255,.16); border-radius:10px; padding:8px 12px; font-size:12.5px; }
.rc-cf-tools input{ min-width:240px; }
.rc-cf-tools input:focus, .rc-cf-tools select:focus{ outline:0; border-color:#F5B700; }
.rc-cf-cnt{ font-size:12px; font-weight:800; color:#F5B700; white-space:nowrap; }
.rc-cf-scroll{ overflow:auto; max-height:60vh; }
.rc-cf-table{ width:100%; border-collapse:collapse; font-size:12px; }
.rc-cf-table th{ position:sticky; top:0; background:#161b25; text-align:left; font-size:10.5px; letter-spacing:.4px; text-transform:uppercase; color:#9aa3b2; padding:10px 12px; }
.rc-cf-table td{ padding:10px 12px; border-top:1px solid rgba(255,255,255,.06); color:#dfe3ea; vertical-align:top; white-space:nowrap; }
.rc-cf-table td.rc-cf-wrap{ white-space:normal; min-width:200px; }
.rc-cf-table tbody tr{ cursor:zoom-in; } .rc-cf-table tbody tr:hover td{ background:rgba(245,183,0,.06); }
.rc-cf-p{ display:inline-block; padding:2px 8px; border-radius:6px; font-weight:800; font-size:11px; background:#3a3f4a; color:#fff; }
.rc-cf-P1plus,.rc-cf-P1{ background:#e0555f; } .rc-cf-P2{ background:#f0a73b; color:#2a1a00; }
.rc-cf-empty{ padding:24px; text-align:center; color:#9aa3b2; font-size:12.5px; }
.rc-cf-age{ display:inline-block; padding:2px 9px; border-radius:999px; font-weight:800; font-size:11px; background:#2b3242; color:#dfe3ea; }
.rc-cf-age-ok{ background:rgba(47,174,106,.18); color:#5fd299; }
.rc-cf-age-mid{ background:rgba(240,167,59,.18); color:#f5c26b; }
.rc-cf-age-late{ background:rgba(224,85,95,.18); color:#ff8a94; }

/* ===== v3.34: Data Record (STARS Hub) ===== */
#rcRecord.rc-overlay{ padding:0; background:var(--rc-bg); backdrop-filter:none; -webkit-backdrop-filter:none; }
#rcRecord .rc-panel{ width:100vw; max-width:100vw; height:100vh; max-height:100vh; border:0; border-radius:0; box-shadow:none; }
.rc-head-rec{ background:linear-gradient(135deg,#14532d,#0c3a20) !important; }
.rc-logo-rec{ background:rgba(47,174,106,.18); }
.rc-rec-headtools{ display:flex; align-items:center; gap:8px; }
.rc-rec-headtools select{ width:auto !important; background:rgba(0,0,0,.25); color:#fff; border:1px solid rgba(255,255,255,.25); border-radius:10px; padding:7px 10px; font-size:12.5px; font-weight:700; }
#rcRecord .rc-cards{ grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); }
#rcRecord .rc-rec-list{ margin-top:4px; }
.rc-rec-via{ display:inline-block; padding:2px 9px; border-radius:999px; font-size:11px; font-weight:800; }
.rc-rec-via.direct{ background:rgba(243,108,66,.16); color:#ffb08f; } .rc-rec-via.plan{ background:rgba(108,140,255,.16); color:#b7c6ff; }
body.rcrec-over .sheet{ z-index:100050 !important; }
@media(min-width:1100px){ #rcRecord .rc-body{ padding:18px 28px; } }
.rc-t-blue{ border-left-color:#6c8cff; } .rc-t-blue b{ color:#9fb3ff; }

/* ===== v3.35: Data Record tergulir sebagai SATU halaman (tanpa scroll bertumpuk / tanpa freeze) ===== */
#rcRecord .rc-panel{ display:block !important; overflow-y:auto !important; overflow-x:hidden; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; }
#rcRecord .rc-body{ overflow:visible !important; height:auto !important; max-height:none !important; flex:none !important; }
#rcRecord .rc-cf{ overflow:visible; }
#rcRecord .rc-cf-scroll{ max-height:none !important; overflow-y:visible !important; overflow-x:auto; -webkit-overflow-scrolling:touch; }
#rcRecord .rc-cf-table th{ position:static !important; }
@media(max-width:767px){
  #rcRecord .rc-rec-headtools select{ max-width:110px; }
  #rcRecord .rc-cf-head{ padding:12px; } #rcRecord .rc-cf-tools{ width:100%; }
  #rcRecord .rc-cf-tools input{ min-width:0; flex:1 1 100%; }
  #rcRecord .rc-cf-tools select{ flex:1 1 45%; }
}

/* ===== v3.36: Data Record — tab gelembung (pill) meluncur halus ===== */
#rcRecord .rc-rec-tabs{ padding:12px 16px; border-bottom:1px solid var(--rc-bd); }
.rc-bubble-track{ position:relative; display:inline-flex; gap:4px; padding:5px; border-radius:999px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.10); box-shadow:inset 0 1px 3px rgba(0,0,0,.35); }
.rc-bubble-ind{ position:absolute; top:5px; left:0; height:calc(100% - 10px); width:0; border-radius:999px; z-index:0; opacity:0;
  background:linear-gradient(135deg,#2fae6a,#1f8a52); box-shadow:0 6px 18px rgba(47,174,106,.45), inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .42s cubic-bezier(.34,1.56,.64,1), width .42s cubic-bezier(.34,1.56,.64,1), opacity .2s ease; }
.rc-bubble-ind.rc-bubble-ready{ opacity:1; }
#rcRecord .rc-bubble-track .rc-tab{ position:relative; z-index:1; border:0 !important; border-radius:999px; padding:9px 18px; font-weight:800; color:var(--rc-mut);
  background:transparent; transition:color .25s ease, transform .15s ease; -webkit-tap-highlight-color:transparent; }
#rcRecord .rc-bubble-track .rc-tab:hover{ color:#fff; }
#rcRecord .rc-bubble-track .rc-tab:active{ transform:scale(.94); }
#rcRecord .rc-bubble-track .rc-tab.rc-tab-on{ color:#fff; border-bottom-color:transparent !important; text-shadow:0 1px 2px rgba(0,0,0,.35); }
.rc-rec-fade{ animation:rcRecFade .38s cubic-bezier(.22,1,.36,1); }
@keyframes rcRecFade{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce){ .rc-bubble-ind, .rc-rec-fade{ transition:none !important; animation:none !important; } }