/* ck_charts.css — Lallink TradingView-style chart page */

/* ── Break out of layout wrapper ── */
.cl-main-content:has(.ckc-page){overflow:hidden;padding:0}
.cl-main-nosidebar:has(.ckc-page){max-width:100%}

/* ══════════════════════════════════════
   PAGE SHELL
══════════════════════════════════════ */
.ckc-page{
  display:flex;flex-direction:column;
  height:calc(100vh - var(--cl-nav-h,56px));
  overflow:hidden;
  background:var(--cl-bg,#0d0d0d);
  font-family:'Inter','Segoe UI',sans-serif;
}

/* ══════════════════════════════════════
   TOP BAR
══════════════════════════════════════ */
.ckc-topbar{
  display:flex;align-items:center;gap:8px;
  padding:0 10px;
  height:48px;min-height:48px;
  border-bottom:1px solid var(--cl-border,#1e1e1e);
  background:var(--cl-surface,#141414);
  flex-shrink:0;overflow:hidden;
}
.ckc-tb-left{display:flex;align-items:center;gap:10px;flex-shrink:0;min-width:0;}
.ckc-tb-tf{display:flex;gap:1px;align-items:center;flex:1;justify-content:center;min-width:0;}
.ckc-tb-right{display:flex;align-items:center;gap:4px;flex-shrink:0;}

/* Symbol search */
.ckc-sym-search{position:relative;display:flex;align-items:center;}
.ckc-search-icon{position:absolute;left:8px;color:#666;pointer-events:none;}
.ckc-sym-search input{
  background:var(--cl-bg,#0d0d0d);
  border:1px solid var(--cl-border,#2a2a2a);
  border-radius:6px;color:var(--cl-text,#e8e8e8);
  font-size:13px;font-weight:700;
  padding:5px 10px 5px 26px;
  width:130px;outline:none;transition:border-color .15s,width .2s;
}
.ckc-sym-search input:focus{border-color:#00C896;width:180px;}
.ckc-sym-results{
  display:none;position:absolute;top:calc(100% + 4px);left:0;min-width:240px;
  background:var(--cl-surface,#141414);border:1px solid var(--cl-border,#2a2a2a);
  border-radius:8px;box-shadow:0 8px 28px rgba(0,0,0,.6);z-index:400;overflow:hidden;
}
.ckc-sym-result{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;transition:background .1s;}
.ckc-sym-result:hover{background:rgba(255,255,255,.06);}
.ckc-sym-result-sym{font-size:13px;font-weight:700;color:#e8e8e8;min-width:64px;}
.ckc-sym-result-name{font-size:11px;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* Symbol/price info */
.ckc-sym-info{display:flex;flex-direction:column;gap:1px;}
.ckc-symbol{font-size:17px;font-weight:800;color:var(--cl-text,#e8e8e8);letter-spacing:.3px;}
.ckc-company{font-size:11px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;}
.ckc-price-block{display:flex;align-items:baseline;gap:6px;}
.ckc-ltp{font-size:20px;font-weight:700;color:var(--cl-text,#e8e8e8);font-variant-numeric:tabular-nums;}
.ckc-change{font-size:12px;font-weight:600;padding:2px 7px;border-radius:4px;}
.ckc-change.up{color:#00C896;background:rgba(0,200,150,.12);}
.ckc-change.dn{color:#FF4444;background:rgba(255,68,68,.12);}
.ckc-ohlcv{display:flex;gap:10px;font-size:11px;color:#888;}
.ckc-ohlcv b{color:var(--cl-text,#e8e8e8);font-weight:600;}

/* Timeframe buttons */
.ckc-tf-btn{
  background:none;border:none;
  color:#888;font-size:12px;font-weight:600;
  padding:5px 7px;border-radius:4px;cursor:pointer;
  transition:all .12s;white-space:nowrap;
  border-bottom:2px solid transparent;
}
.ckc-tf-btn:hover{color:var(--cl-text,#e8e8e8);background:rgba(255,255,255,.05);}
.ckc-tf-btn.active{color:#00C896;border-bottom-color:#00C896;}
.ckc-tf-pro{position:relative;}
.ckc-tf-pro::after{content:'★';font-size:6px;color:#00C896;position:absolute;top:2px;right:1px;}

/* Action buttons */
.ckc-action-btn{
  display:flex;align-items:center;gap:5px;
  background:none;border:1px solid var(--cl-border,#2a2a2a);border-radius:6px;
  color:#aaa;font-size:12px;font-weight:600;
  padding:4px 10px;cursor:pointer;transition:all .12s;white-space:nowrap;
}
.ckc-action-btn:hover{border-color:#555;color:var(--cl-text,#e8e8e8);}
.ckc-icon-btn{
  background:none;border:none;color:#888;
  padding:5px;border-radius:5px;cursor:pointer;
  transition:all .12s;display:flex;align-items:center;justify-content:center;
}
.ckc-icon-btn:hover{color:var(--cl-text,#e8e8e8);background:rgba(255,255,255,.06);}

/* Chart type dropdown */
.ckc-ct-wrap{position:relative;}
.ckc-ct-menu{
  display:none;position:absolute;top:calc(100% + 4px);left:0;
  background:var(--cl-surface,#141414);border:1px solid var(--cl-border,#2a2a2a);
  border-radius:8px;padding:4px;box-shadow:0 8px 28px rgba(0,0,0,.6);z-index:300;min-width:150px;
}
.ckc-ct-menu.open{display:block;}
.ckc-ct-item{display:flex;align-items:center;gap:8px;padding:7px 12px;font-size:13px;color:#aaa;cursor:pointer;border-radius:5px;transition:background .1s;}
.ckc-ct-item:hover{background:rgba(255,255,255,.06);color:var(--cl-text,#e8e8e8);}

/* Live badge */
.ckc-auto-badge{
  display:flex;align-items:center;gap:5px;font-size:11px;
  color:#888;padding:3px 9px;border-radius:20px;
  border:1px solid var(--cl-border,#1e1e1e);cursor:pointer;transition:all .15s;background:none;
}
.ckc-auto-badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor;}
.ckc-auto-badge.active{color:#00C896;border-color:#00C896;background:rgba(0,200,150,.08);}
.ckc-pro-pill{font-size:8px;background:#00C896;color:#000;border-radius:3px;padding:1px 4px;font-weight:800;letter-spacing:.3px;}

/* ══════════════════════════════════════
   WORKSPACE
══════════════════════════════════════ */
.ckc-workspace{display:flex;flex:1;overflow:hidden;min-height:0;}

/* ══════════════════════════════════════
   LEFT DRAWING TOOLBAR
══════════════════════════════════════ */
.ckc-ltb{
  width:40px;flex-shrink:0;
  display:flex;flex-direction:column;align-items:center;
  gap:2px;padding:6px 0;
  border-right:1px solid var(--cl-border,#1e1e1e);
  background:var(--cl-surface,#141414);
  overflow-y:auto;overflow-x:hidden;
}
.ckc-ltb::-webkit-scrollbar{width:2px;}
.ckc-ltb::-webkit-scrollbar-thumb{background:#2a2a2a;}

.ckc-lt{
  width:32px;height:32px;
  display:flex;align-items:center;justify-content:center;
  background:none;border:none;border-radius:5px;
  color:#888;cursor:pointer;transition:all .12s;
  position:relative;flex-shrink:0;
}
.ckc-lt:hover{background:rgba(255,255,255,.07);color:var(--cl-text,#e8e8e8);}
.ckc-lt.active{background:rgba(0,200,150,.15);color:#00C896;}
.ckc-lt-text{font-size:14px;font-weight:700;}

/* Tooltip on hover */
.ckc-lt::after{
  content:attr(title);
  position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);
  background:#1a1a1a;color:#e8e8e8;
  font-size:11px;white-space:nowrap;padding:4px 8px;border-radius:4px;
  border:1px solid #2a2a2a;pointer-events:none;
  opacity:0;transition:opacity .1s;z-index:200;
}
.ckc-lt:hover::after{opacity:1;}

.ckc-ltb-div{width:24px;height:1px;background:var(--cl-border,#1e1e1e);margin:3px 0;flex-shrink:0;}

/* ══════════════════════════════════════
   CHART COLUMN
══════════════════════════════════════ */
.ckc-chart-col{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;}

/* Indicator quick-bar */
.ckc-ind-bar{
  display:flex;align-items:center;gap:4px;
  padding:4px 10px;min-height:36px;
  border-bottom:1px solid var(--cl-border,#1e1e1e);
  background:var(--cl-surface,#141414);flex-shrink:0;flex-wrap:wrap;
}
.ckc-ind-grp{display:flex;gap:3px;align-items:center;flex-wrap:wrap;}
.ckc-it{
  font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px;
  border:1px solid var(--cl-border,#2a2a2a);background:none;
  color:#888;cursor:pointer;transition:all .12s;white-space:nowrap;
}
.ckc-it:hover{border-color:#555;color:var(--cl-text,#e8e8e8);}
.ckc-it.active{border-color:#00C896;color:#00C896;background:rgba(0,200,150,.1);}
.ckc-ib-sep{width:1px;height:16px;background:var(--cl-border,#1e1e1e);margin:0 4px;flex-shrink:0;}
.ckc-ib-more{
  margin-left:auto;font-size:11px;font-weight:700;
  padding:3px 10px;border-radius:20px;
  border:1px solid #00C896;color:#00C896;background:none;cursor:pointer;
  transition:all .12s;white-space:nowrap;
}
.ckc-ib-more:hover{background:rgba(0,200,150,.1);}

/* ══════════════════════════════════════
   CHART AREA
══════════════════════════════════════ */
.ckc-chart-area{
  flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;min-height:0;
}
#ckcMainWrap{flex:1;min-height:200px;position:relative;display:flex;flex-direction:column;}
#ckcMainChart{flex:1;width:100%;height:100%;}

/* Drawing canvas */
#ckcDrawCanvas{position:absolute;top:0;left:0;z-index:20;}
#ckcDrawCanvas.drawing-active{cursor:crosshair;}
#ckcDrawCanvas.eraser-active{cursor:cell;}

/* Crosshair legend */
.ckc-legend{
  position:absolute;top:8px;left:8px;
  background:rgba(13,13,13,.88);border:1px solid #2a2a2a;border-radius:6px;
  padding:5px 10px;font-size:12px;color:#e8e8e8;pointer-events:none;z-index:30;
  display:none;
}
.ckc-legend-row{display:flex;gap:8px;align-items:center;}
.ckc-legend-lbl{color:#888;}
.ckc-legend-val{font-weight:700;font-variant-numeric:tabular-nums;}
.ckc-legend-up{color:#00C896;}
.ckc-legend-dn{color:#FF4444;}

/* Sub-panes */
.ckc-sub-pane{
  flex-shrink:0;position:relative;
  border-top:1px solid var(--cl-border,#1e1e1e);
  min-height:80px;
}
.ckc-sp-head{
  position:absolute;top:0;left:0;right:0;
  display:flex;align-items:center;padding:4px 8px;gap:6px;
  z-index:5;pointer-events:none;
}
.ckc-sp-name{font-size:11px;font-weight:700;color:#888;}
.ckc-sp-val{font-size:11px;color:#aaa;font-variant-numeric:tabular-nums;}
.ckc-sp-close{
  pointer-events:all;margin-left:auto;
  background:none;border:none;color:#666;cursor:pointer;font-size:12px;
  padding:2px 5px;border-radius:3px;
}
.ckc-sp-close:hover{color:#e8e8e8;background:rgba(255,255,255,.08);}
.ckc-sp-resize{height:4px;cursor:ns-resize;background:transparent;flex-shrink:0;}
.ckc-sp-resize:hover{background:rgba(0,200,150,.25);}

/* Loading */
.ckc-loading{
  position:absolute;inset:0;z-index:50;
  display:flex;align-items:center;justify-content:center;
  background:var(--cl-bg,#0d0d0d);
}
.ckc-spinner{
  width:32px;height:32px;border-radius:50%;
  border:3px solid #1e1e1e;border-top-color:#00C896;
  animation:ckc-spin .7s linear infinite;
}
@keyframes ckc-spin{to{transform:rotate(360deg)}}

/* Compare bar */
.ckc-compare-bar{
  display:flex;align-items:center;gap:8px;
  padding:6px 12px;border-top:1px solid var(--cl-border,#1e1e1e);
  background:var(--cl-surface,#141414);font-size:12px;color:#888;flex-shrink:0;
}
.ckc-cmp-search input{
  background:var(--cl-bg,#0d0d0d);border:1px solid #2a2a2a;border-radius:5px;
  color:#e8e8e8;font-size:12px;padding:4px 8px;outline:none;
}
.ckc-cmp-search input:focus{border-color:#00C896;}
.ckc-cmp-chip{
  display:inline-flex;align-items:center;gap:5px;
  background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;
  padding:2px 8px;font-size:11px;color:#aaa;
}
.ckc-cmp-chip button{background:none;border:none;color:#666;cursor:pointer;font-size:12px;padding:0 2px;}
.ckc-cmp-close{background:none;border:none;color:#666;cursor:pointer;font-size:16px;padding:0 4px;}

/* Date range bar */
.ckc-daterange{
  display:flex;align-items:center;gap:2px;padding:4px 10px;
  border-top:1px solid var(--cl-border,#1e1e1e);
  background:var(--cl-surface,#141414);flex-shrink:0;
}
.ckc-dr{
  background:none;border:none;color:#888;font-size:11px;font-weight:600;
  padding:3px 8px;border-radius:4px;cursor:pointer;transition:all .12s;
}
.ckc-dr:hover{color:var(--cl-text,#e8e8e8);background:rgba(255,255,255,.06);}
.ckc-dr-active{color:#00C896!important;background:rgba(0,200,150,.1)!important;}

/* Text input (drawing text tool) */
.ckc-text-input{
  display:none;position:absolute;z-index:100;
  background:rgba(20,20,20,.95);border:1px solid #00C896;border-radius:4px;
  color:#e8e8e8;font-size:13px;padding:4px 8px;outline:none;min-width:120px;
}

/* ══════════════════════════════════════
   RIGHT PANEL
══════════════════════════════════════ */
.ckc-right-panel{
  width:256px;flex-shrink:0;
  border-left:1px solid var(--cl-border,#1e1e1e);
  display:flex;flex-direction:column;overflow:hidden;
  background:var(--cl-surface,#141414);
}
.ckc-rp-tabs{display:flex;border-bottom:1px solid var(--cl-border,#1e1e1e);flex-shrink:0;}
.ckc-rp-tab{
  flex:1;padding:9px 4px;font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:.4px;color:#666;cursor:pointer;text-align:center;
  border-bottom:2px solid transparent;transition:all .15s;
}
.ckc-rp-tab.active{color:#00C896;border-bottom-color:#00C896;}
.ckc-rp-tab:hover:not(.active){color:#aaa;}
.ckc-rp-body{flex:1;overflow-y:auto;padding:12px;}
.ckc-rp-body::-webkit-scrollbar{width:4px;}
.ckc-rp-body::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:2px;}

/* Fundamentals */
.ckc-fund-header{padding-bottom:10px;border-bottom:1px solid var(--cl-border,#1e1e1e);margin-bottom:10px;}
.ckc-fund-name{font-size:13px;font-weight:700;color:#e8e8e8;}
.ckc-fund-sector{font-size:11px;color:#888;margin-top:2px;}
.ckc-fund-section{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#444;padding:10px 0 4px;border-top:1px solid #1a1a1a;margin-top:6px;}
.ckc-fund-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px;border-bottom:1px solid rgba(255,255,255,.03);}
.ckc-fund-row span:first-child{color:#888;}
.ckc-fund-row span:last-child{color:#e8e8e8;font-weight:600;font-variant-numeric:tabular-nums;}

/* Related */
.ckc-rel-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:all .12s;}
.ckc-rel-row:hover .ckc-rel-sym{color:#00C896;}
.ckc-rel-sym{font-size:13px;font-weight:700;color:#e8e8e8;}
.ckc-rel-name{font-size:11px;color:#888;margin-top:1px;}
.ckc-rel-px{font-size:12px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums;}
.ckc-rp-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 0;color:#444;font-size:12px;}

/* ══════════════════════════════════════
   INDICATORS PANEL (slide-in)
══════════════════════════════════════ */
.ckc-ip{
  position:fixed;top:0;right:0;width:320px;height:100%;
  background:var(--cl-surface,#141414);border-left:1px solid var(--cl-border,#2a2a2a);
  display:flex;flex-direction:column;z-index:500;
  transform:translateX(100%);transition:transform .25s ease;
  box-shadow:-8px 0 32px rgba(0,0,0,.5);
}
.ckc-ip.open{transform:translateX(0);}
.ckc-ip-bg{
  display:none;position:fixed;inset:0;z-index:499;background:rgba(0,0,0,.4);
}
.ckc-ip-bg.open{display:block;}
.ckc-ip-head{
  display:flex;align-items:center;gap:8px;padding:12px 14px;
  border-bottom:1px solid var(--cl-border,#1e1e1e);flex-shrink:0;
}
.ckc-ip-title{font-size:14px;font-weight:700;color:#e8e8e8;}
.ckc-ip-search-wrap{flex:1;display:flex;align-items:center;gap:6px;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:6px;padding:5px 8px;}
.ckc-ip-search-wrap input{background:none;border:none;color:#e8e8e8;font-size:13px;outline:none;flex:1;}
.ckc-ip-x{background:none;border:none;color:#888;cursor:pointer;font-size:16px;padding:2px 4px;}
.ckc-ip-body{flex:1;overflow-y:auto;padding:8px 0;}
.ckc-ip-body::-webkit-scrollbar{width:4px;}
.ckc-ip-body::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:2px;}
.ckc-ip-section{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#444;padding:12px 14px 4px;}
.ckc-ip-item{
  display:flex;align-items:center;gap:10px;padding:9px 14px;cursor:pointer;
  font-size:13px;color:#aaa;transition:background .1s;border-radius:0;
}
.ckc-ip-item:hover{background:rgba(255,255,255,.05);color:#e8e8e8;}
.ckc-ip-item.active{color:#00C896;}
.ckc-ip-item-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.ckc-ip-item-check{margin-left:auto;width:16px;height:16px;border:1.5px solid #444;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ckc-ip-item.active .ckc-ip-item-check{background:#00C896;border-color:#00C896;}

/* ══════════════════════════════════════
   CONTEXT MENUS
══════════════════════════════════════ */
.ckc-ctx{
  position:fixed;background:var(--cl-surface,#141414);border:1px solid var(--cl-border,#2a2a2a);
  border-radius:8px;padding:4px;z-index:600;box-shadow:0 8px 32px rgba(0,0,0,.6);min-width:168px;
}
.ckc-ctx-item{padding:8px 14px;font-size:13px;color:#aaa;cursor:pointer;border-radius:5px;transition:background .1s;}
.ckc-ctx-item:hover{background:rgba(255,255,255,.07);color:#e8e8e8;}
.ckc-ctx-danger{color:#FF4444!important;}
.ckc-ctx-sep{height:1px;background:var(--cl-border,#1e1e1e);margin:3px 0;}

/* ══════════════════════════════════════
   DRAWING SETTINGS MODAL
══════════════════════════════════════ */
.ckc-ds{
  display:none;position:fixed;inset:0;z-index:700;background:rgba(0,0,0,.5);
  align-items:center;justify-content:center;
}
.ckc-ds.open{display:flex;}
.ckc-ds-box{
  background:var(--cl-surface,#141414);border:1px solid #2a2a2a;border-radius:12px;
  width:300px;overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,.6);
}
.ckc-ds-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #1e1e1e;font-size:14px;font-weight:700;color:#e8e8e8;}
.ckc-ds-head button{background:none;border:none;color:#888;cursor:pointer;font-size:16px;}
.ckc-ds-body{padding:16px;display:flex;flex-direction:column;gap:12px;}
.ckc-ds-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#888;}
.ckc-ds-row input[type=color]{width:36px;height:28px;border:1px solid #2a2a2a;border-radius:4px;padding:2px;background:none;cursor:pointer;}
.ckc-ds-row select{background:#0d0d0d;border:1px solid #2a2a2a;border-radius:5px;color:#e8e8e8;font-size:12px;padding:4px 8px;outline:none;}
.ckc-ds-check{gap:8px;justify-content:flex-start;}
.ckc-ds-check input{cursor:pointer;accent-color:#00C896;}
.ckc-ds-foot{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #1e1e1e;}
.ckc-ds-apply{flex:1;padding:8px;background:#00C896;color:#000;border:none;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer;}
.ckc-ds-cancel{padding:8px 14px;background:none;border:1px solid #2a2a2a;border-radius:6px;color:#888;font-size:13px;cursor:pointer;}
.ckc-ds-apply:hover{background:#00b386;}
.ckc-ds-cancel:hover{border-color:#555;color:#e8e8e8;}

/* ══════════════════════════════════════
   FULLSCREEN
══════════════════════════════════════ */
.ckc-page.fullscreen{position:fixed;inset:0;z-index:800;height:100vh;}
.ckc-page.fullscreen .ckc-topbar{height:48px;}

/* ══════════════════════════════════════
   PnF CHART
══════════════════════════════════════ */
.ckc-pnf-wrap{
  width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  overflow:auto;padding:16px;box-sizing:border-box;background:var(--cl-bg,#0d0d0d);
}

/* ══════════════════════════════════════
   CHART MODAL (from screener)
══════════════════════════════════════ */
.ckc-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:2500;display:flex;align-items:center;justify-content:center;padding:16px;}
.ckc-modal{background:var(--cl-surface,#141414);border:1px solid #2a2a2a;border-radius:12px;width:min(900px,100%);height:min(580px,90vh);display:flex;flex-direction:column;overflow:hidden;}
.ckc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #1e1e1e;flex-shrink:0;}
.ckc-modal-title{font-size:15px;font-weight:700;color:#e8e8e8;}
.ckc-modal-body{flex:1;display:flex;flex-direction:column;overflow:hidden;}

/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */
@media(max-width:1024px){
  .ckc-right-panel{display:none;}
}
@media(max-width:800px){
  .ckc-ltb{display:none;}
  .ckc-ohlcv{display:none;}
  .ckc-company{display:none;}
}
@media(max-width:600px){
  .ckc-topbar{padding:0 6px;gap:4px;}
  .ckc-symbol{font-size:14px;}
  .ckc-ltp{font-size:16px;}
  .ckc-tf-btn{padding:4px 5px;font-size:11px;}
  .ckc-action-btn span:not(.ckc-pro-pill){display:none;}
}

/* ══════════════════════════════════════
   LIGHT THEME
══════════════════════════════════════ */
[data-theme=light] .ckc-page{background:#f5f5f5;}
[data-theme=light] .ckc-topbar,[data-theme=light] .ckc-ind-bar,
[data-theme=light] .ckc-ltb,[data-theme=light] .ckc-right-panel{background:#fff;}
[data-theme=light] .ckc-legend{background:rgba(255,255,255,.95);border-color:#ddd;}
[data-theme=light] .ckc-ctx,[data-theme=light] .ckc-ip,[data-theme=light] .ckc-ds-box{background:#fff;border-color:#ddd;}
[data-theme=light] .ckc-ctx-item:hover,[data-theme=light] .ckc-ip-item:hover{background:#f5f5f5;}
[data-theme=light] .ckc-sym-search input,[data-theme=light] .ckc-sym-results{background:#f5f5f5;}