/* Ragnarok Ambarawa Heritage - PHP Control Panel Theme
   Sample theme for FluxCP-like / custom Ragnarok CP.
   Donation menu intentionally removed.
*/
:root{
  --bg:#02060d;
  --bg2:#071521;
  --panel:#081622;
  --panel2:#0a1d2b;
  --gold:#d5a33f;
  --gold2:#8b5f1e;
  --gold3:#f4d37f;
  --text:#f4ead4;
  --muted:#b9aa8d;
  --green:#0f7a49;
  --green2:#18b56e;
  --red:#d15050;
  --blue:#18375d;
  --border:rgba(213,163,63,.55);
  --shadow:0 22px 60px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:"Inter","Segoe UI",Tahoma,sans-serif;background:
  radial-gradient(circle at 20% 0%, rgba(30,70,90,.35), transparent 38%),
  radial-gradient(circle at 90% 20%, rgba(151,103,28,.15), transparent 32%),
  linear-gradient(180deg,#02060d,#07111d 45%,#02060d);color:var(--text)}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:64px 64px;
}
a{color:#f1c768;text-decoration:none}
a:hover{color:#fff2bf}
.cp-shell{display:grid;grid-template-columns:310px 1fr;min-height:100vh}
.cp-sidebar{
  position:sticky;top:0;height:100vh;overflow:auto;padding:22px 22px 28px;
  background:linear-gradient(180deg,rgba(7,22,35,.98),rgba(3,8,15,.98));
  border-right:1px solid var(--border);
  box-shadow:inset -1px 0 rgba(255,255,255,.05), 18px 0 45px rgba(0,0,0,.35);
}
.cp-logo{display:block;text-align:center;margin:0 auto 18px}
.cp-logo img{width:220px;max-width:100%;filter:drop-shadow(0 10px 22px rgba(0,0,0,.65))}
.side-card{border:1px solid var(--border);border-radius:18px;padding:10px;background:rgba(2,7,12,.72);box-shadow:var(--shadow);margin-top:18px}
.side-card img{width:100%;border-radius:12px;display:block}
.menu-box{border:1px solid rgba(213,163,63,.35);border-radius:16px;padding:12px;background:linear-gradient(180deg,rgba(10,26,38,.82),rgba(4,10,17,.82));box-shadow:inset 0 1px rgba(255,255,255,.05)}
.menu-title{font-family:Georgia,serif;color:var(--gold3);font-size:13px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid rgba(213,163,63,.35);padding:10px 12px}
.nav-link{display:flex;align-items:center;gap:11px;padding:11px 12px;margin:4px 0;color:#efe2c2;border-radius:10px;border:1px solid transparent;transition:.18s ease}
.nav-link .ico{width:22px;text-align:center;color:var(--gold)}
.nav-link:hover,.nav-link.active{background:linear-gradient(90deg,rgba(10,114,67,.82),rgba(6,46,35,.35));border-color:rgba(46,206,124,.5);box-shadow:0 0 22px rgba(0,180,90,.12)}
.menu-sep{height:1px;background:linear-gradient(90deg,transparent,rgba(213,163,63,.36),transparent);margin:10px 0}
.cp-main{min-width:0;padding:0 26px 24px}
.topbar{
  height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px;
  border-bottom:1px solid rgba(213,163,63,.35);background:rgba(4,12,21,.76);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px);
}
.topnav{display:flex;gap:6px;align-items:center}
.topnav a{font-family:Georgia,serif;font-weight:700;letter-spacing:.03em;color:#f2dfbd;padding:24px 14px;border-bottom:2px solid transparent}
.topnav a.active,.topnav a:hover{color:#ffe5a7;border-color:var(--gold)}
.actions{display:flex;gap:10px;align-items:center}
.btn{border:1px solid rgba(213,163,63,.55);border-radius:10px;padding:10px 16px;font-weight:800;color:#f7e6bd;background:linear-gradient(180deg,#2c1b08,#0b0b0b);box-shadow:inset 0 1px rgba(255,255,255,.12),0 8px 20px rgba(0,0,0,.25);cursor:pointer}
.btn.green{background:linear-gradient(180deg,#11945a,#063c2a);border-color:rgba(46,206,124,.75)}
.btn.gold{background:linear-gradient(180deg,#9d6d24,#3d2609);border-color:#d5a33f}
.btn.block{display:block;text-align:center;width:100%}
.hero{margin:22px 0 14px;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);background:#071521;position:relative}
.hero img{width:100%;display:block;min-height:230px;object-fit:cover}
.status-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid rgba(213,163,63,.45);border-radius:16px;background:linear-gradient(180deg,rgba(11,30,43,.92),rgba(5,13,22,.96));overflow:hidden;box-shadow:var(--shadow);margin-bottom:18px}
.status-item{padding:18px 16px;border-right:1px solid rgba(213,163,63,.25);display:flex;align-items:center;gap:12px}
.status-item:last-child{border-right:0}
.status-icon{width:42px;height:42px;border:1px solid rgba(213,163,63,.5);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--gold3);background:rgba(0,0,0,.18)}
.status-title{font-family:Georgia,serif;font-size:13px;color:#d7c7a8;text-transform:uppercase}
.online{color:#56df8d;font-weight:800}.offline{color:#ff7373;font-weight:800}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#56df8d;box-shadow:0 0 13px #56df8d;margin-right:7px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.grid.two{grid-template-columns:1fr 1fr}
.card{border:1px solid rgba(213,163,63,.42);border-radius:16px;background:linear-gradient(180deg,rgba(10,25,37,.9),rgba(4,10,17,.93));box-shadow:var(--shadow);padding:20px;position:relative;overflow:hidden}
.card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(213,163,63,.11),transparent 42%);pointer-events:none}
.card h3{margin:0 0 16px;font-family:Georgia,serif;color:var(--gold3);letter-spacing:.03em;font-size:21px}
.list{display:grid;gap:10px}.row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:9px;color:#eadfc8}
.row small,.muted{color:var(--muted)}
.rates .row b{color:#f5d073}
.form-layout{display:grid;grid-template-columns:minmax(520px,1fr) 330px;gap:18px}
.form-row{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:12px;margin-bottom:12px}
label{color:#f1dfbd;font-weight:700}
input,select{width:100%;background:#050c14;border:1px solid rgba(213,163,63,.45);border-radius:9px;color:#f7ead0;padding:11px 12px;outline:0}
input:focus,select:focus{border-color:#27c87b;box-shadow:0 0 0 3px rgba(39,200,123,.12)}
.radio-group{display:flex;gap:22px}.checkline{display:flex;gap:10px;align-items:center;margin:16px 0}
.checkline input{width:auto}
.captcha{display:flex;gap:10px;align-items:center}.captcha-code{letter-spacing:.25em;font-weight:900;border:1px solid rgba(213,163,63,.55);padding:10px 16px;border-radius:9px;background:#111;color:#f7e7c0}
.requirements li,.benefits li{margin:12px 0;color:#e8dcc5}.requirements li:before,.benefits li:before{content:"✓";color:#39dc87;font-weight:900;margin-right:10px}
.benefit{display:flex;gap:14px;margin:18px 0;padding-bottom:16px;border-bottom:1px solid rgba(213,163,63,.24)}
.benefit-icon{width:48px;height:48px;border:1px solid rgba(213,163,63,.5);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--gold3);font-size:24px;background:rgba(0,0,0,.22)}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}
.stat-card{border:1px solid rgba(213,163,63,.35);border-radius:14px;padding:17px;background:rgba(4,11,18,.75);display:flex;align-items:center;gap:14px}
.stat-card .num{font-family:Georgia,serif;color:#f5d073;font-size:25px;font-weight:800}
.footer{margin-top:22px;padding:20px;border-top:1px solid rgba(213,163,63,.35);display:flex;align-items:center;justify-content:space-between;color:#ad9b7d}
.breadcrumb{color:#bfa978;margin:22px 0 12px}.page-title{font-family:Georgia,serif;color:#f2c467;font-size:42px;margin:8px 0 6px}.page-desc{color:#d8c9ab;margin-bottom:20px}
@media(max-width:1180px){.cp-shell{grid-template-columns:1fr}.cp-sidebar{position:relative;height:auto}.grid,.status-strip,.stat-row{grid-template-columns:1fr 1fr}.form-layout{grid-template-columns:1fr}.topbar{position:relative;overflow:auto}.cp-main{padding:0 14px 22px}}
@media(max-width:720px){.grid,.status-strip,.stat-row{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.topnav{display:none}.actions{flex-wrap:wrap}.page-title{font-size:30px}}

/* ============ FluxCP CONTENT OVERRIDES (RAH theme) ============ */
.cp-content{padding:22px 0 8px;min-width:0}
.cp-content h1,.cp-content h2{font-family:Georgia,serif;color:#f2c467;font-size:34px;line-height:1.1;margin:6px 0 14px;letter-spacing:.02em}
.cp-content h3{font-family:Georgia,serif;color:var(--gold3);margin:18px 0 10px}
.cp-content p{color:#d8c9ab;line-height:1.7}
.cp-content a{color:#f1c768}
.cp-content a:hover{color:#fff2bf}

/* blok utama (form & tabel langsung) -> kartu */
.cp-content form,
.cp-content > table,
.cp-content fieldset{
  border:1px solid rgba(213,163,63,.42);border-radius:16px;
  background:linear-gradient(180deg,rgba(10,25,37,.9),rgba(4,10,17,.93));
  box-shadow:var(--shadow);padding:20px;margin:0 0 18px;width:100%;
}
.cp-content legend{color:var(--gold3);font-family:Georgia,serif;padding:0 8px}

/* tabel di dalam konten */
.cp-content table{border-collapse:collapse;width:100%}
.cp-content table td,.cp-content table th{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left;color:#eadfc8;vertical-align:middle}
.cp-content table th{color:var(--gold3);font-family:Georgia,serif}
/* tabel di dalam form: transparan (biar tidak dobel kartu) */
.cp-content form table,.cp-content form table td,.cp-content form table th{border:0;background:none;box-shadow:none;padding:6px 8px}

/* tombol submit/button -> hijau gold */
.cp-content input[type=submit],.cp-content button,.cp-content .submit,.cp-content input[type=button]{
  border:1px solid rgba(46,206,124,.75);border-radius:10px;padding:11px 22px;font-weight:800;cursor:pointer;width:auto;
  color:#eafff3;background:linear-gradient(180deg,#11945a,#063c2a);box-shadow:inset 0 1px rgba(255,255,255,.12),0 8px 20px rgba(0,0,0,.25)}
.cp-content input[type=submit]:hover,.cp-content button:hover{filter:brightness(1.08)}

/* pesan / notice / error */
.cp-content .message,.cp-content .notice,.cp-content .success,.cp-content p.message{margin:0 0 16px;padding:14px 16px;border-radius:14px;border:1px solid rgba(46,206,124,.6);background:rgba(15,122,73,.14);color:#caffee}
.cp-content .error,.cp-content .red,.cp-content p.error{border-color:rgba(209,80,80,.6)!important;background:rgba(209,80,80,.12)!important;color:#ffd0d0!important}

/* submenu / pagemenu / breadcrumbs */
.cp-content .submenu,.cp-content .pagemenu,.cp-content .submenu-path{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none;align-items:center}
.cp-content .submenu a,.cp-content .pagemenu a{border:1px solid rgba(213,163,63,.4);border-radius:9px;padding:7px 13px;color:#f2dfbd;background:rgba(4,11,18,.6)}
.cp-content .submenu a:hover,.cp-content .pagemenu a:hover{border-color:var(--gold);color:#ffe5a7}
.cp-content .submenu-path{color:#bfa978}

/* security image (captcha) rapi */
.cp-content img{max-width:100%;border-radius:6px;vertical-align:middle}

/* ===================== RAH: Information dropdown + Spec cards ===================== */
.topbar{overflow:visible}
.topnav-dd{position:relative;display:inline-flex;align-items:center}
.topnav-dd>.topnav-dd-toggle{cursor:pointer}
.topnav-dd .caret{font-size:.75em;opacity:.85;margin-left:2px}
.topnav-dd-menu{
    position:absolute;left:0;top:100%;min-width:215px;
    background:linear-gradient(180deg,#0c1220,#05080f);
    border:1px solid rgba(242,196,103,.30);border-radius:12px;padding:8px;z-index:120;
    box-shadow:0 20px 44px rgba(0,0,0,.55);display:none}
.topnav-dd:hover .topnav-dd-menu,.topnav-dd:focus-within .topnav-dd-menu{display:block}
/* reset gaya .topnav a yang menular ke link menu */
.topnav .topnav-dd-menu a{
    display:flex;align-items:center;gap:10px;
    padding:9px 12px !important;border:0 !important;border-radius:8px;
    font-family:Georgia,serif;font-weight:700;letter-spacing:.02em;
    color:#ecdfc2 !important;white-space:nowrap}
.topnav .topnav-dd-menu a:hover{background:rgba(242,196,103,.14);color:#ffe5a7 !important}
.topnav-dd-menu .dd-dot{width:7px;height:7px;border-radius:50%;background:var(--gold,#f2c467);
    flex:0 0 auto;box-shadow:0 0 7px rgba(242,196,103,.8)}

.spec-cards{display:flex;flex-wrap:wrap;gap:14px;margin:8px 0 24px}
.spec-card{flex:1 1 168px;min-width:150px;
    background:linear-gradient(180deg,#121826,#070b13);
    border:1px solid rgba(242,196,103,.22);border-radius:16px;padding:20px 16px;text-align:center;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 26px rgba(0,0,0,.4)}
.spec-card .spec-big{font-family:Georgia,serif;font-size:1.5rem;font-weight:800;color:#fff2bf;letter-spacing:.3px;line-height:1.15}
.spec-card .spec-sub{margin-top:7px;font-size:.7rem;letter-spacing:1.6px;color:#a9966a;font-weight:700}
.spec-card.spec-on{border-color:rgba(86,223,141,.45)}
.spec-card.spec-on .spec-big{color:#56df8d}
.spec-card.spec-off{border-color:rgba(224,100,100,.45)}
.spec-card.spec-off .spec-big{color:#e98a8a}
@media(max-width:640px){.spec-card{flex:1 1 45%}.spec-card .spec-big{font-size:1.25rem}}
/* ===================== /RAH ===================== */

/* ===================== RAH: Legal documents (ToS / Rules) ===================== */
.legal-doc{max-width:940px;line-height:1.7;color:#d8cfbb}
.legal-doc h1{font-family:Georgia,serif;color:#fff2bf;font-size:1.85rem;margin:0 0 4px}
.legal-doc .legal-meta{color:#9a8f74;font-size:.85rem;margin-bottom:20px}
.legal-doc h2{font-family:Georgia,serif;color:#f2c467;font-size:1.18rem;margin:24px 0 8px;padding-top:14px;border-top:1px solid rgba(242,196,103,.18)}
.legal-doc h3{color:#ecdfc2;font-size:1rem;margin:16px 0 6px}
.legal-doc p{margin:8px 0}
.legal-doc ul,.legal-doc ol{margin:8px 0 8px 24px}
.legal-doc li{margin:6px 0}
.legal-doc a{color:#f2c467}
.legal-doc a:hover{color:#ffe5a7}
.legal-doc .lead{color:#cdbf9f;font-style:italic;background:rgba(242,196,103,.06);border-left:3px solid rgba(242,196,103,.4);padding:10px 14px;border-radius:0 8px 8px 0}
.legal-doc .danger{color:#e98a8a;font-weight:700}
.legal-doc table.legal-tbl{width:100%;border-collapse:collapse;margin:12px 0}
.legal-doc table.legal-tbl th,.legal-doc table.legal-tbl td{border:1px solid rgba(242,196,103,.2);padding:9px 11px;text-align:left;font-size:.9rem;vertical-align:top}
.legal-doc table.legal-tbl th{background:rgba(242,196,103,.1);color:#f2c467;font-weight:700}
/* ===================== /RAH legal ===================== */

/* ===================== RAH: Item Database search (gaya RMS, dark-gold) ===================== */
.item-db-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;border-bottom:1px solid rgba(242,196,103,.18);padding-bottom:10px;margin-bottom:16px}
.item-db-head h2{margin:0}
.droprate{color:#cbbd9c;font-size:.9rem}
.droprate strong{color:var(--gold,#f2c467)}

.item-search input[type=text],.item-search select{background:#0a0f18;border:1px solid rgba(242,196,103,.22);border-radius:10px;color:#ecdfc2;padding:10px 12px;width:100%;box-sizing:border-box;font-size:.92rem}
.item-search input[type=text]:focus,.item-search select:focus{outline:none;border-color:var(--gold,#f2c467);box-shadow:0 0 0 2px rgba(242,196,103,.15)}
.item-search select option{background:#0a0f18;color:#ecdfc2}

.quick-search{display:flex;gap:10px;align-items:center;margin:4px 0 20px}
.quick-search .q-input{flex:1;font-size:1.05rem;padding:14px 16px}
.q-btn{background:linear-gradient(180deg,#f2c467,#d89a2e);color:#1a130a;border:0;border-radius:10px;padding:13px 20px;font-weight:800;cursor:pointer;white-space:nowrap;font-size:.95rem}
.q-btn:hover{filter:brightness(1.08)}
.q-reset{color:#9a8f74;font-weight:600;text-decoration:none;padding:0 6px;white-space:nowrap}
.q-reset:hover{color:#ffe5a7}

.type-label{color:#9a8f74;font-size:.76rem;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;margin:0 0 8px}
.type-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.type-chips .chip{margin:0}
.type-chips .chip input{position:absolute;opacity:0;width:0;height:0}
.type-chips .chip span{display:inline-block;padding:8px 15px;border:1px solid rgba(242,196,103,.25);border-radius:10px;background:rgba(255,255,255,.02);color:#cbbd9c;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .12s}
.type-chips .chip span:hover{border-color:rgba(242,196,103,.55);color:#ffe5a7}
.type-chips .chip input:checked + span{background:linear-gradient(180deg,#2a3550,#1b2334);border-color:var(--gold,#f2c467);color:#fff2bf;box-shadow:inset 0 0 0 1px rgba(242,196,103,.35)}
.type-chips .chip input:focus-visible + span{outline:2px solid rgba(242,196,103,.6)}

details.adv{border:1px solid rgba(242,196,103,.18);border-radius:12px;background:rgba(255,255,255,.015);overflow:hidden;margin-bottom:8px}
details.adv>summary{cursor:pointer;padding:12px 16px;font-weight:700;color:var(--gold,#f2c467);list-style:none;user-select:none}
details.adv>summary::-webkit-details-marker{display:none}
details.adv>summary::before{content:'\25B8';display:inline-block;margin-right:8px;transition:transform .15s}
details.adv[open]>summary::before{transform:rotate(90deg)}
.adv-body{padding:4px 16px 18px}
.adv-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.adv-field label{display:block;font-size:.8rem;color:#9a8f74;font-weight:600;margin-bottom:5px}
.adv-field .op-row{display:flex;gap:8px}
.adv-field .op-row select{flex:0 0 44%}
.adv-actions{margin-top:18px;display:flex;gap:12px;align-items:center}
@media(max-width:620px){.adv-grid{grid-template-columns:1fr}.quick-search{flex-wrap:wrap}.quick-search .q-input{flex:1 1 100%}}
/* ===================== /RAH item search ===================== */

/* ===================== RAH: Pagination (jelas & mudah diklik) ===================== */
.pages{font-size:0;text-align:center;margin:22px 0 8px;position:relative;z-index:5}
.pages a,.pages .current-page{font-size:14px;display:inline-block;min-width:40px;text-align:center;margin:3px;padding:9px 13px;border:1px solid rgba(242,196,103,.25);border-radius:9px;color:#ecdfc2;text-decoration:none;font-weight:600;background:rgba(255,255,255,.02);vertical-align:middle;transition:all .12s}
.pages a:hover{border-color:var(--gold,#f2c467);color:#fff2bf;background:rgba(242,196,103,.14)}
.pages .current-page{background:linear-gradient(180deg,#f2c467,#d89a2e);color:#1a130a;border-color:var(--gold,#f2c467);font-weight:800;cursor:default}
.pages .page-prev,.pages .page-next{color:#f2c467;font-weight:700}
.jump-to-page{font-size:14px;text-align:center;margin:8px 0;color:#9a8f74}
.jump-to-page input{background:#0a0f18;border:1px solid rgba(242,196,103,.25);border-radius:8px;color:#ecdfc2;padding:7px 9px;width:64px;font-size:14px}
/* ===================== /RAH pagination ===================== */

/* ===================== RAH: Horizontal nav (sidebar dibuang) ===================== */
.cp-shell{display:block !important;grid-template-columns:none !important;min-height:100vh}
.cp-sidebar{display:none !important}
.cp-main{padding:0 !important;min-width:0;max-width:1180px;margin:0 auto;width:100%}
.topbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 20px;border-bottom:1px solid rgba(242,196,103,.25);position:relative;background:linear-gradient(180deg,rgba(12,18,30,.7),rgba(2,6,13,0))}
.brand{display:flex;align-items:center;gap:10px;color:#fff2bf;font-family:Georgia,serif;font-weight:800;font-size:1.02rem;padding:8px 0;text-decoration:none;border:0}
.brand img{height:42px;width:auto}
.brand span{white-space:nowrap}
.hnav{display:flex;flex-wrap:wrap;align-items:center;gap:0;flex:1}
.hnav-link,.hnav-top{display:inline-flex;align-items:center;gap:5px;padding:15px 12px;color:#f2dfbd;font-family:Georgia,serif;font-weight:700;letter-spacing:.02em;cursor:pointer;text-decoration:none;border-bottom:2px solid transparent;font-size:.95rem}
.hnav-link:hover,.hnav-top:hover,.hnav-link.active{color:#ffe5a7;border-color:var(--gold,#f2c467)}
.hnav-item{position:relative}
.hnav-drop{position:absolute;left:0;top:100%;min-width:205px;background:linear-gradient(180deg,#0c1220,#05080f);border:1px solid rgba(242,196,103,.3);border-radius:10px;padding:8px;z-index:300;display:none;box-shadow:0 18px 44px rgba(0,0,0,.55)}
.hnav-item:hover .hnav-drop,.hnav-item:focus-within .hnav-drop{display:block}
.hnav-drop a{display:block;padding:9px 12px;border-radius:7px;color:#ecdfc2;font-weight:600;white-space:nowrap;text-decoration:none;font-family:Georgia,serif;font-size:.92rem;border:0}
.hnav-drop a:hover{background:rgba(242,196,103,.14);color:#ffe5a7}
.hnav-gm{color:#7fe6a0 !important}
.hnav .caret{font-size:.7em;opacity:.85}
.actions{margin-left:auto}
.hnav-toggle{display:none;background:transparent;border:1px solid rgba(242,196,103,.45);color:#f2c467;border-radius:8px;padding:5px 12px;font-size:1.2rem;cursor:pointer;line-height:1}
@media(max-width:1024px){
  .brand span{display:none}
  .topbar{padding:8px 14px;gap:6px}
  .hnav-toggle{display:inline-block;order:3}
  .actions{order:2;margin-left:auto}
  .hnav{display:none;order:4;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;background:rgba(5,8,15,.55);border:1px solid rgba(242,196,103,.18);border-radius:10px;margin:0 0 10px;padding:6px}
  .hnav.open{display:flex}
  .hnav-link,.hnav-top{padding:11px 12px;border-bottom:1px solid rgba(242,196,103,.08);border-radius:0;justify-content:flex-start}
  .hnav-item{position:static}
  .hnav-drop{position:static;display:block;border:0;box-shadow:none;background:rgba(242,196,103,.05);margin:2px 0 4px 14px;padding:4px;min-width:0}
  .hnav .caret{display:none}
}
/* ===================== /RAH horizontal nav ===================== */