/* =====================================================================
   panel.css — insta_local panel -> robotic.paykaroindia.com look
   Loaded AFTER robotic style/theme CSS and AFTER each page's old <style>,
   so it wins every conflict. Only panel-specific fixes live here.
   ===================================================================== */

/* ---- shell ---- */
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--ink)}
.container{max-width:1480px;width:100%;margin:0 auto;padding:26px}
.wrap{max-width:1480px;width:100%;margin:0 auto;padding:26px}

/* old top-nav leftovers — .nav is now the SIDEBAR nav */
.sidebar .nav{padding-top:14px}
.nav{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none;position:static;display:block;padding:10px 14px 20px;flex:1;z-index:auto;justify-content:initial;align-items:initial;max-width:none}
.nav h1{display:none}
.nav-links{display:none}

/* ---- cards ---- */
.card{padding:18px 20px}
.card h3{font-size:15px;font-weight:700;color:var(--ink);margin:-18px -20px 14px;padding:15px 20px;border-bottom:1px solid var(--line-2);letter-spacing:-.01em}
.cards .card{padding:14px 16px}
.cards .card .t{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.06em}
.cards .card .v{color:var(--ink);font-size:22px;font-weight:800}
.cards .card .s{color:var(--muted)}
.cards .card.c-green .v{color:var(--success)}
.cards .card.c-orange .v{color:var(--warn)}
.cards .card.c-blue .v{color:var(--info)}
.cards .card.c-red .v{color:var(--danger)}
.livebadge{color:var(--success);background:var(--success-soft);border-color:rgba(16,185,129,.4)}
.livebadge .pulse{background:var(--success)}
.livebadge.paused{color:var(--muted);background:var(--sidebar-active);border-color:var(--line)}
.livebadge.paused .pulse{background:var(--muted)}

/* ---- stat cards (dashboard) ---- */
.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px;transition:.15s}
.stat-card:hover{border-color:var(--line-2);transform:none}
.stat-card .label{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}
.stat-card .value{color:var(--ink);font-size:22px;font-weight:800;letter-spacing:-.02em}
.stat-card .value.green{color:var(--success)}
.stat-card .value.red{color:var(--danger)}
.stat-card .value.blue{color:var(--brand)}
.stat-card .value.yellow{color:var(--warn)}

/* ---- tables ---- */
.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}
.table-header{background:var(--surface);border-bottom:1px solid var(--line-2);padding:14px 18px}
.table-header h2{color:var(--ink);font-size:13.5px;font-weight:700}
td{border-top:none}
tbody tr:hover td{background:transparent}
tbody td{border-bottom-color:var(--line-2)}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}
.foot{border-color:var(--line-2);color:var(--muted)}

/* ---- monitor table status colors ---- */
.rid{color:var(--brand)}
.st.success{color:var(--success)}
.st.fail{color:var(--danger)}
.st.refund{color:var(--info)}
.st.pending{color:var(--warn)}
.took-ok{color:var(--success)}
.took-bad{color:var(--danger)}
.took-run{color:var(--warn)}

