:root{
  --rx-bg:#070914;
  --rx-surface:rgba(14,19,38,.78);
  --rx-line:rgba(255,255,255,.085);
  --rx-text:#f6f7fb;
  --rx-muted:#929bb4;
  --rx-purple:#8b5cf6;
  --rx-cyan:#39d6ff;
  --rx-green:#35d07f;
  --rx-shadow:0 24px 80px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
.rx-admin-shell{
  min-height:100vh;display:grid;grid-template-columns:210px minmax(0,1fr);
  background:
    radial-gradient(circle at 85% 12%,rgba(111,40,190,.19),transparent 28%),
    radial-gradient(circle at 22% 95%,rgba(0,184,255,.09),transparent 24%),
    linear-gradient(180deg,#070914,#080b16);
}
.rx-admin-sidebar{
  position:sticky;top:0;height:100vh;padding:16px 12px;overflow:auto;z-index:30;
  border-right:1px solid var(--rx-line);background:rgba(6,9,20,.94);backdrop-filter:blur(22px);
}
.rx-admin-brand{display:flex;align-items:center;gap:10px;padding:8px 8px 20px;text-decoration:none;color:#fff;font-weight:900}
.rx-admin-brand img{width:30px;height:30px}
.rx-side-group{margin:14px 0 18px}
.rx-side-title{padding:0 10px 8px;color:#925cff;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.rx-side-link{
  display:flex;align-items:center;gap:10px;min-height:38px;padding:9px 10px;border:1px solid transparent;
  border-radius:10px;color:#c2c8d9;text-decoration:none;font-size:13px;transition:.18s ease;
}
.rx-side-link:hover{color:#fff;background:rgba(255,255,255,.045);border-color:var(--rx-line);transform:translateX(2px)}
.rx-side-link.active{
  color:#fff;background:linear-gradient(100deg,rgba(132,53,235,.92),rgba(116,31,205,.92));
  box-shadow:0 10px 28px rgba(123,55,220,.24)
}
.rx-side-badge{margin-left:auto;padding:2px 7px;border-radius:999px;background:rgba(62,220,122,.14);color:#4ef28b;font-size:9px;font-weight:900}
.rx-admin-main{min-width:0;padding:0 24px 50px}
.rx-admin-topbar{
  min-height:68px;display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:20;
  border-bottom:1px solid var(--rx-line);background:rgba(7,9,20,.84);backdrop-filter:blur(20px)
}
.rx-top-actions{display:flex;gap:8px;flex-wrap:wrap}
.rx-top-btn{
  display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--rx-line);
  border-radius:10px;text-decoration:none;color:#e7e9f3;font-size:12px;font-weight:800;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  box-shadow:0 7px 24px rgba(0,0,0,.18);transition:.18s ease
}
.rx-top-btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.18);box-shadow:0 11px 28px rgba(0,0,0,.25)}
.rx-top-btn.purple{background:linear-gradient(135deg,#9a4cff,#7b46f0);border-color:#af6cff;box-shadow:0 12px 30px rgba(137,70,240,.28)}
.rx-top-btn.green{background:linear-gradient(135deg,rgba(22,131,91,.35),rgba(17,95,72,.28));border-color:rgba(47,210,143,.22)}
.rx-top-btn.blue{background:linear-gradient(135deg,rgba(31,112,191,.28),rgba(14,56,105,.27));border-color:rgba(76,164,255,.22)}
.rx-top-spacer{flex:1}
.rx-top-user{display:flex;align-items:center;gap:10px;color:#fff;font-size:12px}
.rx-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#22d3ee,#8b5cf6);color:#07101c;font-weight:900}
.rx-admin-content{padding:22px 0 0;max-width:1480px}
.rx-page-header{display:flex;justify-content:space-between;gap:20px;margin:0 0 20px}
.rx-page-title{margin:7px 0 6px;font-size:29px;line-height:1.1;letter-spacing:-.04em}
.rx-page-subtitle{color:var(--rx-muted);font-size:13px;margin:0}
.rx-kicker{color:#b486ff;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.rx-settings-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.rx-settings-tab{
  display:inline-flex;align-items:center;gap:7px;padding:10px 14px;color:#c0c7d9;border:1px solid var(--rx-line);
  border-radius:9px;background:rgba(255,255,255,.025);cursor:pointer;font-size:12px;font-weight:700;transition:.18s ease
}
.rx-settings-tab:hover,.rx-settings-tab.active{
  color:#fff;border-color:rgba(160,93,255,.27);
  background:linear-gradient(180deg,rgba(130,62,201,.30),rgba(99,42,161,.17));
  box-shadow:inset 0 0 26px rgba(161,76,255,.06)
}
.rx-settings-card{
  position:relative;overflow:hidden;margin:0 0 14px;padding:16px;border:1px solid var(--rx-line);
  border-radius:18px;background:linear-gradient(180deg,rgba(20,26,48,.84),rgba(11,16,32,.80));box-shadow:var(--rx-shadow)
}
.rx-settings-card[data-rx-group="billing"]{border-color:rgba(192,65,255,.27)}
.rx-settings-card[data-rx-group="crawler"]{border-color:rgba(38,148,255,.27)}
.rx-settings-card[data-rx-group="credits"]{border-color:rgba(63,214,103,.24)}
.rx-settings-card[data-rx-group="economics"]{border-color:rgba(251,190,61,.22)}
.rx-settings-card[data-rx-group="hosting"]{border-color:rgba(56,189,248,.24)}
.rx-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.rx-card-title{margin:0;font-size:15px;font-weight:900;letter-spacing:-.02em}
.rx-card-desc{color:var(--rx-muted);font-size:11px;margin-top:3px}
.rx-settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.rx-setting-field{min-width:0;padding:10px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(255,255,255,.018)}
.rx-setting-label{display:flex;align-items:center;gap:6px;margin-bottom:7px;color:#edf0f8;font-size:11px;font-weight:800}
.rx-setting-help{margin-top:6px;color:#78839f;font-size:10px;line-height:1.35}
.rx-setting-field input,.rx-setting-field select,.rx-setting-field textarea{
  width:100%!important;min-height:34px;padding:7px 10px!important;border:1px solid rgba(255,255,255,.08)!important;
  border-radius:7px!important;background:#11182d!important;color:#fff!important;outline:none!important;font-size:12px!important
}
.rx-setting-field input:focus,.rx-setting-field select:focus,.rx-setting-field textarea:focus{
  border-color:#9d59ff!important;box-shadow:0 0 0 3px rgba(157,89,255,.09)!important
}
.rx-form-actions{position:sticky;bottom:15px;display:flex;justify-content:flex-end;z-index:12;margin-top:16px;pointer-events:none}
.rx-form-actions>*{pointer-events:auto}
.rx-save-btn{
  border:1px solid rgba(118,162,255,.32)!important;border-radius:10px!important;padding:11px 17px!important;
  color:#fff!important;background:linear-gradient(135deg,#b42cff,#188cff)!important;
  font-size:12px!important;font-weight:900!important;box-shadow:0 14px 34px rgba(122,74,255,.28)!important;cursor:pointer!important
}
.rx-ai-page{min-height:calc(100vh - 70px);padding:42px 0 80px}
.rx-ai-hero2{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:38px;align-items:center;margin:10px 0 26px}
.rx-ai-kicker{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(140,91,255,.24);border-radius:999px;color:#c6b7ff;background:rgba(110,59,189,.12);font-size:10px;font-weight:900;letter-spacing:.12em}
.rx-ai-title{margin:15px 0 11px;font-size:clamp(40px,6vw,78px);line-height:.92;letter-spacing:-.065em;max-width:780px}
.rx-ai-copy{color:#a2abc0;font-size:15px;line-height:1.7;max-width:760px}
.rx-orb2{width:min(320px,65vw);aspect-ratio:1;margin:auto;position:relative;transform-style:preserve-3d;animation:rxOrbFloat 7s ease-in-out infinite}
.rx-orb2::before,.rx-orb2::after,.rx-orb2 span{
  content:"";position:absolute;inset:13%;border:1px solid rgba(255,255,255,.13);border-radius:48%;
  transform-style:preserve-3d;box-shadow:0 0 60px rgba(117,51,255,.13)
}
.rx-orb2::before{transform:rotateX(66deg) rotateZ(22deg)}
.rx-orb2::after{transform:rotateY(65deg) rotateZ(-17deg);border-color:rgba(36,214,255,.32)}
.rx-orb2 span:nth-child(1){inset:27%;border:0;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff,#3ee1ff 18%,#8948ff 52%,transparent 72%);box-shadow:0 0 85px rgba(79,166,255,.25)}
.rx-orb2 span:nth-child(2){transform:rotateX(24deg) rotateY(77deg)}
.rx-orb2 span:nth-child(3){transform:rotateX(77deg) rotateY(22deg)}
@keyframes rxOrbFloat{50%{transform:translateY(-14px) rotateY(11deg) rotateX(-4deg)}}
.rx-ai-form{border:1px solid rgba(141,86,255,.22);border-radius:20px;padding:22px;background:linear-gradient(180deg,rgba(15,21,43,.89),rgba(9,14,29,.90));box-shadow:0 28px 90px rgba(0,0,0,.32)}
.rx-ai-form-grid{display:grid;grid-template-columns:1fr 180px;gap:12px}
.rx-ai-form label{display:block;color:#cbd2e2;font-size:11px;font-weight:800;margin-bottom:8px}
.rx-ai-form input,.rx-ai-form textarea{width:100%;color:white;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#10162a;padding:11px 12px;outline:none}
.rx-ai-form input:focus,.rx-ai-form textarea:focus{border-color:#9559ff;box-shadow:0 0 0 3px rgba(149,89,255,.09)}
.rx-ai-form textarea{min-height:240px;resize:vertical;font-size:13px;line-height:1.6}
.rx-ai-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px}
.rx-ai-note{color:#8792aa;font-size:11px;line-height:1.5;max-width:720px}
.rx-ai-build{
  min-width:190px;border:0;border-radius:10px;padding:12px 17px;color:#fff;font-size:12px;font-weight:900;cursor:pointer;
  background:linear-gradient(135deg,#b132ff,#208cff);box-shadow:0 14px 34px rgba(106,84,255,.27);transition:.18s ease
}
.rx-ai-build:hover{transform:translateY(-1px);filter:brightness(1.06)}
.rx-public-ai-button{
  display:inline-flex;align-items:center;gap:8px;border-radius:10px;padding:10px 14px;text-decoration:none;
  color:#fff!important;background:linear-gradient(135deg,#a346ff,#238cff);border:1px solid rgba(182,121,255,.35);
  box-shadow:0 12px 30px rgba(112,75,255,.25);font-weight:900
}
@media(max-width:1180px){.rx-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){
  .rx-admin-shell{grid-template-columns:1fr}.rx-admin-sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--rx-line)}
  .rx-admin-main{padding:0 16px 40px}.rx-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rx-ai-hero2{grid-template-columns:1fr}.rx-orb2{width:220px}
}
@media(max-width:650px){
  .rx-settings-grid{grid-template-columns:1fr}.rx-page-header{display:block}.rx-admin-topbar{position:relative;align-items:flex-start;padding:10px 0;flex-wrap:wrap}
  .rx-ai-form-grid{grid-template-columns:1fr}.rx-ai-bottom{align-items:stretch;flex-direction:column}.rx-ai-build{width:100%}
}

/* REPLIXA STORAGE */
.rx-storage-page{min-height:calc(100vh - 80px);padding:52px 0 90px;overflow:hidden}
.rx-storage-page svg{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important}
.rx-storage-shell{width:min(1180px,calc(100% - 32px));margin:auto}
.rx-storage-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:26px}
.rx-storage-kicker{display:inline-flex;padding:7px 10px;border:1px solid rgba(136,92,246,.25);border-radius:999px;color:#c7b5ff;background:rgba(116,66,197,.10);font-size:10px;font-weight:900;letter-spacing:.14em}
.rx-storage-hero h1{margin:14px 0 10px;color:#fff;font-size:clamp(42px,5.5vw,70px);line-height:.92;letter-spacing:-.06em}
.rx-storage-hero h1 span{background:linear-gradient(100deg,#fff,#6ee7ff 40%,#aa7cff 78%);-webkit-background-clip:text;background-clip:text;color:transparent}
.rx-storage-hero p{max-width:700px;margin:0;color:#929db5;line-height:1.65}
.rx-storage-new{padding:12px 16px;border:1px solid rgba(156,108,255,.32);border-radius:12px;background:linear-gradient(135deg,#a23cff,#248bff);color:#fff!important;text-decoration:none;font-size:13px;font-weight:900;box-shadow:0 15px 36px rgba(111,76,255,.25)}
.rx-storage-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.rx-storage-stats article{padding:17px 18px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:linear-gradient(180deg,rgba(18,24,45,.72),rgba(10,15,30,.70))}
.rx-storage-stats span{display:block;margin-bottom:8px;color:#7f8aa4;font-size:11px}
.rx-storage-stats strong{color:#f8f9fc;font-size:23px}
.rx-archive-grid{display:grid;gap:12px}
.rx-archive-card{display:grid;grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:18px;padding:17px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:linear-gradient(110deg,rgba(18,24,45,.84),rgba(11,15,29,.82));box-shadow:0 16px 48px rgba(0,0,0,.18);transition:.18s ease}
.rx-archive-card:hover{border-color:rgba(135,94,244,.26);transform:translateY(-1px)}
.rx-archive-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(119,208,255,.20);border-radius:15px;background:linear-gradient(145deg,rgba(44,194,255,.14),rgba(127,68,244,.14));color:#8be8ff;font-size:11px;font-weight:950}
.rx-archive-main{min-width:0}.rx-archive-top{display:flex;justify-content:space-between;gap:12px}.rx-archive-type{display:block;margin-bottom:4px;color:#9071e8;font-size:9px;font-weight:900;letter-spacing:.13em}.rx-archive-card h2{margin:0;color:#f8f9fd;font-size:17px}.rx-ready-dot{padding:5px 8px;border-radius:999px;border:1px solid rgba(55,215,125,.18);background:rgba(55,215,125,.08);color:#67ef9f;font-size:9px;font-weight:900}.rx-archive-url{margin-top:5px;color:#79859f;font-size:11px}.rx-archive-meta{display:flex;gap:13px;flex-wrap:wrap;margin-top:10px;color:#aab3c8;font-size:10px}.rx-archive-name{margin-top:8px;overflow:hidden;color:#68748d;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.rx-archive-actions{display:flex;gap:8px;align-items:center}.rx-archive-actions form{margin:0}.rx-archive-download,.rx-archive-delete{min-height:37px;padding:9px 12px;border-radius:9px;font-size:11px;font-weight:900;cursor:pointer}.rx-archive-download{display:inline-flex;align-items:center;color:#07111b!important;text-decoration:none;background:linear-gradient(135deg,#8ff2ff,#9c83ff);border:1px solid rgba(99,225,255,.35)}.rx-archive-delete{color:#ff9eab;border:1px solid rgba(251,113,133,.16);background:rgba(251,113,133,.06)}
.rx-storage-pagination{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:60px!important;margin-top:22px!important}.rx-storage-pagination a,.rx-storage-pagination span{width:auto!important;height:auto!important;min-width:0!important;max-width:none!important;padding:8px 11px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:8px!important;background:rgba(255,255,255,.035)!important;color:#cbd2e4!important;text-decoration:none!important;font-size:11px!important;line-height:1.2!important}.rx-storage-pagination .disabled{opacity:.38}.rx-storage-pagination .rx-page-current{background:transparent!important;border-color:transparent!important;color:#8f9bb4!important}
.rx-storage-empty{padding:70px 24px;text-align:center;border:1px dashed rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.018)}.rx-empty-icon{width:70px;height:70px;margin:0 auto 16px;display:grid;place-items:center;border:1px solid rgba(103,214,255,.20);border-radius:20px;color:#8eeaff;background:linear-gradient(145deg,rgba(41,196,255,.11),rgba(127,69,245,.11));font-weight:950}.rx-storage-empty h2{margin:0 0 8px;color:#fff}.rx-storage-empty p{max-width:560px;margin:0 auto 18px;color:#8b96af}.rx-storage-empty a{display:inline-flex;padding:10px 14px;border-radius:10px;color:#fff!important;text-decoration:none;font-size:12px;font-weight:900;background:linear-gradient(135deg,#9a43ff,#278cff)}
body:has(.rx-storage-page) svg{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important}
nav .rx-public-ai-button{display:none!important}
@media(max-width:780px){.rx-storage-hero{align-items:flex-start;flex-direction:column}.rx-storage-stats{grid-template-columns:1fr}.rx-archive-card{grid-template-columns:55px minmax(0,1fr)}.rx-archive-actions{grid-column:1/-1;justify-content:flex-end}}
@media(max-width:520px){.rx-archive-card{grid-template-columns:1fr}.rx-archive-icon{display:none}.rx-archive-actions{justify-content:stretch}.rx-archive-download,.rx-archive-actions form,.rx-archive-delete{width:100%}}


/* ============================================================
   REPLIXA ADMIN SETTINGS — SINGLE SIDEBAR / FULL WIDTH FIX
   ============================================================ */

/*
 * The global workspace sidebar is already rendered by layouts.app.
 * Settings must therefore NOT reserve another 210px sidebar column.
 */
body:has(.rx-settings-page) .rx-admin-shell {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 100vh;
    margin: 0 !important;
    padding: 0 !important;
    grid-template-columns: none !important;
}

/* Main Settings area */
body:has(.rx-settings-page) .rx-admin-main {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 32px 70px !important;
}

/* Remove the duplicate internal top navigation.
   Main global navigation remains untouched. */
body:has(.rx-settings-page) .rx-admin-topbar {
    display: none !important;
}

/* Full settings content */
body:has(.rx-settings-page) .rx-admin-content {
    display: block !important;
    width: 100% !important;
    max-width: 1540px !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 34px 0 60px !important;
}

/* Modern header */
body:has(.rx-settings-page) .rx-page-header {
    display: flex !important;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin: 0 0 24px !important;
}

body:has(.rx-settings-page) .rx-page-title {
    margin: 7px 0 8px !important;
    color: #f8f9ff;
    font-size: clamp(30px, 3vw, 46px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.045em;
}

body:has(.rx-settings-page) .rx-page-subtitle {
    max-width: 760px;
    margin: 0;
    color: #8d98b2;
    font-size: 13px;
    line-height: 1.6;
}

/*
 * Old settings content is still useful and functional.
 * Make its outer Tailwind container behave correctly inside
 * the new admin layout.
 */
body:has(.rx-settings-page) .rx-admin-content > .max-w-7xl {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Hide duplicate second ADMIN CMS / Platform configuration title */
body:has(.rx-settings-page)
.rx-admin-content > .max-w-7xl > .flex.justify-between {
    display: flex !important;
    align-items: center;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin: 0 0 18px !important;
}

body:has(.rx-settings-page)
.rx-admin-content > .max-w-7xl > .flex.justify-between > div:first-child {
    display: none !important;
}

/* Buttons above settings */
body:has(.rx-settings-page)
.rx-admin-content > .max-w-7xl > .flex.justify-between > div:last-child {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap;
}

/* Main 2/3 + 1/3 settings layout */
body:has(.rx-settings-page) .lg\:grid-cols-3 {
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) minmax(280px, .72fr) !important;
    gap: 18px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-top: 0 !important;
}

body:has(.rx-settings-page) .lg\:col-span-2 {
    grid-column: auto !important;
    min-width: 0 !important;
}

/* Every settings panel */
body:has(.rx-settings-page) section {
    min-width: 0;
    border: 1px solid rgba(255,255,255,.075) !important;
    border-radius: 16px !important;
    background:
        linear-gradient(
            145deg,
            rgba(17,22,43,.88),
            rgba(9,13,27,.88)
        ) !important;
    box-shadow:
        0 18px 50px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.025);
}

/* Inputs */
body:has(.rx-settings-page) input:not([type="checkbox"]),
body:has(.rx-settings-page) textarea,
body:has(.rx-settings-page) select {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    border: 1px solid rgba(255,255,255,.085) !important;
    border-radius: 9px !important;
    outline: none;
    background: rgba(6,10,22,.82) !important;
    color: #eef1f8 !important;
    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease;
}

body:has(.rx-settings-page) input:not([type="checkbox"]):focus,
body:has(.rx-settings-page) textarea:focus,
body:has(.rx-settings-page) select:focus {
    border-color: rgba(113,208,255,.48) !important;
    background: rgba(8,13,28,.96) !important;
    box-shadow: 0 0 0 3px rgba(70,174,255,.08);
}

/* Prevent long setting/API keys from expanding layout */
body:has(.rx-settings-page) label,
body:has(.rx-settings-page) form,
body:has(.rx-settings-page) section,
body:has(.rx-settings-page) div {
    min-width: 0;
}

/* Better section headings */
body:has(.rx-settings-page) section > h2 {
    margin-top: 0;
    color: #f5f7fd;
    letter-spacing: -.02em;
}

/* Settings group forms */
body:has(.rx-settings-page) .space-y-6 > section {
    margin-bottom: 14px;
}

/* Buttons */
body:has(.rx-settings-page) button,
body:has(.rx-settings-page) a.bg-white\/10 {
    border-radius: 9px !important;
    transition:
        transform .16s ease,
        filter .16s ease,
        border-color .16s ease;
}

body:has(.rx-settings-page) button:hover,
body:has(.rx-settings-page) a.bg-white\/10:hover {
    transform: translateY(-1px);
    filter: brightness(1.08);
}

/* Checkboxes */
body:has(.rx-settings-page) input[type="checkbox"] {
    width: 15px;
    height: 15px;
    accent-color: #8b5cf6;
}

/* Right column remains visible when scrolling on desktop */
@media (min-width: 1201px) {
    body:has(.rx-settings-page)
    .lg\:grid-cols-3 > .space-y-6:last-child {
        align-self: start;
        position: sticky;
        top: 105px;
    }
}

/* Laptop */
@media (max-width: 1200px) {
    body:has(.rx-settings-page) .rx-admin-main {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    body:has(.rx-settings-page) .lg\:grid-cols-3 {
        grid-template-columns: minmax(0, 1fr) 280px !important;
    }
}

/* Tablet */
@media (max-width: 980px) {
    body:has(.rx-settings-page) .rx-admin-main {
        padding: 0 18px 50px !important;
    }

    body:has(.rx-settings-page) .rx-admin-content {
        padding-top: 24px !important;
    }

    body:has(.rx-settings-page) .lg\:grid-cols-3 {
        grid-template-columns: 1fr !important;
    }

    body:has(.rx-settings-page)
    .lg\:grid-cols-3 > .space-y-6:last-child {
        position: static !important;
    }
}

/* Phone */
@media (max-width: 650px) {
    body:has(.rx-settings-page) .rx-admin-main {
        padding: 0 12px 40px !important;
    }

    body:has(.rx-settings-page) .rx-page-title {
        font-size: 31px !important;
    }

    body:has(.rx-settings-page) section {
        padding: 16px !important;
        border-radius: 13px !important;
    }

    body:has(.rx-settings-page)
    .rx-admin-content > .max-w-7xl > .flex.justify-between {
        justify-content: stretch !important;
    }

    body:has(.rx-settings-page)
    .rx-admin-content > .max-w-7xl >
    .flex.justify-between > div:last-child {
        width: 100%;
    }
}