/*
 * Version: 1.0.3
 * Last Updated: 2025-10-08
 */
:root {
	--greyforest-grey: #A1A8AE;	
	--greyforest-plugin-font: 'Roboto';
	--greyforest-plugin-font-menu: 'Roboto';
	--greyforest-plugin-font-buttons: 'Roboto Condensed';
}

/* ADMIN PAGES : Container */
.gf-plugin-wrapper * {box-sizing:border-box;}
.gf-plugin-wrapper {position:relative;padding:0 20px 20px 0;margin:0;}
.gf-plugin-wrapper #plugin-banner {border-radius:4px;width:100%;max-width:100%;margin-top:20px;}

/* ADMIN PAGES : Header */
.gf-plugin-wrapper header {background:#fff;position:relative;padding:1em 20px;display:flex;justify-content:space-between;height:auto;margin:0px -20px;}
.gf-plugin-wrapper header #gf-plugin-logo {position:relative;float:left;}
.gf-plugin-wrapper header #gf-plugin-logo img {height:50px;display:block;}
.gf-plugin-wrapper header #gf-plugin-logo #apimodebadge {font-family:var(--greyforest-plugin-font-buttons);font-weight:bold;border-radius:10px;position:absolute;top:0;right:-35px;display:inline-block;padding:0 10px;font-size:11px;color:#fff;z-index:2;}
.gf-plugin-wrapper header #gf-plugin-logo #apimodebadge.apimode-test {background:#ff0000;box-shadow:0px 0px 3px #ff0000 !important}
.gf-plugin-wrapper header #gf-plugin-logo #apimodebadge.apimode-live {background:#00ff00;box-shadow:0px 0px 3px #00ff00 !important}
.gf-plugin-wrapper header #gf-plugin-menu img {height:30px;width:auto;margin-bottom:-10px;}

/* ADMIN PAGES : Menu */
.gf-plugin-wrapper #gf-plugin-menu {display:block;float:right;margin:0;}
.gf-plugin-wrapper #gf-plugin-menu li {display:inline-block;margin:0;font-family:var(--greyforest-plugin-font-menu);font-weight:bold;}
.gf-plugin-wrapper #gf-plugin-menu li a {position:relative;font-weight:bold;border-radius:5px;display:block;background:none;color:var(--kunaki-grey) !important;text-decoration:none;padding:0 0;margin:10px 1em;line-height:30px;transition:.4s ease;}
.gf-plugin-wrapper #gf-plugin-menu li a::after {height:2px;width:0%;content:"";display:block;position:absolute;bottom:0;left:0;transition:.4s ease;background:var(--greyforest-grey);}
.gf-plugin-wrapper #gf-plugin-menu li.active a {color:var(--greyforest-grey);}
.gf-plugin-wrapper #gf-plugin-menu li.active a::after {background-color:var(--greyforest-grey);width:100%;}
.gf-plugin-wrapper #gf-plugin-menu li a:hover {border:0px solid #000 !important;color:var(--greyforest-grey) !important;transition:.4s ease;}
.gf-plugin-wrapper #gf-plugin-menu li a:hover::after {background-color:var(--greyforest-grey);width:100%;transition:.4s ease;}
.gf-plugin-wrapper #gf-plugin-menu li:last-child a:hover::after {width:0%;transition:0s ease;}

/* ADMIN PAGES : Layout */
#gf-plugin-left {padding:0em;display:block;box-sizing:border-box;border-left:0px solid #eee;}
#gf-plugin-right {padding:0 1em;display:block;box-sizing:border-box;}
.gf-plugin-block {overflow:hidden;box-shadow:0px 0px 10px #ddd !important;border-radius:4px;background:#fff;padding:2em;margin-bottom:20px;}
.gf-plugin-settings-block {margin:0 0 20px 0;display:grid;grid-template-columns:300px 1fr;padding:40px 20px 40px 0px !important;}
.gf-plugin-settings-block .settings-left {text-align:center;}
.gf-plugin-settings-block .settings-left h3 {text-align:center;}
.gf-plugin-settings-block .settings-left img {width:150px;}
.gf-plugin-settings-block .settings-right.settings-5050 {display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem}

/* ELEMENT : Buttons */
.gf-plugin-wrapper .gf-plugin-button {background:var(--greyforest-grey);box-shadow:0px 0px 5px rgba(0,0,0,0.1) !important;position:relative;font-weight:bold;font-family:var(--greyforest-plugin-font-buttons);text-decoration:none;box-sizing:border-box;border:0px;text-align:center;font-weight:bold;display:inline-block;margin:0 5px 5px 0;border-radius:4px;padding:1em 3em;color:#fff !important;cursor:pointer;transition:.3s ease;}
.gf-plugin-wrapper .gf-plugin-button.alternate {background:var(--greyforest-grey);}
.gf-plugin-wrapper .gf-plugin-button.confirm {background:#00ff00;}
.gf-plugin-wrapper .gf-plugin-button.cancel {background:#ff0000;}
.gf-plugin-wrapper .gf-plugin-button:hover {transition:.3s ease;}
.gf-plugin-wrapper .gf-plugin-button:active {transition:0s linear;}
.gf-plugin-wrapper .gf-plugin-button::after {z-index:2;position:absolute;content:"";width:0;height:100%;left:0;top:0;display:block;background:rgba(255,255,255,0.1);transition:0.3s ease;}
.gf-plugin-wrapper .gf-plugin-button:hover::after {width:100%;transition:0.3s ease;}
.gf-plugin-wrapper .gf-plugin-button.hover-left::after {left:auto;right:0;}
.gf-plugin-wrapper .gf-plugin-button.hover-left:hover {padding-left:1em;transition:0.5s .1s ease;}
.gf-plugin-wrapper .gf-plugin-button.hover-left:hover::after {width:100%;transition:0.3s ease;}
.gf-plugin-wrapper .gf-plugin-button.donation img {height:1.2em;margin-bottom:-.2em;margin-right:.25em;}

/* GLOBAL : Styling */
.gf-plugin-wrapper ul.bullets {list-style-type:square;margin-top:0.5em;margin-left:1em;}
.gf-plugin-wrapper ul.bullets li ul {list-style-type:disc;margin-left:1em;margin-top:0.5em;}
.gf-plugin-wrapper ul.bullets li ul li ul {list-style-type:circle;margin-left:1em;margin-top:0.5em;}

/* SETTINGS : API Mode Switch */
.gf-plugin-wrapper input[type="radio"].apimode-switch {display:none;}
.gf-plugin-wrapper input[type="radio"].apimode-switch + label {letter-spacing:1px;font-family:var(--greyforest-plugin-font);color:rgba(0,0,0,0.3);text-transform:uppercase;font-weight:bold;display:block;float:left;font-size:1em;padding:1em 3em;background:#eee;border:0px solid #ccc;width:auto;margin:0 0 0 -1px;cursor:pointer;box-sizing:border-box;position:relative;transition:.5s ease;}
.gf-plugin-wrapper input[type="radio"].apimode-switch + label:first-of-type {border-radius:10px 0 0 10px;}
.gf-plugin-wrapper input[type="radio"].apimode-switch + label:last-of-type {border-radius:0 10px 10px 0;}
.gf-plugin-wrapper input[type="radio"].apimode-switch + label:hover {background:#cccccc;transition:.2s ease;}
.gf-plugin-wrapper input[type="radio"].apimode-switch:checked + label:first-of-type {color:#fff;z-index:2;transition:.3s ease;background:#ff0000;box-shadow:0px 0px 7px #ff0000 !Important;text-shadow:0px 0px 5px rgba(0,0,0,0.4) !Important}
.gf-plugin-wrapper input[type="radio"].apimode-switch:checked + label:last-of-type {color:#fff;transition:.3s ease;background:#00ff00;box-shadow:0px 0px 7px #00ff00 !Important;text-shadow:0px 0px 5px rgba(0,0,0,0.4) !Important}

/* GLOBAL : INPUTS STYLING */
.gf-plugin-wrapper input[type=password],
.gf-plugin-wrapper input[type=text],
.gf-plugin-wrapper input[type=number],
.gf-plugin-wrapper input[type=email],
.gf-plugin-wrapper select {width:calc(100% - 4px);border:0px;background-color:#eee;box-shadow:inset 1px 0px 8px rgba(0,0,0,0.05) !important;}
.gf-plugin-wrapper input[type="checkbox"], 
.gf-plugin-wrapper input[type="radio"] {margin-top:0;}
.gf-plugin-wrapper .required-strings.input-error {border:1px solid #ff0000 !important;}
.gf-plugin-wrapper input.flatrate, select.flatrate, textarea.flatrate {background-repeat:no-repeat;background-size:contain;background-position:bottom center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAmCAYAAAAmy2KXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ5MkZEQUYyNUI0MjExRUQ5RDIxOTNEMDhGQjMwMUNBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ5MkZEQUYzNUI0MjExRUQ5RDIxOTNEMDhGQjMwMUNBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDkyRkRBRjA1QjQyMTFFRDlEMjE5M0QwOEZCMzAxQ0EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDkyRkRBRjE1QjQyMTFFRDlEMjE5M0QwOEZCMzAxQ0EiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7zz9yoAAACeUlEQVR42uyb4ZHCIBCF4cYG0oIt5EqghbQQS4glXEowJWgJWoIpwSvhLIGDM3PDrQsBFY3e+2b445CwZF+WBxml1loAcGve8AgAhAUgLABhAQBhAQgLQFgAQFgAwgIQFgAQFpg89lthtiaE0naIuKa4/tHzEOLDc9+C9NMJbRsYL+b6vWl14B6F57oP0m+bEnfiPJscuX+lilUn/n4PStNWJnnrJ4oZS6HzRleCVCaHagIhVp7K5Yut0NOI+2JmDxhz5/n9GBDHGCpUNUyS5lKIT2b8Yqgqvvj6hBj6YQ6+mKywOudlmDNj0zltPHGokbFj4nOf+wt4LNKHVJ5kj+XxKYeQZ7lmvIDHUrSKhu7NeMLDmD+MHTu2T878338plFK7bWziMcsM8wZ2E1gO54lxd0z1uGXc7AbA5KCBx4pL0MZZQn6TfIVwL0qcOK+SG7dSMsLj4n5an/XUwhp8ChXMbvBT/cSS1AVi6YeYqf9UerzywbxnMO9V4P47Yo5t38WDnvNC/p13FYiZm2N7gxhg3mPNtMfwhlqd0bzvPQeZa3JdnRjz4RnN+2zqJdVz+r2MNMjcFr7LFOrSViUT74occNrdoXIqVqrXs/6wlGlHHxx2F3pkNlMbo4SbP5PJC8uTiEJcZsZtkguZq/yfaMX5Yajdee2G44NLvF4lrhdWmWhNXl5YPmrGK/SMAEvmujZXUNaE61NVrIkJV57kct6nJH6zdqo0zHtGCsbot5IRjEnoF+lb5RSWU7XoZ6aGifloYn5nYm7IccXPJx55fhwxWST+CQ1wjgUgLABhAQBhAQgLQFgAQFgAwgIQFgAQFoCwwL/kW4ABAMTwoNZQgyrNAAAAAElFTkSuQmCC');}

/* GLOBAL : GRID SYSTEM */
.gf-plugin-block-grid {width:auto;padding:0;margin:0 0 20px 0;display:grid;grid-template-columns:repeat(10, 1fr);grid-gap:20px;}
.gf-plugin-block-grid .gf-plugin-block {margin:0;}
.gf-grid-column-1 {grid-column: span 1;}
.gf-grid-column-2 {grid-column: span 2;}
.gf-grid-column-3 {grid-column: span 3;}
.gf-grid-column-4 {grid-column: span 4;}
.gf-grid-column-5 {grid-column: span 5;}
.gf-grid-column-6 {grid-column: span 6;}
.gf-grid-column-7 {grid-column: span 7;}
.gf-grid-column-8 {grid-column: span 8;}
.gf-grid-column-9 {grid-column: span 9;}
.gf-grid-column-10 {grid-column: span 10;}

/* ADMIN PAGE : Default */
.gf-plugin-wrapper #gf-dashboard-blocks {display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:20px;margin:20px 0;}
.gf-plugin-wrapper #gf-dashboard-blocks .gf-plugin-block {position:relative;text-align:center;margin:0;padding:2rem;}
.gf-plugin-wrapper #gf-dashboard-blocks .gf-plugin-block img {padding:1em;display:block;width:auto;max-width:150px;margin:0px auto;}
.gf-plugin-wrapper #gf-dashboard-blocks .gf-plugin-block h3 {text-align:center;display:block;font-family:var(--greyforest-plugin-font);font-weight:bold;}
.gf-plugin-wrapper #gf-dashboard-blocks .gf-plugin-block a:hover img {transform:scale(1.02);}

/* ADMIN PAGE : Info */
#gf-info-blocks {grid-template-columns:1fr minmax(300px,30%);}

.gf-pro-feature {opacity:0.5;pointer-events:none;}

/* GLOBAL : Alert Prompts */
.gf-plugin-wrapper .gf-plugin-alert {cursor:pointer;font-weight:bold;border-radius:4px;color:#fff;display:block;padding:1rem 4rem;position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;background:#00d900;}
.gf-plugin-wrapper .gf-plugin-alert.success {background:#00d900;}
.gf-plugin-wrapper .gf-plugin-alert.error {background:#ff0040;}

/* GLOBAL : Dashboard Notices */
.gf-plugin-wrapper .notice, 
.gf-plugin-wrapper div.error, 
.gf-plugin-wrapper div.updated {margin:10px 0;}



/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width : 960px) {

.gf-plugin-wrapper header {flex-flow:wrap column;}
.gf-plugin-wrapper header #gf-plugin-logo img {margin:0px auto;display:block;}
.gf-plugin-wrapper header #gf-plugin-logo #apimodebadge {right:5px;}
.gf-plugin-wrapper header #gf-plugin-menu {text-align:center;}

#gf-info-blocks {grid-template-columns:1fr;}

.gf-plugin-settings-block .settings-right.settings-5050 {display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem}

.gf-grid-column-1-m {grid-column: span 1;}
.gf-grid-column-2-m {grid-column: span 2;}
.gf-grid-column-3-m {grid-column: span 3;}
.gf-grid-column-4-m {grid-column: span 4;}
.gf-grid-column-5-m {grid-column: span 5;}
.gf-grid-column-6-m {grid-column: span 6;}
.gf-grid-column-7-m {grid-column: span 7;}
.gf-grid-column-8-m {grid-column: span 8;}
.gf-grid-column-9-m {grid-column: span 9;}
.gf-grid-column-10-m {grid-column: span 10;}
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width : 782px) {

.gf-plugin-wrapper {padding:0 10px 10px 0;}

.gf-plugin-settings-block {grid-template-columns:repeat(1, 1fr);padding:20px !important;}
.gf-plugin-settings-block .settings-right.settings-5050 {grid-template-columns:1fr;grid-gap:0;}
.gf-plugin-settings-block .settings-right.settings-5050 div:nth-child(2) {margin-top:0;}
.gf-plugin-wrapper #gf-dashboard-blocks {padding:10px 00px 10px 00px;grid-template-columns:repeat(1, 1fr);}

.gf-grid-column-1-s {grid-column: span 1;}
.gf-grid-column-2-s {grid-column: span 2;}
.gf-grid-column-3-s {grid-column: span 3;}
.gf-grid-column-4-s {grid-column: span 4;}
.gf-grid-column-5-s {grid-column: span 5;}
.gf-grid-column-6-s {grid-column: span 6;}
.gf-grid-column-7-s {grid-column: span 7;}
.gf-grid-column-8-s {grid-column: span 8;}
.gf-grid-column-9-s {grid-column: span 9;}
.gf-grid-column-10-s {grid-column: span 10;}
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/