/* ---- badges ---- */
.badge{padding:4px 11px;border-radius:20px;font-size:11.5px;font-weight:700;display:inline-flex;align-items:center;gap:5px;line-height:1.5}
.badge-success{background:var(--success-soft);color:#15803d}
.badge-pending{background:var(--warn-soft);color:#a16207}
.badge-fail{background:var(--danger-soft);color:#b91c1c}
.badge-unsuccess{background:var(--brand-soft);color:var(--brand-700)}
:root[data-theme="dark"] .badge-success{color:#34d399}
:root[data-theme="dark"] .badge-pending{color:#fbbf24}
:root[data-theme="dark"] .badge-fail{color:#f87171}
:root[data-theme="dark"] .badge-unsuccess{color:#a78bfa}

/* ---- buttons ---- */
.btn{background:var(--brand-600);color:#fff;border-radius:11px;font-weight:600;font-size:14px;padding:10px 18px;box-shadow:0 4px 12px rgba(79,70,229,.28);transform:none}
.btn:hover{transform:none;box-shadow:0 6px 16px rgba(79,70,229,.34);filter:brightness(1.06)}
.btn-danger{background:var(--danger);box-shadow:0 4px 12px rgba(240,65,108,.25)}
.btn-danger:hover{box-shadow:0 6px 16px rgba(240,65,108,.32)}
.btn-success{background:var(--success);box-shadow:0 4px 12px rgba(16,185,129,.25)}
.btn-success:hover{box-shadow:0 6px 16px rgba(16,185,129,.32)}
.btn.ghost{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);box-shadow:none}
.btn.ghost:hover{background:var(--sidebar-active);border-color:var(--line);color:var(--ink);filter:none;box-shadow:none}

/* ---- forms ---- */
label{color:var(--ink-2)}
.form-group label{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.02em}
.form-group input,.form-group select,.form-group textarea{
  background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:11px;padding:10px 13px;font-size:14px}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{
  border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
input[readonly]{background:var(--bg);color:var(--muted)}
.secret-input,.pin-input{background:var(--surface)!important;color:var(--success)!important;border-color:var(--line)!important}
.pwd-input{background:var(--surface)!important;color:var(--danger)!important;border-color:var(--line)!important}

/* ---- settings tabs / toggles ---- */
.settab{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);border-radius:10px}
.settab:hover{background:var(--brand-soft);border-color:var(--brand);color:var(--ink)}
.settab.active{background:var(--brand-600);border-color:transparent;color:#fff;box-shadow:0 4px 12px rgba(79,70,229,.28)}
.section-title{color:var(--ink);font-size:16px;font-weight:700;letter-spacing:-.01em}
.toggle-track{background:var(--line-2);border:1px solid var(--line)}
.toggle-track.on{background:var(--brand-600);border-color:transparent}
.mode-btn{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);border-radius:10px}
.mode-btn:hover{background:var(--brand-soft);border-color:var(--brand);color:var(--ink)}
.mode-btn.active{background:var(--brand-600);border-color:transparent;color:#fff}

/* ---- pagination ---- */
.pagination button{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);border-radius:9px}
.pagination button:hover{background:var(--brand-soft);border-color:var(--brand);color:var(--ink)}
.pagination button.active{background:var(--brand-600);border-color:transparent;color:#fff}
.pg button{background:var(--surface);border:1px solid var(--line);color:var(--ink-2)}
.pg button:hover{border-color:var(--brand);color:var(--ink)}
.pg button.cur,.pg button.active,.pg button[aria-current]{background:var(--brand-600);border-color:transparent;color:#fff}

/* ---- toast ---- */
.toast{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:13px;backdrop-filter:none;-webkit-backdrop-filter:none}
.toast-success{background:var(--success-soft);color:#15803d;border-color:rgba(16,185,129,.35)}
.toast-error{background:var(--danger-soft);color:#b91c1c;border-color:rgba(240,65,108,.35)}
:root[data-theme="dark"] .toast-success{color:#6ee7b7}
:root[data-theme="dark"] .toast-error{color:#fca5a5}

/* ---- modals (inline dark hardcodes) ---- */
#cb-modal>div,#edit-user-modal>div{background:var(--surface)!important;border-color:var(--line)!important}
#cb-modal h3,#edit-user-modal h3{color:var(--brand)!important}

/* ---- misc ---- */
.topbar #paletteBtn,.topbar #stopBtn{width:auto;min-width:0;white-space:nowrap;padding:0 13px}
.topbar #paletteBtn{min-width:62px}
.topbar #stopBtn{color:var(--danger)!important;font-weight:700;font-size:12.5px;gap:6px}
.sub-text{color:var(--muted)}
.rules-table th{background:var(--bg-2);color:var(--muted)}
.ref-table th{background:var(--bg-2);color:var(--muted)}
pre{background:var(--code-bg);color:var(--code-ink)}
.crumb{color:var(--muted);font-size:12.5px}
.crumb a{color:var(--brand-link);font-weight:600}
.crumb a:hover{color:var(--brand)}
.filters input,.filters select{background:var(--surface-2);border:1px solid var(--line);color:var(--ink);width:auto;flex:0 0 auto}
.filters label{color:var(--muted)}
.stamp{color:var(--muted)}
.mbar h2{color:var(--ink)}
.refresh-icon{color:var(--muted)}
.refresh-icon:hover{color:var(--brand)}