@media (min-width: 768px) {
  .navbar-expand-md .navbar-brand {
      min-width: 12.625rem;
  }
}

.floar-left { float:left; }
.word_wrap { word-break: break-word; }
.sidebar { width:14.875rem; }
.mini_sidebar { width:14.875rem; }
.pointer { cursor:pointer; }
.navbar-brand { font-size:14px; color:#fff; padding-top:0.8rem; padding-bottom:0.8rem; }
.navbar-brand a { color:#fff; }

.ople-order-signal-item {
  margin-right:.75rem;
}

.ople-order-signal {
  align-items:center;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  color:#fff;
  display:inline-flex;
  font-size:.75rem;
  gap:.4rem;
  line-height:1;
  min-height:30px;
  padding:.35rem .65rem;
  white-space:nowrap;
}

.ople-order-signal:hover,
.ople-order-signal:focus {
  background:rgba(255,255,255,.14);
  color:#fff;
  text-decoration:none;
}

.ople-order-signal-dot {
  background:#94a3b8;
  border:2px solid rgba(255,255,255,.85);
  border-radius:50%;
  box-shadow:0 0 0 2px rgba(148,163,184,.22), 0 0 8px rgba(148,163,184,.45);
  display:inline-block;
  flex:0 0 auto;
  height:10px;
  width:10px;
}

.ople-order-signal-label strong {
  font-weight:700;
}

.ople-order-signal-time {
  border-left:1px solid rgba(255,255,255,.2);
  color:rgba(255,255,255,.72);
  padding-left:.4rem;
}

.ople-order-signal.signal-green .ople-order-signal-dot {
  background:#22c55e;
  box-shadow:0 0 0 2px rgba(34,197,94,.2), 0 0 9px rgba(34,197,94,.8);
}

.ople-order-signal.signal-yellow .ople-order-signal-dot {
  background:#facc15;
  box-shadow:0 0 0 2px rgba(250,204,21,.2), 0 0 9px rgba(250,204,21,.8);
}

.ople-order-signal.signal-red .ople-order-signal-dot {
  background:#ef4444;
  box-shadow:0 0 0 2px rgba(239,68,68,.22), 0 0 9px rgba(239,68,68,.85);
}

@media (max-width:767.98px) {
  .ople-order-signal-item {
    margin:.35rem .75rem;
  }
}

.filter-field {
  display:inline-flex;
  flex-direction:column;
  gap:.25rem;
  min-width:0;
}

.filter-field-label {
  color:#64748b;
  display:block;
  font-size:.6875rem;
  font-weight:700;
  letter-spacing:0;
  line-height:1;
  margin:0;
  text-transform:uppercase;
  white-space:nowrap;
}

.filter-control-row {
  align-items:center;
  display:inline-flex;
  gap:.45rem;
  min-width:0;
}

.filter-action-field {
  align-self:flex-end;
}

.filter-field.is-search {
  flex:1 1 auto;
}

@media (max-width:575.98px) {
  .filter-field,
  .filter-action-field,
  .filter-control-row {
    width:100%;
  }

  .filter-action-field .btn {
    width:100%;
  }
}

.uniform-uploader .filename { width:240px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
#searchShipping { width:240px; }
.table-bordered { border:0; border-top:1px solid #ddd; }
legend span { font-weight:400; }
.no_result { height:200px; }

.lotte_label { width:100mm; height:100mm; border:1px solid #ddd; margin:40px auto; border-radius:4px; padding:20px 0; box-sizing:border-box; }
svg#barcode { margin:0 auto; }

.lotte_barcode { height:142px; text-align:center; }
.lotte_label_table { padding:20px; }
.lotte_label_text { font-size:14px; border-collapse: collapse; width:100%; }
.lotte_label_text td { border: 1px solid #aaa; padding:3px 10px; }
.lotte_label_text td:nth-child(odd) { width:24%; }
.lotte_label_text td:nth-child(even) { width:76%; }
.lotte_label_text .title { width:26%; font-weight:700; }
.lotte_label_text .desc { width:74%; }

.hidden_label { display:none; height:0; overflow:hidden; }

.close_order_counting > div { float:left; font-size:18px; margin:0 2px; font-weight:bold; }

input.form-control.inline_block { width:140px; display:inline-block; vertical-align:middle; }
.remove_children { cursor:pointer; }
.order_number { font-size:20px; font-weight:600; }
.line_block { overflow:hidden; }
.cancel_title { text-decoration: line-through; }
table input[type="checkbox"]{ vertical-align:middle; }

.print_wrap { display:none; }
.empty_print { width:98mm; height:98mm; border:1px solid #ddd; line-height:98mm; text-align:center; }

/* 쇼피프린트 */
.print_wrap { position:relative; }
.label_market { position:absolute; bottom:0; right:0; background:#222; color:#fff; padding:5px 15px; font-weight:bold; font-size:16px; z-index:10; }

.shopee_print { width:98mm; height:98mm; border:1px solid #444; }
.shopee_print .row_under { border-bottom:1px solid #444; }
.shopee_print .row_1 { height:9mm; line-height:9mm; padding:0 2mm; font-size:14px; font-weight:500; }
.shopee_print .row_2 { height:25mm; }
.shopee_print .row_2 #orderNumber { width:100%; }
.shopee_print .row_3 { height:15mm; }
.shopee_print .row_3 > div { float:left; width:25%; border-right:1px solid #444; height:15mm; line-height:15mm; text-align:center; font-size:14px; font-weight:700; }
.shopee_print .row_3 > div:nth-child(3) { font-size:44px; }
.shopee_print .row_3 > div:last-child { border:0; }
.shopee_print .row_4 { overflow:hidden; min-height:23mm }
.shopee_print .row_4 .row_4_left { float:left; width:61mm; padding:1mm; font-size:13px; line-height:12px; }
.shopee_print .row_4 .row_4_left .b_address { line-height:12px; margin:8px 0 0; font-size:12px; }
.shopee_print .row_4 .row_4_left .b_phone { line-height:12px; font-size:12px; }
.shopee_print .row_4 .row_4_right { float:right; width:35mm; text-align:right; font-size:40px; font-weight:700; padding-right:2mm; }
.shopee_print .row_5 { padding:1mm; height:23mm; border:0; font-size:11px; }
.shopee_print .bold-600 { font-weight:600; }
.shopee_print .b_product { font-size:10px; line-height:12px; margin:4px 0 0; }
.shopee_print .b_product > div { text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }

/* 큐텐프린트 */
.qexpress_print { width:98mm; height:98mm; border:1px solid #444; font-size:14px; }
.qexpress_print .row_under { border-bottom:1px solid #444; }
.qexpress_print .row_1 { height:29mm; padding:2mm; }
.qexpress_print .row_1 .b_receiver { font-size:17px; }
.qexpress_print .row_1 span { font-weight:700; }
.qexpress_print .row_1 .row_1_right { float:right; }
.qexpress_print .row_2 { height:28mm; padding:2mm 0; }
.qexpress_print .row_2 #orderNumber { width:100%; }
.qexpress_print .row_3 { padding:2mm; }
.qexpress_print table { width:100%; border-collapse: collapse; font-size:10px; text-align:center; table-layout: fixed; }
.qexpress_print table, .qexpress_print th, .qexpress_print td { border-bottom: 1px solid #444; font-weight:400; padding:5px 2px; line-height:12px; }
.qexpress_print .b_eng_name { text-align:left; }

.normal_print { width:98mm; height:98mm; border:1px solid #444; font-size:14px; }
.normal_print .row_under { border-bottom:1px solid #444; }
.normal_print .row_1 { min-height:29mm; padding:2mm; }
.normal_print .row_1 .b_country { font-size:50px; font-weight:700; padding-right:3mm }
.normal_print .row_1 .b_receiver { font-size:17px; }
.normal_print .row_1 .row_1_left > div:nth-child(1) { margin-bottom:1mm; }
.normal_print .row_1 span { font-weight:700; }
.normal_print .row_1 .row_1_right { float:right; }
.normal_print .row_2 { height:28mm; padding:2mm 0; text-align:center; }
.normal_print .row_2 #orderNumber { width:80%; margin:0 auto; }
.normal_print .row_3 { padding:2mm; font-size:11px; }
.normal_print .bold-600 { font-weight:600; }
.normal_print .b_eng_name { text-align:left; font-size:11px; line-height:16px; }

.lazada_print { width:98mm; height:98mm; border:1px solid #444; font-size:10px; line-height:14px; }
.lazada_print .row_1 { height:10mm; padding:0 2mm; border-bottom:1px solid #444; }
.lazada_print .row_1 img { height:90%; margin-top:2px; }
.lazada_print .row_2 { height:30mm; border-bottom:1px solid #444; text-align:center; }
.lazada_print .row_2 #orderNumber { width:86%; display:block; margin:0 auto; }
.lazada_print .row_3 { height:25mm; border-bottom:1px solid #444; padding: 5px 7px 0; }
.lazada_print .row_3 ul { padding:0; margin:0; }
.lazada_print .row_3 ul li { list-style: none; font-size:10px; }
.lazada_print .row_4 { height:25mm; border-bottom:1px solid #444; padding: 3px 7px 0; }
.lazada_print .row_4 table { width:100%; border-collapse: collapse; font-size:10px; }
.lazada_print .row_4 table, .lazada_print .row_4 th, .lazada_print .row_4 td { border: 1px solid #444; padding:0 5px; height:15px; overflow:hidden; }
.lazada_print .row_4 .row_4_side { overflow:hidden; }
.lazada_print .row_4 .row_4_left { float:left; }
.lazada_print .row_4 .row_4_right { float:right; }
.lazada_print .row_5 { height:8mm; line-height:8mm; font-size:12px; font-weight:700; }
.lazada_print .row_5 .left_fix { text-align:right; margin-right:105px; }
.lazada_print .row_5 .right_fix { text-align:center; width:100px; border-left:1px solid #444; float:right; }

.right_content { float:right; width:280px; }
.left_content { margin-right:300px; }
.order_message { display:none; }
.company_list_scroll { height:500px; overflow-y:auto; }
.order_sku { font-size:12px; }

.edit_possible { cursor:pointer; }
.order_inventory_excel { float:right; }
.font_small { font-size:12px; color:#777; }

.check_box { display:inline-block; vertical-align:middle; }
.check_box > div { float:left; font-size:20px; font-weight:500; line-height:36px; }

.left_btn { float:left; }
.right_btn { float:right; }
.brand_filter { width:240px; float:left; }
.select_filter { width:240px; float:left; }
.edit_sku { display:none; }
.check_sku, .edit_sku { width:100%; }

.dashboard_list .list-group-item { padding:5px 20px; }
.reset_search { float:left; margin-top:8px; }
.brand_input { float:left; width:200px; }

.loading_cover { background:rgba(255,255,255,.4); display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000; }

.stock_qty { width:120px; float:left; }
.expire_date { width:340px; float:left; }
.send { float:right; }
.find_sku { font-weight:600; font-size:16px; }

.company_table { table-layout: fixed; }
.word_point { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.content_left { margin-right:280px; }
.content_right { float:right; width:260px; }
.content_left.shipping_page { margin-right:260px; }
.content_right.shipping_page { float:right; width:240px; }
.upload_spin { display:none; }
.exchange_input { width:240px; }

.loading_disabled { display:none; position:fixed; top:0; left:0; bottom:0; right:0; background:#fff; opacity:0; z-index:1000; }

.fix_left { width:412px; float:left; }
.flex_right { margin-left:432px; height:100%; }
.flex_right .card { height:100%; }
/* .export_wrap { height:100%; } */
#exportOrderProduct { overflow-y: auto; }

.table_scroll_wrap { height:calc(100% - 110px); position:relative; border:1px solid #ddd; }
.table_inner { position: absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; overflow-y:auto; }
.order_product .no_result { background-color:#fff !important; }
.order_product .no_result td { border-bottom:0; }
.export_product .no_result { background-color:#fff !important; }
.export_product .no_result td { border-bottom:0; }

.filter_list { clear:both; }
.count_control > input { width:70px; float:left; margin-right:10px; }
.count_control > button { width:70px; float:left; }

.on_select { color: #285b2a !important; background-color:#e8f5e9 !important; }
.text-yellow {
  color: #f3be06!important;
}
.border-yellow {
  border-color: #f3be06!important;
}

.displaynone { display:none; }
.fix_left.quick_left { float:none; width:auto; }

.fix_height { height:calc(100vh - 457px); overflow-y: auto; }
.fix_height_set { height:calc(100vh - 236px); overflow-y: auto; }
.search_product .assigned_qty { display:none; }
.search_product .remove_set_product { display:none; }
.set_product .sku_qty { display:none; }
.set_product .select_set_product { display:none; }
.amazon_add_wrap { display:none; }
.quick_view:focus { outline: none; }
.quick_view {
    outline:none;
    border:0;
    background: none;
    text-align: left;
    padding: 0;
    font-weight: bold;
    font-size: 13px;
    color: #1e88e5;
}
.quick_view.is_running_0 {
    color:#f44336;
}

/* body-min_width */
.body_width{
  min-width: 1600px;
}

.float_right { float:right; }
.dhl_order_status { display:none; }

.fix_left.dhl_form { width:340px; float:left; }
.flex_right.dhl_form { margin-left:360px; height:100%; }
.list_loading i { margin:0 auto; color:#999 }

.no_result_inventory { font-size:14px; }
.import_lately_list .card-body { min-height: 62px; }
.v-top { vertical-align:top !important; }
.dhl_message { display:none; }
.underline { height:1px; background:#e6e6e6; }
.fix_width { width:140px; }
.switchery { margin:0 auto; }
.order_fix_width { display:inline-block; width:50px; }
.sub_fix_w {display: inline-block; width: 60px};
.select_barcode { border: 3px solid #f44336; }
.memo_input { display:none; }

.barcode_wrap {
    width:63mm;
    height:43mm;
    border:1px solid #ddd;
}

.barcode_print {
    float:left;
}

.b_sku {
    height:11mm;
    line-height:11mm;
    font-size:20px;
    text-align:center;
    background:#000;
    color:#fff;
    font-weight: 700;
}

.b_korname {
    height:11mm;
    line-height:1.2;
    overflow:hidden;
    border-bottom:1px solid #000;
    padding:1mm;
    font-size:13px;
}

.b_info {  }
.b_info ul { overflow:hidden; margin:0; padding:0; list-style-type:none; border-bottom:1px solid #000; }
.b_info ul li { float:left; }

.b_direction {
    background:#000;
    color:#fff;
    width:20mm;
    height: calc(10.5mm / 2); 
}

.b_direction2 {
    background:#000;
    color:#fff;
    width:20mm;
    height: 7mm; 
    font-size:14px;
    text-align:center;
    font-weight: 500;
}

.b_barcode_string {
    text-align:center;
    height: 7mm;
    font-size:20px;
    font-weight: 500;
} 

.b_bar_flex { 
    display: flex;
}

.barcode2_center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.b_location {
    border-right:1px solid #000;
    width:20mm;
    height: calc(10.5mm / 2); 
}

.b_left {
    width:20mm;
    text-align:center;
}   

.b_center {
    width:15mm;
    text-align:center;
    height: 10.5mm;
    line-height: 10.5mm;
    font-size:16px;
}   

.b_right {
    width:27mm;
    height: 10.5mm;
    line-height: 10.5mm;
}

.b_right input {
    width:27mm;
    border:0;
    text-align:center;
    height:100%;
    font-size:20px;
}

.b_date input {
    border:0;
    width:100%;
    text-align:center;
    height: 9.4mm;
    font-size:20px;
}

.b_sku2 {
    height:15mm;
    line-height:15mm;
    text-align:center;
    background:#000;
    color:#fff;
    font-size:20px;
    font-weight: 700;
}

.b_korname2 {
    height:14mm;
    line-height:1.2;
    overflow:hidden;
    border-bottom:1px solid #000;
    padding:1mm;
    font-size:13px;
}

.b_korname3 {
    height:8mm;
    line-height:1;
    overflow:hidden;
    border-bottom:1px solid #000;
    padding:1mm;
    font-size:13px;
}

.b_barcode_string3 {
    position: absolute;
    font-size: 12px; /* 원하는 크기로 조정 */
    padding: 5px 10px;
    border-radius: 5px;
}

.barcode3_input {
    height: 8mm;
}

.b_sku3 {
    height:9mm;
    line-height:9mm;
    font-size:18px;
    text-align:center;
    background:#000;
    color:#fff;
    font-weight: 700;
}

.barcode3_center {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 11.5mm;
    transform: translate(0%, 0%);
    border-top : 1px solid #000;
}

.barcode4_center {
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(0%, -15%);
}

.b_barcode2 {
    height:13mm;
    line-height:13mm;
    text-align:center;
    font-size:24px;
    font-weight:bold;
}

.table-deep-dark, .table-deep-dark>td, .table-deep-dark>th {
    background-color: #c0c0c0;
}
.table-deep-dark>td .text-muted { 
    color: #727272!important;
}

.card_loading_cover {
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    background:rgba(255,255,255,.6);
    z-index:1000;
    display:none;
}

.card_loading_cover .icon-spinner2.spinner {
    position:absolute;
    top:50%; left:50%;
    margin-top:-16px;
    margin-left:-16px;
}


/* 공지사항 */
table tr th.table_icon {
    padding-left: 1.5rem;
}
table tr td.table_icon {
    position: relative;
    padding-left: 0.6rem;
    padding-right: 0.3rem;
}
table tr td.table_icon i { 
    position: absolute;
    top: 17px;
    left: 11px;
    /* transform: rotate(315deg); */
    font-size: 11px;
}
.notice_preview .media {
    margin-top: 0.95rem;
}
.notice_preview .media:first-child {
    margin-top: 0;
}
.notice_preview .notice_title {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.notice_preview .notice_title:hover {
    color:var(--success);
}
.notice_preview .notice_icon {
    width: 16px;
}
.notice_preview .notice_icon i {
    color: #ddd;
    font-size: .75rem;
}
.notice_preview .notice_date {
    min-width: 63px;
    margin-top: 1px;
    text-align: right;
}
.text_ellipsis {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.text_ellipsis_line2 {
    overflow:hidden;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow:ellipsis;
    max-height: 42px;
}
.hidden_layer {
    display:none !important
}

.market_list {
    width:320px;
    margin-right:20px;
    float:left;
}

.sku_list {
    width:240px;
    float:left;
    height:calc(100vh - 319px);
    display:none;
}

.order_list {
    margin-left:260px;
    height:calc(100vh - 319px);
}

.order_list.single {
    margin-left:520px;
}

.card_list_body {
    overflow:auto;
}

.channel_select {
    width:240px;
    float:left;
}

.paper_select {
    width:280px;
    float:left;
}

.refresh_btn .icon-spinner2.spinner {
    display:none;
}

.card_loading_cover_light {
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    background:transparent;
    z-index:1000;
    display:none;
}

.refresh_loading {
    visibility:hidden;
}

.display_none {
    display:none;
}

.label_select {
    display:inline-block;
    vertical-align: top;
}

tbody.select_product tr {
    cursor:pointer;
}

.export_noti h4 {
    margin-bottom:0;
    padding:10px 0;
}

.export_noti {
    margin-bottom:0;
}

.message_card {
    max-height:162px;
    overflow-y:auto;
    display:none;
}

.message_card.message_big {
    overflow-y: hidden;
    max-height:inherit;
    height: calc(100% - 1.25rem);
    border: 1px solid #e3e22b;
    background-color: #fefd32;
    font-size: 1.35rem;
    font-weight: 700;
}
.message_card.message_big .card-text{
    overflow-y: auto;
    height: 120px;
}
.message_card.message_big mark {
    background-color: transparent;
    color: #4f4f4f;
}

/* 데이터 피커 캘린더 숨김 */
.daterangepicker.show-calendar:not(.custom_show) .calendar {
    display: none;
}

.daterangepicker.dropdown-menu .daterangepicker-inputs {
    position: relative;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.daterangepicker.dropdown-menu .daterangepicker-inputs .text-danger {
    position: absolute;
    /* left: 17px;
    bottom: 4px;
    margin: 0; */
    left: 0;
    bottom: -19px;
    margin: 0;
}
.daterangepicker.dropdown-menu .ranges .daterangepicker-inputs .daterangepicker_input+.daterangepicker_input {
    margin-top: 1.3rem;
}

button.daterange-ranges {
    min-width: 205px;
}
button.daterange-ranges span {
    display: inline-block;
    min-width: 146px;
    min-height: 20px;
    vertical-align: middle;
}

.calendar .daterangepicker.show-calendar .calendar {
    display: block;
}

.select_date {
    display:none;
}

.search_filter {
    width:240px;
    float:left;
}

.search_filter_wrap::after {
    content:'';
    display:block;
    clear:both;
}

.reset_box {
    height:36px;
}

@keyframes blink-effect {
	0% { opacity: 1; }
	50% { opacity: 0.4; }
	100% { opacity: 1; }
}

.badge-new-blink {
	animation: blink-effect 1.5s infinite;
	font-weight: bold;
	background-color: #ff5b57;
	color: white;
}

.legend-item{
	display:inline-flex;
	align-items:center;
	margin-right:10px;
	margin-bottom:2px
}
.legend-dot{
	width:8px;
	height:8px;
	border-radius:2px;
	margin-right:4px
}
.ch-badge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin:0 4px 4px 0;
	padding:4px 8px;
	border-radius:4px;
	font-size:11px;
	font-weight:700;
	white-space:nowrap;
	box-shadow:0 1px 2px rgba(0,0,0,.15);
	text-shadow:0 1px 1px rgba(0,0,0,.1) 
}
.ch-badge.etc{
	background-color:#f1f5f9!important;
	color:#64748b!important;
	border:1px solid #e2e8f0;
	font-weight:400;
	text-shadow:none 
}
.progress-thin{
	height:4px;
	margin-bottom:6px;
	border-radius:2px;
	overflow:hidden;
	background-color:#f1f5f9;
	display:flex
}
.text-up{
	color:#d32f2f;
	font-weight:700
}
.text-down{
	color:#1976d2;
	font-weight:700
}
.text-sunday{
	color:#e11d48!important;
	font-weight:700
}
.text-saturday{
	color:#2563eb!important;
	font-weight:700
}
.diff-sub{
	font-size:11px;
	margin-top:1px
}
#chartjs-tooltip{
	opacity:1;
	position:absolute;
	background:rgba(255,255,255,.98);
	color:#333;
	border-radius:6px;
	pointer-events:none;
	transform:translate(-50%,0);
	transition:all .1s ease;
	box-shadow:0 4px 15px rgba(0,0,0,.2);
	border:1px solid #e2e8f0;
	font-family:Inter,sans-serif;
	font-size:12px;
	z-index:100;
	min-width:180px;
	padding:12px 
}
.tooltip-table{
	width:100%;
	border-collapse:collapse
}
.tooltip-table th{
	padding-bottom:8px;
	font-size:13px;
	color:#1e293b;
	text-align:left;
	border-bottom:1px solid #e2e8f0;
	margin-bottom:5px;
	display:block 
}
.tooltip-body-row td{
	padding:4px 0;
	display:flex;
	align-items:center
}
.tooltip-key{
	display:inline-block;
	width:8px;
	height:8px;
	border-radius:2px;
	margin-right:8px
}
.tooltip-val{
	margin-left:auto;
	font-weight:700;
	color:#333
}
.tooltip-divider{
	height:1px;
	background-color:#e2e8f0;
	margin:8px 0
}
.tooltip-order-row{
	font-weight:700;
	color:#334155;
	margin-top:4px;
	padding-top:4px;
	border-top:1px dashed #e2e8f0;
	display:flex;
	align-items:center 
}
.analyze-filter .filter-panel{
	background:#f8fafc;
	border:1px solid #e5e7eb;
	border-radius:10px;
	padding:12px 14px;
}
.analyze-filter .filter-row{
	display:flex;
	flex-wrap:wrap;
	gap:14px;
	align-items:flex-end;
}
.analyze-filter .filter-item label{
	display:block;
	margin:0 0 6px 0;
	font-size:11px;
	font-weight:700;
	color:#6b7280;
}
.analyze-filter{
	--ui-h:28px;
	--ui-radius:6px;
	--ui-border:#cbd5e1;
	--ui-bg:#fff;
	--ui-text:#111827;
	--ui-gap:8px;
}
.analyze-filter .filter-control{
	height:var(--ui-h) !important;
	min-height:var(--ui-h) !important;
	background:var(--ui-bg);
	border:1px solid var(--ui-border) !important;
	box-shadow:none !important;
	color:var(--ui-text);
	box-sizing:border-box;
}
.analyze-filter select.filter-control, .analyze-filter input.filter-control{
	padding:0 10px !important;
	line-height:calc(var(--ui-h) - 2px) !important;
	font-size:12px;
	font-weight:600;
}
.analyze-filter .filter-country{
	width:90px;
}
.analyze-filter .filter-date{
	width:120px;
}
.analyze-filter .filter-period{
	display:flex;
	align-items:center;
	gap:var(--ui-gap);
}
.analyze-filter .filter-tilde{
	color:#94a3b8;
	font-weight:800;
	padding:0 2px;
	line-height:1;
}
.analyze-filter .filter-btn{
	height:var(--ui-h) !important;
	min-height:var(--ui-h) !important;
	padding:0 12px !important;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:3px;
	line-height:var(--ui-h);
	font-weight:700;
}
.analyze-filter .filter-divider{
	height:1px;
	background:#e5e7eb;
	margin:12px -14px 10px;
}
#channelContainer{
	display:flex;
	flex-wrap:wrap;
	gap:6px
}
#channelContainer .badge-toggle{
	height:var(--ui-h);
	min-height:var(--ui-h);
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:0 10px 0 26px;
	background:#fff;
	border:1px solid var(--ui-border);
	color:var(--ui-text);
	font-size:11px;
	font-weight:700;
	line-height:1;
	white-space:nowrap;
	cursor:pointer;
	user-select:none;
	position:relative;
	transition:background-color .15s ease,border-color .15s ease,color .15s ease;
}
#channelContainer .badge-toggle::before{
	content:"";
	width:8px;
	height:8px;
	border-radius:50%;
	position:absolute;
	left:10px;
	top:50%;
	transform:translateY(-50%);
	background:transparent;
	border:1.5px solid #94a3b8;
}
#channelContainer .badge-toggle.active{
	color:#000;
}
#channelContainer .badge-toggle.active::before{
	background:#16a34a;
	border-color:#16a34a;
}
@media (max-width: 720px){
	.analyze-filter .filter-country, .analyze-filter .filter-date{
		width:100%;
	}
	.analyze-filter .filter-period{
		width:100%;
	}
	.analyze-filter .filter-btn{
		width:100%;
		margin-left:0 !important;
	}
}

/* anaylze */
.table-matrix th, .table-matrix td { vertical-align: middle !important; font-size: 12px; padding: 6px 8px; }
.sticky-header th { position: sticky; top: 0; z-index: 100; background-color: #f8f9fa; box-shadow: 0 1px 2px rgba(0,0,0,0.1); }
.sticky-col-1 { position: sticky; left: 0; z-index: 50; background-color: #fff; width: 50px; text-align: center; border-right: 1px solid #ddd; }
.sticky-col-2 { position: sticky; left: 50px; z-index: 50; background-color: #fff; width: 550px; border-right: 1px solid #ddd; }
.sticky-header th.sticky-col-1, .sticky-header th.sticky-col-2 { z-index: 150; }
.badge-toggle {
	cursor: pointer; display: inline-block; padding: 3px 8px; margin-right: 3px; margin-bottom: 3px;
	font-size: 11px; font-weight: 500; border: 1px solid #e0e0e0; background-color: #fff; color: #777;
	border-radius: 3px; transition: all 0.1s; user-select: none; letter-spacing: -0.5px;
}
.badge-toggle.active { background-color: #4970a3; border-color: #4970a3; color: #fff; font-weight: 600; box-shadow: 0 1px 2px rgba(0,0,0,0.1); }
.badge-toggle:hover { background-color: #f5f5f5; border-color: #ccc; }
.badge-toggle.active:hover { background-color: #3b5b88; border-color: #3b5b88; }
.badge-toggle.discontinued { opacity: 0.5; text-decoration: line-through; background-color: #fafafa; }
.badge-toggle.discontinued.active { text-decoration: none; }

.row-label { width: 40px; font-size: 12px; font-weight: 700; color: #333; text-align: left; padding-top: 4px; flex-shrink: 0; }

.sparkline-container { width: 100px; height: 30px; display: inline-block; vertical-align: middle; margin-left: 8px; }
.sparkline-svg { width: 100%; height: 100%; overflow: visible; }
.spark-area { fill: rgba(66, 165, 245, 0.2); stroke: none; }
.spark-line { fill: none; stroke: #2196F3; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.spark-start-point { fill: #ef5350; }

.bar-container { background-color: #f1f3f5; height: 5px; border-radius: 3px; margin-top: 4px; overflow: hidden; width: 100%; }
.bar-fill { height: 100%; display: block; border-radius: 3px; }
.badge-flat { background-color: transparent; border: 1px solid; padding: 1px 4px; }
.text-success-600 { color: #28a745; border-color: #28a745; }
.quick_view { background: none; border: none; padding: 0; color: #333; font-weight: bold; cursor: pointer; }
.quick_view:hover { text-decoration: underline; color: #007bff; }