/* Rockandaluz Admin 2026 - capa visual compatible con Ryhan / Simpla */
:root { --ra-red:#e53945; --ra-ink:#171b29; --ra-border:#fff; --ra-muted:#717987; --ra-side:#111521; }
*{box-sizing:border-box}
html{min-height:100%;font-size:14px}
body{margin:0;background:#f5f6fa;color:#283044;font:14px/1.55 Arial,Helvetica,sans-serif}
#body-wrapper{background:none;min-height:100vh}
a{color:#c92d3d} a:hover{color:#9c1c2b}
h2,h3,h4,h5,h6{font-family:Arial,Helvetica,sans-serif;color:var(--ra-ink)}
#sidebar{position:fixed;top:0;bottom:0;left:0;width:258px;height:100vh;overflow-y:auto;overflow-x:hidden;background:var(--ra-side);color:#aab3c3;z-index:90;font-size:13px;box-shadow:4px 0 18px rgba(10,17,29,.06)}
#sidebar #sidebar-wrapper{margin:0;padding:24px 15px 26px}
#sidebar #sidebar-title{position:static;font-size:0;margin:0;padding:0;height:0;overflow:hidden}
#sidebar .brand-logo{padding:8px 10px 19px;border-bottom:1px solid rgba(255,255,255,.10);margin-bottom:18px}
#sidebar #logo{width:auto;max-width:195px;height:51px;display:block;object-fit:contain;margin:0 0 9px;filter:brightness(0) invert(1);opacity:.98}
#sidebar .brand-label{display:block;font-size:10px;letter-spacing:2px;color:#8793a5;font-weight:bold}
#sidebar #profile-links{padding:12px 13px 23px;margin-bottom:13px;text-align:left;border-bottom:1px solid rgba(255,255,255,.09);color:#a9b2c3;line-height:1.9}
#sidebar #profile-links strong{color:#fff}
#sidebar #profile-links a{color:#f18c95}
#sidebar #main-nav{width:100%;margin:0;padding:0;font:inherit}
#sidebar #main-nav>li{padding:0;margin:0 0 5px;text-align:left}
#sidebar #main-nav li a.nav-top-item{background:none!important;color:#c0c8d4;font-size:13px;font-weight:600;padding:13px 14px;border-radius:10px;line-height:1.3;transition:background .15s,color .15s}
#sidebar #main-nav li a.nav-top-item:hover,#sidebar #main-nav li a.current{background:#292d3b!important;color:#fff}
#sidebar #main-nav li a.current{box-shadow:inset 3px 0 var(--ra-red)}
#sidebar #main-nav ul{padding:4px 0 8px 10px;font-size:13px}
#sidebar #main-nav ul li{text-align:left;padding:0}
#sidebar #main-nav ul li a{color:#9faabd;padding:9px 12px;border-radius:8px;font-size:12.5px;line-height:1.35}
#sidebar #main-nav ul li a:hover,#sidebar #main-nav ul li a.current{background:#222735!important;color:#fff}
#sidebar #main-nav>div{padding:20px 12px;color:#8e99a9;font-size:11px;line-height:1.6}
#main-content{margin:0 0 0 258px;padding:0 31px 28px;min-height:100vh;width:auto!important;background:transparent}
.ra-topbar{height:76px;display:flex;align-items:center;gap:14px;justify-content:space-between;border-bottom:1px solid var(--ra-border);margin-bottom:25px}
.ra-topbar-name{display:flex;flex-direction:column;margin-right:auto;line-height:1.4}
.ra-topbar-name strong{font-size:17px;color:var(--ra-ink)}
.ra-topbar-name span{font-size:12px;color:var(--ra-muted)}
.ra-view-site{background:#fff;padding:10px 16px;border:1px solid var(--ra-border);border-radius:10px;font-weight:bold}
.ra-welcome{padding:26px 29px;border-radius:17px;color:white;background:linear-gradient(110deg,#202635,#111521 77%);margin-bottom:22px;position:relative;overflow:hidden}
.ra-welcome:after{content:"";position:absolute;width:230px;height:230px;border:48px solid rgba(229,57,69,.10);border-radius:50%;right:-55px;top:-112px;pointer-events:none}
.ra-eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold;color:#ff818b}
.ra-welcome h2{color:#fff;font-size:26px;margin:5px 0 2px;padding:0}
.ra-welcome p{color:#c5cbd6;margin:0;padding:0;font-size:13px}
#main-content>h2,#page-intro{display:none}
#main-content .shortcut-buttons-set{display:flex;flex-wrap:wrap;gap:13px;margin:0 0 24px;padding:0;list-style:none}
#main-content .shortcut-buttons-set li{float:none;margin:0;padding:0;list-style:none;flex:1 1 130px;max-width:210px}
.shortcut-button{width:100%!important;height:132px!important;display:flex!important;align-items:center;justify-content:center;border:1px solid var(--ra-border)!important;border-radius:14px;background:#fff!important;box-shadow:0 5px 14px rgba(18,24,40,.035);transition:transform .15s,box-shadow .15s,border-color .15s}
.shortcut-button:hover{transform:translateY(-3px);border-color:#f5bac0!important;box-shadow:0 9px 22px rgba(24,29,45,.09)}
.shortcut-button span{padding:9px!important;font-size:12.5px!important;line-height:1.4!important;color:#343b4b!important}
.shortcut-button span img{width:39px;height:39px;object-fit:contain;margin:0 auto 7px;display:block}
.shortcut-button b{font-weight:700}
.content-box{border:1px solid var(--ra-border)!important;border-radius:14px!important;background:#fff!important;overflow:hidden;box-shadow:0 5px 20px rgba(18,24,40,.035);margin:0 0 25px!important;width:100%!important}
.content-box-header{background:#fff!important;border-bottom:1px solid var(--ra-border)!important;min-height:65px;height:auto!important;padding:13px 20px!important}
.content-box-header h3{font-size:16px!important;padding:7px 0!important;margin:0!important;color:var(--ra-ink)}
.content-box-content{padding:18px 20px!important;max-width:100%;overflow-x:auto}
#main-content table{width:100%;border-collapse:collapse;font-size:13px}
#main-content table thead th{background:#f8f9fc;color:#525d70;font-weight:bold}
#main-content table td,#main-content table th{padding:11px 12px!important;border-bottom:1px solid #edf0f4;vertical-align:middle}
#main-content tbody tr.alt-row{background:#fafbfe}
#main-content tbody tr:hover{background:#faf6f7}
.button,button[type=submit],input[type=submit]{background:var(--ra-red)!important;border:1px solid var(--ra-red)!important;color:#fff!important;padding:9px 15px!important;border-radius:8px!important;font:bold 12px Arial,Helvetica,sans-serif!important;cursor:pointer;box-shadow:none!important}
.button:hover,button[type=submit]:hover,input[type=submit]:hover{background:#c92c39!important}
form input.text-input,form select,form textarea,form input[type=text],form input[type=password],form input[type=email],#main-content select,#main-content textarea{max-width:100%;border:1px solid #dce0e8!important;border-radius:8px!important;background:#fff!important;color:#252d3c;padding:9px!important;box-shadow:none!important}
form input:focus,form select:focus,form textarea:focus{outline:2px solid rgba(229,57,69,.2);border-color:#dc6069!important}
#footer{margin:25px 0 0;padding:18px 0;color:#8b93a0;border-top:1px solid var(--ra-border);text-align:left}
.ra-menu-toggle{display:none;background:#fff;border:1px solid var(--ra-border);border-radius:9px;font-size:20px;padding:6px 11px;cursor:pointer;color:#222}
@media(max-width:1000px){#main-content{padding-left:19px;padding-right:19px}#main-content .shortcut-buttons-set li{max-width:none;flex-basis:140px}}
@media(max-width:760px){#sidebar{transform:translateX(-105%);transition:transform .2s;width:260px}body.ra-sidebar-open #sidebar{transform:translateX(0)}#main-content{margin-left:0;padding:0 15px 23px}.ra-menu-toggle{display:block}.ra-topbar{height:66px}.ra-welcome{padding:22px 19px}.ra-welcome h2{font-size:22px}.ra-view-site{padding:7px 10px;font-size:12px}#main-content .shortcut-buttons-set{gap:9px}#main-content .shortcut-buttons-set li{flex:1 1 calc(50% - 9px);max-width:none}.shortcut-button{height:117px!important}.content-box-content{padding:11px!important}#main-content table{min-width:510px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Blanco forzado en logo del sidebar */
#sidebar img#logo{filter:brightness(0) invert(1)!important;-webkit-filter:brightness(0) invert(1)!important;opacity:1!important}

/* Rockandaluz 2026: responsive real para smartphones */
.ra-mobile-overlay{display:none}
@media(max-width:760px){
 html,body,#body-wrapper{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
 body{font-size:15px!important;-webkit-text-size-adjust:100%}
 #main-content{box-sizing:border-box!important;float:none!important;width:100%!important;max-width:100vw!important;margin:0!important;padding:0 12px 24px!important;min-width:0!important;overflow-wrap:anywhere}
 #sidebar{box-sizing:border-box!important;max-width:88vw!important;z-index:1002!important}
 .ra-mobile-overlay{position:fixed;inset:0;background:rgba(8,13,25,.58);z-index:1001}
 body.ra-sidebar-open .ra-mobile-overlay{display:block}
 body.ra-sidebar-open{overflow:hidden!important}
 .ra-topbar{height:auto!important;min-height:62px;gap:10px;margin-bottom:14px;flex-wrap:nowrap}
 .ra-menu-toggle{display:block!important;flex-shrink:0;min-width:44px;min-height:44px;font-size:23px!important;line-height:1!important}
 .ra-topbar-name{min-width:0!important}
 .ra-topbar-name strong{font-size:16px!important}
 .ra-topbar-name span{font-size:11px!important}
 .ra-view-site{flex-shrink:0;font-size:12px!important;padding:9px!important}
 .ra-welcome{padding:18px 16px!important;margin-bottom:14px!important}
 .ra-welcome h2{font-size:21px!important;line-height:1.25!important}
 .ra-welcome p{font-size:13px!important}
 #main-content .shortcut-buttons-set{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important;margin-bottom:16px!important;width:100%!important}
 #main-content .shortcut-buttons-set li{max-width:none!important;min-width:0!important;width:100%!important;float:none!important;margin:0!important}
 #main-content .shortcut-buttons-set .shortcut-button{min-height:108px!important;height:auto!important;width:100%!important;padding:10px 5px!important}
 .shortcut-button span{font-size:13px!important}
 .content-box,.content-box-header,.content-box-content,.tab-content{box-sizing:border-box!important;max-width:100%!important;min-width:0!important}
 .content-box{overflow:hidden!important}
 .content-box-header{padding:12px!important}
 .content-box-content{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding:10px!important}
 #main-content table{width:100%!important;min-width:0!important;table-layout:auto}
 #main-content table td,#main-content table th{padding:8px!important}
 #main-content .content-box-content table{min-width:480px!important}
 #main-content .content-box-content table:has(input[type=text]),#main-content .content-box-content table:has(textarea),#main-content .content-box-content table:has(select){min-width:0!important}
 #main-content form,#main-content fieldset{max-width:100%!important;min-width:0!important}
 #main-content input[type=text],#main-content input[type=password],#main-content input[type=email],#main-content textarea,#main-content select{box-sizing:border-box!important;max-width:100%!important;font-size:16px!important}
 #main-content textarea{width:100%!important;min-height:120px}
 #main-content input[type=submit],#main-content button[type=submit],#main-content .button{min-height:43px;font-size:14px!important}
 #main-content iframe,#main-content img{max-width:100%}
 #main-content div.wysiwyg{box-sizing:border-box!important;max-width:100%!important;width:100%!important}
 #main-content div.wysiwyg iframe{max-width:100%!important}
 #footer{font-size:12px;overflow-wrap:anywhere}
}
@media(max-width:370px){.ra-topbar-name span{display:none}.ra-view-site{padding:7px!important;font-size:11px!important}}