/* =========================================================
   GratisPaste Modern UI Layer
   Autor: Modernización segura por ChatGPT
   Objetivo: renovar interfaz sin alterar la lógica PHP/DB.
   ========================================================= */
:root{
  --gp-bg:#0f1117;--gp-bg2:#171a22;--gp-card:rgba(255,255,255,.94);--gp-card-dark:#151923;
  --gp-text:#23262f;--gp-muted:#717684;--gp-line:#e8eaf0;--gp-primary:#ff7a18;--gp-primary2:#ffb21a;
  --gp-danger:#e23b3b;--gp-success:#16a34a;--gp-radius:18px;--gp-shadow:0 18px 50px rgba(0,0,0,.22)
}
*{box-sizing:border-box}html{overflow-x:hidden!important}body{
  min-width:0!important;margin:0!important;color:var(--gp-text)!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  background:radial-gradient(circle at top left,rgba(255,122,24,.22),transparent 34%),linear-gradient(135deg,#0e1017,#181b24 52%,#0e1017)!important;background-attachment:fixed!important;font-size:15px!important;line-height:1.6!important
}
a{color:var(--gp-primary);transition:.18s ease}a:hover{color:#d65c00;text-decoration:none!important}.content{
  width:min(1180px,calc(100% - 28px))!important;min-height:520px;margin:26px auto!important;padding:26px!important;background:rgba(255,255,255,.92)!important;border:1px solid rgba(255,255,255,.65)!important;border-radius:var(--gp-radius)!important;box-shadow:var(--gp-shadow)!important;overflow:hidden!important
}
.site-header{position:sticky;top:0;z-index:999;background:rgba(18,20,28,.86)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.09)!important;box-shadow:0 12px 35px rgba(0,0,0,.25)}
.header-inner{width:min(1180px,calc(100% - 28px))!important;margin:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:14px 0!important;overflow:visible!important}.logo a{display:flex;align-items:center;gap:10px;color:#fff!important;font-size:26px!important;font-weight:900!important;letter-spacing:-.8px!important}.logo a:before{content:"⚡";display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--gp-primary),var(--gp-primary2));box-shadow:0 8px 24px rgba(255,122,24,.33)}
.navbar ul.menu{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important;list-style:none!important;background:transparent!important;float:none!important;min-height:auto!important}.navbar ul.menu li{margin:0!important;padding:0!important;float:none!important;border:0!important;height:auto!important;overflow:visible!important}.navbar ul.menu li a{display:flex!important;align-items:center!important;gap:8px!important;height:auto!important;padding:10px 13px!important;border-radius:12px!important;color:#f4f6fb!important;background:transparent!important;font-weight:700!important;line-height:1!important;text-shadow:none!important}.navbar ul.menu li a:hover{background:rgba(255,255,255,.1)!important;color:#fff!important;transform:translateY(-1px)}.navbar ul.menu li:nth-child(2) a{background:linear-gradient(135deg,var(--gp-primary),var(--gp-primary2))!important;color:#1b1207!important}.menu-toggle{display:none;color:#fff;font-size:24px;cursor:pointer}.welcomeuser{width:min(1180px,calc(100% - 28px));margin:14px auto 0!important;background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;backdrop-filter:blur(12px)}
body:before{content:"";position:fixed;inset:auto 24px 24px auto;width:180px;height:180px;border-radius:50%;background:rgba(255,122,24,.14);filter:blur(30px);pointer-events:none}.heading,h1,h2,h3{letter-spacing:-.03em}.heading{font-size:clamp(26px,4vw,44px)!important;line-height:1.1!important;margin:8px 0 22px!important;padding:0!important;color:#1f232d!important}.content>center:first-child{display:block;margin:-8px 0 18px}.content table{width:100%!important;border:0!important;background:transparent!important;margin:16px auto!important}.content table td,.content table th{border:0!important;background:transparent!important;padding:0!important}.content table h4{margin:0!important}.content table h4 a{display:flex!important;align-items:center;gap:12px;margin:10px 0!important;padding:16px 18px!important;background:#fff!important;border:1px solid var(--gp-line)!important;border-radius:16px!important;color:#242833!important;box-shadow:0 10px 26px rgba(0,0,0,.06)!important;font-size:17px!important}.content table h4 a:before{content:"🔗";display:grid;place-items:center;width:38px;height:38px;min-width:38px;border-radius:13px;background:#fff4e8}.content table h4 a:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,0,0,.1)!important;color:var(--gp-primary)!important}
form,form[class]{background:#fff!important;border:1px solid var(--gp-line)!important;border-radius:18px!important;box-shadow:0 14px 38px rgba(0,0,0,.08)!important;padding:22px!important;margin:18px auto!important;max-width:980px!important}label{float:none!important;display:block!important;width:auto!important;color:#343946!important;margin:8px 0 5px!important}input,select,textarea{width:100%!important;max-width:100%!important;border:1px solid #d9dde8!important;border-radius:13px!important;background:#fff!important;padding:12px 14px!important;color:#1f232d!important;font-size:15px!important}textarea{min-height:230px!important;resize:vertical!important}.loginlabel+input{max-width:420px!important}button,input[type="submit"],input[type="button"],.action-btn,.pagination a{width:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:0!important;border-radius:13px!important;background:linear-gradient(135deg,var(--gp-primary),var(--gp-primary2))!important;color:#201306!important;font-weight:900!important;padding:11px 18px!important;line-height:1.2!important;box-shadow:0 10px 25px rgba(255,122,24,.25)!important}button:hover,input[type="submit"]:hover,.action-btn:hover,.pagination a:hover{filter:brightness(.98);transform:translateY(-1px)}
.tabs,.fancyTabs,.nav-tabs{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin:16px 0 0!important;padding:0!important;border:0!important}.tabs li,.fancyTab,.nav-tabs>li.fancyTab{flex:1 1 145px!important;margin:0!important;padding:0!important;border:0!important;border-radius:18px 18px 0 0!important;background:linear-gradient(135deg,#2c313d,#11141b)!important;box-shadow:none!important;overflow:hidden!important;min-height:84px}.fancyTab .tab-link,li.fancyTab .tab-link{height:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:14px 10px!important;color:#fff!important;top:0!important;border:0!important}.fancyTab.active,.nav-tabs>li.fancyTab.active{background:#fff!important;box-shadow:0 -8px 28px rgba(0,0,0,.1)!important}.fancyTab.active .tab-link,.fancyTab.active .hidden-xs{color:#1f232d!important}.fancyTab .icon{font-size:28px!important;padding:0!important;color:inherit!important}.fancyTab img{max-height:34px;width:auto}.tab_container,.fancyTabContent{display:block!important;background:#fff!important;border:1px solid var(--gp-line)!important;border-radius:0 0 18px 18px!important;box-shadow:0 18px 42px rgba(0,0,0,.08)!important;padding:22px!important}.tab_content{padding:8px 0!important}.tab_content a{background-color:#f7f8fb!important;border:1px solid #e8eaf0!important;border-radius:14px!important;margin:7px 0!important;padding:13px 15px 13px 42px!important;color:#20242f!important;font-weight:750!important}.tab_content a:hover{background:#fff4e8!important;color:#d65c00!important}.copy-allowed,.tab_container,.tab_container *{user-select:text!important;-webkit-user-select:text!important}.social-buttons a{border-radius:13px!important;box-shadow:0 8px 18px rgba(0,0,0,.12)}.post-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:22px 0 0;padding:16px;background:#f7f8fb;border:1px solid var(--gp-line);border-radius:16px;flex-wrap:wrap}.left-actions{display:flex;gap:10px;flex-wrap:wrap}.action-btn.report{background:#fff!important;color:#c22!important;border:1px solid #ffd1d1!important;box-shadow:none!important}.visits{display:inline-flex;align-items:center;gap:8px;font-weight:900;color:#454b58;background:#fff;padding:10px 13px;border-radius:13px;border:1px solid var(--gp-line)}.pagination{display:flex;justify-content:center;gap:12px;margin:24px auto}.pagination a{min-width:128px}.userpanel-container{background:#fff!important;color:#23262f!important;border:1px solid var(--gp-line);box-shadow:var(--gp-shadow)}.userpanel-container h3{color:var(--gp-primary)!important}.bbcode-bar{display:flex!important;flex-wrap:wrap!important;gap:7px!important}.bbcode-bar button{background:#20242f!important;color:#fff!important;box-shadow:none!important;padding:8px 11px!important;border-radius:10px!important}table:not(.no-modern) tr{border-bottom:1px solid rgba(0,0,0,.07)}table:not(.no-modern) th{font-weight:900;color:#111827}.site-footer{width:min(1180px,calc(100% - 28px));margin:34px auto 0!important;border-radius:22px 22px 0 0!important;background:rgba(18,20,28,.95)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 -16px 45px rgba(0,0,0,.25)}.footer-disclaimer{background:rgba(255,255,255,.06)!important}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:16px}.gp-theme-toggle{position:fixed;right:18px;bottom:18px;z-index:1000;border-radius:999px!important;width:48px!important;height:48px!important;padding:0!important;color:#241303!important}
body.gp-dark .content,body.gp-dark form,body.gp-dark .tab_container,body.gp-dark .fancyTabContent,body.gp-dark .userpanel-container{background:rgba(21,25,35,.96)!important;color:#e9edf6!important;border-color:rgba(255,255,255,.1)!important}body.gp-dark .heading,body.gp-dark h1,body.gp-dark h2,body.gp-dark h3,body.gp-dark label{color:#f4f6fb!important}body.gp-dark input,body.gp-dark select,body.gp-dark textarea{background:#10131b!important;color:#fff!important;border-color:#303646!important}body.gp-dark .content table h4 a,body.gp-dark .visits,body.gp-dark .post-footer,body.gp-dark .tab_content a,
body.gp-dark .fancyTabContent a {
  background-color: #0f131b !important;color:#f2f5fb!important;border-color:#303646!important}body.gp-dark .fancyTab.active,body.gp-dark .nav-tabs>li.fancyTab.active{background:#151923!important}body.gp-dark .fancyTab.active .tab-link,body.gp-dark .fancyTab.active .hidden-xs{color:#fff!important}
@media(max-width:860px){.header-inner{flex-wrap:wrap}.menu-toggle{display:block}.navbar{width:100%}.navbar ul.menu{display:none!important;flex-direction:column!important;align-items:stretch!important}.navbar ul.menu.expanded,.navbar.expanded ul.menu{display:flex!important}.navbar ul.menu li a{justify-content:center!important}.content{padding:18px!important;margin:18px auto!important}.post-footer{align-items:stretch}.right-visits,.left-actions{width:100%;justify-content:center}.tabs,.fancyTabs,.nav-tabs{flex-wrap:nowrap!important;overflow-x:auto!important}.tabs li,.fancyTab,.nav-tabs>li.fancyTab{min-width:132px!important;flex:0 0 132px!important}form{padding:16px!important}.site-footer{padding:22px 16px!important}}
@media(max-width:520px){.logo a{font-size:22px!important}.logo a:before{width:36px;height:36px}.content{width:calc(100% - 16px)!important;padding:14px!important}.heading{font-size:26px!important}.tab_container,.fancyTabContent{padding:15px!important}.content table h4 a{font-size:15px!important;padding:13px!important}.gp-theme-toggle{right:12px;bottom:12px}}
/* FIX tabs solo en editor de usuario/admin */
form.gp-form-modern .fancyTabContent,
form.gp-form-modern .tab_content {
  display: none !important;
}

form.gp-form-modern .fancyTabContent.active,
form.gp-form-modern .tab_content.active,
form.gp-form-modern .fancyTabContent[style*="display: block"],
form.gp-form-modern .tab_content[style*="display: block"] {
  display: block !important;
}

body.gp-dark .fancyTabContent p img,
body.gp-dark .tab_content p img,
body.gp-dark .content img {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  max-width: 24px !important;
  opacity: 1 !important;
  filter: none !important;
}
.tab_content a[href^="http"],
.fancyTabContent a[href^="http"]{
    padding-left:20px !important;
}