/* Revo — white-label wp-admin: toolbar, side menu, footer and login page in Revo colours. */

/* Toolbar */
#wpadminbar { background: linear-gradient(90deg, #10114a, #1a237e 55%, #18196b); font-family: "Plus Jakarta Sans", -apple-system, "Segoe UI", Roboto, sans-serif; box-shadow: 0 1px 0 rgba(255, 255, 255, .06), 0 6px 18px rgba(16, 17, 74, .18); }
#wpadminbar * { font-family: inherit; }
#wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon { color: #eaf0ff; }
#wpadminbar .ab-icon::before, #wpadminbar .ab-item::before, #wpadminbar #adminbarsearch::before { color: #93b4ff !important; }
#wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar .ab-top-menu > li:hover > .ab-item, #wpadminbar .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { background: rgba(255, 255, 255, .1); color: #fff; }
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item::before, #wpadminbar:not(.mobile) .ab-top-menu > li:hover .ab-icon::before { color: #fbbf24 !important; }
#wpadminbar .menupop .ab-sub-wrapper, #wpadminbar .shortlink-input { background: #10114a; border-radius: 0 0 12px 12px; box-shadow: 0 14px 30px rgba(16, 17, 74, .3); }
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { background: #0e1050; }
#wpadminbar .quicklinks .menupop ul li a, #wpadminbar .quicklinks .menupop.hover ul li a { color: #dbe5ff; }
#wpadminbar .quicklinks .menupop ul li a:hover, #wpadminbar .quicklinks .menupop ul li a:focus, #wpadminbar .quicklinks .menupop ul li a:hover strong { color: #fbbf24; }
#wpadminbar #wp-admin-bar-revo-brand > .ab-item { display: flex; align-items: center; gap: 8px; padding: 0 12px 0 10px; font-weight: 800; letter-spacing: -.01em; color: #fff; }
#wpadminbar #wp-admin-bar-revo-brand img { width: 22px; height: 22px; border-radius: 7px; display: block; background: #fff; }
#wpadminbar #wp-admin-bar-my-account .display-name { font-weight: 700; }
#wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img, #wpadminbar #wp-admin-bar-my-account.with-avatar > a img { border-radius: 50%; border-color: #93b4ff; }
@media screen and (max-width: 782px) {
	#wpadminbar #wp-admin-bar-revo-brand { display: block; }
	#wpadminbar #wp-admin-bar-revo-brand > .ab-item { width: auto; padding: 0 10px; height: 46px; }
	#wpadminbar #wp-admin-bar-revo-brand img { width: 28px; height: 28px; }
	#wpadminbar #wp-admin-bar-revo-brand .revo-brand__name { display: none; }
}

/* Side menu */
#adminmenuback, #adminmenuwrap, #adminmenu { background: #10114a; }
#adminmenuback { background: linear-gradient(180deg, #10114a, #0b0c3a); }
#adminmenuwrap { background: transparent; }
#adminmenu { background: transparent; padding: 10px 0; font-family: "Plus Jakarta Sans", -apple-system, "Segoe UI", Roboto, sans-serif; }
#adminmenu a { color: #d1fae5; }
#adminmenu div.wp-menu-image::before { color: #93b4ff; }
#adminmenu li.menu-top { margin: 2px 8px; border-radius: 12px; }
#adminmenu li.menu-top > a { border-radius: 12px; font-weight: 600; }
#adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus { background: rgba(255, 255, 255, .07); color: #fff; }
#adminmenu li.menu-top:hover div.wp-menu-image::before, #adminmenu li.opensub > a.menu-top div.wp-menu-image::before { color: #fbbf24; }
#adminmenu li a:focus div.wp-menu-image::before, #adminmenu li.opensub div.wp-menu-image::before, #adminmenu li:hover div.wp-menu-image::before { color: #fbbf24; }
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, #adminmenu li.current a.menu-top, #adminmenu .wp-menu-arrow, #adminmenu .wp-menu-arrow div, #adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head, .folded #adminmenu li.current.menu-top, .folded #adminmenu li.wp-has-current-submenu { background: linear-gradient(135deg, #2f62d6, #2340b8); color: #fff; box-shadow: 0 8px 20px rgba(47, 98, 214, .35); }
#adminmenu li.wp-has-current-submenu div.wp-menu-image::before, #adminmenu .current div.wp-menu-image::before, #adminmenu a.current:hover div.wp-menu-image::before, #adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image::before, #adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image::before, #adminmenu li:hover.wp-has-current-submenu div.wp-menu-image::before { color: #fff; }
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu { border-radius: 12px 12px 0 0; }
#adminmenu li.wp-has-current-submenu .wp-submenu, #adminmenu li.wp-has-current-submenu.opensub .wp-submenu, #adminmenu .wp-submenu, .folded #adminmenu .wp-has-current-submenu .wp-submenu, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu { background: rgba(0, 0, 0, .22); border-radius: 0 0 12px 12px; }
#adminmenu .wp-submenu { border-radius: 12px; }
#adminmenu li.wp-has-current-submenu .wp-submenu { padding: 6px 0 8px; }
#adminmenu .wp-submenu a { color: #a7f3d0; border-radius: 8px; }
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover, #adminmenu .wp-has-current-submenu .wp-submenu a:hover { color: #fbbf24; }
#adminmenu .wp-submenu li.current a, #adminmenu .wp-submenu li.current a:focus, #adminmenu .wp-submenu li.current a:hover { color: #fff; font-weight: 700; }
#adminmenu .wp-submenu li.current a::before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #fbbf24; margin: 0 8px 1px -14px; vertical-align: middle; }
#adminmenu li.wp-menu-separator { height: 1px; margin: 10px 18px; background: rgba(255, 255, 255, .08); }
#adminmenu .wp-menu-arrow, #adminmenu li.current .wp-menu-arrow, #adminmenu li.wp-has-current-submenu .wp-menu-arrow, ul#adminmenu a.wp-has-current-submenu::after, ul#adminmenu > li.current > a.current::after { display: none; border: 0; }
#adminmenu .awaiting-mod, #adminmenu .update-plugins { background: #f59e0b; color: #fff; }
#adminmenu li.current a .awaiting-mod, #adminmenu li a.wp-has-current-submenu .update-plugins { background: #fbbf24; color: #10114a; }
#collapse-button { color: #bfdbfe; }
#collapse-button:hover, #collapse-button:focus { color: #fbbf24; }
.folded #adminmenu li.menu-top { margin: 2px 4px; }
#adminmenu #toplevel_page_revo .wp-menu-image::before { content: ""; }
#adminmenu #toplevel_page_revo .wp-menu-image { width: 24px; height: 24px; margin: 5px 8px 0 6px; border-radius: 7px; }
.folded #adminmenu #toplevel_page_revo .wp-menu-image { margin: 5px 0 0 6px; }
#adminmenu .wp-has-current-submenu .wp-submenu { width: auto; }
@media screen and (max-width: 782px) {
	#adminmenu li.menu-top { margin: 2px 8px; }
}

/* Page */
#wpwrap, body.wp-admin { background: #f3f6fb; }
#wpfooter { color: #64748b; }
#wpfooter a { color: #2340b8; }
.wp-core-ui .button-primary { background: #2340b8; border-color: #2340b8; }
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus { background: #18196b; border-color: #18196b; }
.wp-core-ui .button-primary:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2f62d6; }

/* Login (secret admin address, /akun/ and the second-step code page) */
body.login { background: radial-gradient(700px 360px at 85% -10%, rgba(96, 165, 250, .28), transparent), radial-gradient(600px 300px at 0 110%, rgba(251, 191, 36, .18), transparent), linear-gradient(160deg, #eef3ff, #f8fafc); font-family: "Plus Jakarta Sans", -apple-system, "Segoe UI", Roboto, sans-serif; color: #0f172a; }
.login h1 a { width: 220px !important; height: 48px !important; background-size: contain !important; background-position: center !important; margin-bottom: 18px; }
.login form { border: 1px solid #e2e8f0; border-radius: 20px; box-shadow: 0 24px 60px -24px rgba(15, 23, 42, .25); padding: 26px 24px; }
.login label { font-weight: 600; color: #334155; }
.login input[type=text], .login input[type=password], .login input[type=email], .login input[type=number] { border-radius: 12px; border-color: #cbd5e1; padding: 6px 12px; }
.login input[type=text]:focus, .login input[type=password]:focus, .login input[type=email]:focus { border-color: #2f62d6; box-shadow: 0 0 0 3px rgba(47, 98, 214, .18); }
.login .button-primary { border-radius: 12px; padding: 0 18px !important; min-height: 40px; font-weight: 700; background: linear-gradient(135deg, #2f62d6, #2340b8); border: 0; }
.login .message, .login .notice, .login .success, .login #login_error { border-radius: 12px; border-left-color: #2f62d6; }
.login #login_error { border-left-color: #dc2626; }
.login #nav a, .login #backtoblog a, .login .privacy-policy-link { color: #2340b8; }
.login #nav a:hover, .login #backtoblog a:hover { color: #18196b; }
.login .button.wp-hide-pw .dashicons { color: #2340b8; }