/* GameBeacon YOURLS Admin Skin v1.2.1. Designed for YOURLS 1.10.6.
 * Targeted selectors only. Keep YOURLS native behavior and row actions. */
:root{--gb-blue:#075bff;--gb-bg:#070e1a;--gb-panel:#0d1b2e;--gb-panel-alt:#12243b;--gb-border:#263a55;--gb-text:#f4f7ff;--gb-muted:#a9bdd9;color-scheme:dark}
html{background:var(--gb-bg)}
body{background:var(--gb-bg)!important;color:var(--gb-text)!important;font:14px/1.55 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;margin:0!important;min-height:100vh}
*,*:before,*:after{box-sizing:border-box}
#wrap{width:min(1200px,calc(100% - 36px))!important;max-width:1200px!important;margin:36px auto 0!important;padding:0!important;background:transparent!important;border:0!important;float:none!important;box-shadow:none!important;overflow:visible!important}
#wrap a{color:#86b7ff;text-decoration:none}#wrap a:hover{color:#fff}
/* Brand header */
#wrap>header[role=banner]{background:var(--gb-blue)!important;border-radius:12px 12px 0 0!important;padding:15px 22px!important;min-height:80px!important;display:flex!important;align-items:center!important;border:1px solid #357fff!important}
#wrap>header h1{margin:0!important;padding:0!important;float:none!important;width:auto!important;height:auto!important;line-height:1!important}
#wrap>header h1 a{font-size:0!important;display:flex!important;gap:14px!important;align-items:center!important;text-decoration:none!important}
#wrap>header h1 a:before{content:"";display:block;width:50px;height:50px;background:var(--gbcn-mark) center/contain no-repeat;flex-shrink:0}
#wrap>header h1 a:after{content:"LINK MANAGEMENT";color:white;font:800 12px/1.3 system-ui,sans-serif;letter-spacing:.14em}
#wrap #yourls-logo,#wrap>header h1 br{display:none!important}
/* Real YOURLS nav is an unordered list, not a link container */
#wrap>nav[role=navigation]{padding:8px 18px!important;background:#0b1728!important;border:1px solid var(--gb-border)!important;border-top:0!important}
#wrap>nav #admin_menu{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:4px!important;list-style:none!important;margin:0!important;padding:0!important;width:100%!important}
#wrap>nav #admin_menu>li{float:none!important;display:block!important;margin:0!important;padding:0!important;list-style:none!important;background:none!important}
#wrap>nav #admin_menu>li>a{display:inline-block!important;float:none!important;margin:0!important;padding:10px 12px!important;color:#d8e7ff!important;background:transparent!important;border:0!important;font-size:13px!important;font-weight:650!important;white-space:nowrap}
#wrap>nav #admin_menu>li>a:hover{background:#182b47!important;border-radius:6px!important;color:#fff!important}
#wrap>nav #admin_menu>li#admin_menu_logout_link{margin-right:auto!important;color:var(--gb-muted)!important;padding:8px!important}
#wrap>nav #admin_menu>li#admin_menu_logout_link>a{padding:0!important}
#wrap>nav #admin_menu li ul{display:flex!important;gap:5px!important;flex-wrap:wrap!important;list-style:none!important;margin:0!important;padding:0!important;position:static!important;background:transparent!important;border:0!important}
#wrap>nav #admin_menu li ul li{display:block!important;float:none!important;list-style:none!important}
#wrap>nav #admin_menu li ul a{color:#cce0ff!important;font-size:12px!important}
/* Page content. YOURLS main directly contains #new_url and tables. */
#wrap main[role=main]{padding:24px!important;background:#0b1626!important;border:1px solid var(--gb-border)!important;border-top:0!important;min-width:0!important;width:100%!important;color:#eaf1ff!important}
#wrap main p,#wrap main label{color:#c8d9f0!important}
#wrap h1,#wrap h2,#wrap h3,#wrap h4,#wrap strong{color:#f6f9ff!important}
#wrap input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=reset]),#wrap select,#wrap textarea{background:#132842!important;color:#fff!important;border:1px solid #3a5274!important;border-radius:7px!important;min-height:38px!important;padding:8px 11px!important;font-family:inherit!important;max-width:100%!important;box-shadow:none!important;vertical-align:middle!important}
#wrap input::placeholder{color:#9bb3d4!important}
#wrap input:focus,#wrap select:focus,#wrap textarea:focus{outline:2px solid #337eff!important;outline-offset:1px}
#wrap input[type=submit],#wrap input[type=button],#wrap input[type=reset],#wrap button{background:var(--gb-blue)!important;border:1px solid var(--gb-blue)!important;color:#fff!important;border-radius:7px!important;min-height:38px!important;padding:8px 14px!important;cursor:pointer!important;font:bold 13px system-ui,sans-serif!important;vertical-align:middle!important}
#wrap input[type=submit]:hover,#wrap input[type=button]:hover,#wrap button:hover{background:#2b75ff!important}
/* Link creator: ONE container, not three nested outlined boxes. */
#wrap #new_url{display:block!important;width:100%!important;max-width:none!important;background:#102139!important;border:1px solid #294565!important;border-radius:10px!important;margin:0 0 19px!important;padding:18px!important;float:none!important;min-height:0!important}
#wrap #new_url>div{background:transparent!important;border:0!important;padding:0!important;margin:0!important;width:100%!important;max-width:none!important;box-shadow:none!important}
#wrap #new_url_form{display:block!important;background:transparent!important;border:0!important;outline:0!important;border-radius:0!important;padding:0!important;margin:0!important;width:100%!important;max-width:none!important;box-shadow:none!important;float:none!important}
#wrap #new_url_form>div{display:flex!important;flex-flow:row wrap!important;align-items:center!important;gap:10px 12px!important;background:transparent!important;border:0!important;padding:0!important;margin:0!important;width:100%!important;max-width:none!important;box-shadow:none!important}
#wrap #new_url_form label{display:inline-block!important;float:none!important;white-space:nowrap!important;color:#ddeaff!important;font-weight:650!important;margin:0!important;padding:0!important;width:auto!important}
#wrap #new_url_form #add-url{flex:1 1 380px!important;width:auto!important;min-width:160px!important;max-width:none!important;margin:0!important}
#wrap #new_url_form #add-keyword{flex:0 1 160px!important;width:160px!important;min-width:110px!important;margin:0!important}
#wrap #new_url_form #add-button{flex:0 0 auto!important;width:auto!important;margin:0!important;white-space:nowrap!important}
#wrap #feedback{max-width:100%!important;margin-top:12px!important}
/* Link and plugin tables: avoid forcing giant row heights or styling action anchors as buttons. */
#wrap table{width:100%!important;max-width:100%!important;border-collapse:collapse!important;border-spacing:0!important;background:#102137!important;color:#e6efff!important;border:1px solid var(--gb-border)!important;font-size:13px!important;table-layout:auto!important}
#wrap table th{background:#153050!important;color:#f2f7ff!important;text-align:left!important;padding:11px 9px!important;border:0!important;border-bottom:1px solid #345071!important;font-weight:700!important}
#wrap table td{padding:10px 9px!important;background:transparent!important;color:#e4edff!important;border:0!important;border-bottom:1px solid #253e59!important;vertical-align:middle!important;height:auto!important;line-height:1.35!important}
#wrap table tr:nth-child(odd){background:#101f33!important}#wrap table tr:nth-child(even){background:#152840!important}#wrap table tr:hover{background:#1a3352!important}
#wrap table td a{color:#96bfff!important}
#wrap table td small,#wrap table td small a{font-size:11px!important;color:#aac4e8!important}
#wrap table td img{max-width:100%;height:auto}
/* Crucial: YOURLS actions are small image/icon anchors, not CTA buttons. */
#wrap #main_table .actions a,#wrap #main_table td.actions a,#wrap #main_table a[class*="button"],#wrap #main_table a[class*="action"]{background:transparent!important;border:0!important;box-shadow:none!important;color:#c6ddff!important;display:inline-block!important;padding:2px!important;margin:0 3px 0 0!important;min-width:0!important;min-height:0!important;width:auto!important;height:auto!important;line-height:1!important;border-radius:4px!important;vertical-align:middle!important}
#wrap #main_table .actions a:hover,#wrap #main_table td.actions a:hover{background:#2a4566!important}
#wrap #main_table .actions img,#wrap #main_table td.actions img{max-width:18px!important;max-height:18px!important;width:auto!important;height:auto!important;vertical-align:middle!important}
#wrap #main_table td{overflow-wrap:anywhere!important}#wrap #main_table td:last-child{min-width:105px!important}
/* Let dense tables scroll on phones instead of crushing columns. */
#wrap #main_table{min-width:740px!important}
#wrap main{overflow-x:auto!important}
#wrap #main_table tfoot td{background:#112943!important}
#wrap #main_table tfoot input,#wrap #main_table tfoot select{margin:3px!important}
/* Notices, dialogs, footer */
#wrap .notice,#wrap .success,#wrap .error,#wrap .warning,#wrap .info{background:#142b43!important;color:#e8f2ff!important;border:1px solid #386083!important;border-radius:8px!important;padding:12px!important}
#wrap .error{background:#3b202c!important;border-color:#aa5365!important}
#wrap .success{background:#123d35!important;border-color:#388879!important}
#footer{width:min(1200px,calc(100% - 36px))!important;max-width:1200px!important;margin:0 auto 28px!important;padding:18px 22px!important;background:#0d1b2e!important;color:#b2c7e6!important;border:1px solid var(--gb-border)!important;border-top:0!important;border-radius:0 0 12px 12px!important;text-align:center!important;box-shadow:none!important}
#footer p{color:#b2c7e6!important;margin:0!important}#footer a{color:#95bcff!important}
#wrap #login{width:min(390px,100%)!important;margin:0 auto!important;background:transparent!important;padding:0!important;border:0!important;box-shadow:none!important}
#wrap #login form{background:transparent!important;border:0!important;padding:0!important;margin:0!important;width:100%!important}
#wrap #login form p{text-align:left!important;margin:0 0 14px!important;padding:0!important}
#wrap #login label{display:block!important;margin:0 0 6px!important;color:#e4eeff!important}
#wrap #login input.text{width:100%!important;max-width:none!important;display:block!important;margin:0!important}
#wrap #login input[type=submit]{width:100%!important;margin:10px 0 0!important}
body.login #wrap{width:min(510px,calc(100% - 26px))!important;max-width:510px!important;margin:clamp(35px,10vh,95px) auto 0!important}
body.login #wrap>header{justify-content:center!important}body.login #wrap>header h1 a:after{content:"SECURE LINK DASHBOARD"}
body.login #wrap main[role=main]{padding:28px 28px 34px!important;overflow:visible!important}
body.login #footer{width:min(510px,calc(100% - 26px))!important;max-width:510px!important}
#wrap dialog{background:#0d1c2f!important;color:#fff!important;border:1px solid #365779!important;border-radius:12px!important}
@media(max-width:900px){#wrap{margin:18px auto 0!important}#wrap>nav #admin_menu>li#admin_menu_logout_link{width:100%!important}#wrap #new_url_form>div{align-items:stretch!important}#wrap #new_url_form label{width:100%!important}#wrap #new_url_form #add-url,#wrap #new_url_form #add-keyword{flex:1 1 100%!important;width:100%!important}#wrap #new_url_form #add-button{width:100%!important}#wrap main[role=main]{padding:16px!important}}
@media(max-width:520px){#wrap{width:calc(100% - 16px)!important;margin:8px auto 0!important}#wrap>header[role=banner]{padding:12px!important;min-height:68px!important}#wrap>header h1 a:before{width:43px;height:43px}#wrap>header h1 a:after{font-size:10px;letter-spacing:.09em}#wrap>nav[role=navigation]{padding:8px!important}#wrap>nav #admin_menu>li>a{padding:7px!important}#footer{width:calc(100% - 16px)!important}body.login #wrap main[role=main]{padding:20px!important}}

/* v1.2.1: Hide the default YOURLS powered-by footer on both admin and login pages. */
html body #footer, html body footer#footer, html body #wrap #footer, html body #wrap footer[role="contentinfo"] {display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;}
#wrap main[role=main]{border-radius:0 0 12px 12px!important;}
body.login #wrap main[role=main]{border-radius:0 0 12px 12px!important;}