/* KittyHelper override styles (light theme) */
:root{
	--ck-bg: #FFF6FB;
	--ck-surface: #ffffff;
	--ck-primary: #A55FE6;
	--ck-accent: #FF8CCB;
	--ck-secondary: #FFC37D;
	--ck-success: #0BB07B;
	--ck-danger: #E2555A;
	--ck-ink: #2B2B3A;
	--ck-muted: #6B6B7A;
	/* Base vivid gradient (kept for sections) */
	--ck-gradient: linear-gradient(90deg, #A55FE6 0%, #FF8CCB 50%, #FFC37D 100%);
	/* Softer header gradient */
	--ck-gradient-top: linear-gradient(90deg, #CDBEF3 0%, #F8D5EA 45%, #FFE3BF 100%);
	--ck-shadow: 0 6px 16px rgba(165, 95, 230, 0.15);
	--ck-shadow-soft: 0 3px 10px rgba(165, 95, 230, 0.12);
	--kh-gap-block: 20px;
}

/* Base surfaces */
body{
	background: var(--ck-bg);
	color: var(--ck-ink);
}
.right_col{
	background: var(--ck-bg) !important;
}
.x_panel, .tile-stats, .panel, .panel-default, .well, .tile_count .tile_stats_count{
	background: var(--ck-surface);
	box-shadow: 0 1px 2px rgba(0,0,0,.03);
	border: 1px solid rgba(0,0,0,.06);
}
.x_title{
	border-bottom: 2px solid rgba(165,95,230,.15);
}

/* Top nav */
.top_nav .nav_menu{
	background: var(--ck-gradient-top);
	border: 0;
	box-shadow: var(--ck-shadow-soft);
}
.top_nav .nav>li>a{
	color: #fff !important;
}
.top_nav .nav>li>a:hover,
.top_nav .nav>li>a:focus,
.top_nav .nav .open>a,
.top_nav .nav .open>a:hover,
.top_nav .nav .open>a:focus{
	background: rgba(255,255,255,.06);
	color: #fff !important;
}
.navbar-nav .open .dropdown-menu{
	border: 0;
	box-shadow: 0 8px 24px rgba(0,0,0,.12);
}

/* Brand */
.nav_title{
	background: transparent;
}
.site_title{
	color: #fff !important;
}
.site_title .fa-paw{
	background: #fff;
	color: var(--ck-primary);
}
.site_title:hover .fa-paw{
	color: var(--ck-accent);
}

/* Sidebar */
.left_col{
	background: #2A2640 !important; /* deep purple for contrast */
	min-height: 100vh;
	position: relative;
}

.left_col.menu_fixed1{
	min-height: 100vh;
	background: #2A2640 !important;
}

.left_col .scroll-view{
	height: auto !important; /* позволяем боковому меню растягивать страницу, чтобы не было наложения снизу */
	overflow-y: visible !important;
	scrollbar-width: thin;
	scrollbar-color: rgba(255,255,255,.25) transparent;
	min-height: 100vh;
	background: #2A2640;
}
.profile--new{
	border-top: 1px solid rgba(255,255,255,.08);
	border-bottom: 2px solid rgba(255,255,255,.12);
}
.profile--new h2,
.profile--new h2 a,
.profile_info span{
	color:#fff;
}
.sidebar-header{
	background: transparent;
}

/* Menu */
.nav.side-menu>li>a{
	color: #EAE6F8;
}
.nav.side-menu>li>a i{
	color: #C9B6F0;
}
.nav.side-menu>li.active>a,
.nav.side-menu>li.current-page>a{
	background: rgba(255,255,255,.08);
	border-left: 4px solid #FF8CCB;
	color: #fff;
}
.nav.side-menu>li>a:hover{
	background: rgba(255,255,255,.06);
	color:#fff;
}
.nav.child_menu>li>a{
	color: #E4DDF6;
}
.nav.child_menu>li.active a,
.nav.child_menu>li a:hover{
	color: #ffffff;
}

/* Pills look for active links in top quick items */
.label.label-info, .label.label-success{
	background: rgba(255,255,255,.18);
	border: 1px solid rgba(255,255,255,.25);
}

/* Buttons */
.btn-success, .btn-primary{
	background: var(--ck-primary);
	border-color: var(--ck-primary);
}
.btn-success:hover, .btn-primary:hover{
	background: #8D45D3;
	border-color: #8D45D3;
}
.btn-default{
	border-color: rgba(0,0,0,.08);
}

/* Inputs */
.form-control:focus{
	border-color: var(--ck-primary);
	box-shadow: 0 0 0 2px rgba(165,95,230,.15);
}

/* ===== Buttons (new style) ===== */
.btn{
	border-radius: 12px;
	font-weight: 600;
	padding: 8px 14px;
	border-width: 1px;
	border-style: solid;
	transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
}
.btn:focus{
	outline: none;
	box-shadow: 0 0 0 3px rgba(165,95,230,.18);
}
.btn:disabled,
.btn.disabled{
	opacity: .65;
	cursor: not-allowed;
}

/* Primary */
.btn-primary{
	background: var(--ck-primary);
	border-color: var(--ck-primary);
	color: #fff;
}
.btn-primary:hover{
	background: #8D45D3;
	border-color: #8D45D3;
	box-shadow: 0 6px 16px rgba(141,69,211,.25);
}

/* Info -> Accent (розовый) */
.btn-info{
	background: var(--ck-accent);
	border-color: var(--ck-accent);
	color: #fff;
}
.btn-info:hover{
	background: #ff77c4;
	border-color: #ff77c4;
	box-shadow: 0 6px 16px rgba(255,140,203,.25);
}

/* Success (зелёный) */
.btn-success{
	background: var(--ck-success);
	border-color: var(--ck-success);
	color: #fff;
}
.btn-success:hover{
	background: #09a06f;
	border-color: #09a06f;
	box-shadow: 0 6px 16px rgba(11,176,123,.25);
}

/* Warning (персиковый) */
.btn-warning{
	background: var(--ck-secondary);
	border-color: var(--ck-secondary);
	color: var(--ck-ink);
}
.btn-warning:hover{
	background: #ffb765;
	border-color: #ffb765;
	box-shadow: 0 6px 16px rgba(255,195,125,.25);
	color: var(--ck-ink);
}

/* Danger (красный) */
.btn-danger{
	background: var(--ck-danger);
	border-color: var(--ck-danger);
	color: #fff;
}
.btn-danger:hover{
	background: #d94a50;
	border-color: #d94a50;
	box-shadow: 0 6px 16px rgba(226,85,90,.25);
}

/* Default / Secondary surface */
.btn-default{
	background: var(--ck-surface);
	color: var(--ck-ink);
	border-color: rgba(0,0,0,.12);
}
.btn-default:hover{
	background: rgba(0,0,0,.04);
	border-color: rgba(0,0,0,.2);
}

/* Cards/widgets accents */
.count_bottom i.green{ color: #0BB07B; }
.count_bottom i.red{ color: #E2555A; }

/* Header widgets sizes/alignment */
.header-kitty_rarity{ padding-top: 12px; }
.header-wck .wck-block, .header-wg0 .wck-block{ margin-top: 12px; }

/* Responsive tweaks */
@media (max-width: 991px){
	.top_nav .nav_menu{ border-radius: 0; }
}

/* Night mode is loaded later (style_night.css) and will override these colors */

/* ===== Modernized Sidebar Menu ===== */
.left_col .scroll-view{
	height: auto !important; /* позволяем боковому меню растягивать страницу, чтобы не было наложения снизу */
	overflow-y: visible !important;
	scrollbar-width: thin;
	scrollbar-color: rgba(255,255,255,.25) transparent;
	min-height: 100vh;
	background: #2A2640;
}
/* Растягиваем фон меню на всю высоту контента */
.main_container{
	min-height: 100vh;
}

.nav-md .container.body .col-md-3.left_col{
	min-height: 100vh;
	background: #2A2640 !important;
}

.nav-md .container.body .col-md-3.left_col.menu_fixed{
	min-height: 100vh;
	background: #2A2640 !important;
}

.left_col .scroll-view::-webkit-scrollbar{
	width: 8px;
}
.left_col .scroll-view::-webkit-scrollbar-track{
	background: transparent;
}
.left_col .scroll-view::-webkit-scrollbar-thumb{
	background: rgba(255,255,255,.25);
	border-radius: 8px;
}

/* Menu items */
.nav.side-menu>li>a{
	border-radius: 12px;
	padding: 12px 14px 12px 28px;
	position: relative;
	transition: background .25s ease, color .25s ease;
}
.nav.side-menu>li>a i{
	margin-right: 10px;
	color: #D9CCF6;
	transition: color .25s ease;
}
.nav.side-menu>li>a:hover{
	background: rgba(255,255,255,.06);
	color:#fff;
}
.nav.side-menu>li>a:hover i{
	color:#ffffff;
}

/* Active indicator */
.nav.side-menu>li>a::before{
	content:'';
	position:absolute;
	left: 10px;
	top: 10px;
	bottom: 10px;
	width: 4px;
	border-radius: 4px;
	background: transparent;
	transform: scaleY(.3);
	opacity: 0;
	transition: all .25s ease;
}
.nav.side-menu>li.active>a,
.nav.side-menu>li.current-page>a{
	background: rgba(255,255,255,.08);
	color:#fff;
}
.nav.side-menu>li.active>a::before,
.nav.side-menu>li>a:hover::before{
	background: linear-gradient(180deg, #FF8CCB, #A55FE6);
	opacity: 1;
	transform: scaleY(1);
}

/* Chevron rotation */
.nav.side-menu li>a .fa-chevron-down{
	transition: transform .25s ease;
}
.nav.side-menu li.active>a .fa-chevron-down{
	transform: rotate(180deg);
}

/* Child menu reveal */
.nav.child_menu{
	overflow: hidden;
	max-height: 0;
	transition: max-height .35s ease, background .25s ease;
	background: rgba(255,255,255,.05);
	border-radius: 12px;
	margin: 6px 10px;
	padding: 0 6px;
}
.nav.side-menu>li.active>ul.child_menu{
	max-height: 800px;
}
.nav.child_menu>li>a{
	color: #EAE6F8;
	padding: 10px 12px 10px 18px;
	border-radius: 8px;
	transition: background .25s ease, color .25s ease;
}
.nav.child_menu>li>a:hover{
	color:#ffffff;
	background: rgba(255,255,255,.06);
}
.nav.child_menu>li.active>a{
	color:#ffffff;
	background: rgba(255,255,255,.08);
}

/* Category chips */
.category-item{
	background: rgba(255,255,255,.06);
	border-left: 0;
	border-radius: 12px;
}
.category-item h3{
	color: #FFFFFF;
	opacity: .9;
}

/* Compact state tweaks */
.nav-sm .nav.side-menu>li>a{
	border-radius: 12px;
	padding: 12px;
	text-align: center;
}
.nav-sm .nav.side-menu>li>a i{
	margin-right: 0;
}
.nav-sm .nav.child_menu{
	margin: 6px 4px;
}

/* ===== Home page cards and sections ===== */
.x_panel{
	border-radius: 16px;
	border: 1px solid rgba(0,0,0,.06);
	box-shadow: var(--ck-shadow);
	overflow: hidden;
	transition: box-shadow .18s ease;
	padding: 0; /* remove inner gutters so .x_title spans full width */
}
.x_panel:hover{
	box-shadow: 0 10px 24px rgba(165,95,230,.18);
}
.x_title{
	padding: 10px 16px;
	background: linear-gradient(180deg, rgba(165,95,230,.08), rgba(165,95,230,0));
	position: relative;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	margin-bottom: 0;
}
.x_title h2{
	font-weight: 600;
	font-size: 16px;
	color: var(--ck-ink);
	letter-spacing: .1px;
	margin: 0;
	line-height: 1.4;
}
.x_title small{
	color: var(--ck-muted);
}
.x_content{
	padding: 0px 0px 0px 0px;
}
.panel_toolbox a{
	color: var(--ck-muted);
	border-radius: 10px;
	padding: 6px 8px;
	transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.panel_toolbox a:hover{
	background: rgba(0,0,0,.04);
	color: var(--ck-ink);
}
.panel_toolbox i{
	transition: transform .25s ease, color .2s ease;
}
.panel_toolbox .fa-chevron-up{ transform: rotate(180deg); }
.panel_toolbox .fa-chevron-down{ transform: rotate(0deg); }

/* Tabs on home */
ul._bar_tabs{
	border: 0;
	margin: 0 0 10px 0;
}
ul._bar_tabs>li{
	margin-right: 8px;
}
ul._bar_tabs>li>a{
	border: 0 !important;
	border-radius: 999px;
	background: rgba(165,95,230,.12);
	color: #5a3a8e;
	padding: 8px 14px;
	transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}
ul._bar_tabs>li>a:hover{
	background: rgba(165,95,230,.18);
	color: #412874;
}
.nav-tabs li.active a,
.nav-tabs li.active a:focus,
.nav-tabs li.active a:hover{
	background: var(--ck-primary) !important;
	color: #fff !important;
	box-shadow: 0 6px 14px rgba(165,95,230,.25);
}
.tab-content{
	background: var(--ck-surface);
	border: 1px solid rgba(0,0,0,.06);
	border-radius: 14px;
	padding: 12px;
}

/* Graph containers */
.tab-content .tab-pane{
	border-radius: 12px;
}

/* Generic spacing for home rows */
.row .x_panel{
	margin-bottom: var(--kh-gap-block);
}

/* ===== Homepage stats tiles ===== */
.tile_count{
	margin-top: 6px;
	margin-bottom: var(--kh-gap-block);
	margin-left: -8px;  /* compensate inner column padding so edges stay aligned */
	margin-right: -8px;
}
.tile_count .tile_stats_count{
	position: relative;
	background: var(--ck-surface);
	border: 1px solid rgba(0,0,0,.06);
	border-radius: 14px;
	padding: 14px 16px !important;
	box-shadow: 0 2px 10px rgba(165,95,230,.08);
	transition: box-shadow .18s ease, border-color .18s ease;
}
.tile_count > [class^="col-"],
.tile_count > [class*=" col-"]{
	padding-left: 8px;
	padding-right: 8px;
	margin-bottom: 8px; /* vertical gap on wrap */
}
.tile_count .tile_stats_count:hover{
	box-shadow: 0 10px 22px rgba(165,95,230,.18);
	border-color: rgba(0,0,0,.08);
}
.tile_count .tile_stats_count::before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	height:3px;
	border-radius:14px 14px 0 0;
	background: var(--ck-primary);
	opacity:.9;
}
.tile_count .tile_stats_count:nth-child(2)::before{ background: var(--ck-accent); }
.tile_count .tile_stats_count:nth-child(3)::before{ background: var(--ck-secondary); }

.tile_count .count_top{
	font-size: 12px;
	color: var(--ck-muted);
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 4px;
}
.tile_count .count_top i{ color: var(--ck-primary); opacity: .9; }
.tile_count .count{
	color: var(--ck-ink);
	font-weight: 800;
	letter-spacing: .2px;
	margin: 0 0 2px 0;
}
.tile_count .count_bottom{
	color: var(--ck-muted);
	font-size: 12px;
}
.tile_count .count_bottom i{ vertical-align: baseline; }

.tile_count .tile_stats_count:before {
	border: 0px;
}
 
/* ===== Full-width footer ===== */
footer{
	position: static;
	width: 100%;
	margin: 0;
	background: var(--ck-surface);
	border-top: 1px solid rgba(0,0,0,.06);
	box-shadow: 0 -2px 10px rgba(165,95,230,.06);
	padding: 12px 20px;
	box-sizing: border-box;
}
body.nav-md footer,
body.nav-sm footer{ margin-left: 0 !important; }

/* ===== Wrapped prices section styling ===== */
.kh-section{ margin-bottom: var(--kh-gap-block); }
.kh-section > .x_panel{ margin-bottom: 0 !important; }
.kh-wrapped-price .x_title{
	background: linear-gradient(180deg, rgba(165,95,230,.06), rgba(165,95,230,0));
	border-left: 4px solid var(--ck-accent);
	padding-left: 16px;
}
.kh-wrapped-price .x_content .row{
	margin-left: -8px;
	margin-right: -8px;
}
.kh-wrapped-price .x_content .row > [class^="col-"],
.kh-wrapped-price .x_content .row > [class*=" col-"]{
	padding-left: 8px;
	padding-right: 8px;
}
.kh-wrapped-price .x_content .row > [class^="col-"] > *,
.kh-wrapped-price .x_content .row > [class*=" col-"] > *{
	background: var(--ck-surface);
	border: 1px solid rgba(0,0,0,.06);
	border-radius: 14px;
	box-shadow: 0 2px 10px rgba(165,95,230,.06);
	padding: 14px 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	transition: box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}
.kh-wrapped-price .x_content .row > [class^="col-"] > * .title,
.kh-wrapped-price .x_content .row > [class*=" col-"] > * .title{
	font-weight: 800;
	letter-spacing: .2px;
}
.kh-wrapped-price .x_content .row > [class^="col-"] > *:hover,
.kh-wrapped-price .x_content .row > [class*=" col-"] > *:hover{
	box-shadow: 0 10px 22px rgba(165,95,230,.14);
	border-color: rgba(0,0,0,.08);
}
.kh-wrapped-price .x_content .row > [class^="col-"] > * img,
.kh-wrapped-price .x_content .row > [class*=" col-"] > * img{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	box-shadow: 0 2px 8px rgba(0,0,0,.12);
}
.kh-wrapped-price .x_content .row > [class^="col-"] > * .label,
.kh-wrapped-price .x_content .row > [class*=" col-"] > * .label{
	border-radius: 999px;
	padding: 4px 8px;
	font-weight: 600;
}
.kh-wrapped-price .x_content a{
	color: #6b4ea6;
	font-weight: 600;
}
.kh-wrapped-price .x_content a:hover{
	color: #412874;
	text-decoration: none;
}
/* ===== Responsive Header Layout (preserve Bootstrap floats) ===== */
.top_nav .nav_menu nav{ display: block; }
.top_nav .navbar-right{
	float: right !important;
	display: block;
	width: auto !important;
	margin: 0;
}
.top_nav .navbar-right>li{
	float: left !important;
	display: block;
	margin: 0;
}
/* Rightmost important items */
.top_nav .navbar-right>li.header-profile,
.top_nav .navbar-right>li.header-kitty_rarity{
	float: right !important;
}
.header-kitty_rarity{
	width: 260px;
	max-width: 280px;
}
.header-kitty_rarity .input-group{ width: 100%; }
.header-kitty_rarity input.form-control{ min-width: 0; }
/* Align input and button heights in header search */
.header-kitty_rarity .input-group .form-control{
	height: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.header-kitty_rarity .input-group-btn .btn{
	height: 40px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

@media (max-width: 1360px){
	.top_nav .navbar-right .header-twitter{ display: none; }
}
@media (max-width: 1200px){
	.top_nav .navbar-right .header-wg0,
	.top_nav .navbar-right .header-wck{ display: none; }
}
@media (max-width: 992px){
	.top_nav .navbar-right .gas-safeLow{ display: none; }
}
@media (max-width: 768px){
	.header-kitty_rarity{ width: 200px; }
}

/* Disable any lifts on hover explicitly */
.x_panel:hover,
.tile_count .tile_stats_count:hover{
	transform: none !important;
}

/* ===== Floor prices section styling (match wrapped) ===== */
.kh-floor-price .x_title{
	background: linear-gradient(180deg, rgba(165,95,230,.06), rgba(165,95,230,0));
	border-left: 4px solid var(--ck-accent);
	padding-left: 16px;
}
.kh-floor-price .x_content .row{
	margin-left: -8px;
	margin-right: -8px;
}
.kh-floor-price .x_content .row > [class^="col-"],
.kh-floor-price .x_content .row > [class*=" col-"]{
	padding-left: 8px;
	padding-right: 8px;
}
.kh-floor-price .x_content .row > [class^="col-"] > *,
.kh-floor-price .x_content .row > [class*=" col-"] > *{
	background: var(--ck-surface);
	border: 1px solid rgba(0,0,0,.06);
	border-radius: 14px;
	box-shadow: 0 2px 10px rgba(165,95,230,.06);
	padding: 14px 16px;
	display: block;
	transition: box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}
.kh-floor-price .x_content .row > [class^="col-"] > *:hover,
.kh-floor-price .x_content .row > [class*=" col-"] > *:hover{
	box-shadow: 0 10px 22px rgba(165,95,230,.14);
	border-color: rgba(0,0,0,.08);
}

/* Animate kitty icons on hover (subtle) */
@keyframes kittyFloat {
	0% { transform: translateY(0); }
	50% { transform: translateY(-3px); }
	100% { transform: translateY(0); }
}
.kh-floor-price .tile-stats .icon img{
	width: 44px;
	height: 44px;
	border-radius: 10px;
	transition: transform .25s ease, filter .25s ease, opacity .25s ease;
}
.kh-floor-price .tile-stats:hover .icon img{
	animation: kittyFloat 2.2s ease-in-out infinite;
	filter: drop-shadow(0 4px 10px rgba(165,95,230,.25));
	opacity: .95;
}

/* Tile content tweaks */
.kh-floor-price .tile-stats{
	background: var(--ck-surface);
	border: 1px solid rgba(0,0,0,.06);
	border-radius: 14px;
	box-shadow: 0 1px 3px rgba(0,0,0,.04);
	padding: 12px 14px;
	display: grid;
	grid-template-columns: 1fr auto;
	grid-template-rows: auto auto;
	align-items: center;
	column-gap: 12px;
	row-gap: 6px;
	min-height: 96px; /* equal tile height */
}
.kh-floor-price .tile-stats .count{
	grid-column: 1 / 2;
	grid-row: 1;
	font-weight: 800;
	letter-spacing: .2px;
	color: var(--ck-ink);
	white-space: nowrap;
}
.kh-floor-price .tile-stats h3{
	grid-column: 1 / 2;
	grid-row: 2;
	margin: 0;
	color: var(--ck-muted);
	min-width: 0; /* allow ellipsis */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.2;
}
.kh-floor-price .tile-stats .icon{
	grid-column: 2 / 3;
	grid-row: 1 / 3;
	justify-self: end;
	float: none !important;
}

/* Buttons row spacing under the grid */
.kh-floor-price .x_content .btn{
	margin: 6px 6px 0 0;
}

/* remove marquee hover for clear readability */

/* ===== Sales section header accent (match others) ===== */
.kh-sales .x_title{
	background: linear-gradient(180deg, rgba(165,95,230,.06), rgba(165,95,230,0));
	border-left: 4px solid var(--ck-accent);
	padding-left: 16px;
}

/* Breeding section header accent */
.kh-breeding .x_title{
	background: linear-gradient(180deg, rgba(165,95,230,.06), rgba(165,95,230,0));
	border-left: 4px solid var(--ck-accent);
	padding-left: 16px;
}

/* Graphs section */
.kh-graphs .x_title{
	background: linear-gradient(180deg, rgba(165,95,230,.06), rgba(165,95,230,0));
	border-left: 4px solid var(--ck-accent);
	padding-left: 16px;
}
.kh-graphs .x_content{
	padding: 10px 12px; /* bring back inner padding only for graphs */
}
.kh-graphs ul._bar_tabs{
	margin: 0 0 12px 0;
}

/* ===== Общие стили для Price Floor компонентов (exclusive, specialedition) ===== */
.price-floor-exclusive-page {
	padding: 0;
}

.price-floor-panel {
	border-radius: 20px;
	overflow: hidden;
}

.price-floor-panel .x_title {
	background: linear-gradient(180deg, rgba(165, 95, 230, 0.08), rgba(165, 95, 230, 0));
	border-bottom: 2px solid rgba(165, 95, 230, 0.15);
	padding: 20px 24px;
}

.price-floor-panel .x_title h1 {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 24px;
	font-weight: 700;
	color: var(--ck-ink, #2B2B3A);
	margin: 0;
}

.price-floor-panel .x_title h1 i {
	color: var(--ck-primary, #A55FE6);
	font-size: 22px;
}

.price-floor-panel .x_content {
	padding: 24px;
	overflow-x: visible;
}

@media (max-width: 768px) {
	.price-floor-panel .x_content {
		padding: 16px;
	}
}

/* PRO Alert */
.pro-alert {
	border-radius: 12px;
	padding: 0;
	border: 2px solid rgba(165, 95, 230, 0.2);
	background: linear-gradient(135deg, rgba(165, 95, 230, 0.08), rgba(255, 140, 203, 0.08));
	margin-bottom: 24px;
}

.pro-alert-content {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding: 20px;
}

.pro-alert-content i {
	color: var(--ck-primary, #A55FE6);
	font-size: 24px;
	margin-top: 2px;
	flex-shrink: 0;
}

.pro-alert-text {
	flex: 1;
}

.pro-alert-text p {
	margin: 0 0 12px 0;
	color: var(--ck-ink, #2B2B3A);
	font-size: 14px;
	line-height: 1.6;
}

.pro-alert-text p:last-child {
	margin-bottom: 0;
}

.pro-alert-text a {
	color: var(--ck-primary, #A55FE6);
	font-weight: 600;
	text-decoration: none;
	transition: color 0.2s ease;
}

.pro-alert-text a:hover {
	color: #8D45D3;
	text-decoration: none;
}

.pro-alert-text .btn {
	margin-top: 8px;
	color: #fff !important;
	background: var(--ck-primary, #A55FE6) !important;
	border-color: var(--ck-primary, #A55FE6) !important;
}

.pro-alert-text .btn:hover {
	background: #8D45D3 !important;
	border-color: #8D45D3 !important;
	color: #fff !important;
}

/* Table Wrapper */
.price-floor-table-wrapper {
	overflow-x: auto;
	overflow-y: visible;
	margin: 0;
	padding: 0;
	border-radius: 12px;
	background: rgba(165, 95, 230, 0.02);
	-webkit-overflow-scrolling: touch;
}

.price-floor-table-wrapper::-webkit-scrollbar {
	height: 8px;
}

.price-floor-table-wrapper::-webkit-scrollbar-track {
	background: rgba(165, 95, 230, 0.05);
	border-radius: 4px;
}

.price-floor-table-wrapper::-webkit-scrollbar-thumb {
	background: rgba(165, 95, 230, 0.3);
	border-radius: 4px;
}

.price-floor-table-wrapper::-webkit-scrollbar-thumb:hover {
	background: rgba(165, 95, 230, 0.5);
}

@media (max-width: 768px) {
	.price-floor-table-wrapper {
		background: transparent;
	}
}

/* Table Styles */
.price-floor-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	background: var(--ck-surface, #ffffff);
	margin: 0;
}

.price-floor-table thead {
	background: linear-gradient(180deg, rgba(165, 95, 230, 0.1), rgba(165, 95, 230, 0.05));
	position: sticky;
	top: 0;
	z-index: 10;
}

.price-floor-table th {
	padding: 12px 10px;
	text-align: left;
	font-weight: 700;
	color: var(--ck-ink, #2B2B3A);
	font-size: 12px;
	border-bottom: 2px solid rgba(165, 95, 230, 0.2);
	white-space: nowrap;
	vertical-align: middle;
}

.price-floor-table th i {
	color: var(--ck-primary, #A55FE6);
	margin-right: 6px;
	font-size: 14px;
}

.price-floor-table th.text-center,
.price-floor-table td.text-center {
	text-align: center;
}

.price-floor-table td {
	padding: 10px 8px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	vertical-align: middle;
}

.price-floor-table tbody tr {
	transition: all 0.2s ease;
	border-left: 3px solid transparent;
}

.price-floor-table tbody tr:hover {
	background: rgba(165, 95, 230, 0.05);
	border-left-color: var(--ck-primary, #A55FE6);
}

.price-floor-table tbody tr.row-hidden {
	opacity: 0.5;
}

/* Name Column */
.col-name-cell {
	min-width: 260px;
}

.kitty-name-cell {
	display: flex;
	align-items: center;
	gap: 18px;
}

.kitty-image-link {
	display: block;
	flex-shrink: 0;
	border-radius: 12px;
	overflow: hidden;
	transition: transform 0.2s ease;
}

.kitty-image-link:hover {
	transform: scale(1.06);
}

.kitty-thumb {
	width: 92px;
	height: 92px;
	object-fit: cover;
	border-radius: 12px;
	border: 2px solid rgba(165, 95, 230, 0.4);
	box-shadow: 0 0 0 1px rgba(165, 95, 230, 0.15);
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.kitty-image-link:hover .kitty-thumb {
	border-color: var(--ck-primary, #A55FE6);
	box-shadow: 0 4px 16px rgba(165, 95, 230, 0.35);
	transform: translateY(-1px);
}

.kitty-name-info {
	flex: 1;
	min-width: 0;
}

.kitty-name-link {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: var(--ck-ink, #2B2B3A);
	text-decoration: none;
	font-weight: 700;
	font-size: 13px;
	margin-bottom: 4px;
	transition: color 0.2s ease;
}

.kitty-name-link:hover {
	color: var(--ck-primary, #A55FE6);
	text-decoration: none;
}

.kitty-name-link i {
	font-size: 11px;
	opacity: 0.7;
}

.kitty-gen-info {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-top: 3px;
}

.gen-badge {
	display: inline-block;
	padding: 2px 6px;
	border-radius: 4px;
	background: rgba(165, 95, 230, 0.1);
	color: var(--ck-primary, #A55FE6);
	font-size: 10px;
	font-weight: 600;
	border: 1px solid rgba(165, 95, 230, 0.2);
	line-height: 1.3;
}

/* Total Column */
.col-total-cell,
.col-auction-cell {
	min-width: 70px;
}

.total-badge,
.auction-badge {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 6px;
	font-weight: 700;
	font-size: 12px;
	line-height: 1.4;
}

.total-badge {
	background: linear-gradient(135deg, rgba(165, 95, 230, 0.15), rgba(255, 140, 203, 0.15));
	color: var(--ck-primary, #A55FE6);
	border: 1px solid rgba(165, 95, 230, 0.3);
}

.auction-badge {
	background: linear-gradient(135deg, rgba(11, 176, 123, 0.15), rgba(9, 160, 111, 0.15));
	color: var(--ck-success, #0BB07B);
	border: 1px solid rgba(11, 176, 123, 0.3);
}

/* Price Column */
.col-price-cell {
	min-width: 115px;
	max-width: 125px;
	position: relative;
}

.price-cell-content {
	display: flex;
	flex-direction: column;
	gap: 5px;
	align-items: center;
	min-width: 0;
	padding: 2px 0;
}

.price-link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--ck-success, #0BB07B);
	text-decoration: none;
	font-weight: 700;
	font-size: 12px;
	transition: all 0.2s ease;
	padding: 3px 8px;
	border-radius: 6px;
	background: rgba(11, 176, 123, 0.1);
	border: 1px solid rgba(11, 176, 123, 0.2);
	line-height: 1.3;
	width: 100%;
	justify-content: center;
}

.price-link:hover {
	color: #09a06f;
	background: rgba(11, 176, 123, 0.15);
	border-color: rgba(11, 176, 123, 0.3);
	text-decoration: none;
}

.price-value {
	font-weight: 700;
	letter-spacing: 0.2px;
	font-size: 12px;
}

.price-icon {
	display: inline-flex;
	align-items: center;
}

.price-trend-up {
	color: var(--ck-success, #0BB07B);
	font-size: 10px;
	margin-left: 3px;
}

.price-trend-down {
	color: var(--ck-danger, #E2555A);
	font-size: 10px;
	margin-left: 3px;
}

.opensea-icon {
	width: 14px;
	height: 14px;
	vertical-align: middle;
	margin-left: 3px;
	opacity: 0.85;
}

.price-empty {
	color: var(--ck-muted, #6B6B7A);
	font-size: 11px;
	padding: 4px 0;
	opacity: 0.5;
}

.price-meta {
	display: flex;
	gap: 3px;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 2px;
}

.meta-gen,
.meta-ranking {
	display: inline-flex;
	align-items: center;
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 9px;
	font-weight: 600;
	line-height: 1.2;
	white-space: nowrap;
}

.meta-gen {
	background: rgba(165, 95, 230, 0.1);
	color: var(--ck-primary, #A55FE6);
	border: 1px solid rgba(165, 95, 230, 0.2);
}

.meta-ranking {
	background: rgba(52, 152, 219, 0.1);
	color: #3498DB;
	border: 1px solid rgba(52, 152, 219, 0.2);
}

/* Owner */
.ck-owner {
	margin-top: 3px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	text-align: center;
	padding-top: 3px;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.owner-link {
	color: var(--ck-muted, #6B6B7A);
	text-decoration: none;
	font-size: 9px;
	font-weight: 500;
	transition: color 0.2s ease;
	display: block;
	line-height: 1.3;
}

.owner-link:hover {
	color: var(--ck-primary, #A55FE6);
	text-decoration: none;
}

/* DataTables Customization */
.dataTables_wrapper {
	margin-top: 20px;
	overflow-x: visible;
	position: relative;
}

.dataTables_wrapper > .row {
	margin: 0;
	overflow-x: visible;
}

.dataTables_wrapper .table-responsive {
	overflow-x: visible !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

.dataTables_wrapper .dataTables_scroll {
	overflow-x: auto;
	overflow-y: visible;
}

.dataTables_wrapper .dataTables_scrollHead {
	overflow-x: auto;
	overflow-y: visible;
}

.dataTables_wrapper .dataTables_scrollBody {
	overflow-x: auto;
	overflow-y: visible;
}

.dataTables_filter {
	margin-bottom: 20px;
}

.dataTables_filter label {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 600;
	color: var(--ck-ink, #2B2B3A);
}

.dataTables_filter input {
	padding: 8px 12px;
	border: 2px solid rgba(165, 95, 230, 0.2);
	border-radius: 8px;
	font-size: 14px;
	transition: all 0.2s ease;
	margin-left: 8px;
}

.dataTables_filter input:focus {
	border-color: var(--ck-primary, #A55FE6);
	box-shadow: 0 0 0 3px rgba(165, 95, 230, 0.1);
	outline: none;
}

.dataTables_info {
	color: var(--ck-muted, #6B6B7A);
	font-size: 13px;
	padding: 12px 0;
}

.dataTables_paginate {
	margin-top: 16px;
}

.dataTables_paginate .paginate_button {
	padding: 8px 12px;
	margin: 0 4px;
	border-radius: 8px;
	border: 1px solid rgba(165, 95, 230, 0.2);
	background: var(--ck-surface, #ffffff);
	color: var(--ck-primary, #A55FE6) !important;
	transition: all 0.2s ease;
	cursor: pointer;
}

.dataTables_paginate .paginate_button:hover {
	background: rgba(165, 95, 230, 0.1);
	border-color: var(--ck-primary, #A55FE6);
	color: #8D45D3 !important;
}

.dataTables_paginate .paginate_button.current {
	background: var(--ck-primary, #A55FE6) !important;
	border-color: var(--ck-primary, #A55FE6);
	color: #fff !important;
}

.dataTables_paginate .paginate_button.disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.dataTables_paginate .paginate_button.disabled:hover {
	background: var(--ck-surface, #ffffff);
	border-color: rgba(165, 95, 230, 0.2);
}

/* Price Floor Filter */
.price-floor-filter {
	margin-bottom: 20px;
	padding: 16px;
	background: rgba(165, 95, 230, 0.04);
	border-radius: 12px;
	border: 1px solid rgba(165, 95, 230, 0.15);
}

.filter-group {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.filter-row {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	flex-wrap: wrap;
}

.filter-field {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 120px;
	flex: 1;
}

.filter-field label.filter-label {
	margin: 0;
	font-size: 13px;
}

.filter-field .form-control {
	padding: 8px 12px;
	border: 2px solid rgba(165, 95, 230, 0.2);
	border-radius: 8px;
	font-size: 14px;
	transition: all 0.2s ease;
}

.filter-field .form-control:focus {
	border-color: var(--ck-primary, #A55FE6);
	box-shadow: 0 0 0 3px rgba(165, 95, 230, 0.1);
	outline: none;
}

.filter-checkboxes {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
}

.filter-label {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 600;
	color: var(--ck-ink, #2B2B3A);
	font-size: 14px;
	cursor: pointer;
	margin: 0;
}

.filter-label input[type="checkbox"] {
	margin: 0;
	cursor: pointer;
}

.filter-label span {
	user-select: none;
}

.filter-label .btn-link {
	padding: 0;
	margin-left: 4px;
	color: var(--ck-primary, #A55FE6);
	font-size: 12px;
	text-decoration: none;
}

.filter-label .btn-link:hover {
	color: #8D45D3;
	text-decoration: none;
}

.filter-actions {
	display: flex;
	gap: 10px;
	margin-left: auto;
}

.filter-actions .btn {
	border-radius: 8px;
	font-weight: 600;
}

/* Floor Price Summary */
.floor-price-summary {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 20px;
	margin-bottom: 20px;
	background: linear-gradient(135deg, rgba(165, 95, 230, 0.1), rgba(255, 140, 203, 0.1));
	border-radius: 12px;
	border: 2px solid rgba(165, 95, 230, 0.2);
}

.floor-price-summary i {
	color: var(--ck-primary, #A55FE6);
	font-size: 20px;
}

.summary-label {
	font-weight: 600;
	color: var(--ck-ink, #2B2B3A);
	font-size: 14px;
}

.summary-value {
	font-weight: 700;
	color: var(--ck-primary, #A55FE6);
	font-size: 18px;
}

/* Floor Price Column */
.col-floor-price-cell {
	min-width: 100px;
}

.floor-price-badge {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 6px;
	font-weight: 700;
	font-size: 12px;
	background: rgba(52, 152, 219, 0.15);
	color: #3498DB;
	border: 1px solid rgba(52, 152, 219, 0.3);
}

/* Buy Action */
.price-buy-action {
	margin-top: 4px;
	padding-top: 4px;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.buy-icon-link {
	display: inline-block;
	transition: transform 0.2s ease;
}

.buy-icon-link:hover {
	transform: scale(1.2);
}

.buy-loader {
	width: 17px;
	height: 17px;
}

@media (max-width: 768px) {
	.price-floor-filter {
		padding: 12px;
	}
	
	.filter-group {
		gap: 12px;
	}
	
	.filter-row {
		flex-direction: column;
		gap: 12px;
	}
	
	.filter-field {
		min-width: 100%;
	}
	
	.filter-checkboxes {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
	
	.filter-actions {
		margin-left: 0;
		width: 100%;
	}
	
	.filter-actions .btn {
		flex: 1;
	}
	
	.floor-price-summary {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
		padding: 12px 16px;
	}
	
	.summary-value {
		font-size: 16px;
	}
	
	.price-floor-table th,
	.price-floor-table td {
		padding: 12px 8px;
		font-size: 12px;
	}
	
	.kitty-thumb {
		width: 40px;
		height: 40px;
	}
	
	.kitty-name-link {
		font-size: 13px;
	}
	
	.price-link {
		font-size: 13px;
		padding: 5px 8px;
	}
	
	.col-price-cell {
		min-width: 120px;
	}
	
	.gen-badge {
		font-size: 10px;
		padding: 2px 6px;
	}
}