:root{
  --bg:#061426;
  --bg2:#03101f;
  --panel:#0b1f36;
  --panel2:#081a2f;
  --line:#17395c;
  --line2:#21496f;
  --text:#eaf6ff;
  --muted:#8fb3d1;
  --muted2:#5f83a5;
  --blue:#1d8cff;
  --blue2:#1267ff;
  --green:#21d07a;
  --yellow:#ffbf2f;
  --red:#ff4d4d;
  --sidebar:270px;
  --topbar:66px;
  --footer:34px;
}

*{box-sizing:border-box}

html,body{
  height:100%;
}

body{
  margin:0;
  overflow:hidden;
  font-family:Inter,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 0 0,rgba(29,140,255,.22),transparent 32%),
    linear-gradient(135deg,#04101e 0%,#061426 52%,#020814 100%);
}

.app{
  height:100vh;
  display:grid;
  grid-template-columns:var(--sidebar) 1fr;
  grid-template-rows:var(--topbar) 1fr var(--footer);
}

.topbar{
  grid-column:1/3;
  height:var(--topbar);
  display:flex;
  align-items:center;
  gap:18px;
  padding:0 18px;
  border-bottom:1px solid rgba(33,73,111,.65);
  background:rgba(4,15,29,.86);
  backdrop-filter:blur(14px);
}

.brand{
  width:calc(var(--sidebar) - 18px);
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}

.brand-mark{
  width:38px;
  height:38px;
  border-radius:14px;
  display:grid;
  place-items:center;
  font-weight:900;
  background:linear-gradient(135deg,#08d9ff,#1665ff);
  box-shadow:0 0 0 1px rgba(255,255,255,.12) inset;
}

.brand-title{
  line-height:1.05;
  font-weight:900;
  letter-spacing:.02em;
  font-size:18px;
}

.brand-title b{
  color:#1fc9ff;
}

.brand-sub{
  color:var(--muted);
  font-size:11px;
  margin-top:3px;
}

.workspace-switcher,
.search,
.date-range,
.user-menu,
.icon-btn{
  height:42px;
  border:1px solid rgba(60,111,158,.55);
  background:rgba(10,29,51,.72);
  color:var(--text);
  border-radius:12px;
  display:flex;
  align-items:center;
}

.workspace-switcher{
  min-width:205px;
  padding:0 14px;
  gap:10px;
  font-weight:800;
}

.search{
  flex:1;
  min-width:280px;
  padding:0 16px;
  color:var(--muted);
}

.date-range{
  min-width:210px;
  justify-content:center;
  gap:8px;
  color:#cfe7ff;
  font-size:14px;
}

.icon-btn{
  width:42px;
  justify-content:center;
  position:relative;
}

.badge-dot{
  position:absolute;
  top:-5px;
  right:-4px;
  min-width:19px;
  height:19px;
  border-radius:99px;
  background:var(--red);
  color:#fff;
  font-size:11px;
  display:grid;
  place-items:center;
  font-weight:800;
}

.user-menu{
  min-width:128px;
  gap:10px;
  padding:0 10px;
}

.user-menu span{
  color:var(--muted);
  font-size:11px;
}

.avatar{
  width:30px;
  height:30px;
  border-radius:50%;
  background:linear-gradient(135deg,#fff,#8fb3d1);
  position:relative;
}

.avatar:after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--green);
  border:2px solid #061426;
}

.sidebar{
  grid-row:2/4;
  border-right:1px solid rgba(33,73,111,.65);
  background:rgba(3,15,28,.72);
  padding:14px 12px 12px;
  overflow:auto;
}

.nav-section-title{
  margin:18px 10px 8px;
  color:var(--muted2);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.nav-item{
  width:100%;
  border:1px solid transparent;
  background:transparent;
  color:#c8ddf4;
  display:flex;
  align-items:center;
  gap:10px;
  text-align:left;
  padding:10px;
  border-radius:12px;
  cursor:pointer;
  margin-bottom:5px;
  font:inherit;
  line-height:1.15;
}

.nav-item:hover{
  background:rgba(29,140,255,.10);
  border-color:rgba(29,140,255,.22);
}

.nav-item.active{
  background:linear-gradient(135deg,#1d8cff,#1267ff);
  border-color:rgba(255,255,255,.14);
  color:#fff;
  box-shadow:0 12px 30px rgba(18,103,255,.26);
}

.nav-icon{
  width:25px;
  height:25px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(255,255,255,.06);
  font-weight:900;
  font-size:13px;
}

.nav-text{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.nav-text strong{
  font-size:13px;
  white-space:normal;
}

.nav-text span{
  color:rgba(220,236,255,.68);
  font-size:11px;
}

.nav-item.active .nav-text span{
  color:rgba(255,255,255,.82);
}

.super-admin-entry{
  margin-top:12px;
  padding:12px;
  border:1px solid rgba(255,191,47,.35);
  background:rgba(255,191,47,.08);
  border-radius:16px;
}

.super-admin-entry .nav-item{
  margin:0;
}

.super-admin-entry .small{
  color:var(--muted);
  font-size:12px;
  margin-top:8px;
  line-height:1.35;
}

.main{
  grid-column:2;
  grid-row:2;
  overflow:auto;
  padding:20px 22px 18px;
}

.footer{
  grid-column:2;
  grid-row:3;
  border-top:1px solid rgba(33,73,111,.65);
  background:rgba(4,15,29,.72);
  color:var(--muted);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:0 22px;
  font-size:12px;
}

.footer-left,
.footer-right{
  display:flex;
  gap:18px;
  align-items:center;
  min-width:0;
}

.status-dot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--green);
  display:inline-block;
  margin-right:6px;
}

.screen-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}

.title h1{
  margin:0;
  font-size:28px;
  letter-spacing:-.03em;
}

.title p{
  margin:6px 0 0;
  color:var(--muted);
  font-size:14px;
}

.action-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.btn{
  border:1px solid rgba(60,111,158,.65);
  background:rgba(10,29,51,.75);
  color:var(--text);
  height:38px;
  padding:0 14px;
  border-radius:11px;
  cursor:pointer;
  font-weight:750;
}

.btn.primary{
  border-color:rgba(29,140,255,.85);
  background:linear-gradient(135deg,#1d8cff,#1267ff);
  color:#fff;
}

.btn.green{
  border-color:rgba(33,208,122,.75);
  background:rgba(33,208,122,.14);
  color:#bdfedd;
}

.notice{
  border:1px solid rgba(29,140,255,.38);
  background:rgba(29,140,255,.08);
  border-radius:16px;
  padding:14px 16px;
  margin-bottom:16px;
  display:flex;
  align-items:flex-start;
  gap:12px;
}

.notice .bubble{
  width:34px;
  height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(29,140,255,.18);
  color:#7ec3ff;
  font-weight:900;
  flex:0 0 auto;
}

.notice strong{
  display:block;
  margin-bottom:4px;
}

.notice span{
  color:var(--muted);
  font-size:14px;
  line-height:1.45;
}

.grid{
  display:grid;
  gap:14px;
}

.grid.cols-4{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.grid.cols-3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.grid.cols-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.card{
  border:1px solid rgba(33,73,111,.7);
  background:rgba(8,26,47,.72);
  border-radius:17px;
  padding:16px;
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset;
}

.metric-label{
  color:var(--muted);
  font-size:13px;
  margin-bottom:8px;
}

.metric-value{
  font-size:26px;
  font-weight:900;
  letter-spacing:-.03em;
}

.metric-value.green{
  color:var(--green);
}

.metric-value.yellow{
  color:var(--yellow);
}

.metric-value.blue{
  color:#6bbaff;
}

.metric-sub{
  color:var(--muted2);
  margin-top:6px;
  font-size:12px;
}

.panel-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
  font-weight:900;
}

.table{
  width:100%;
  border-collapse:collapse;
  font-size:13px;
  color:#d8ebff;
}

.table th,
.table td{
  padding:10px 8px;
  border-bottom:1px solid rgba(33,73,111,.45);
  text-align:left;
}

.table th{
  color:var(--muted);
  font-weight:700;
}

.pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:4px 9px;
  font-size:12px;
  font-weight:800;
  border:1px solid rgba(255,255,255,.12);
}

.pill.green{
  color:#bdfedd;
  background:rgba(33,208,122,.14);
  border-color:rgba(33,208,122,.35);
}

.pill.yellow{
  color:#ffe5a3;
  background:rgba(255,191,47,.12);
  border-color:rgba(255,191,47,.35);
}

.pill.blue{
  color:#b9dcff;
  background:rgba(29,140,255,.14);
  border-color:rgba(29,140,255,.35);
}

.pill.red{
  color:#ffc2c2;
  background:rgba(255,77,77,.13);
  border-color:rgba(255,77,77,.35);
}

.workflow{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.step-chip{
  border:1px solid rgba(60,111,158,.55);
  background:rgba(5,18,33,.65);
  border-radius:12px;
  padding:10px 12px;
  min-width:130px;
}

.step-chip b{
  display:block;
  font-size:13px;
}

.step-chip span{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-top:3px;
}

.arrow{
  color:var(--muted2);
  font-size:22px;
}

@media (max-width:1100px){
  body{
    overflow:auto;
  }

  .app{
    min-height:100vh;
    height:auto;
    grid-template-columns:1fr;
    grid-template-rows:auto auto 1fr auto;
  }

  .topbar{
    grid-column:1;
    flex-wrap:wrap;
    height:auto;
    padding:12px;
  }

  .brand{
    width:auto;
  }

  .sidebar{
    grid-row:auto;
    display:flex;
    overflow:auto;
    border-right:none;
    border-bottom:1px solid rgba(33,73,111,.65);
  }

  .nav-item{
    min-width:190px;
  }

  .main{
    grid-column:1;
    grid-row:auto;
  }

  .footer{
    grid-column:1;
    grid-row:auto;
    height:auto;
    padding:12px;
    flex-wrap:wrap;
  }

  .grid.cols-4,
  .grid.cols-3,
  .grid.cols-2{
    grid-template-columns:1fr;
  }
}

/* TH826_TAB3_OVERFLOW_GUARD_STEP43C2 */
.main,
.screen-head,
.notice,
.card,
.panel-title,
.table,
.grid,
.grid > *,
.card > *{
  min-width:0;
}

.card{
  overflow:hidden;
}

.card strong,
.panel-title span,
.table th,
.table td{
  overflow-wrap:anywhere;
  word-break:break-word;
}

.table{
  table-layout:fixed;
}

.th826-soft-name{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.th826-compact-pipeline{
  margin-top:14px;
}

.th826-compact-pipeline-row{
  display:grid;
  grid-template-columns:180px 180px minmax(0,1fr) 150px 150px 170px;
  gap:10px;
  align-items:stretch;
}

.th826-compact-node{
  border:1px solid rgba(33,73,111,.7);
  background:rgba(8,26,47,.72);
  border-radius:14px;
  padding:10px;
  min-width:0;
}

.th826-compact-node strong{
  display:block;
  margin-bottom:4px;
}

.th826-compact-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}


/* TH826_TAB3_AI_BRIEF_CENTER_STEP44A */
.th826-ai-brief-card{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-height:0;
}

.th826-ai-brief-note{
  border:1px solid rgba(29,140,255,.28);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(29,140,255,.10),rgba(8,26,47,.58));
  padding:12px;
}

.th826-ai-brief-note b{
  display:block;
  color:#f8fbff;
  font-size:12.5px;
  line-height:1.35;
}

.th826-ai-brief-note span{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:11.5px;
  line-height:1.35;
}

.th826-ai-brief-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.th826-ai-field{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
}

.th826-ai-field > span{
  color:#dbeafe;
  font-size:11.8px;
  font-weight:850;
}

.th826-ai-field small{
  color:var(--muted);
  font-size:10.5px;
  line-height:1.35;
}

.th826-ai-field input,
.th826-ai-field select,
.th826-ai-field textarea{
  width:100%;
  border:1px solid rgba(33,73,111,.72);
  border-radius:12px;
  background:rgba(4,18,34,.72);
  color:#f8fbff;
  outline:none;
  padding:10px 11px;
  font-size:11.8px;
}

.th826-ai-field textarea{
  min-height:74px;
  resize:vertical;
  line-height:1.4;
}

.th826-ai-field select{
  height:38px;
}

.th826-ai-mini-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

.th826-channel-chips{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.th826-channel-chips label{
  height:28px;
  padding:0 9px;
  border-radius:999px;
  border:1px solid rgba(29,140,255,.42);
  background:rgba(29,140,255,.10);
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#dbeafe;
  font-size:10.8px;
  font-weight:800;
  white-space:nowrap;
}

.th826-channel-chips input{
  width:12px;
  height:12px;
  accent-color:#1d8cff;
}

.th826-ai-safety-preview{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  border:1px solid rgba(245,158,11,.30);
  border-radius:14px;
  background:rgba(245,158,11,.08);
  padding:11px;
}

.th826-ai-safety-preview b{
  display:block;
  color:#f8fbff;
  font-size:12px;
}

.th826-ai-safety-preview span:not(.pill){
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:11px;
  line-height:1.35;
}

.th826-safety-pills{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:6px;
  max-width:260px;
}

.th826-uploaded-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  padding-top:2px;
}

.th826-uploaded-head b{
  display:block;
  color:#f8fbff;
  font-size:12.5px;
}

.th826-uploaded-head span:not(.pill){
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:11px;
}

.th826-uploaded-video-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(92px,1fr));
  gap:8px;
  max-height:220px;
  overflow:auto;
  padding-right:3px;
}

.th826-uploaded-video-card{
  min-height:118px;
  border:1px solid rgba(33,73,111,.62);
  border-radius:12px;
  background:rgba(8,26,47,.54);
  padding:8px;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.th826-mini-thumb{
  height:52px;
  border-radius:10px;
  background:linear-gradient(135deg,#9b5b31,#1d8cff);
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  padding:6px;
  color:#fff;
  font-size:10.5px;
  font-weight:900;
}

.th826-mini-thumb.alt1{background:linear-gradient(135deg,#256d5e,#9de4d2)}
.th826-mini-thumb.alt2{background:linear-gradient(135deg,#0c7a56,#d7a624)}
.th826-mini-thumb.alt3{background:linear-gradient(135deg,#aec6ff,#274078)}
.th826-mini-thumb.alt4{background:linear-gradient(135deg,#6b2b14,#f07a25)}

.th826-uploaded-video-card b{
  color:#f8fbff;
  font-size:10.8px;
  line-height:1.18;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.th826-uploaded-video-card span{
  color:#7cc9ff;
  font-size:10.5px;
  font-weight:850;
  margin-top:auto;
}


@media (max-width:1500px){
  .th826-compact-pipeline-row{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

/* TH826_GLOBAL_TYPOGRAPHY_SYSTEM_STEP43D2 */
:root{
  --fs-screen-title:26px;
  --fs-screen-desc:14px;
  --fs-section-title:14px;
  --fs-item-title:12.5px;
  --fs-meta:11.5px;
  --fs-table:12.5px;
  --fw-screen-title:850;
  --fw-section-title:780;
  --fw-item-title:650;
  --fw-meta:500;
}

.title h1{
  font-size:var(--fs-screen-title);
  font-weight:var(--fw-screen-title);
  line-height:1.12;
}

.title p{
  font-size:var(--fs-screen-desc);
  line-height:1.35;
}

.panel-title{
  font-size:var(--fs-section-title);
  font-weight:var(--fw-section-title);
  line-height:1.25;
}

.table{
  font-size:var(--fs-table);
}

.btn{
  font-size:12.5px;
}

.pill{
  font-size:11px;
}

.metric-label{
  font-size:12.5px;
}

.metric-value{
  font-size:24px;
}

.metric-sub{
  font-size:11.5px;
}

.th826-item-title{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  overflow-wrap:anywhere;
  word-break:break-word;
  font-size:var(--fs-item-title);
  font-weight:var(--fw-item-title);
  line-height:1.2;
  color:var(--text);
}

.th826-item-title.one-line{
  display:block;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.th826-meta{
  display:block;
  color:var(--muted);
  font-size:var(--fs-meta);
  font-weight:var(--fw-meta);
  line-height:1.25;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.th826-muted{
  color:var(--muted);
  font-size:var(--fs-meta);
  line-height:1.35;
}

.th826-section-note{
  color:var(--muted);
  font-size:12px;
  font-weight:500;
}

.th826-ui-safe,
.th826-ui-safe *{
  min-width:0;
}

.th826-ui-safe .card{
  min-width:0;
}

.th826-ui-safe strong{
  font-size:var(--fs-item-title);
  font-weight:var(--fw-item-title);
  line-height:1.2;
}

.th826-ui-safe .table th,
.th826-ui-safe .table td{
  font-size:12px;
  line-height:1.25;
}

.th826-ui-safe .panel-title small{
  font-size:11.5px;
  font-weight:500;
}

.th826-ui-safe .btn{
  min-width:0;
  white-space:normal;
  line-height:1.15;
}

.th826-ui-safe .pill{
  max-width:100%;
  white-space:normal;
  line-height:1.15;
}

.th826-tab3-shell{
  display:grid;
  grid-template-columns:245px minmax(0,1fr) 275px 260px;
  gap:10px;
  align-items:start;
  overflow:hidden;
}

.th826-tab3-media-list{
  display:grid;
  grid-template-columns:68px minmax(0,1fr);
  gap:9px;
  align-items:center;
}

.th826-tab3-template-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
}

.th826-tab3-storyboard-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}

.th826-tab3-pipeline-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
}

.th826-tab3-thumb{
  height:74px;
  border-radius:10px;
  display:grid;
  place-items:end;
  padding:5px;
  font-size:10.5px;
  color:#fff;
  overflow:hidden;
}

.th826-tab3-source-thumb{
  height:50px;
  border-radius:9px;
  display:grid;
  place-items:end;
  padding:5px;
  font-size:10.5px;
  color:#fff;
  overflow:hidden;
}

.th826-tab3-pipeline-grid .card{
  padding:9px !important;
}

.th826-tab3-pipeline-grid .btn{
  padding:0 8px;
}

.th826-compact-pipeline-row{
  grid-template-columns:150px 150px minmax(0,1fr) 135px 130px 145px;
}

.th826-compact-node{
  padding:9px;
}

.th826-compact-node strong{
  font-size:12px;
}

@media (max-width:1500px){
  .th826-tab3-shell{
    grid-template-columns:235px minmax(0,1fr) 255px 250px;
    gap:8px;
  }

  .th826-tab3-template-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .th826-tab3-storyboard-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .th826-tab3-pipeline-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .th826-compact-pipeline-row{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

/* TH826_TAB3_SPACING_COMPACT_FIX_STEP43D3 */
.main{
  overflow-x:hidden;
  overflow-y:auto;
}

.th826-ui-safe{
  max-width:100%;
  overflow:hidden;
}

.th826-ui-safe .card{
  overflow:hidden;
}

.th826-tab3-media-list{
  grid-template-columns:64px minmax(0,1fr);
  gap:12px;
}

.th826-tab3-media-list > div:first-child{
  width:64px;
  max-width:64px;
  margin-right:0;
}

.th826-tab3-media-list .th826-item-title{
  font-size:12px;
  line-height:1.22;
  font-weight:650;
  margin:0 0 4px 0;
  max-width:100%;
}

.th826-tab3-media-list .th826-meta{
  font-size:11px;
  line-height:1.25;
  max-width:100%;
}

.th826-tab3-template-grid .card,
.th826-tab3-storyboard-grid .card,
.th826-tab3-pipeline-grid .card{
  padding:10px !important;
}

.th826-tab3-template-grid .card > div:first-child,
.th826-tab3-storyboard-grid .card > div:first-child,
.th826-tab3-pipeline-grid .card > div[style*="background"]{
  margin-bottom:8px;
}

.th826-tab3-template-grid .th826-item-title,
.th826-tab3-storyboard-grid .th826-item-title,
.th826-tab3-pipeline-grid .th826-item-title{
  font-size:12px;
  font-weight:650;
  line-height:1.18;
  margin-top:6px;
}

.th826-tab3-template-grid{
  gap:10px;
}

.th826-tab3-storyboard-grid{
  gap:10px;
}

.th826-tab3-pipeline-grid{
  gap:10px;
}

/* Compact pipeline: không để text chen vào thumbnail */
.th826-compact-pipeline{
  margin-top:14px;
}

.th826-compact-pipeline .panel-title{
  margin-bottom:12px;
}

.th826-compact-pipeline-row{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:10px;
}

.th826-compact-node{
  padding:12px !important;
  min-width:0;
  overflow:hidden;
}

.th826-compact-node > .th826-item-title:first-child{
  display:block;
  font-size:12px;
  font-weight:780;
  line-height:1.2;
  margin:0 0 9px 0;
  color:var(--text);
}

/* Ghi đè 2 ô Nguồn/Template đang có inline grid 58px 1fr */
.th826-compact-node div[style*="grid-template-columns:58px 1fr"]{
  display:block !important;
}

.th826-compact-node div[style*="grid-template-columns:58px 1fr"] > div:first-child{
  width:52px;
  height:40px !important;
  border-radius:10px;
  margin:0 0 8px 0;
}

.th826-compact-node .th826-item-title.one-line,
.th826-compact-node .th826-soft-name{
  display:block;
  max-width:100%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:11.5px;
  line-height:1.2;
  font-weight:650;
  margin:0 0 4px 0;
}

.th826-compact-node .th826-meta{
  font-size:11px;
  line-height:1.25;
}

.th826-compact-node .th826-muted{
  font-size:11.5px;
  line-height:1.35;
}

.th826-compact-actions{
  grid-template-columns:1fr;
  gap:8px;
}

.th826-compact-actions .btn{
  height:32px;
  padding:0 8px;
  font-size:11.5px;
}

/* Laptop-safe layout: không giữ 4 cột cứng trên màn nhỏ */
@media (max-width:1500px){
  .th826-tab3-shell{
    grid-template-columns:220px minmax(0,1fr) 245px;
    gap:10px;
  }

  .th826-tab3-shell > section.card:nth-of-type(2){
    grid-column:3;
    grid-row:1;
  }

  .th826-tab3-shell > aside.card{
    grid-column:3;
    grid-row:2;
  }

  .th826-compact-pipeline-row{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media (max-width:1280px){
  .th826-tab3-shell{
    grid-template-columns:210px minmax(0,1fr);
    gap:10px;
  }

  .th826-tab3-shell > section.card:nth-of-type(2),
  .th826-tab3-shell > aside.card{
    grid-column:1 / -1;
    grid-row:auto;
  }

  .th826-compact-pipeline-row{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* TH826_TAB1_DASHBOARD_DESIGN_CSS_STEP41R_B1 */
.th826-dashboard{
  max-width:100%;
  overflow:hidden;
}

.th826-dashboard *{
  min-width:0;
}

.th826-dashboard-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) 520px;
  gap:14px;
  align-items:center;
  margin-bottom:14px;
}

.th826-dashboard-status-strip{
  border:1px solid rgba(33,73,111,.7);
  background:rgba(8,26,47,.72);
  border-radius:16px;
  padding:12px 14px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.th826-mini-status{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:9px;
  align-items:center;
  border-right:1px solid rgba(33,73,111,.55);
}

.th826-mini-status:last-child{
  border-right:none;
}

.th826-mini-icon{
  width:34px;
  height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(29,140,255,.14);
  color:#5fc5ff;
  font-size:18px;
}

.th826-mini-label{
  color:var(--muted);
  font-size:11.5px;
  line-height:1.2;
}

.th826-mini-value{
  color:var(--text);
  font-size:13px;
  font-weight:780;
  line-height:1.25;
}

.th826-mini-value.green{
  color:var(--green);
}

.th826-usebar{
  height:7px;
  border-radius:999px;
  background:rgba(143,179,209,.16);
  overflow:hidden;
  margin-top:6px;
}

.th826-usebar > span{
  display:block;
  height:100%;
  width:71%;
  border-radius:999px;
  background:linear-gradient(90deg,#1d8cff,#6bbaff);
}

.th826-dashboard-grid{
  display:grid;
  grid-template-columns:1.1fr 1.7fr 1.15fr;
  gap:14px;
  align-items:start;
}

.th826-dashboard-main{
  display:grid;
  grid-template-columns:1fr 1.42fr;
  gap:14px;
}

.th826-dashboard-right{
  display:grid;
  gap:14px;
}

.th826-dashboard-card{
  min-height:0;
}

.th826-gauge-wrap{
  display:grid;
  grid-template-columns:130px minmax(0,1fr);
  gap:16px;
  align-items:center;
}

.th826-status-dot-big{
  width:42px;
  height:42px;
  border-radius:50%;
  background:rgba(33,208,122,.18);
  display:grid;
  place-items:center;
}

.th826-status-dot-big::before{
  content:"";
  width:18px;
  height:18px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 28px rgba(33,208,122,.65);
}

.th826-gauge{
  height:92px;
  border-radius:92px 92px 0 0;
  background:
    conic-gradient(from 270deg at 50% 100%, #21d07a 0 70deg, #ffbf2f 70deg 130deg, #ff4d4d 130deg 180deg, transparent 180deg 360deg);
  position:relative;
  overflow:hidden;
}

.th826-gauge::after{
  content:"";
  position:absolute;
  inset:20px 24px 0;
  border-radius:80px 80px 0 0;
  background:var(--panel2);
}

.th826-gauge-needle{
  position:absolute;
  left:50%;
  bottom:0;
  width:3px;
  height:78px;
  transform-origin:bottom center;
  transform:rotate(-35deg);
  background:#dbeafe;
  border-radius:999px;
  z-index:2;
}

.th826-gauge-needle::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-6px;
  width:14px;
  height:14px;
  transform:translateX(-50%);
  border-radius:50%;
  background:#94a3b8;
}

.th826-status-word{
  font-size:30px;
  font-weight:900;
  color:var(--green);
  letter-spacing:-.03em;
}

.th826-traffic-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.th826-traffic-metric{
  border-right:1px solid rgba(33,73,111,.55);
  padding-right:12px;
}

.th826-traffic-metric:last-child{
  border-right:none;
}

.th826-traffic-label{
  color:var(--muted);
  font-size:11.5px;
}

.th826-traffic-value{
  font-size:21px;
  font-weight:780;
  letter-spacing:-.02em;
  margin-top:6px;
}

.th826-trend{
  color:var(--green);
  font-size:11.5px;
  font-weight:700;
  margin-top:4px;
}

.th826-spark{
  height:34px;
  margin-top:8px;
  border-radius:8px;
  background:linear-gradient(135deg,rgba(29,140,255,.08),rgba(29,140,255,.25));
  position:relative;
  overflow:hidden;
}

.th826-spark::after{
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  bottom:8px;
  height:2px;
  background:linear-gradient(90deg,#1d8cff,#6bbaff);
  transform:skewY(-10deg);
  box-shadow:32px -8px 0 #1d8cff, 68px -2px 0 #6bbaff, 104px -14px 0 #1d8cff;
}

.th826-donut-row{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:18px;
  align-items:center;
}

.th826-donut{
  width:128px;
  height:128px;
  border-radius:50%;
  background:conic-gradient(#21d07a 0 60%, #ffbf2f 60% 87%, #ff4d4d 87% 100%);
  position:relative;
}

.th826-donut::after{
  content:"15\A Tổng kênh";
  white-space:pre;
  position:absolute;
  inset:30px;
  border-radius:50%;
  background:var(--panel2);
  display:grid;
  place-items:center;
  text-align:center;
  color:var(--text);
  font-weight:800;
  line-height:1.2;
}

.th826-agent-grid{
  display:grid;
  grid-template-columns:repeat(8,34px);
  gap:12px;
  align-items:center;
}

.th826-agent{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:2px solid var(--green);
  background:rgba(33,208,122,.12);
  color:var(--green);
  font-size:17px;
}

.th826-agent.yellow{
  border-color:var(--yellow);
  background:rgba(255,191,47,.12);
  color:var(--yellow);
}

.th826-agent.red{
  border-color:var(--red);
  background:rgba(255,77,77,.12);
  color:var(--red);
}

.th826-alert-list,
.th826-ai-list{
  display:grid;
  gap:8px;
}

.th826-ai-item{
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  gap:8px;
  color:var(--muted);
  font-size:12px;
  line-height:1.3;
}

.th826-section-subtitle{
  color:var(--muted);
  font-size:11.5px;
  font-weight:500;
}

.th826-resource-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}

.th826-resource-box{
  border-right:1px solid rgba(33,73,111,.55);
  padding-right:10px;
}

.th826-resource-box:last-child{
  border-right:none;
}

.th826-resource-value{
  font-size:21px;
  font-weight:780;
  margin-top:6px;
}

.th826-progress-row{
  display:grid;
  grid-template-columns:80px minmax(0,1fr) 42px;
  gap:10px;
  align-items:center;
  margin-top:10px;
  color:var(--muted);
  font-size:12px;
}

.th826-progress{
  height:7px;
  border-radius:999px;
  background:rgba(143,179,209,.16);
  overflow:hidden;
}

.th826-progress > span{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#1d8cff,#6bbaff);
}

.th826-dashboard .table th,
.th826-dashboard .table td{
  font-size:12px;
  line-height:1.25;
}

@media (max-width:1500px){
  .th826-dashboard-head{
    grid-template-columns:1fr;
  }

  .th826-dashboard-grid{
    grid-template-columns:1fr;
  }

  .th826-dashboard-main{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width:1200px){
  .th826-dashboard-main{
    grid-template-columns:1fr;
  }

  .th826-dashboard-status-strip{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .th826-traffic-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* TH826_TAB1_DASHBOARD_LAYOUT_DONUT_FIX_STEP41R_C2 */
/* Thu hẹp panel phải, nới main trái để bảng Vertical có thêm diện tích */
.th826-dashboard-grid{
  grid-template-columns:minmax(0,1.25fr) minmax(0,1.95fr) minmax(280px,330px) !important;
  gap:14px;
}

.th826-dashboard-main{
  grid-template-columns:minmax(0,1.34fr) minmax(0,.98fr) !important;
  gap:14px;
}

.th826-dashboard-right{
  max-width:330px;
}

/* Sửa donut 15 Tổng kênh không tràn */
.th826-donut-row{
  grid-template-columns:122px minmax(0,1fr) !important;
  gap:14px;
}

.th826-donut{
  width:118px !important;
  height:118px !important;
  flex:0 0 118px;
}

.th826-donut::after{
  content:"15\A Tổng\A kênh" !important;
  inset:34px !important;
  font-size:11.5px !important;
  line-height:1.05 !important;
  font-weight:850 !important;
  letter-spacing:-.02em;
  overflow:hidden;
}

.th826-donut-row .table td{
  font-size:12px;
  line-height:1.2;
  white-space:normal;
}

/* Giữ 3 cột desktop lâu hơn, chỉ thu nhỏ phải thay vì đẩy xuống dưới quá sớm */
@media (max-width:1500px){
  .th826-dashboard-grid{
    grid-template-columns:minmax(0,1.22fr) minmax(0,1.82fr) minmax(260px,300px) !important;
  }

  .th826-dashboard-main{
    grid-template-columns:minmax(0,1.32fr) minmax(0,.96fr) !important;
  }

  .th826-dashboard-right{
    max-width:300px;
  }
}

@media (max-width:1200px){
  .th826-dashboard-grid{
    grid-template-columns:minmax(0,1fr) minmax(245px,275px) !important;
  }

  .th826-dashboard-main{
    grid-column:1 !important;
    grid-template-columns:minmax(0,1.28fr) minmax(0,.92fr) !important;
  }

  .th826-dashboard-right{
    grid-column:2 !important;
    max-width:275px;
  }
}

/* TH826_TAB3_PIPELINE_NOTE_PLATFORM_FIX_STEP43F_C2 */
.th826-tab3-pipeline-note{
  margin-top:12px;
  color:var(--muted);
  font-size:11.5px;
  line-height:1.22;
  font-weight:500;
  max-width:100%;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.th826-tab3-platform-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  margin-top:12px;
}

.th826-platform-chip{
  height:29px;
  border-radius:10px;
  border:1px solid rgba(85,166,255,.55);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#eaf6ff;
  font-size:13px;
  font-weight:900;
  line-height:1;
  overflow:hidden;
}

.th826-platform-chip.tt{
  background:linear-gradient(135deg,rgba(0,242,234,.22),rgba(255,0,80,.22));
}

.th826-platform-chip.fb{
  background:rgba(24,119,242,.24);
}

.th826-platform-chip.yt{
  background:rgba(255,0,0,.22);
}

.th826-platform-chip.zalo{
  background:rgba(0,104,255,.24);
}

/* TH826_TAB4_DEMAND_RADAR_CSS_STEP44B1 */
.th826-radar{
  max-width:100%;
  overflow:hidden;
}

.th826-radar,
.th826-radar *{
  min-width:0;
}

.th826-radar-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}

.th826-radar-titleline{
  display:flex;
  align-items:center;
  gap:10px;
}

.th826-radar-target-icon{
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid rgba(0,194,255,.65);
  color:#22d3ee;
  background:rgba(0,194,255,.12);
  font-size:24px;
  box-shadow:0 0 26px rgba(0,194,255,.18);
}

.th826-radar-filter{
  border:1px solid rgba(33,73,111,.65);
  border-radius:12px;
  background:rgba(8,26,47,.74);
  padding:10px 12px;
  display:grid;
  grid-template-columns:1.35fr 1.1fr 1.1fr 1.5fr 1.15fr 120px;
  gap:10px;
  align-items:center;
  margin-bottom:12px;
}

.th826-filter-item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:8px;
}

.th826-filter-label{
  color:var(--muted);
  font-size:11.5px;
  white-space:nowrap;
}

.th826-filter-box{
  height:30px;
  border:1px solid rgba(33,73,111,.72);
  border-radius:8px;
  background:rgba(4,18,34,.72);
  color:var(--text);
  font-size:11.5px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 10px;
  overflow:hidden;
}

.th826-radar-kpis{
  display:grid;
  grid-template-columns:1.05fr 1.35fr 1.35fr 1.18fr 1.05fr 1.25fr;
  gap:10px;
  margin-bottom:12px;
}

.th826-radar-kpi{
  border:1px solid rgba(33,73,111,.65);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(8,31,55,.86),rgba(6,22,40,.78));
  padding:12px;
  min-height:86px;
  overflow:hidden;
}

.th826-radar-kpi-title{
  color:var(--muted);
  font-size:11px;
  font-weight:780;
  text-transform:uppercase;
  line-height:1.2;
}

.th826-radar-kpi-value{
  font-size:22px;
  font-weight:850;
  line-height:1.05;
  margin-top:6px;
  letter-spacing:-.02em;
}

.th826-radar-kpi-sub{
  color:var(--muted);
  font-size:11px;
  line-height:1.25;
  margin-top:4px;
}

.th826-radar-green{
  color:var(--green);
}

.th826-radar-orange{
  color:#ff6b3d;
}

.th826-radar-yellow{
  color:var(--yellow);
}

.th826-mini-spark{
  height:26px;
  border-radius:7px;
  margin-top:6px;
  background:linear-gradient(135deg,rgba(29,140,255,.08),rgba(29,140,255,.22));
  position:relative;
  overflow:hidden;
}

.th826-mini-spark::after{
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  bottom:8px;
  height:2px;
  background:linear-gradient(90deg,#1d8cff,#28d7ff);
  transform:skewY(-12deg);
  box-shadow:24px -4px 0 #1d8cff, 54px -1px 0 #28d7ff, 86px -10px 0 #1d8cff;
}

.th826-mini-spark.red::after{
  background:linear-gradient(90deg,#ff4d4d,#ff8a3d);
  box-shadow:24px -4px 0 #ff4d4d, 54px -1px 0 #ff8a3d, 86px -10px 0 #ff4d4d;
}

.th826-radar-main-grid{
  display:grid;
  grid-template-columns:1.05fr 1fr 1.15fr;
  gap:12px;
  align-items:start;
}

.th826-radar-lower-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr .9fr .9fr;
  gap:12px;
  margin-top:12px;
  align-items:stretch;
}

.th826-radar-card{
  overflow:hidden;
}

.th826-radar .panel-title{
  font-size:13px;
  line-height:1.25;
  margin-bottom:10px;
}

.th826-radar .table{
  font-size:11.5px;
  line-height:1.25;
}

.th826-radar .table th,
.th826-radar .table td{
  padding:8px 7px;
  font-size:11.5px;
  line-height:1.25;
  vertical-align:middle;
}

.th826-radar .pill{
  font-size:10.5px;
  line-height:1.1;
  padding:5px 9px;
}

.th826-radar-sparkline{
  height:16px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#1d8cff,transparent);
  position:relative;
  overflow:hidden;
}

.th826-radar-sparkline::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:7px;
  height:2px;
  background:#1d8cff;
  transform:skewY(-8deg);
  box-shadow:20px -3px 0 #28d7ff, 48px 2px 0 #1d8cff, 80px -4px 0 #28d7ff;
}

.th826-heatmap{
  position:relative;
  min-height:260px;
  border-radius:12px;
  border:1px solid rgba(33,73,111,.55);
  background:
    radial-gradient(circle at 60% 25%, rgba(255,102,32,.9) 0 4%, rgba(255,102,32,.35) 7%, transparent 15%),
    radial-gradient(circle at 72% 58%, rgba(255,102,32,.85) 0 4%, rgba(255,102,32,.3) 8%, transparent 16%),
    radial-gradient(circle at 56% 76%, rgba(255,102,32,.8) 0 4%, rgba(255,102,32,.25) 8%, transparent 16%),
    radial-gradient(circle at 50% 48%, rgba(0,150,255,.42), transparent 38%),
    linear-gradient(135deg,rgba(2,23,43,.92),rgba(6,42,72,.78));
  overflow:hidden;
}

.th826-heatmap::before{
  content:"";
  position:absolute;
  inset:18px 110px 18px 86px;
  border-radius:48% 42% 50% 45%;
  background:rgba(0,119,255,.28);
  border:1px solid rgba(0,172,255,.35);
  box-shadow:0 0 40px rgba(0,153,255,.22);
  transform:rotate(14deg);
}

.th826-heat-legend{
  position:absolute;
  left:14px;
  top:14px;
  display:grid;
  gap:8px;
  color:var(--muted);
  font-size:11px;
}

.th826-legend-dot{
  display:inline-block;
  width:10px;
  height:10px;
  border-radius:2px;
  margin-right:6px;
}

.th826-map-controls{
  position:absolute;
  left:14px;
  bottom:22px;
  display:grid;
  gap:6px;
}

.th826-map-btn{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid rgba(85,166,255,.5);
  border-radius:8px;
  background:rgba(8,26,47,.72);
  color:var(--text);
}

.th826-map-callouts{
  position:absolute;
  right:14px;
  top:42px;
  display:grid;
  gap:16px;
  font-size:11.5px;
}

.th826-map-callout b{
  color:var(--text);
  font-size:13px;
}

.th826-hour-chart{
  min-height:170px;
  border-radius:12px;
  border:1px solid rgba(33,73,111,.5);
  background:
    linear-gradient(rgba(85,166,255,.08) 1px, transparent 1px),
    linear-gradient(90deg,rgba(85,166,255,.08) 1px, transparent 1px);
  background-size:100% 36px,48px 100%;
  position:relative;
  overflow:hidden;
}

.th826-hour-chart::after{
  content:"";
  position:absolute;
  left:28px;
  right:30px;
  bottom:52px;
  height:3px;
  background:linear-gradient(90deg,#1d8cff,#28d7ff);
  transform:skewY(-12deg);
  box-shadow:45px -18px 0 #1d8cff, 90px -30px 0 #28d7ff, 135px -55px 0 #1d8cff, 180px -70px 0 #28d7ff, 225px -48px 0 #1d8cff, 270px -82px 0 #28d7ff, 315px -38px 0 #1d8cff;
}

.th826-chart-tooltip{
  position:absolute;
  right:80px;
  top:62px;
  border-radius:10px;
  padding:8px 10px;
  background:rgba(4,18,34,.86);
  border:1px solid rgba(85,166,255,.42);
  font-size:11px;
  color:var(--text);
  text-align:center;
}

.th826-ai-reco-list,
.th826-action-list{
  display:grid;
  gap:9px;
}

.th826-ai-reco,
.th826-action-row{
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:8px;
  border-radius:10px;
  background:rgba(8,26,47,.45);
}

.th826-reco-icon{
  width:28px;
  height:28px;
  border-radius:9px;
  display:grid;
  place-items:center;
  background:rgba(29,140,255,.14);
  color:#39bdf8;
}

.th826-location-row{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr)) 38px;
  gap:12px;
  margin-top:12px;
  align-items:stretch;
}

.th826-location-card{
  border:1px solid rgba(33,73,111,.65);
  border-radius:12px;
  background:rgba(8,26,47,.72);
  padding:10px;
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:10px;
  min-height:132px;
  overflow:hidden;
}

.th826-location-img{
  height:92px;
  border-radius:10px;
  background:linear-gradient(135deg,#dbeafe,#0f172a);
}

.th826-location-title{
  font-size:14px;
  font-weight:780;
  line-height:1.2;
}

.th826-location-meta{
  color:var(--muted);
  font-size:11px;
  line-height:1.25;
  margin-top:4px;
}

.th826-location-cta{
  grid-column:1 / -1;
  height:30px;
  border:1px solid rgba(29,140,255,.55);
  border-radius:8px;
  color:#5fc5ff;
  background:rgba(29,140,255,.10);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:650;
}

.th826-carousel-next{
  width:38px;
  height:100%;
  min-height:132px;
  border:1px solid rgba(85,166,255,.45);
  border-radius:16px;
  display:grid;
  place-items:center;
  color:#dbeafe;
  background:rgba(8,26,47,.55);
  font-size:24px;
}

@media (max-width:1500px){
  .th826-radar-filter{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .th826-radar-kpis{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .th826-radar-main-grid{
    grid-template-columns:1fr;
  }

  .th826-radar-lower-grid{
    grid-template-columns:1fr 1fr;
  }

  .th826-location-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .th826-carousel-next{
    display:none;
  }
}

/* TH826_TAB4_REAL_GEOJSON_SVG_MAP_STEP44C5C */
.th826-radar-map-card{
  overflow:hidden;
}

.th826-real-map-frame{
  width:100%;
  min-height:342px;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(33,73,111,.58);
  background:#03172d;
}

.th826-real-map-object{
  display:block;
  width:100%;
  height:342px;
  border:0;
}

.th826-radar-main-grid{
  align-items:start !important;
}

@media (max-width:1500px){
  .th826-real-map-frame{
    min-height:318px;
  }

  .th826-real-map-object{
    height:318px;
  }
}

/* TH826_TAB4_MAP_COMPACT_LABELS_SPACING_STEP44C5D */
.th826-radar-main-grid{
  align-items:start !important;
}

.th826-real-map-frame{
  min-height:390px !important;
  height:390px !important;
}

.th826-real-map-object{
  height:390px !important;
}

.th826-radar-main-grid > .th826-radar-card:first-child .table th,
.th826-radar-main-grid > .th826-radar-card:first-child .table td{
  padding-top:4px !important;
  padding-bottom:4px !important;
  font-size:10.5px !important;
  line-height:1.08 !important;
}

.th826-radar-main-grid > .th826-radar-card:first-child .table td:nth-child(2){
  font-size:10.2px !important;
  line-height:1.05 !important;
}

.th826-radar-main-grid > .th826-radar-card:first-child .table td:nth-child(5) .pill{
  white-space:nowrap !important;
  font-size:9.4px !important;
  padding:3px 6px !important;
}

.th826-radar-main-grid > .th826-radar-card:first-child .table td:nth-child(7) .pill{
  font-size:9px !important;
  line-height:1.05 !important;
  padding:3px 5px !important;
  border-radius:9px !important;
}

@media (max-width:1500px){
  .th826-real-map-frame{
    min-height:372px !important;
    height:372px !important;
  }

  .th826-real-map-object{
    height:372px !important;
  }
}

/* TH826_TAB5_CAMPAIGN_STUDIO_CSS_STEP45B1 */
.th826-campaign{
  max-width:100%;
  overflow:hidden;
}

.th826-campaign,
.th826-campaign *{
  min-width:0;
}

.th826-campaign-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}

.th826-campaign-head .title h1{
  font-size:26px;
  line-height:1.12;
  font-weight:850;
  letter-spacing:-.02em;
}

.th826-campaign-head .title p{
  font-size:13.5px;
  color:var(--muted);
  margin-top:6px;
}

.th826-campaign-step{
  margin-top:10px;
  height:31px;
  display:inline-flex;
  align-items:center;
  padding:0 14px;
  border:1px solid rgba(29,140,255,.62);
  border-radius:8px;
  background:rgba(29,140,255,.10);
  color:#72c8ff;
  font-size:12px;
  font-weight:650;
}

.th826-campaign-shell{
  display:grid;
  grid-template-columns:370px minmax(430px,1fr) 520px;
  gap:12px;
  align-items:start;
}

.th826-campaign-left,
.th826-campaign-form,
.th826-campaign-radar{
  overflow:hidden;
}

.th826-campaign-statusbar{
  display:grid;
  grid-template-columns:1fr 1.35fr 1fr 1fr 1fr 1fr;
  gap:8px;
  margin-bottom:12px;
}

.th826-campaign-chip{
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid rgba(33,73,111,.68);
  border-radius:8px;
  background:rgba(8,26,47,.74);
  color:var(--text);
  font-size:12px;
  font-weight:700;
  overflow:hidden;
  white-space:nowrap;
}

.th826-campaign-chip.blue{
  background:linear-gradient(180deg,rgba(29,140,255,.52),rgba(29,100,255,.38));
  border-color:rgba(85,166,255,.78);
}

.th826-campaign-chip.green{
  color:#bbf7d0;
}

.th826-campaign-chip.yellow{
  color:#facc15;
}

.th826-campaign-chip.orange{
  color:#fb923c;
}

.th826-campaign-chip .count{
  min-width:22px;
  height:22px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.11);
  font-size:11px;
}

.th826-campaign-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) 40px 108px;
  gap:8px;
  margin-bottom:10px;
}

.th826-campaign-input,
.th826-campaign-select{
  height:38px;
  border:1px solid rgba(33,73,111,.70);
  border-radius:8px;
  background:rgba(4,18,34,.72);
  color:var(--text);
  display:flex;
  align-items:center;
  padding:0 12px;
  font-size:12px;
  overflow:hidden;
}

.th826-campaign-list{
  display:grid;
  gap:10px;
}

.th826-campaign-card{
  border:1px solid rgba(33,73,111,.65);
  border-radius:10px;
  background:rgba(8,26,47,.76);
  padding:12px;
  overflow:hidden;
}

.th826-campaign-card-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:8px;
}

.th826-campaign-name{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  font-weight:780;
  line-height:1.2;
}

.th826-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  display:inline-block;
  flex:0 0 auto;
}

.th826-dot.green{ background:#22c55e; }
.th826-dot.yellow{ background:#f59e0b; }
.th826-dot.gray{ background:#94a3b8; }
.th826-dot.red{ background:#ef4444; }

.th826-campaign-sub{
  color:var(--muted);
  font-size:11.5px;
  line-height:1.25;
  margin-top:8px;
}

.th826-campaign-time{
  color:var(--muted);
  font-size:11px;
  text-align:right;
  margin-top:4px;
}

.th826-campaign-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}

.th826-campaign-metric-label{
  color:var(--muted);
  font-size:10.5px;
}

.th826-campaign-metric-value{
  font-size:17px;
  font-weight:800;
  margin-top:4px;
}

.th826-campaign-metric-delta{
  font-size:10.5px;
  font-weight:800;
  margin-top:3px;
}

.th826-campaign-form-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}

.th826-campaign-form-title h2{
  font-size:19px;
  font-weight:850;
  line-height:1.15;
  margin:0;
}

.th826-campaign-form-title p{
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
  margin:6px 0 0;
}

.th826-field{
  margin-top:12px;
}

.th826-field-label{
  color:#dbeafe;
  font-size:12px;
  font-weight:700;
  margin-bottom:7px;
}

.th826-required{
  color:#ef4444;
}

.th826-textbox{
  height:38px;
  border:1px solid rgba(33,73,111,.70);
  border-radius:8px;
  background:rgba(4,18,34,.72);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 12px;
  color:var(--muted);
  font-size:12px;
}

.th826-objective-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}

.th826-objective{
  height:38px;
  border:1px solid rgba(33,73,111,.70);
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  background:rgba(8,26,47,.65);
  color:var(--muted);
  font-size:11.5px;
  font-weight:650;
}

.th826-objective.active{
  color:#dbeafe;
  border-color:#1d8cff;
  background:rgba(29,140,255,.16);
}

.th826-vertical-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:8px;
}

.th826-vertical-tile{
  min-height:66px;
  border:1px solid rgba(33,73,111,.70);
  border-radius:10px;
  display:grid;
  place-items:center;
  gap:4px;
  background:rgba(8,26,47,.65);
  text-align:center;
  font-size:10.5px;
  color:var(--muted);
}

.th826-vertical-icon{
  width:32px;
  height:32px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:17px;
  font-weight:850;
}

.th826-form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.th826-channel-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.th826-check{
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--muted);
  font-size:11.5px;
}

.th826-check-box{
  width:16px;
  height:16px;
  border:1px solid rgba(85,166,255,.55);
  border-radius:4px;
  display:grid;
  place-items:center;
  color:#fff;
  background:rgba(8,26,47,.74);
  font-size:11px;
}

.th826-check-box.on{
  background:#1d8cff;
  border-color:#1d8cff;
}

.th826-landing-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.th826-kpi-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

.th826-kpi-box{
  border:1px solid rgba(33,73,111,.70);
  border-radius:8px;
  background:rgba(8,26,47,.56);
  padding:10px;
}

.th826-kpi-box span{
  color:var(--muted);
  font-size:10.5px;
}

.th826-kpi-box b{
  display:block;
  margin-top:5px;
  font-size:14px;
}

.th826-form-actions{
  display:grid;
  grid-template-columns:90px 150px minmax(0,1fr);
  gap:10px;
  margin-top:18px;
}

.th826-side-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.th826-side-title{
  display:flex;
  align-items:center;
  gap:10px;
}

.th826-side-title strong{
  font-size:15px;
}

.th826-side-title span{
  display:block;
  color:var(--muted);
  font-size:11px;
  margin-top:3px;
}

.th826-radar-side-grid{
  display:grid;
  gap:10px;
}

.th826-radar-signal-row,
.th826-local-row,
.th826-ai-row{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 76px 74px 96px;
  align-items:center;
  gap:9px;
  padding:8px;
  border-radius:9px;
  background:rgba(8,26,47,.42);
}

.th826-radar-signal-row b,
.th826-local-row b,
.th826-ai-row b{
  font-size:12px;
  line-height:1.2;
}

.th826-mini-trend{
  height:20px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#22c55e,transparent);
  position:relative;
}

.th826-mini-trend.orange{
  background:linear-gradient(90deg,transparent,#f59e0b,transparent);
}

.th826-mini-trend.blue{
  background:linear-gradient(90deg,transparent,#1d8cff,transparent);
}

.th826-mini-trend.pink{
  background:linear-gradient(90deg,transparent,#ec4899,transparent);
}

.th826-rec-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

.th826-rec-card{
  border:1px solid rgba(33,73,111,.65);
  border-radius:10px;
  background:rgba(8,26,47,.62);
  padding:10px;
  min-height:126px;
}

.th826-rec-card b{
  display:block;
  font-size:12.5px;
  line-height:1.25;
}

.th826-rec-card p{
  color:var(--muted);
  font-size:11px;
  line-height:1.25;
  margin:6px 0 8px;
}

.th826-add-card{
  border-style:dashed;
  display:grid;
  place-items:center;
  color:var(--muted);
  text-align:center;
}

@media (max-width:1500px){
  .th826-campaign-shell{
    grid-template-columns:330px minmax(380px,1fr) 450px;
  }

  .th826-campaign-statusbar{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .th826-vertical-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

/* TH826_TAB5_CAMPAIGN_RIGHT_FIX_STEP45C1 */
.th826-campaign-shell{
  grid-template-columns:340px minmax(470px,1fr) 610px !important;
}

.th826-campaign .th826-radar-signal-row{
  grid-template-columns:32px minmax(76px,1fr) 82px 72px 76px 94px !important;
  gap:8px !important;
  padding:7px 8px !important;
  min-height:42px;
}

.th826-campaign .th826-radar-signal-head{
  color:var(--muted) !important;
  font-size:10px !important;
  font-weight:700 !important;
  background:transparent !important;
  min-height:24px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.th826-campaign .th826-radar-signal-head span{
  white-space:nowrap;
}

.th826-campaign .th826-radar-signal-row > b{
  font-size:12px;
  line-height:1.12;
}

.th826-campaign .th826-radar-signal-row .pill{
  justify-self:center;
  white-space:nowrap;
  font-size:9.6px;
  line-height:1;
  padding:5px 7px;
}

.th826-campaign .th826-radar-signal-row .btn{
  height:32px;
  padding:0 6px;
  font-size:10.5px;
  line-height:1.05;
  white-space:normal;
}

.th826-campaign-two-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-bottom:10px;
  align-items:stretch;
}

.th826-local-table-fixed{
  display:grid;
  gap:6px;
}

.th826-local-table-row{
  display:grid;
  grid-template-columns:minmax(58px,.9fr) minmax(76px,1fr) 42px 48px;
  align-items:center;
  gap:6px;
  padding:7px 8px;
  border-radius:8px;
  background:rgba(8,26,47,.42);
  font-size:10.5px;
  line-height:1.12;
}

.th826-local-table-head{
  color:var(--muted);
  background:transparent;
  font-size:9.6px;
  font-weight:750;
  padding-top:0;
  padding-bottom:2px;
}

.th826-local-table-row b,
.th826-local-table-row span{
  overflow-wrap:anywhere;
}

.th826-local-table-row strong{
  font-size:11.5px;
  justify-self:center;
}

.th826-local-table-row em{
  color:#22c55e;
  font-style:normal;
  font-weight:850;
  justify-self:end;
  white-space:nowrap;
}

.th826-campaign .th826-ai-row{
  grid-template-columns:28px minmax(0,1fr) 78px !important;
  gap:8px !important;
  padding:8px !important;
}

.th826-campaign .th826-ai-row b{
  font-size:11.2px;
  line-height:1.16;
}

.th826-campaign .th826-ai-row .th826-campaign-sub{
  font-size:10.2px;
  line-height:1.16;
  margin-top:4px;
}

.th826-campaign .th826-ai-row .btn{
  height:32px;
  padding:0 6px;
  font-size:10.2px;
  line-height:1.05;
  white-space:normal;
}

.th826-campaign .th826-rec-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

@media (max-width:1500px){
  .th826-campaign-shell{
    grid-template-columns:310px minmax(405px,1fr) 530px !important;
  }

  .th826-campaign .th826-radar-signal-row{
    grid-template-columns:30px minmax(66px,1fr) 68px 58px 68px 78px !important;
    gap:6px !important;
  }

  .th826-campaign .th826-radar-signal-row .btn{
    font-size:9.8px;
  }

  .th826-local-table-row{
    grid-template-columns:minmax(52px,.9fr) minmax(66px,1fr) 36px 42px;
    gap:5px;
    font-size:9.8px;
  }

  .th826-campaign .th826-ai-row{
    grid-template-columns:26px minmax(0,1fr) 68px !important;
  }
}

/* TH826_TAB6_CONTENT_FACTORY_CSS_STEP46B1 */
.th826-content{
  max-width:100%;
  overflow:hidden;
}

.th826-content,
.th826-content *{
  min-width:0;
}

.th826-content-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:10px;
}

.th826-content-head .title h1{
  font-size:26px;
  line-height:1.08;
  font-weight:850;
  letter-spacing:-.02em;
}

.th826-content-head .title p{
  font-size:13px;
  color:var(--muted);
  margin-top:6px;
}

.th826-content-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}

.th826-content-notice{
  height:36px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 14px;
  border:1px solid rgba(33,73,111,.60);
  border-radius:8px;
  background:linear-gradient(90deg,rgba(29,140,255,.14),rgba(8,26,47,.78));
  color:var(--muted);
  font-size:12px;
  margin-bottom:10px;
  overflow:hidden;
  white-space:nowrap;
}

.th826-content-notice b{
  color:#e5f3ff;
}

.th826-content-filter{
  display:grid;
  grid-template-columns:130px 150px 140px 155px 185px 135px 95px 160px;
  gap:12px;
  margin-bottom:10px;
  align-items:end;
}

.th826-content-filter .th826-filter-item{
  min-width:0;
}

.th826-content-filter label{
  display:block;
  color:var(--muted);
  font-size:11px;
  margin-bottom:5px;
}

.th826-content-select,
.th826-content-input{
  height:36px;
  border:1px solid rgba(33,73,111,.70);
  border-radius:7px;
  background:rgba(4,18,34,.72);
  color:#dbeafe;
  padding:0 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:12px;
  overflow:hidden;
  white-space:nowrap;
}

.th826-prompt-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 110px 125px 150px;
  gap:12px;
  align-items:end;
  padding:10px;
  border:1px solid rgba(33,73,111,.55);
  border-radius:10px;
  background:rgba(8,26,47,.58);
  margin-bottom:10px;
}

.th826-prompt-main label,
.th826-prompt-side label{
  display:block;
  color:var(--muted);
  font-size:11px;
  margin-bottom:5px;
}

.th826-prompt-box{
  height:36px;
  border:1px solid rgba(33,73,111,.70);
  border-radius:7px;
  background:rgba(4,18,34,.72);
  color:var(--muted);
  padding:0 12px;
  display:flex;
  align-items:center;
  font-size:12px;
  overflow:hidden;
  white-space:nowrap;
}

.th826-prompt-suggestions{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:8px;
  overflow:hidden;
  white-space:nowrap;
}

.th826-prompt-suggestions span{
  color:var(--muted);
  font-size:11.5px;
}

.th826-suggestion-chip{
  height:26px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(33,73,111,.62);
  background:rgba(8,26,47,.72);
  display:inline-flex;
  align-items:center;
  color:#c7ddf7;
  font-size:11px;
}

.th826-creativity{
  display:grid;
  gap:5px;
}

.th826-creativity-value{
  color:#dbeafe;
  font-size:13px;
  font-weight:800;
}

.th826-slider{
  height:5px;
  border-radius:999px;
  background:linear-gradient(90deg,#1d8cff 70%,rgba(148,163,184,.28) 70%);
  position:relative;
}

.th826-slider::after{
  content:"";
  position:absolute;
  left:70%;
  top:50%;
  transform:translate(-50%,-50%);
  width:12px;
  height:12px;
  border-radius:50%;
  background:#e5eefb;
  box-shadow:0 0 0 2px rgba(29,140,255,.25);
}

.th826-content-tabs-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto auto;
  gap:10px;
  align-items:center;
  margin-bottom:10px;
}

.th826-content-tabs{
  display:flex;
  align-items:center;
  gap:10px;
  overflow:hidden;
  white-space:nowrap;
}

.th826-content-tab{
  height:34px;
  padding:0 12px;
  border:0;
  border-bottom:2px solid transparent;
  background:transparent;
  color:var(--muted);
  font-size:12px;
  cursor:pointer;
}

.th826-content-tab.active{
  color:#60a5fa;
  border-bottom-color:#1d8cff;
  background:rgba(29,140,255,.08);
  border-radius:8px 8px 0 0;
}

.th826-content-main{
  display:grid;
  grid-template-columns:minmax(0,1fr) 290px;
  gap:12px;
  align-items:start;
}

.th826-content-board{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.th826-content-card{
  min-height:166px;
  border:1px solid rgba(33,73,111,.64);
  border-radius:10px;
  background:linear-gradient(180deg,rgba(8,35,64,.88),rgba(5,23,43,.84));
  padding:12px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}

.th826-content-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:8px;
}

.th826-content-topic{
  display:flex;
  align-items:center;
  gap:8px;
  color:#dbeafe;
  font-size:13px;
  font-weight:760;
}

.th826-content-icon{
  width:26px;
  height:26px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:14px;
  flex:0 0 auto;
}

.th826-content-card h3{
  color:#f8fbff;
  font-size:15px;
  line-height:1.22;
  margin:0 0 8px;
  font-weight:760;
}

.th826-content-card p{
  color:#b8cce3;
  font-size:12px;
  line-height:1.36;
  margin:0;
  flex:1;
}

.th826-content-tags{
  color:#55a8ff;
  font-size:11.5px;
  margin-top:8px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.th826-content-meta{
  border-top:1px solid rgba(33,73,111,.48);
  margin-top:10px;
  padding-top:8px;
  display:grid;
  grid-template-columns:1fr auto auto auto;
  gap:8px;
  align-items:center;
  color:var(--muted);
  font-size:11px;
}

.th826-avatar-mini{
  width:24px;
  height:24px;
  border-radius:50%;
  background:linear-gradient(135deg,#e2e8f0,#f97316);
  position:relative;
}

.th826-avatar-mini::after{
  content:"";
  position:absolute;
  right:-1px;
  bottom:-1px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#22c55e;
  border:1px solid #062033;
}

.th826-content-side{
  display:grid;
  gap:10px;
}

.th826-side-card{
  border:1px solid rgba(33,73,111,.64);
  border-radius:10px;
  background:rgba(8,26,47,.76);
  padding:12px;
  overflow:hidden;
}

.th826-side-card h3{
  margin:0 0 6px;
  font-size:13px;
  color:#f8fbff;
}

.th826-side-card p{
  margin:0;
  color:var(--muted);
  font-size:11.5px;
  line-height:1.35;
}

.th826-bulk-list,
.th826-ai-list{
  display:grid;
  gap:8px;
  margin-top:10px;
}

.th826-bulk-item,
.th826-ai-item{
  display:flex;
  align-items:center;
  gap:8px;
  color:#b8cce3;
  font-size:12px;
}

.th826-bulk-item.ok,
.th826-ai-item.ok{
  color:#86efac;
}

.th826-bulk-item.warn{
  color:#fbbf24;
}

.th826-bulk-item.danger{
  color:#ef4444;
}

.th826-radio-row{
  display:grid;
  gap:8px;
  margin:10px 0;
}

.th826-radio{
  display:flex;
  align-items:center;
  gap:8px;
  color:#b8cce3;
  font-size:12px;
}

.th826-radio .circle{
  width:14px;
  height:14px;
  border-radius:50%;
  border:2px solid rgba(148,163,184,.65);
}

.th826-radio.active .circle{
  border-color:#1d8cff;
  box-shadow:inset 0 0 0 3px #061b31;
  background:#1d8cff;
}

@media (max-width:1500px){
  .th826-content-filter{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  .th826-prompt-row{
    grid-template-columns:minmax(0,1fr) 105px 120px 145px;
  }

  .th826-content-main{
    grid-template-columns:minmax(0,1fr) 270px;
  }

  .th826-content-board{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
  }

  .th826-content-card{
    min-height:158px;
    padding:10px;
  }

  .th826-content-card h3{
    font-size:14px;
  }

  .th826-content-card p{
    font-size:11.4px;
  }
}

/* TH826_TAB3_INPUT_VAULT_CLEAN_CSS_RECOVERY_R2B */
.th826-input-clean{
  max-width:100%;
  overflow:hidden;
}

.th826-input-clean,
.th826-input-clean *{
  min-width:0;
}

.th826-input-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}

.th826-input-head .title h1{
  font-size:26px;
  line-height:1.1;
  font-weight:850;
  letter-spacing:-.02em;
}

.th826-input-head .title p{
  margin-top:6px;
  color:var(--muted);
  font-size:13px;
}

.th826-input-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}

.th826-input-notice{
  min-height:58px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border:1px solid rgba(29,140,255,.45);
  border-radius:14px;
  background:linear-gradient(90deg,rgba(29,140,255,.13),rgba(8,26,47,.78));
  margin-bottom:12px;
  overflow:hidden;
}

.th826-input-notice .bubble{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  background:rgba(29,140,255,.22);
  color:#7cc9ff;
  font-weight:850;
}

.th826-input-notice b{
  color:#f8fbff;
  font-size:14px;
  white-space:nowrap;
}

.th826-input-notice span:last-child{
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}

.th826-input-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:12px;
}

.th826-input-kpis .card{
  min-height:86px;
  padding:14px;
}

.th826-input-kpis small{
  display:block;
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.th826-input-kpis b{
  display:block;
  margin-top:8px;
  font-size:24px;
  line-height:1;
}

.th826-input-kpis span{
  display:block;
  margin-top:7px;
  font-size:11.5px;
  font-weight:750;
}

.th826-input-layout{
  display:grid;
  grid-template-columns:310px minmax(0,1fr) 310px;
  gap:12px;
  align-items:stretch;
  margin-bottom:12px;
}

.th826-input-upload,
.th826-input-table-card,
.th826-input-inspector{
  overflow:hidden;
}

.th826-upload-drop{
  min-height:244px;
  border:1px dashed rgba(85,166,255,.48);
  border-radius:14px;
  background:rgba(29,140,255,.07);
  display:grid;
  place-items:center;
  text-align:center;
  padding:22px;
}

.th826-upload-icon{
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#1d8cff,#35d0ff);
  color:#fff;
  font-size:28px;
  font-weight:900;
  margin-bottom:8px;
}

.th826-upload-drop b{
  font-size:17px;
  color:#f8fbff;
}

.th826-upload-drop p{
  margin:8px 0 14px;
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}

.th826-upload-buttons{
  display:flex;
  gap:8px;
  justify-content:center;
  flex-wrap:wrap;
}

.th826-input-rules{
  display:grid;
  gap:8px;
  margin-top:12px;
}

.th826-input-rules div{
  border:1px solid rgba(33,73,111,.58);
  border-radius:10px;
  background:rgba(8,26,47,.52);
  padding:10px;
}

.th826-input-rules b{
  display:block;
  color:#dbeafe;
  font-size:12px;
}

.th826-input-rules span{
  display:block;
  color:var(--muted);
  font-size:11px;
  margin-top:4px;
}

.th826-input-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) 132px 108px;
  gap:8px;
  margin-bottom:10px;
}

.th826-input-search{
  height:36px;
  border:1px solid rgba(33,73,111,.70);
  border-radius:8px;
  background:rgba(4,18,34,.72);
  color:var(--muted);
  display:flex;
  align-items:center;
  padding:0 12px;
  font-size:12px;
  overflow:hidden;
  white-space:nowrap;
}

.th826-input-table{
  table-layout:fixed;
}

.th826-input-table th,
.th826-input-table td{
  padding:10px 8px;
  font-size:11.5px;
  vertical-align:middle;
}

.th826-input-table th:nth-child(1){
  width:28%;
}

.th826-input-table th:nth-child(2){
  width:16%;
}

.th826-input-table th:nth-child(3),
.th826-input-table th:nth-child(4),
.th826-input-table th:nth-child(6){
  width:13%;
}

.th826-input-table th:nth-child(5){
  width:17%;
}

.th826-input-table td b{
  display:block;
  color:#f8fbff;
  font-size:12px;
  line-height:1.2;
}

.th826-input-table td span:not(.pill){
  display:block;
  color:var(--muted);
  font-size:10.5px;
  margin-top:3px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.th826-input-table .pill{
  white-space:nowrap;
  font-size:10px;
  padding:4px 7px;
}

.th826-inspect-preview{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:10px;
  align-items:center;
  margin-bottom:12px;
}

.th826-thumb{
  width:72px;
  height:54px;
  border-radius:10px;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  padding:6px;
  color:#fff;
  font-size:11px;
  font-weight:800;
  background:linear-gradient(135deg,#9b5b31,#1d8cff);
}

.th826-inspect-preview b{
  display:block;
  color:#f8fbff;
  font-size:12px;
  line-height:1.22;
}

.th826-inspect-preview span{
  display:block;
  color:var(--muted);
  font-size:10.8px;
  margin-top:3px;
}

.th826-inspect-tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-bottom:12px;
}

.th826-inspect-list{
  display:grid;
  gap:8px;
  margin-bottom:12px;
}

.th826-inspect-list div{
  display:flex;
  justify-content:space-between;
  gap:8px;
  border-bottom:1px solid rgba(33,73,111,.45);
  padding-bottom:7px;
  font-size:11.5px;
}

.th826-inspect-list span{
  color:var(--muted);
}

.th826-inspect-list b{
  color:#f8fbff;
}

.th826-inspect-note{
  border:1px solid rgba(33,73,111,.58);
  border-radius:10px;
  background:rgba(8,26,47,.55);
  padding:10px;
  color:#b8cce3;
  font-size:11.8px;
  line-height:1.35;
  margin-bottom:12px;
}

.th826-input-bottom{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);
  gap:12px;
  align-items:stretch;
}

.th826-queue-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

.th826-queue-grid div{
  border:1px solid rgba(33,73,111,.58);
  border-radius:10px;
  background:rgba(8,26,47,.52);
  padding:10px;
}

.th826-queue-grid b{
  display:block;
  color:#f8fbff;
  font-size:12px;
}

.th826-queue-grid span{
  display:block;
  color:var(--muted);
  font-size:11px;
  margin-top:5px;
  line-height:1.25;
}

.th826-tag-cloud{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.th826-tag-cloud span{
  height:28px;
  padding:0 11px;
  border-radius:999px;
  border:1px solid rgba(33,73,111,.64);
  background:rgba(29,140,255,.08);
  display:inline-flex;
  align-items:center;
  color:#c7ddf7;
  font-size:11.5px;
}

@media (max-width:1500px){
  .th826-input-layout{
    grid-template-columns:280px minmax(0,1fr) 285px;
    gap:10px;
  }

  .th826-input-kpis{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
  }

  .th826-input-table th,
  .th826-input-table td{
    padding:8px 6px;
    font-size:10.8px;
  }

  .th826-input-bottom{
    grid-template-columns:1fr;
  }

  .th826-queue-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

/* TH826_TAB8_SEO_LANDING_QR_CSS_STEP48B1 */
.th826-seo{
  max-width:100%;
  overflow:hidden;
}

.th826-seo,
.th826-seo *{
  min-width:0;
}

.th826-seo-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:10px;
}

.th826-seo-head .title h1{
  font-size:26px;
  line-height:1.08;
  font-weight:850;
  letter-spacing:-.02em;
}

.th826-seo-head .title p{
  margin-top:6px;
  color:var(--muted);
  font-size:13px;
}

.th826-seo-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}

.th826-seo-notice{
  height:34px;
  border:1px solid rgba(33,73,111,.58);
  border-radius:8px;
  background:rgba(8,26,47,.68);
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 12px;
  color:var(--muted);
  font-size:12px;
  margin-bottom:10px;
  overflow:hidden;
  white-space:nowrap;
}

.th826-seo-notice .bubble{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(29,140,255,.18);
  color:#60a5fa;
  font-weight:850;
  flex:0 0 auto;
}

.th826-seo-notice b{
  color:#e8f2ff;
}

.th826-seo-kpis{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:10px;
  margin-bottom:10px;
}

.th826-seo-kpi{
  min-height:78px;
  border:1px solid rgba(33,73,111,.62);
  border-radius:9px;
  background:linear-gradient(180deg,rgba(8,35,64,.86),rgba(5,22,40,.82));
  padding:10px;
  overflow:hidden;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:8px;
  align-items:start;
}

.th826-seo-kpi-icon{
  width:32px;
  height:32px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:rgba(29,140,255,.15);
  border:1px solid rgba(29,140,255,.24);
  font-size:18px;
}

.th826-seo-kpi small{
  display:block;
  color:var(--muted);
  font-size:10.2px;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.th826-seo-kpi b{
  display:block;
  margin-top:6px;
  color:#f8fbff;
  font-size:18px;
  line-height:1;
}

.th826-seo-kpi span{
  display:block;
  margin-top:5px;
  color:#22c55e;
  font-size:10.5px;
  font-weight:800;
  white-space:nowrap;
}

.th826-seo-spark{
  grid-column:1 / -1;
  height:18px;
  margin-top:2px;
  border-radius:999px;
  background:
    linear-gradient(90deg,transparent 0 6%,rgba(56,189,248,.75) 6% 7%,transparent 7% 18%,rgba(29,140,255,.75) 18% 19%,transparent 19% 36%,rgba(56,189,248,.8) 36% 37%,transparent 37% 62%,rgba(29,140,255,.65) 62% 63%,transparent 63% 100%),
    linear-gradient(135deg,rgba(29,140,255,.25),rgba(34,197,94,.08));
  opacity:.86;
}

.th826-seo-main{
  display:grid;
  grid-template-columns:390px 360px minmax(420px,1fr) 230px;
  gap:10px;
  align-items:start;
}

.th826-seo-pages,
.th826-seo-editor,
.th826-seo-preview-card,
.th826-seo-right{
  min-width:0;
}

.th826-seo-pages,
.th826-seo-editor,
.th826-seo-preview-card{
  border:1px solid rgba(33,73,111,.62);
  border-radius:10px;
  background:rgba(8,26,47,.72);
  padding:12px;
  overflow:hidden;
}

.th826-seo-pages{
  min-height:610px;
}

.th826-seo-editor{
  min-height:610px;
}

.th826-seo-preview-card{
  min-height:610px;
}

.th826-seo-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}

.th826-seo-title-row h2{
  margin:0;
  color:#f8fbff;
  font-size:14px;
  line-height:1.1;
}

.th826-seo-title-row small{
  color:var(--muted);
  font-size:11px;
}

.th826-seo-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:8px;
  margin-bottom:10px;
}

.th826-seo-search,
.th826-seo-select,
.th826-seo-input{
  height:34px;
  border:1px solid rgba(33,73,111,.68);
  border-radius:7px;
  background:rgba(4,18,34,.72);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 10px;
  color:#c7ddf7;
  font-size:11.5px;
  overflow:hidden;
  white-space:nowrap;
}

.th826-seo-filter-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-bottom:10px;
}

.th826-page-table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
}

.th826-page-table th,
.th826-page-table td{
  border-bottom:1px solid rgba(33,73,111,.45);
  padding:9px 6px;
  font-size:10.8px;
  vertical-align:middle;
}

.th826-page-table th{
  color:var(--muted);
  font-weight:750;
  text-align:left;
}

.th826-page-table th:nth-child(1){width:38%}
.th826-page-table th:nth-child(2){width:19%}
.th826-page-table th:nth-child(3){width:18%}
.th826-page-table th:nth-child(4){width:14%}
.th826-page-table th:nth-child(5){width:11%}

.th826-page-name{
  display:flex;
  align-items:center;
  gap:8px;
}

.th826-page-icon{
  width:22px;
  height:22px;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  color:#fff;
  font-size:11px;
}

.th826-page-name b{
  display:block;
  color:#e8f2ff;
  font-size:10.8px;
  line-height:1.18;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.th826-page-name span{
  display:block;
  color:var(--muted);
  font-size:9.6px;
  margin-top:2px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.th826-seo-green{
  color:#22c55e !important;
  font-weight:850;
}

.th826-seo-yellow{
  color:#fbbf24 !important;
  font-weight:850;
}

.th826-page-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:10px;
  color:var(--muted);
  font-size:11px;
}

.th826-editor-tabs{
  display:flex;
  align-items:center;
  gap:4px;
  margin-bottom:10px;
  border-bottom:1px solid rgba(33,73,111,.45);
  overflow:hidden;
}

.th826-editor-tab{
  height:28px;
  padding:0 8px;
  border:0;
  border-bottom:2px solid transparent;
  background:transparent;
  color:var(--muted);
  font-size:10.6px;
  white-space:nowrap;
}

.th826-editor-tab.active{
  color:#60a5fa;
  border-bottom-color:#1d8cff;
}

.th826-form-field{
  margin-bottom:9px;
}

.th826-form-field label{
  display:block;
  color:var(--muted);
  font-size:10.5px;
  margin-bottom:5px;
}

.th826-seo-form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.th826-url-row{
  display:grid;
  grid-template-columns:1.2fr minmax(0,1fr) 28px;
  gap:8px;
}

.th826-keyword-row{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.th826-keyword-row span{
  min-height:26px;
  padding:5px 9px;
  border-radius:7px;
  border:1px solid rgba(33,73,111,.55);
  background:rgba(8,26,47,.65);
  color:#c7ddf7;
  font-size:10.5px;
}

.th826-textarea{
  min-height:58px;
  border:1px solid rgba(33,73,111,.68);
  border-radius:7px;
  background:rgba(4,18,34,.72);
  color:#c7ddf7;
  padding:9px 10px;
  font-size:11px;
  line-height:1.35;
}

.th826-editor-actions{
  display:grid;
  grid-template-columns:78px 92px minmax(0,1fr);
  gap:8px;
  margin-top:12px;
}

.th826-preview-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:8px;
}

.th826-preview-toolbar h2{
  margin:0;
  font-size:14px;
}

.th826-preview-switch{
  display:flex;
  gap:6px;
}

.th826-landing-preview{
  background:#f8fbff;
  color:#0f172a;
  border-radius:12px;
  padding:18px;
  min-height:548px;
  box-shadow:0 0 0 1px rgba(255,255,255,.14),0 16px 45px rgba(0,0,0,.26);
  overflow:hidden;
}

.th826-landing-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:22px;
}

.th826-landing-logo{
  display:flex;
  align-items:center;
  gap:7px;
  font-weight:850;
  color:#0f172a;
}

.th826-landing-nav{
  display:flex;
  gap:18px;
  color:#64748b;
  font-size:11px;
}

.th826-landing-hero{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:16px;
  align-items:center;
  margin-bottom:20px;
}

.th826-landing-hero h3{
  margin:0;
  font-size:28px;
  line-height:1.13;
  letter-spacing:-.02em;
}

.th826-landing-hero h3 span{
  color:#1d8cff;
}

.th826-hero-bullets{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  color:#16a34a;
  font-size:10.5px;
  margin:14px 0;
}

.th826-car-visual{
  height:156px;
  border-radius:18px;
  background:
    radial-gradient(circle at 62% 66%,rgba(14,165,233,.25),transparent 34%),
    linear-gradient(135deg,#dbeafe,#f8fafc);
  position:relative;
  overflow:hidden;
}

.th826-car-visual::before{
  content:"";
  position:absolute;
  left:30px;
  right:22px;
  bottom:36px;
  height:58px;
  border-radius:48px 52px 18px 18px;
  background:linear-gradient(135deg,#22c55e,#047857);
  box-shadow:0 12px 18px rgba(15,23,42,.18);
}

.th826-car-visual::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:74px;
  background:linear-gradient(0deg,rgba(14,165,233,.14),transparent);
}

.th826-benefits{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  padding:12px;
  border-radius:14px;
  background:#fff;
  box-shadow:0 10px 24px rgba(15,23,42,.08);
  margin-bottom:16px;
}

.th826-benefit{
  text-align:center;
  border-right:1px solid #e2e8f0;
  padding:4px 7px;
}

.th826-benefit:last-child{
  border-right:0;
}

.th826-benefit b{
  display:block;
  font-size:11px;
  color:#334155;
}

.th826-benefit span{
  display:block;
  font-size:9.6px;
  color:#64748b;
  margin-top:3px;
}

.th826-why-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:10px 0 14px;
}

.th826-why-card{
  border:1px solid #dbeafe;
  border-radius:10px;
  padding:10px;
  background:#fff;
}

.th826-why-card b{
  display:block;
  color:#2563eb;
  font-size:11px;
}

.th826-why-card span{
  display:block;
  color:#64748b;
  font-size:9.8px;
  margin-top:4px;
}

.th826-review{
  display:flex;
  align-items:center;
  gap:9px;
  border:1px solid #e2e8f0;
  border-radius:10px;
  padding:9px;
  background:#fff;
  margin-bottom:12px;
}

.th826-review-avatar{
  width:34px;
  height:34px;
  border-radius:50%;
  background:linear-gradient(135deg,#fca5a5,#fde68a);
  flex:0 0 auto;
}

.th826-review b{
  color:#0f172a;
  font-size:11px;
}

.th826-review span{
  color:#f59e0b;
  font-size:11px;
}

.th826-download-qr{
  display:grid;
  grid-template-columns:minmax(0,1fr) 86px;
  gap:14px;
  align-items:center;
  border-radius:12px;
  background:#08243f;
  color:#fff;
  padding:12px;
}

.th826-store-buttons{
  display:flex;
  gap:8px;
  margin-top:10px;
}

.th826-store-buttons span{
  height:30px;
  padding:0 12px;
  border-radius:6px;
  background:#020617;
  display:inline-flex;
  align-items:center;
  color:#fff;
  font-size:10px;
}

.th826-qr-box{
  width:84px;
  height:84px;
  background:
    repeating-linear-gradient(90deg,#111 0 5px,#fff 5px 10px),
    repeating-linear-gradient(0deg,transparent 0 5px,rgba(0,0,0,.32) 5px 10px);
  border:7px solid #fff;
  border-radius:8px;
  background-blend-mode:multiply;
}

.th826-seo-right{
  display:grid;
  gap:10px;
}

.th826-seo-side-card{
  border:1px solid rgba(33,73,111,.62);
  border-radius:10px;
  background:rgba(8,26,47,.74);
  padding:11px;
  overflow:hidden;
}

.th826-seo-side-card h3{
  margin:0 0 8px;
  font-size:12.5px;
  color:#f8fbff;
}

.th826-ai-suggestion{
  display:grid;
  gap:7px;
}

.th826-ai-suggestion div,
.th826-keyword-radar-row,
.th826-hot-page-row{
  border:1px solid rgba(33,73,111,.40);
  border-radius:8px;
  background:rgba(4,18,34,.55);
  padding:8px;
  font-size:10.5px;
  color:#c7ddf7;
}

.th826-ai-suggestion b,
.th826-keyword-radar-row b,
.th826-hot-page-row b{
  display:block;
  color:#e8f2ff;
  font-size:10.5px;
  margin-bottom:3px;
}

.th826-ai-suggestion span,
.th826-hot-page-row span{
  color:var(--muted);
  font-size:10px;
}

.th826-keyword-radar-row,
.th826-hot-page-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 38px 48px;
  gap:6px;
  align-items:center;
}

.th826-funnel{
  display:grid;
  gap:10px;
  padding:8px 0 2px;
}

.th826-funnel-row{
  display:grid;
  grid-template-columns:85px minmax(0,1fr) 48px;
  gap:8px;
  align-items:center;
  color:#c7ddf7;
  font-size:10.5px;
}

.th826-funnel-line{
  height:5px;
  border-radius:999px;
  background:rgba(148,163,184,.18);
  overflow:hidden;
}

.th826-funnel-line span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#fbbf24,#22c55e,#1d8cff);
}

@media (max-width:1500px){
  .th826-seo-kpis{
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:8px;
  }

  .th826-seo-main{
    grid-template-columns:340px 330px minmax(390px,1fr) 210px;
    gap:8px;
  }

  .th826-seo-pages,
  .th826-seo-editor,
  .th826-seo-preview-card{
    padding:10px;
  }

  .th826-landing-preview{
    padding:14px;
  }

  .th826-landing-hero h3{
    font-size:24px;
  }

  .th826-benefits{
    grid-template-columns:repeat(4,minmax(0,1fr));
    padding:9px;
  }

  .th826-seo-kpi{
    padding:8px;
    grid-template-columns:28px minmax(0,1fr);
  }

  .th826-seo-kpi-icon{
    width:27px;
    height:27px;
    font-size:15px;
  }
}

/* TH826_TAB8_SEO_MICRO_POLISH_STEP48C1 */
.th826-page-table th:nth-child(4){
  width:16% !important;
}

.th826-page-table th:nth-child(5){
  width:9% !important;
}

.th826-page-table td:nth-child(4){
  font-size:10px !important;
  line-height:1.12 !important;
}

.th826-page-table td:nth-child(4) span{
  display:inline-flex !important;
  align-items:center;
  gap:3px;
  white-space:normal !important;
  line-height:1.08 !important;
}

.th826-car-visual{
  background:
    radial-gradient(circle at 72% 32%,rgba(59,130,246,.22),transparent 34%),
    linear-gradient(135deg,#dbeafe,#f8fafc) !important;
}

.th826-car-visual::before{
  left:34px !important;
  right:28px !important;
  bottom:43px !important;
  height:54px !important;
  border-radius:52px 58px 22px 22px !important;
  background:
    linear-gradient(90deg,transparent 0 12%,rgba(255,255,255,.55) 12% 26%,transparent 26% 100%),
    linear-gradient(135deg,#22c55e,#047857) !important;
}

.th826-car-visual::after{
  content:"";
  position:absolute;
  left:48px;
  right:42px;
  bottom:28px;
  height:20px;
  border-radius:999px;
  background:
    radial-gradient(circle at 18% 50%,#0f172a 0 8px,transparent 9px),
    radial-gradient(circle at 82% 50%,#0f172a 0 8px,transparent 9px),
    linear-gradient(90deg,transparent,#16a34a,transparent) !important;
}

.th826-qr-box{
  background-color:#fff !important;
  background-image:
    linear-gradient(90deg,#111 10px,transparent 10px 18px,#111 18px 26px,transparent 26px 36px,#111 36px 44px,transparent 44px 56px,#111 56px 64px,transparent 64px),
    linear-gradient(0deg,#111 8px,transparent 8px 18px,#111 18px 26px,transparent 26px 34px,#111 34px 42px,transparent 42px 54px,#111 54px 62px,transparent 62px),
    radial-gradient(circle at 16px 16px,#111 0 11px,transparent 12px),
    radial-gradient(circle at 68px 16px,#111 0 11px,transparent 12px),
    radial-gradient(circle at 16px 68px,#111 0 11px,transparent 12px) !important;
  background-size:84px 84px !important;
  background-blend-mode:multiply !important;
}

/* TH826_TAB8_TRAFFIC_COLUMN_FIX_STEP48C2R */
.th826-page-table th:nth-child(1){width:32% !important;}
.th826-page-table th:nth-child(2){width:14% !important;}
.th826-page-table th:nth-child(3){width:14% !important;}
.th826-page-table th:nth-child(4){width:15% !important;}
.th826-page-table th:nth-child(5){width:15% !important;}
.th826-page-table th:nth-child(6){width:10% !important;}

.th826-page-table th,
.th826-page-table td{
  padding-left:5px !important;
  padding-right:5px !important;
}

.th826-page-table td:nth-child(5),
.th826-page-table td:nth-child(6){
  white-space:nowrap !important;
  font-size:10.5px !important;
}

.th826-page-table td:nth-child(4){
  font-size:10px !important;
  line-height:1.08 !important;
}

.th826-page-footer .btn{
  height:32px !important;
  padding:0 10px !important;
  font-size:11px !important;
}

/* TH826_TAB9_CHANNELS_CSS_STEP49B1 */
.th826-channels{
  max-width:100%;
  overflow:hidden;
}

.th826-channels,
.th826-channels *{
  min-width:0;
}

.th826-channels-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}

.th826-channels-head .title h1{
  font-size:26px;
  line-height:1.08;
  font-weight:850;
  letter-spacing:-.02em;
}

.th826-channels-head .title p{
  margin-top:6px;
  color:var(--muted);
  font-size:13px;
}

.th826-channels-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}

.th826-channels-intro{
  display:grid;
  grid-template-columns:minmax(0,1fr) 430px;
  gap:12px;
  margin-bottom:10px;
  align-items:stretch;
}

.th826-channel-step{
  border:1px solid rgba(33,73,111,.62);
  border-radius:10px;
  background:linear-gradient(90deg,rgba(8,26,47,.82),rgba(8,35,64,.72));
  min-height:106px;
  padding:14px 18px;
  display:grid;
  grid-template-columns:56px minmax(0,1fr) 1px 56px minmax(0,1fr) 56px minmax(0,1fr);
  gap:18px;
  align-items:center;
  overflow:hidden;
}

.th826-channel-step-icon{
  width:48px;
  height:48px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:22px;
  background:linear-gradient(135deg,#1d8cff,#2563eb);
  box-shadow:0 0 0 8px rgba(29,140,255,.10);
  flex:0 0 auto;
}

.th826-channel-step-line{
  width:1px;
  height:64px;
  background:rgba(33,73,111,.65);
}

.th826-channel-step b{
  display:block;
  color:#f8fbff;
  font-size:14px;
  margin-bottom:6px;
}

.th826-channel-step span{
  display:block;
  color:#b8cce3;
  font-size:12px;
  line-height:1.36;
}

.th826-channel-step .blue{
  color:#38bdf8;
}

.th826-channel-step .green{
  color:#22d3a6;
}

.th826-channel-connect{
  border:1px solid rgba(33,73,111,.62);
  border-radius:10px;
  background:rgba(8,26,47,.78);
  padding:13px;
  min-height:106px;
  overflow:hidden;
}

.th826-channel-connect h2{
  margin:0;
  color:#f8fbff;
  font-size:14px;
}

.th826-channel-connect p{
  margin:5px 0 12px;
  color:var(--muted);
  font-size:12px;
}

.th826-connect-icons{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:nowrap;
  overflow:hidden;
}

.th826-connect-btn{
  height:30px;
  padding:0 9px;
  border-radius:7px;
  border:1px solid rgba(33,73,111,.68);
  background:rgba(4,18,34,.72);
  color:#dbeafe;
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:10.5px;
  white-space:nowrap;
}

.th826-platform-dot{
  width:20px;
  height:20px;
  border-radius:6px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:11px;
  font-weight:900;
  flex:0 0 auto;
}

.th826-platform-dot.tiktok{background:#020617}
.th826-platform-dot.youtube{background:#ef4444}
.th826-platform-dot.facebook{background:#2563eb}
.th826-platform-dot.zalo{background:#1d8cff}
.th826-platform-dot.sensel{background:#38bdf8}
.th826-platform-dot.website{background:#64748b}

.th826-channel-help{
  text-align:right;
  margin-top:9px;
  color:#38bdf8;
  font-size:12px;
  font-weight:750;
}

.th826-channel-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  border:1px solid rgba(33,73,111,.62);
  border-radius:10px;
  background:rgba(8,26,47,.72);
  overflow:hidden;
  margin-bottom:10px;
}

.th826-channel-kpi{
  min-height:86px;
  padding:13px 18px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 58px;
  gap:12px;
  align-items:center;
  border-right:1px solid rgba(33,73,111,.52);
}

.th826-channel-kpi:last-child{
  border-right:0;
}

.th826-channel-kpi small{
  display:block;
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.th826-channel-kpi b{
  display:block;
  color:#f8fbff;
  margin-top:8px;
  font-size:25px;
  line-height:1;
}

.th826-channel-kpi span{
  display:block;
  margin-top:6px;
  color:#22c55e;
  font-size:11px;
  font-weight:800;
}

.th826-kpi-round{
  width:50px;
  height:50px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(29,140,255,.15);
  color:#38bdf8;
  font-size:24px;
  justify-self:end;
}

.th826-kpi-spark{
  width:92px;
  height:42px;
  border-radius:8px;
  background:
    linear-gradient(135deg,transparent 0 10%,rgba(168,85,247,.35) 10% 18%,transparent 18% 28%,rgba(168,85,247,.58) 28% 38%,transparent 38% 52%,rgba(168,85,247,.55) 52% 60%,transparent 60% 74%,rgba(168,85,247,.72) 74% 84%,transparent 84%),
    linear-gradient(180deg,rgba(168,85,247,.18),rgba(29,140,255,.08));
}

.th826-kpi-spark.green{
  background:
    linear-gradient(135deg,transparent 0 12%,rgba(34,211,238,.42) 12% 22%,transparent 22% 36%,rgba(34,211,238,.52) 36% 50%,transparent 50% 64%,rgba(34,211,238,.75) 64% 76%,transparent 76%),
    linear-gradient(180deg,rgba(34,211,238,.18),rgba(34,197,94,.08));
}

.th826-channel-card{
  border:1px solid rgba(33,73,111,.62);
  border-radius:10px;
  background:rgba(8,26,47,.76);
  padding:12px;
  overflow:hidden;
}

.th826-channel-card + .th826-channel-card{
  margin-top:10px;
}

.th826-channel-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}

.th826-channel-card-head h2{
  margin:0;
  font-size:14px;
  color:#f8fbff;
}

.th826-channel-card-head small{
  color:var(--muted);
}

.th826-channel-toolbar{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}

.th826-channel-search{
  height:32px;
  width:190px;
  border:1px solid rgba(33,73,111,.68);
  border-radius:7px;
  background:rgba(4,18,34,.72);
  color:var(--muted);
  display:flex;
  align-items:center;
  padding:0 10px;
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
}

.th826-channel-table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
}

.th826-channel-table th,
.th826-channel-table td{
  border-bottom:1px solid rgba(33,73,111,.43);
  padding:7px 7px;
  font-size:11.2px;
  vertical-align:middle;
}

.th826-channel-table th{
  color:var(--muted);
  font-weight:760;
  text-align:left;
  text-transform:uppercase;
  font-size:10.5px;
}

.th826-channel-table td{
  color:#dbeafe;
}

.th826-channel-table b{
  color:#f8fbff;
  font-size:11.5px;
  line-height:1.12;
}

.th826-channel-table small{
  display:block;
  color:var(--muted);
  font-size:10px;
  margin-top:2px;
  line-height:1.12;
}

.th826-channel-name{
  display:flex;
  align-items:center;
  gap:8px;
}

.th826-channel-avatar{
  width:28px;
  height:28px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  font-weight:900;
  font-size:13px;
  flex:0 0 auto;
}

.th826-platform-icons{
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:nowrap;
}

.th826-platform-mini{
  width:17px;
  height:17px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:9px;
  font-weight:900;
}

.th826-target{
  color:#c7ddf7;
  font-size:11px;
  line-height:1.2;
}

.th826-frequency{
  white-space:nowrap;
  color:#c7ddf7;
}

.th826-channel-status{
  color:#22c55e;
  font-weight:800;
  white-space:nowrap;
}

.th826-mini-spark{
  height:20px;
  width:72px;
  border-radius:999px;
  background:
    linear-gradient(135deg,transparent 0 12%,#1d8cff 12% 18%,transparent 18% 34%,#38bdf8 34% 43%,transparent 43% 60%,#1d8cff 60% 70%,transparent 70% 100%),
    rgba(29,140,255,.12);
}

.th826-owner{
  display:flex;
  align-items:center;
  gap:8px;
}

.th826-owner-face{
  width:26px;
  height:26px;
  border-radius:50%;
  background:linear-gradient(135deg,#fde68a,#f97316);
  flex:0 0 auto;
  position:relative;
}

.th826-owner-face::after{
  content:"";
  position:absolute;
  right:-1px;
  bottom:-1px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#22c55e;
  border:1px solid #041625;
}

.th826-action-icons{
  display:flex;
  align-items:center;
  gap:9px;
  color:#c7ddf7;
  font-size:15px;
}

.th826-channel-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:9px;
  color:var(--muted);
  font-size:11px;
}

.th826-channel-pagination{
  display:flex;
  align-items:center;
  gap:8px;
}

.th826-channel-pagination button,
.th826-channel-page-size{
  height:30px;
  min-width:30px;
  border:1px solid rgba(33,73,111,.70);
  border-radius:7px;
  background:rgba(4,18,34,.70);
  color:#dbeafe;
  font-size:11px;
  padding:0 9px;
}

.th826-channel-pagination .active{
  background:#1d8cff;
  border-color:#1d8cff;
}

.th826-queue-toolbar{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:nowrap;
  overflow:hidden;
}

.th826-queue-tabs{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  flex:1;
  overflow:hidden;
}

.th826-queue-tabs .btn{
  height:30px;
  font-size:11px;
  white-space:nowrap;
}

.th826-queue-filters{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}

.th826-post-title{
  display:flex;
  align-items:center;
  gap:8px;
}

.th826-post-thumb{
  width:30px;
  height:26px;
  border-radius:6px;
  background:linear-gradient(135deg,#f97316,#38bdf8);
  flex:0 0 auto;
}

.th826-post-title b{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.th826-post-title small{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.th826-post-status{
  white-space:nowrap;
  font-weight:800;
}

.th826-post-status.wait{color:#f59e0b}
.th826-post-status.scheduled{color:#38bdf8}
.th826-post-status.paused{color:#c084fc}
.th826-post-status.done{color:#22c55e}

@media (max-width:1500px){
  .th826-channels-intro{
    grid-template-columns:minmax(0,1fr) 390px;
    gap:10px;
  }

  .th826-channel-step{
    grid-template-columns:46px minmax(0,1fr) 1px 46px minmax(0,1fr) 46px minmax(0,1fr);
    gap:12px;
    padding:12px 14px;
  }

  .th826-channel-step-icon{
    width:42px;
    height:42px;
    font-size:19px;
  }

  .th826-connect-btn{
    padding:0 7px;
    font-size:9.8px;
  }

  .th826-channel-kpi{
    padding:11px 14px;
  }

  .th826-channel-table th,
  .th826-channel-table td{
    padding:6px 6px;
    font-size:10.6px;
  }

  .th826-channel-search{
    width:170px;
  }
}

/* TH826_TAB9_TOP_CONNECT_KPI_FIX_STEP49C1 */
.th826-channels-intro{
  grid-template-columns:minmax(0,1fr) 455px !important;
  gap:12px !important;
}

.th826-channel-connect{
  overflow:hidden !important;
}

.th826-connect-icons{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:6px !important;
  overflow:hidden !important;
  width:100% !important;
}

.th826-connect-btn{
  width:100% !important;
  min-width:0 !important;
  height:28px !important;
  padding:0 4px !important;
  gap:4px !important;
  justify-content:center !important;
  font-size:8.8px !important;
  line-height:1 !important;
  overflow:hidden !important;
  white-space:nowrap !important;
}

.th826-connect-btn .th826-platform-dot{
  width:17px !important;
  height:17px !important;
  flex:0 0 17px !important;
  font-size:9px !important;
  border-radius:5px !important;
}

.th826-channel-help{
  margin-top:8px !important;
  font-size:11.5px !important;
}

.th826-channel-kpis{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
  border:0 !important;
  background:transparent !important;
  border-radius:0 !important;
  overflow:visible !important;
  margin-bottom:10px !important;
}

.th826-channel-kpi{
  min-height:86px !important;
  border:1px solid rgba(33,73,111,.62) !important;
  border-radius:10px !important;
  background:rgba(8,26,47,.76) !important;
  padding:13px 16px !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  overflow:hidden !important;
}

.th826-channel-kpi:last-child{
  border-right:1px solid rgba(33,73,111,.62) !important;
}

.th826-channel-kpi small{
  font-size:10.8px !important;
  line-height:1.1 !important;
}

.th826-channel-kpi b{
  font-size:24px !important;
  margin-top:7px !important;
}

.th826-channel-kpi span{
  font-size:10.8px !important;
  line-height:1.25 !important;
}

.th826-kpi-round{
  width:46px !important;
  height:46px !important;
  font-size:21px !important;
  align-self:center !important;
}

.th826-kpi-spark{
  width:94px !important;
  max-width:94px !important;
  height:38px !important;
  align-self:center !important;
  justify-self:end !important;
  border-radius:8px !important;
  overflow:hidden !important;
}

@media (max-width:1500px){
  .th826-channels-intro{
    grid-template-columns:minmax(0,1fr) 430px !important;
  }

  .th826-connect-btn{
    font-size:8.2px !important;
    padding:0 3px !important;
  }

  .th826-channel-kpis{
    gap:8px !important;
  }

  .th826-channel-kpi{
    padding:11px 13px !important;
  }

  .th826-kpi-spark{
    width:80px !important;
    max-width:80px !important;
  }
}

/* TH826_TAB10_PUBLISHING_QUEUE_CSS_STEP410B1 */
.th826-publish{
  max-width:100%;
  overflow:hidden;
}

.th826-publish,
.th826-publish *{
  min-width:0;
}

.th826-publish-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:10px;
}

.th826-publish-head .title h1{
  font-size:26px;
  line-height:1.08;
  font-weight:850;
  letter-spacing:-.02em;
}

.th826-publish-head .title p{
  margin-top:6px;
  color:var(--muted);
  font-size:13px;
}

.th826-publish-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}

.th826-publish-notice{
  min-height:64px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 250px;
  align-items:center;
  gap:14px;
  padding:12px 14px;
  border:1px solid rgba(29,140,255,.48);
  border-radius:12px;
  background:linear-gradient(90deg,rgba(29,140,255,.13),rgba(8,26,47,.78));
  margin-bottom:10px;
  overflow:hidden;
}

.th826-publish-notice .bubble{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(29,140,255,.22);
  color:#7cc9ff;
  font-weight:900;
}

.th826-publish-notice b{
  display:block;
  color:#f8fbff;
  font-size:14px;
  margin-bottom:4px;
}

.th826-publish-notice span{
  display:block;
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}

.th826-publish-lock{
  height:40px;
  border-radius:10px;
  border:1px solid rgba(34,197,94,.42);
  background:rgba(34,197,94,.10);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#86efac;
  font-size:12px;
  font-weight:850;
  white-space:nowrap;
}

.th826-publish-kpis{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  margin-bottom:10px;
}

.th826-publish-kpi{
  min-height:86px;
  border:1px solid rgba(33,73,111,.62);
  border-radius:10px;
  background:rgba(8,26,47,.76);
  padding:12px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px;
  gap:10px;
  align-items:center;
  overflow:hidden;
}

.th826-publish-kpi small{
  display:block;
  color:var(--muted);
  font-size:10.5px;
  text-transform:uppercase;
  letter-spacing:.04em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.th826-publish-kpi b{
  display:block;
  color:#f8fbff;
  font-size:24px;
  line-height:1;
  margin-top:7px;
}

.th826-publish-kpi span{
  display:block;
  color:#22c55e;
  font-size:10.5px;
  line-height:1.25;
  margin-top:6px;
  font-weight:800;
}

.th826-publish-kpi span.warn{color:#f59e0b}
.th826-publish-kpi span.danger{color:#ef4444}
.th826-publish-kpi span.blue{color:#38bdf8}

.th826-publish-kpi-icon{
  width:40px;
  height:40px;
  border-radius:12px;
  display:grid;
  place-items:center;
  color:#dbeafe;
  background:rgba(29,140,255,.14);
  font-size:19px;
  justify-self:end;
}

.th826-publish-main{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:12px;
  align-items:start;
}

.th826-publish-left{
  display:grid;
  gap:10px;
  min-width:0;
}

.th826-publish-card{
  border:1px solid rgba(33,73,111,.62);
  border-radius:10px;
  background:rgba(8,26,47,.76);
  padding:12px;
  overflow:hidden;
}

.th826-publish-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}

.th826-publish-card-head h2{
  margin:0;
  color:#f8fbff;
  font-size:14px;
  line-height:1.2;
}

.th826-publish-card-head small{
  color:var(--muted);
  font-size:11px;
}

.th826-publish-toolbar{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:nowrap;
  overflow:hidden;
}

.th826-publish-tabs{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  flex:1;
  overflow:hidden;
}

.th826-publish-tabs .btn{
  height:30px;
  font-size:11px;
  white-space:nowrap;
  padding:0 10px;
}

.th826-publish-filters{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}

.th826-publish-search{
  height:32px;
  width:190px;
  border:1px solid rgba(33,73,111,.68);
  border-radius:7px;
  background:rgba(4,18,34,.72);
  color:var(--muted);
  display:flex;
  align-items:center;
  padding:0 10px;
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
}

.th826-publish-table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
}

.th826-publish-table th,
.th826-publish-table td{
  border-bottom:1px solid rgba(33,73,111,.43);
  padding:7px 7px;
  font-size:11px;
  vertical-align:middle;
}

.th826-publish-table th{
  color:var(--muted);
  font-weight:760;
  text-align:left;
  text-transform:uppercase;
  font-size:10px;
}

.th826-publish-table td{
  color:#dbeafe;
}

.th826-publish-table b{
  color:#f8fbff;
  font-size:11.5px;
  line-height:1.15;
}

.th826-publish-table small{
  display:block;
  color:var(--muted);
  font-size:10px;
  margin-top:2px;
  line-height:1.12;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.th826-publish-content{
  display:flex;
  align-items:center;
  gap:8px;
}

.th826-publish-thumb{
  width:34px;
  height:30px;
  border-radius:7px;
  background:linear-gradient(135deg,#f97316,#38bdf8);
  flex:0 0 auto;
}

.th826-publish-platforms{
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:nowrap;
}

.th826-publish-platform{
  width:18px;
  height:18px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:9px;
  font-weight:900;
  flex:0 0 auto;
}

.th826-publish-platform.fb{background:#2563eb}
.th826-publish-platform.tk{background:#020617}
.th826-publish-platform.yt{background:#ef4444}
.th826-publish-platform.za{background:#1d8cff}
.th826-publish-platform.web{background:#64748b}
.th826-publish-platform.ss{background:#38bdf8}

.th826-publish-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:24px;
  padding:0 9px;
  border-radius:999px;
  font-size:10.5px;
  font-weight:850;
  white-space:nowrap;
  border:1px solid rgba(33,73,111,.6);
}

.th826-publish-status.wait{
  color:#fbbf24;
  background:rgba(245,158,11,.11);
  border-color:rgba(245,158,11,.44);
}

.th826-publish-status.approved{
  color:#38bdf8;
  background:rgba(56,189,248,.11);
  border-color:rgba(56,189,248,.42);
}

.th826-publish-status.scheduled{
  color:#60a5fa;
  background:rgba(37,99,235,.14);
  border-color:rgba(96,165,250,.42);
}

.th826-publish-status.live{
  color:#22c55e;
  background:rgba(34,197,94,.12);
  border-color:rgba(34,197,94,.42);
}

.th826-publish-status.error{
  color:#fb7185;
  background:rgba(239,68,68,.12);
  border-color:rgba(239,68,68,.42);
}

.th826-publish-status.test{
  color:#c084fc;
  background:rgba(168,85,247,.12);
  border-color:rgba(168,85,247,.42);
}

.th826-publish-owner{
  display:flex;
  align-items:center;
  gap:8px;
}

.th826-publish-face{
  width:26px;
  height:26px;
  border-radius:50%;
  background:linear-gradient(135deg,#fde68a,#f97316);
  flex:0 0 auto;
  position:relative;
}

.th826-publish-face::after{
  content:"";
  position:absolute;
  right:-1px;
  bottom:-1px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#22c55e;
  border:1px solid #041625;
}

.th826-publish-actions-mini{
  display:flex;
  align-items:center;
  gap:7px;
}

.th826-publish-actions-mini .btn{
  height:28px;
  padding:0 9px;
  font-size:10.5px;
  white-space:nowrap;
}

.th826-publish-calendar{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:8px;
}

.th826-publish-day{
  border:1px solid rgba(33,73,111,.56);
  border-radius:10px;
  background:rgba(4,18,34,.55);
  min-height:110px;
  padding:8px;
  overflow:hidden;
}

.th826-publish-day-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#dbeafe;
  font-size:11px;
  font-weight:850;
  margin-bottom:7px;
}

.th826-publish-slot{
  min-height:24px;
  border-radius:7px;
  background:rgba(29,140,255,.10);
  border:1px solid rgba(29,140,255,.28);
  padding:5px 6px;
  color:#c7ddf7;
  font-size:10px;
  line-height:1.15;
  margin-bottom:5px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.th826-publish-slot.green{
  background:rgba(34,197,94,.10);
  border-color:rgba(34,197,94,.28);
}

.th826-publish-slot.yellow{
  background:rgba(245,158,11,.10);
  border-color:rgba(245,158,11,.32);
}

.th826-publish-side{
  display:grid;
  gap:10px;
}

.th826-publish-preview{
  border:1px solid rgba(33,73,111,.62);
  border-radius:10px;
  background:rgba(8,26,47,.76);
  padding:12px;
  overflow:hidden;
}

.th826-preview-post{
  border:1px solid rgba(33,73,111,.54);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(8,35,64,.78),rgba(4,18,34,.84));
  padding:10px;
  margin-top:10px;
}

.th826-preview-media{
  height:132px;
  border-radius:10px;
  background:
    radial-gradient(circle at 30% 25%,rgba(249,115,22,.55),transparent 30%),
    radial-gradient(circle at 70% 55%,rgba(56,189,248,.50),transparent 34%),
    linear-gradient(135deg,#172554,#020617);
  margin-bottom:9px;
  position:relative;
  overflow:hidden;
}

.th826-preview-media::after{
  content:"00:27";
  position:absolute;
  right:8px;
  bottom:8px;
  height:20px;
  padding:0 7px;
  border-radius:6px;
  background:rgba(0,0,0,.56);
  display:flex;
  align-items:center;
  color:#fff;
  font-size:10px;
  font-weight:850;
}

.th826-preview-post h3{
  margin:0 0 6px;
  color:#f8fbff;
  font-size:13px;
  line-height:1.25;
}

.th826-preview-post p{
  margin:0;
  color:#b8cce3;
  font-size:11px;
  line-height:1.35;
}

.th826-risk-list,
.th826-log-list,
.th826-channel-health{
  display:grid;
  gap:8px;
  margin-top:10px;
}

.th826-risk-item,
.th826-log-item,
.th826-health-item{
  display:grid;
  grid-template-columns:24px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:7px;
  border-radius:8px;
  border:1px solid rgba(33,73,111,.50);
  background:rgba(4,18,34,.48);
  color:#c7ddf7;
  font-size:11px;
}

.th826-risk-item b,
.th826-log-item b,
.th826-health-item b{
  display:block;
  color:#f8fbff;
  font-size:11.5px;
}

.th826-risk-item span,
.th826-log-item span,
.th826-health-item span{
  color:var(--muted);
  font-size:10px;
}

.th826-risk-icon{
  width:22px;
  height:22px;
  border-radius:7px;
  display:grid;
  place-items:center;
  background:rgba(34,197,94,.14);
  color:#22c55e;
  font-size:12px;
  font-weight:900;
}

.th826-risk-icon.warn{
  background:rgba(245,158,11,.14);
  color:#f59e0b;
}

.th826-risk-icon.danger{
  background:rgba(239,68,68,.14);
  color:#ef4444;
}

.th826-health-bar{
  width:58px;
  height:7px;
  border-radius:999px;
  background:rgba(33,73,111,.7);
  overflow:hidden;
}

.th826-health-bar span{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#22c55e,#38bdf8);
}

.th826-publish-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:9px;
  color:var(--muted);
  font-size:11px;
}

.th826-publish-pages{
  display:flex;
  align-items:center;
  gap:8px;
}

.th826-publish-pages button{
  height:30px;
  min-width:30px;
  border:1px solid rgba(33,73,111,.70);
  border-radius:7px;
  background:rgba(4,18,34,.70);
  color:#dbeafe;
  font-size:11px;
  padding:0 9px;
}

.th826-publish-pages .active{
  background:#1d8cff;
  border-color:#1d8cff;
}

@media (max-width:1500px){
  .th826-publish-kpis{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }

  .th826-publish-main{
    grid-template-columns:minmax(0,1fr) 300px;
    gap:10px;
  }

  .th826-publish-table th,
  .th826-publish-table td{
    padding:6px 5px;
    font-size:10.4px;
  }

  .th826-publish-toolbar{
    align-items:flex-start;
  }

  .th826-publish-tabs .btn{
    padding:0 8px;
    font-size:10.5px;
  }

  .th826-publish-search{
    width:160px;
  }

  .th826-publish-calendar{
    gap:6px;
  }

  .th826-publish-day{
    min-height:100px;
    padding:7px;
  }

  .th826-preview-media{
    height:118px;
  }
}

/* TH826_TAB10_PUBLISHING_FACTORY_REFACTOR_CSS_STEP410C1 */
.th826-publish.factory-mode .th826-publish-head{
  margin-bottom:8px !important;
}

.th826-publish.factory-mode .th826-publish-head .title h1{
  font-size:27px !important;
}

.th826-publish.factory-mode .th826-publish-notice{
  grid-template-columns:42px minmax(0,1fr) 310px !important;
}

.th826-factory-brain{
  height:44px;
  border-radius:11px;
  border:1px solid rgba(56,189,248,.46);
  background:linear-gradient(135deg,rgba(29,140,255,.18),rgba(34,197,94,.11));
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#dbeafe;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}

.th826-factory-control{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:10px;
  margin-bottom:10px;
}

.th826-factory-card{
  border:1px solid rgba(33,73,111,.62);
  border-radius:10px;
  background:rgba(8,26,47,.76);
  padding:12px;
  overflow:hidden;
}

.th826-factory-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}

.th826-factory-card-head h2{
  margin:0;
  color:#f8fbff;
  font-size:14px;
  line-height:1.2;
}

.th826-factory-card-head small{
  display:block;
  color:var(--muted);
  font-size:11px;
  margin-top:2px;
}

.th826-factory-mode-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

.th826-factory-mode{
  min-height:78px;
  border-radius:10px;
  border:1px solid rgba(33,73,111,.62);
  background:rgba(4,18,34,.56);
  padding:10px;
  display:grid;
  gap:5px;
}

.th826-factory-mode.active{
  border-color:rgba(34,197,94,.58);
  background:linear-gradient(135deg,rgba(34,197,94,.13),rgba(29,140,255,.10));
}

.th826-factory-mode b{
  color:#f8fbff;
  font-size:13px;
}

.th826-factory-mode span{
  color:var(--muted);
  font-size:10.5px;
  line-height:1.3;
}

.th826-factory-mode strong{
  color:#22c55e;
  font-size:11px;
  font-weight:900;
}

.th826-factory-capacity{
  min-height:100%;
  display:grid;
  gap:8px;
}

.th826-factory-capacity-main{
  border-radius:10px;
  background:linear-gradient(135deg,rgba(29,140,255,.18),rgba(4,18,34,.55));
  border:1px solid rgba(29,140,255,.40);
  padding:10px;
}

.th826-factory-capacity-main small{
  color:var(--muted);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.th826-factory-capacity-main b{
  display:block;
  color:#f8fbff;
  font-size:28px;
  line-height:1;
  margin-top:6px;
}

.th826-factory-capacity-main span{
  display:block;
  color:#38bdf8;
  font-size:11px;
  margin-top:7px;
  font-weight:850;
}

.th826-rule-chips{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}

.th826-rule-chip{
  height:24px;
  border-radius:999px;
  padding:0 8px;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(34,197,94,.34);
  background:rgba(34,197,94,.10);
  color:#86efac;
  font-size:10.5px;
  font-weight:800;
  white-space:nowrap;
}

.th826-rule-chip.warn{
  border-color:rgba(245,158,11,.40);
  background:rgba(245,158,11,.10);
  color:#fbbf24;
}

.th826-funnel{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:9px;
  margin-bottom:10px;
}

.th826-funnel-card{
  min-height:86px;
  border:1px solid rgba(33,73,111,.62);
  border-radius:10px;
  background:rgba(8,26,47,.76);
  padding:12px;
  overflow:hidden;
}

.th826-funnel-card small{
  display:block;
  color:var(--muted);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.04em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.th826-funnel-card b{
  display:block;
  color:#f8fbff;
  font-size:25px;
  line-height:1;
  margin-top:8px;
}

.th826-funnel-card span{
  display:block;
  color:#38bdf8;
  font-size:10.5px;
  font-weight:850;
  margin-top:7px;
  line-height:1.25;
}

.th826-funnel-card.green span{color:#22c55e}
.th826-funnel-card.yellow span{color:#f59e0b}
.th826-funnel-card.red span{color:#fb7185}
.th826-funnel-card.purple span{color:#c084fc}

.th826-factory-main{
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:12px;
  align-items:start;
}

.th826-factory-left{
  display:grid;
  gap:10px;
  min-width:0;
}

.th826-factory-table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
}

.th826-factory-table th,
.th826-factory-table td{
  border-bottom:1px solid rgba(33,73,111,.43);
  padding:7px 6px;
  font-size:10.7px;
  vertical-align:middle;
}

.th826-factory-table th{
  color:var(--muted);
  font-weight:780;
  text-align:left;
  text-transform:uppercase;
  font-size:9.5px;
}

.th826-factory-table td{
  color:#dbeafe;
}

.th826-batch-title{
  display:flex;
  align-items:center;
  gap:8px;
}

.th826-batch-icon{
  width:32px;
  height:30px;
  border-radius:8px;
  background:linear-gradient(135deg,#f97316,#38bdf8);
  display:grid;
  place-items:center;
  color:#fff;
  font-size:13px;
  font-weight:900;
  flex:0 0 auto;
}

.th826-batch-title b{
  display:block;
  color:#f8fbff;
  font-size:11.5px;
  line-height:1.15;
}

.th826-batch-title small{
  display:block;
  color:var(--muted);
  font-size:10px;
  margin-top:2px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.th826-factory-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:23px;
  border-radius:999px;
  padding:0 8px;
  border:1px solid rgba(33,73,111,.62);
  background:rgba(4,18,34,.58);
  color:#c7ddf7;
  font-size:10px;
  font-weight:850;
  white-space:nowrap;
}

.th826-factory-badge.green{
  color:#86efac;
  border-color:rgba(34,197,94,.38);
  background:rgba(34,197,94,.10);
}

.th826-factory-badge.blue{
  color:#7dd3fc;
  border-color:rgba(56,189,248,.36);
  background:rgba(56,189,248,.10);
}

.th826-factory-badge.yellow{
  color:#fbbf24;
  border-color:rgba(245,158,11,.38);
  background:rgba(245,158,11,.10);
}

.th826-factory-badge.red{
  color:#fb7185;
  border-color:rgba(239,68,68,.38);
  background:rgba(239,68,68,.10);
}

.th826-score-pill{
  height:26px;
  min-width:48px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(34,197,94,.12);
  border:1px solid rgba(34,197,94,.42);
  color:#86efac;
  font-size:11px;
  font-weight:900;
}

.th826-score-pill.warn{
  background:rgba(245,158,11,.12);
  border-color:rgba(245,158,11,.42);
  color:#fbbf24;
}

.th826-score-pill.bad{
  background:rgba(239,68,68,.12);
  border-color:rgba(239,68,68,.42);
  color:#fb7185;
}

.th826-brain-decision{
  color:#dbeafe;
  font-size:10.5px;
  line-height:1.25;
}

.th826-brain-decision b{
  color:#7dd3fc;
  font-size:10.8px;
}

.th826-slot-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}

.th826-slot-card{
  border:1px solid rgba(33,73,111,.60);
  border-radius:10px;
  background:rgba(4,18,34,.55);
  padding:10px;
  overflow:hidden;
}

.th826-slot-card h3{
  margin:0;
  color:#f8fbff;
  font-size:13px;
}

.th826-slot-card small{
  color:var(--muted);
  font-size:10.5px;
}

.th826-slot-number{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:8px;
  margin-top:9px;
}

.th826-slot-number b{
  color:#f8fbff;
  font-size:23px;
  line-height:1;
}

.th826-slot-number span{
  color:#38bdf8;
  font-size:10px;
  font-weight:850;
}

.th826-slot-meter{
  height:7px;
  border-radius:999px;
  background:rgba(33,73,111,.7);
  overflow:hidden;
  margin-top:9px;
}

.th826-slot-meter span{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#22c55e,#38bdf8);
}

.th826-slot-meter.warn span{
  background:linear-gradient(90deg,#f59e0b,#fb7185);
}

.th826-factory-side{
  display:grid;
  gap:10px;
}

.th826-guard-list{
  display:grid;
  gap:8px;
}

.th826-guard-item{
  display:grid;
  grid-template-columns:24px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  min-height:36px;
  padding:8px;
  border-radius:9px;
  border:1px solid rgba(33,73,111,.52);
  background:rgba(4,18,34,.48);
}

.th826-guard-icon{
  width:22px;
  height:22px;
  border-radius:7px;
  display:grid;
  place-items:center;
  background:rgba(34,197,94,.14);
  color:#22c55e;
  font-size:12px;
  font-weight:900;
}

.th826-guard-icon.warn{
  background:rgba(245,158,11,.14);
  color:#f59e0b;
}

.th826-guard-icon.danger{
  background:rgba(239,68,68,.14);
  color:#ef4444;
}

.th826-guard-item b{
  display:block;
  color:#f8fbff;
  font-size:11.5px;
  line-height:1.15;
}

.th826-guard-item span{
  display:block;
  color:var(--muted);
  font-size:10px;
  margin-top:2px;
}

.th826-guard-item > em{
  font-style:normal;
  color:#c7ddf7;
  font-size:10px;
  font-weight:850;
  white-space:nowrap;
}

@media (max-width:1500px){
  .th826-factory-control{
    grid-template-columns:minmax(0,1fr) 285px;
    gap:8px;
  }

  .th826-funnel{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .th826-factory-main{
    grid-template-columns:minmax(0,1fr) 310px;
    gap:10px;
  }

  .th826-factory-table th,
  .th826-factory-table td{
    padding:6px 5px;
    font-size:10px;
  }

  .th826-slot-grid{
    gap:7px;
  }

  .th826-slot-number b{
    font-size:21px;
  }
}

/* TH826_TAB11_EVENT_SCORING_ENGINE_CSS_STEP411D1 */
.th826-analytics-engine{
  display:block;
  min-width:0;
}

.th826-analytics-engine .th826-engine-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:10px;
}

.th826-analytics-engine .th826-engine-head h1{
  margin:0;
  color:#f8fbff;
  font-size:27px;
  line-height:1.15;
}

.th826-analytics-engine .th826-engine-head p{
  margin:5px 0 0;
  color:#9fb7d5;
  font-size:13px;
}

.th826-engine-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.th826-engine-notice{
  min-height:64px;
  border:1px solid rgba(56,189,248,.42);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(29,140,255,.14),rgba(4,18,34,.72));
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 300px;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  margin-bottom:10px;
}

.th826-engine-bubble{
  width:36px;
  height:36px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(29,140,255,.24);
  color:#7dd3fc;
  font-weight:950;
  font-size:17px;
}

.th826-engine-notice b{
  color:#f8fbff;
  font-size:13px;
}

.th826-engine-notice span{
  display:block;
  color:#9fb7d5;
  font-size:11.5px;
  margin-top:3px;
  line-height:1.35;
}

.th826-engine-brain{
  min-height:40px;
  border-radius:11px;
  border:1px solid rgba(34,197,94,.42);
  background:rgba(34,197,94,.10);
  color:#bbf7d0;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:11.5px;
  font-weight:900;
  padding:0 10px;
}

.th826-capacity-panel{
  border:1px solid rgba(56,189,248,.42);
  border-radius:13px;
  background:
    radial-gradient(circle at 12% 18%,rgba(34,197,94,.16),transparent 30%),
    radial-gradient(circle at 86% 10%,rgba(29,140,255,.20),transparent 30%),
    linear-gradient(135deg,rgba(8,26,47,.88),rgba(4,18,34,.78));
  padding:13px;
  margin-bottom:10px;
}

.th826-capacity-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.th826-capacity-panel-head h2{
  margin:0;
  color:#f8fbff;
  font-size:16px;
}

.th826-capacity-panel-head p{
  margin:4px 0 0;
  color:#dbeafe;
  font-size:12px;
  line-height:1.35;
}

.th826-capacity-pill{
  height:28px;
  border-radius:999px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(34,197,94,.36);
  background:rgba(34,197,94,.12);
  color:#86efac;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}

.th826-capacity-metrics{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}

.th826-capacity-metric{
  min-height:92px;
  border:1px solid rgba(33,73,111,.62);
  border-radius:10px;
  background:rgba(4,18,34,.58);
  padding:10px;
  overflow:hidden;
}

.th826-capacity-metric small{
  display:block;
  color:#9fb7d5;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.04em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.th826-capacity-metric b{
  display:block;
  color:#f8fbff;
  font-size:23px;
  line-height:1;
  margin-top:9px;
}

.th826-capacity-metric span{
  display:block;
  color:#38bdf8;
  font-size:10.5px;
  line-height:1.25;
  font-weight:800;
  margin-top:7px;
}

.th826-engine-main{
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:12px;
  align-items:start;
}

.th826-engine-left{
  display:grid;
  gap:10px;
  min-width:0;
}

.th826-engine-side{
  display:grid;
  gap:10px;
}

.th826-engine-card{
  border:1px solid rgba(33,73,111,.62);
  border-radius:11px;
  background:rgba(8,26,47,.76);
  padding:12px;
  overflow:hidden;
}

.th826-engine-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}

.th826-engine-card-head h2{
  margin:0;
  color:#f8fbff;
  font-size:14px;
}

.th826-engine-card-head small{
  display:block;
  color:#9fb7d5;
  font-size:11px;
  margin-top:2px;
}

.th826-event-stream{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
}

.th826-event-box{
  min-height:86px;
  border:1px solid rgba(33,73,111,.60);
  border-radius:10px;
  background:rgba(4,18,34,.56);
  padding:10px;
}

.th826-event-box small{
  display:block;
  color:#9fb7d5;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.th826-event-box b{
  display:block;
  color:#f8fbff;
  font-size:22px;
  line-height:1;
  margin-top:8px;
}

.th826-event-box span{
  display:block;
  color:#38bdf8;
  font-size:10.5px;
  margin-top:7px;
  font-weight:800;
  line-height:1.25;
}

.th826-score-table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
}

.th826-score-table th,
.th826-score-table td{
  border-bottom:1px solid rgba(33,73,111,.43);
  padding:8px 6px;
  font-size:10.8px;
  vertical-align:middle;
}

.th826-score-table th{
  color:#9fb7d5;
  font-weight:850;
  text-align:left;
  text-transform:uppercase;
  font-size:9.5px;
}

.th826-score-table td{
  color:#dbeafe;
}

.th826-score-title{
  display:flex;
  align-items:center;
  gap:8px;
}

.th826-score-icon{
  width:32px;
  height:30px;
  border-radius:9px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#1d8cff,#22c55e);
  color:#fff;
  font-weight:950;
}

.th826-score-title b{
  display:block;
  color:#f8fbff;
  font-size:11.5px;
  line-height:1.15;
}

.th826-score-title small{
  display:block;
  color:#9fb7d5;
  font-size:10px;
  margin-top:2px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.th826-engine-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:23px;
  border-radius:999px;
  padding:0 8px;
  border:1px solid rgba(33,73,111,.62);
  background:rgba(4,18,34,.58);
  color:#c7ddf7;
  font-size:10px;
  font-weight:850;
  white-space:nowrap;
}

.th826-engine-badge.green{
  color:#86efac;
  border-color:rgba(34,197,94,.38);
  background:rgba(34,197,94,.10);
}

.th826-engine-badge.blue{
  color:#7dd3fc;
  border-color:rgba(56,189,248,.36);
  background:rgba(56,189,248,.10);
}

.th826-engine-badge.yellow{
  color:#fbbf24;
  border-color:rgba(245,158,11,.38);
  background:rgba(245,158,11,.10);
}

.th826-engine-badge.red{
  color:#fb7185;
  border-color:rgba(239,68,68,.38);
  background:rgba(239,68,68,.10);
}

.th826-score-number{
  height:28px;
  min-width:48px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(34,197,94,.12);
  border:1px solid rgba(34,197,94,.42);
  color:#86efac;
  font-size:11px;
  font-weight:950;
}

.th826-score-number.warn{
  background:rgba(245,158,11,.12);
  border-color:rgba(245,158,11,.42);
  color:#fbbf24;
}

.th826-score-number.bad{
  background:rgba(239,68,68,.12);
  border-color:rgba(239,68,68,.42);
  color:#fb7185;
}

.th826-clean-list{
  display:grid;
  gap:8px;
}

.th826-clean-item{
  display:grid;
  grid-template-columns:24px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:8px;
  border-radius:9px;
  border:1px solid rgba(33,73,111,.52);
  background:rgba(4,18,34,.48);
}

.th826-clean-icon{
  width:22px;
  height:22px;
  border-radius:7px;
  display:grid;
  place-items:center;
  background:rgba(34,197,94,.14);
  color:#22c55e;
  font-size:12px;
  font-weight:950;
}

.th826-clean-icon.warn{
  background:rgba(245,158,11,.14);
  color:#f59e0b;
}

.th826-clean-icon.danger{
  background:rgba(239,68,68,.14);
  color:#ef4444;
}

.th826-clean-item b{
  display:block;
  color:#f8fbff;
  font-size:11.5px;
}

.th826-clean-item span{
  display:block;
  color:#9fb7d5;
  font-size:10px;
  margin-top:2px;
}

.th826-clean-item em{
  font-style:normal;
  color:#c7ddf7;
  font-size:10px;
  font-weight:850;
  white-space:nowrap;
}

@media (max-width:1500px){
  .th826-engine-main{
    grid-template-columns:minmax(0,1fr) 310px;
  }

  .th826-capacity-metrics{
    grid-template-columns:repeat(5,minmax(0,1fr));
  }

  .th826-event-stream{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .th826-score-table th,
  .th826-score-table td{
    font-size:10px;
    padding:7px 5px;
  }
}

/* TH826_TAB12_AI_BRAIN_ORCHESTRATOR_CSS_STEP412B1 */
.th826-ai-brain{
  display:block;
  min-width:0;
}

.th826-ai-brain-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:10px;
}

.th826-ai-brain-head h1{
  margin:0;
  color:#f8fbff;
  font-size:27px;
  line-height:1.15;
}

.th826-ai-brain-head p{
  margin:5px 0 0;
  color:#9fb7d5;
  font-size:13px;
}

.th826-ai-brain-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.th826-brain-notice{
  min-height:64px;
  border:1px solid rgba(34,197,94,.42);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(34,197,94,.13),rgba(29,140,255,.11),rgba(4,18,34,.76));
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 310px;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  margin-bottom:10px;
}

.th826-brain-bubble{
  width:36px;
  height:36px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(34,197,94,.18);
  color:#86efac;
  font-weight:950;
  font-size:17px;
}

.th826-brain-notice b{
  color:#f8fbff;
  font-size:13px;
}

.th826-brain-notice span{
  display:block;
  color:#9fb7d5;
  font-size:11.5px;
  margin-top:3px;
  line-height:1.35;
}

.th826-brain-live{
  min-height:40px;
  border-radius:11px;
  border:1px solid rgba(56,189,248,.44);
  background:rgba(56,189,248,.10);
  color:#bae6fd;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:11.5px;
  font-weight:900;
  padding:0 10px;
}

.th826-brain-capacity{
  border:1px solid rgba(56,189,248,.42);
  border-radius:13px;
  background:
    radial-gradient(circle at 12% 18%,rgba(34,197,94,.18),transparent 30%),
    radial-gradient(circle at 86% 10%,rgba(29,140,255,.22),transparent 30%),
    linear-gradient(135deg,rgba(8,26,47,.90),rgba(4,18,34,.80));
  padding:13px;
  margin-bottom:10px;
}

.th826-brain-capacity-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.th826-brain-capacity-head h2{
  margin:0;
  color:#f8fbff;
  font-size:16px;
}

.th826-brain-capacity-head p{
  margin:4px 0 0;
  color:#dbeafe;
  font-size:12px;
  line-height:1.35;
}

.th826-brain-pill{
  height:28px;
  border-radius:999px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(34,197,94,.36);
  background:rgba(34,197,94,.12);
  color:#86efac;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}

.th826-brain-metrics{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}

.th826-brain-metric{
  min-height:92px;
  border:1px solid rgba(33,73,111,.62);
  border-radius:10px;
  background:rgba(4,18,34,.58);
  padding:10px;
  overflow:hidden;
}

.th826-brain-metric small{
  display:block;
  color:#9fb7d5;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.04em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.th826-brain-metric b{
  display:block;
  color:#f8fbff;
  font-size:23px;
  line-height:1;
  margin-top:9px;
}

.th826-brain-metric span{
  display:block;
  color:#38bdf8;
  font-size:10.5px;
  line-height:1.25;
  font-weight:800;
  margin-top:7px;
}

.th826-brain-metric.green span{color:#22c55e}
.th826-brain-metric.yellow span{color:#f59e0b}
.th826-brain-metric.red span{color:#fb7185}

.th826-brain-main{
  display:grid;
  grid-template-columns:minmax(0,1fr) 350px;
  gap:12px;
  align-items:start;
}

.th826-brain-left{
  display:grid;
  gap:10px;
  min-width:0;
}

.th826-brain-side{
  display:grid;
  gap:10px;
}

.th826-brain-card{
  border:1px solid rgba(33,73,111,.62);
  border-radius:11px;
  background:rgba(8,26,47,.76);
  padding:12px;
  overflow:hidden;
}

.th826-brain-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}

.th826-brain-card-head h2{
  margin:0;
  color:#f8fbff;
  font-size:14px;
}

.th826-brain-card-head small{
  display:block;
  color:#9fb7d5;
  font-size:11px;
  margin-top:2px;
}

.th826-brain-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:23px;
  border-radius:999px;
  padding:0 8px;
  border:1px solid rgba(33,73,111,.62);
  background:rgba(4,18,34,.58);
  color:#c7ddf7;
  font-size:10px;
  font-weight:850;
  white-space:nowrap;
}

.th826-brain-badge.green{
  color:#86efac;
  border-color:rgba(34,197,94,.38);
  background:rgba(34,197,94,.10);
}

.th826-brain-badge.blue{
  color:#7dd3fc;
  border-color:rgba(56,189,248,.36);
  background:rgba(56,189,248,.10);
}

.th826-brain-badge.yellow{
  color:#fbbf24;
  border-color:rgba(245,158,11,.38);
  background:rgba(245,158,11,.10);
}

.th826-brain-badge.red{
  color:#fb7185;
  border-color:rgba(239,68,68,.38);
  background:rgba(239,68,68,.10);
}

.th826-trend-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}

.th826-trend-card{
  min-height:124px;
  border:1px solid rgba(33,73,111,.60);
  border-radius:10px;
  background:rgba(4,18,34,.56);
  padding:10px;
  overflow:hidden;
}

.th826-trend-card h3{
  margin:0;
  color:#f8fbff;
  font-size:13px;
  line-height:1.2;
}

.th826-trend-card small{
  display:block;
  color:#9fb7d5;
  font-size:10px;
  margin-top:4px;
}

.th826-trend-score{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:8px;
  margin-top:10px;
}

.th826-trend-score b{
  color:#86efac;
  font-size:24px;
  line-height:1;
}

.th826-trend-score span{
  color:#38bdf8;
  font-size:10px;
  font-weight:900;
}

.th826-trend-tags{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-top:9px;
}

.th826-trend-tags span{
  height:22px;
  border-radius:999px;
  padding:0 7px;
  display:inline-flex;
  align-items:center;
  background:rgba(56,189,248,.10);
  border:1px solid rgba(56,189,248,.30);
  color:#7dd3fc;
  font-size:9.5px;
  font-weight:850;
}

.th826-brain-table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
}

.th826-brain-table th,
.th826-brain-table td{
  border-bottom:1px solid rgba(33,73,111,.43);
  padding:8px 6px;
  font-size:10.7px;
  vertical-align:middle;
}

.th826-brain-table th{
  color:#9fb7d5;
  font-weight:850;
  text-align:left;
  text-transform:uppercase;
  font-size:9.5px;
}

.th826-brain-table td{
  color:#dbeafe;
}

.th826-win-title{
  display:flex;
  align-items:center;
  gap:8px;
}

.th826-win-icon{
  width:32px;
  height:30px;
  border-radius:9px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#22c55e,#38bdf8);
  color:#fff;
  font-weight:950;
}

.th826-win-title b{
  display:block;
  color:#f8fbff;
  font-size:11.5px;
  line-height:1.15;
}

.th826-win-title small{
  display:block;
  color:#9fb7d5;
  font-size:10px;
  margin-top:2px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.th826-brain-score{
  height:28px;
  min-width:50px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(34,197,94,.12);
  border:1px solid rgba(34,197,94,.42);
  color:#86efac;
  font-size:11px;
  font-weight:950;
}

.th826-brain-score.warn{
  background:rgba(245,158,11,.12);
  border-color:rgba(245,158,11,.42);
  color:#fbbf24;
}

.th826-brain-score.bad{
  background:rgba(239,68,68,.12);
  border-color:rgba(239,68,68,.42);
  color:#fb7185;
}

.th826-command-list{
  display:grid;
  gap:8px;
}

.th826-command-item{
  display:grid;
  grid-template-columns:26px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:8px;
  border-radius:9px;
  border:1px solid rgba(33,73,111,.52);
  background:rgba(4,18,34,.48);
}

.th826-command-icon{
  width:24px;
  height:24px;
  border-radius:8px;
  display:grid;
  place-items:center;
  background:rgba(34,197,94,.14);
  color:#22c55e;
  font-size:12px;
  font-weight:950;
}

.th826-command-icon.warn{
  background:rgba(245,158,11,.14);
  color:#f59e0b;
}

.th826-command-icon.danger{
  background:rgba(239,68,68,.14);
  color:#ef4444;
}

.th826-command-item b{
  display:block;
  color:#f8fbff;
  font-size:11.5px;
}

.th826-command-item span{
  display:block;
  color:#9fb7d5;
  font-size:10px;
  margin-top:2px;
}

.th826-command-item em{
  font-style:normal;
  color:#c7ddf7;
  font-size:10px;
  font-weight:850;
  white-space:nowrap;
}

@media (max-width:1500px){
  .th826-brain-main{
    grid-template-columns:minmax(0,1fr) 320px;
  }

  .th826-brain-metrics{
    grid-template-columns:repeat(5,minmax(0,1fr));
  }

  .th826-trend-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .th826-brain-table th,
  .th826-brain-table td{
    font-size:10px;
    padding:7px 5px;
  }
}

/* TH826_BRAND_TITLE_SIZE_TUNE_20260709 */
.brand{
  align-items:center;
  gap:10px;
}

.brand > div:last-child{
  min-height:38px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.brand-title{
  font-size:20px;
  line-height:21px;
  letter-spacing:.01em;
}

.brand-sub{
  font-size:11.5px;
  line-height:13px;
  margin-top:1px;
  white-space:nowrap;
}

/* TH826_SUPER_ADMIN_TOTAL_USERS_VISITS_20260709 */
.th826-super-top-stats{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  margin-right:8px;
  flex:0 0 auto;
}

.th826-super-top-stat{
  height:38px;
  min-width:132px;
  padding:5px 11px;
  border:1px solid rgba(33,73,111,.72);
  border-radius:12px;
  background:rgba(8,26,47,.72);
  box-shadow:inset 0 0 0 1px rgba(29,140,255,.05);
  display:flex;
  flex-direction:column;
  justify-content:center;
  line-height:1.05;
}

.th826-super-top-stat span{
  color:var(--muted);
  font-size:10.5px;
  font-weight:750;
  white-space:nowrap;
}

.th826-super-top-stat b{
  color:#f8fbff;
  font-size:15px;
  font-weight:900;
  margin-top:3px;
  white-space:nowrap;
}

.th826-super-top-stat:first-child b{
  color:#35d0ff;
}

.th826-super-top-stat:last-child b{
  color:#22c55e;
}

/* TH826_TAB3_WIN_REFERENCE_INPUT_20260709 */
.th826-win-reference{
  margin-top:12px;
  border:1px solid rgba(245,158,11,.38);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(245,158,11,.10),rgba(8,26,47,.58));
  padding:12px;
}

.th826-win-reference-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:7px;
}

.th826-win-reference-head b{
  color:#fff7ed;
  font-size:12.5px;
  line-height:1.2;
}

.th826-win-reference-head span{
  height:22px;
  padding:0 9px;
  border-radius:999px;
  border:1px solid rgba(245,158,11,.55);
  background:rgba(245,158,11,.13);
  color:#fde68a;
  display:inline-flex;
  align-items:center;
  font-size:10.5px;
  font-weight:850;
  white-space:nowrap;
}

.th826-win-reference p{
  color:#b8cce3;
  font-size:11.2px;
  line-height:1.35;
  margin:0 0 9px;
}

.th826-win-reference-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  margin-bottom:9px;
}

.th826-win-reference-grid span{
  min-height:24px;
  border:1px solid rgba(33,73,111,.58);
  border-radius:999px;
  background:rgba(29,140,255,.08);
  color:#c7ddf7;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:10.8px;
  font-weight:800;
  white-space:nowrap;
}

.th826-win-reference-actions{
  display:flex;
  gap:8px;
  margin-bottom:8px;
}

.th826-win-reference-actions .btn{
  flex:1 1 0;
  min-width:0;
  padding-left:8px;
  padding-right:8px;
  font-size:11px;
}

.th826-win-reference small{
  display:block;
  color:var(--muted);
  font-size:10.5px;
  line-height:1.3;
}

/* TH826_TAB3_WIN_REFERENCE_VIDEO_FRAME_20260709 */
.th826-win-reference-sep{
  margin:14px 0 10px;
  display:flex;
  align-items:center;
  gap:8px;
}

.th826-win-reference-sep:before,
.th826-win-reference-sep:after{
  content:"";
  height:1px;
  background:rgba(245,158,11,.35);
  flex:1 1 auto;
}

.th826-win-reference-sep span{
  color:#fde68a;
  font-size:10.5px;
  font-weight:850;
  white-space:nowrap;
}

.th826-win-reference-frame{
  min-height:118px;
  border:1px dashed rgba(245,158,11,.58);
  border-radius:13px;
  background:
    radial-gradient(circle at 22% 20%,rgba(245,158,11,.20),transparent 34%),
    linear-gradient(135deg,rgba(29,140,255,.10),rgba(8,26,47,.72));
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:12px;
  margin-bottom:10px;
}

.th826-win-reference-play{
  width:38px;
  height:38px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#f59e0b,#1d8cff);
  color:#fff;
  font-size:15px;
  font-weight:900;
  margin-bottom:8px;
  box-shadow:0 8px 22px rgba(0,0,0,.22);
}

.th826-win-reference-frame b{
  color:#fff7ed;
  font-size:12.5px;
  line-height:1.2;
}

.th826-win-reference-frame span{
  color:#b8cce3;
  font-size:10.8px;
  line-height:1.35;
  margin-top:5px;
  max-width:210px;
}

.th826-win-reference small b{
  color:#fde68a;
}

/* TH826_TAB3_WIN_REFERENCE_TEXT_TUNE_20260709 */
.th826-win-reference-head b small{
  color:var(--muted);
  font-size:10.5px;
  font-weight:750;
  opacity:.78;
  white-space:nowrap;
}

.th826-win-reference small b{
  color:inherit;
  font-weight:900;
}

/* TH826_TAB3_OPTIONAL_INLINE_FIX_20260709 */
.th826-win-reference-head b small{
  display:inline;
  margin-left:4px;
  vertical-align:baseline;
}

/* TH826_TAB2_WIN_PRODUCTS_FULL_REPLACE_20260709 */
.th826-winners,
.th826-winners *{
  min-width:0;
}

.th826-winners{
  max-width:100%;
  overflow:hidden;
}

.th826-winners-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}

.th826-winners-titleline{
  display:flex;
  align-items:center;
  gap:12px;
}

.th826-winners-target-icon{
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid rgba(29,140,255,.62);
  background:rgba(29,140,255,.12);
  color:#35d0ff;
  font-size:24px;
  box-shadow:0 0 24px rgba(29,140,255,.20);
  flex:0 0 auto;
}

.th826-winners h1{
  font-size:26px;
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.02em;
}

.th826-winners-head p{
  margin-top:6px;
  color:#9fc5ec;
  font-size:13px;
}

.th826-winners-refresh{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
  flex:0 0 auto;
}

.th826-winners-refresh span{
  color:#9fc5ec;
  font-size:12px;
  white-space:nowrap;
}

.th826-winners-refresh i{
  display:inline-block;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#22c55e;
  margin-right:6px;
}

.th826-winners-filter{
  display:grid;
  grid-template-columns:220px 220px 220px 220px minmax(0,1fr);
  gap:10px;
  align-items:end;
  margin-bottom:12px;
}

.th826-winners-filter label{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:8px;
  color:#9fc5ec;
  font-size:12px;
}

.th826-winners-filter input,
.th826-winners-filter select,
.th826-winners-search{
  height:38px;
  border:1px solid rgba(33,73,111,.72);
  border-radius:10px;
  background:rgba(4,18,34,.74);
  color:#f8fbff;
  padding:0 12px;
  font-size:12px;
}

.th826-winners-search{
  display:flex;
  align-items:center;
  color:var(--muted);
}

.th826-winners-sources{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-bottom:12px;
}

.th826-winner-source{
  min-height:116px;
  border:1px solid rgba(33,73,111,.78);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(8,26,47,.90),rgba(5,18,33,.72));
  padding:14px 16px;
  box-shadow:inset 0 0 0 1px rgba(29,140,255,.04);
}

.th826-winner-source.active{
  border-color:rgba(53,208,255,.75);
  box-shadow:0 0 24px rgba(29,140,255,.28), inset 0 0 0 1px rgba(53,208,255,.12);
}

.th826-source-top{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  border-bottom:1px solid rgba(33,73,111,.60);
  padding-bottom:10px;
}

.th826-source-logo{
  width:32px;
  height:32px;
  border-radius:9px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:19px;
  font-weight:950;
}

.th826-source-logo.tiktok{
  background:#07111f;
  border:1px solid rgba(255,255,255,.12);
}

.th826-source-logo.shopee{
  background:#ef4d2f;
}

.th826-source-logo.sensel{
  background:rgba(29,140,255,.18);
  color:#1d8cff;
  font-size:28px;
}

.th826-source-top b{
  color:#f8fbff;
  font-size:18px;
  line-height:1.15;
}

.th826-source-top em{
  height:26px;
  padding:0 11px;
  border:1px solid rgba(34,197,94,.42);
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#22c55e;
  background:rgba(34,197,94,.10);
  font-style:normal;
  font-weight:850;
  font-size:12px;
}

.th826-source-top em.updating{
  color:#facc15;
  border-color:rgba(250,204,21,.45);
  background:rgba(250,204,21,.11);
}

.th826-source-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}

.th826-source-metrics div{
  border-right:1px solid rgba(33,73,111,.52);
  padding-right:8px;
}

.th826-source-metrics div:last-child{
  border-right:0;
}

.th826-source-metrics strong{
  display:block;
  color:#f8fbff;
  font-size:21px;
  line-height:1;
}

.th826-source-metrics span{
  display:block;
  color:#9fc5ec;
  font-size:11px;
  line-height:1.25;
  margin-top:4px;
}

.th826-winner-sector-row{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  border:1px solid rgba(33,73,111,.64);
  border-radius:12px;
  background:rgba(4,18,34,.42);
  padding:8px;
  margin-bottom:12px;
}

.th826-winner-chip{
  height:28px;
  border:1px solid rgba(33,73,111,.78);
  border-radius:7px;
  background:rgba(8,26,47,.72);
  color:#c7ddf7;
  padding:0 12px;
  font-size:11px;
  font-weight:750;
  white-space:nowrap;
}

.th826-winner-chip.active{
  color:#fff;
  background:#1d8cff;
  border-color:#1d8cff;
}

.th826-winner-chip-arrow{
  width:32px;
  padding:0;
  font-size:18px;
}

.th826-winner-body{
  display:grid;
  grid-template-columns:minmax(0,1fr) 440px;
  gap:12px;
  align-items:stretch;
}

.th826-winner-table-card{
  padding:12px;
  overflow:hidden;
}

.th826-winner-card-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  margin-bottom:9px;
}

.th826-winner-card-head h2,
.th826-winner-ai-panel h2{
  color:#f8fbff;
  font-size:16px;
  line-height:1.2;
}

.th826-winner-card-head p{
  color:#9fc5ec;
  font-size:11.5px;
  margin-top:3px;
}

.th826-winner-tabs{
  display:flex;
  border:1px solid rgba(33,73,111,.74);
  border-radius:10px;
  overflow:hidden;
  flex:0 0 auto;
}

.th826-winner-tabs button{
  height:34px;
  padding:0 17px;
  border:0;
  border-right:1px solid rgba(33,73,111,.65);
  background:rgba(8,26,47,.82);
  color:#b8cce3;
  font-weight:800;
}

.th826-winner-tabs button:last-child{
  border-right:0;
}

.th826-winner-tabs button.active{
  color:#7cc9ff;
  background:rgba(29,140,255,.18);
}

.th826-winner-table-wrap{
  width:100%;
  overflow:hidden;
  border:1px solid rgba(33,73,111,.46);
  border-radius:10px;
}

.th826-winner-table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
}

.th826-winner-table th,
.th826-winner-table td{
  border-bottom:1px solid rgba(33,73,111,.42);
  border-right:1px solid rgba(33,73,111,.30);
  padding:8px 7px;
  vertical-align:middle;
  font-size:10.2px;
  line-height:1.24;
}

.th826-winner-table th{
  color:#9fc5ec;
  text-align:left;
  font-size:9.6px;
  text-transform:none;
  font-weight:850;
}

.th826-winner-table th:nth-child(1){width:26px;}
.th826-winner-table th:nth-child(2){width:99px;}
.th826-winner-table th:nth-child(3){width:78px;}
.th826-winner-table th:nth-child(4){width:132px;}
.th826-winner-table th:nth-child(5){width:88px;}
.th826-winner-table th:nth-child(6){width:70px;}
.th826-winner-table th:nth-child(7){width:95px;}
.th826-winner-table th:nth-child(8){width:86px;}
.th826-winner-table th:nth-child(9){width:62px;}
.th826-winner-table th:nth-child(10){width:78px;}
.th826-winner-table th:nth-child(11){width:78px;}
.th826-winner-table th:nth-child(12){width:70px;}

.th826-winner-table td{
  color:#dbeafe;
}

.th826-winner-table td b{
  color:#f8fbff;
  font-weight:850;
}

.th826-winner-table td span{
  color:#9fc5ec;
  font-size:9.5px;
}

.th826-winner-product{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:7px;
  align-items:center;
}

.th826-winner-thumb{
  width:34px;
  height:34px;
  border-radius:7px;
  background:linear-gradient(135deg,#a7f3d0,#f59e0b,#1d8cff);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);
}

.th826-winner-platform{
  min-height:22px;
  padding:3px 6px;
  border-radius:7px;
  display:inline-flex;
  align-items:center;
  font-size:9px !important;
  font-weight:850;
  color:#fff !important;
}

.th826-winner-platform.tiktok{
  background:#07111f;
  border:1px solid rgba(255,255,255,.16);
}

.th826-winner-platform.shopee{
  background:#ef4d2f;
}

.th826-winner-pill{
  height:23px;
  min-width:46px;
  padding:0 8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  font-size:9.5px !important;
  font-weight:900;
}

.th826-winner-pill.green{
  color:#bbf7d0 !important;
  background:rgba(34,197,94,.13);
  border:1px solid rgba(34,197,94,.44);
}

.th826-winner-pill.yellow{
  color:#fde68a !important;
  background:rgba(245,158,11,.13);
  border:1px solid rgba(245,158,11,.46);
}

.th826-winner-apply{
  height:28px;
  min-height:28px;
  padding:0 9px;
  font-size:10px;
}

.th826-winner-table-foot{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-top:10px;
  color:#c7ddf7;
  font-size:12px;
}

.th826-winner-table-foot div{
  display:flex;
  align-items:center;
  gap:6px;
}

.th826-winner-table-foot .btn{
  width:30px;
  height:30px;
  min-height:30px;
  padding:0;
}

.th826-winner-notes{
  display:grid;
  grid-template-columns:1fr 1.35fr;
  gap:8px;
  margin-top:10px;
}

.th826-winner-notes div{
  border:1px solid rgba(33,73,111,.58);
  border-radius:10px;
  background:rgba(8,26,47,.58);
  padding:11px;
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:#35d0ff;
  font-size:17px;
}

.th826-winner-notes span{
  color:#b8cce3;
  font-size:12px;
  line-height:1.35;
}

.th826-winner-ai-panel{
  border:1px solid rgba(33,73,111,.72);
  border-radius:14px;
  background:rgba(4,18,34,.72);
  padding:13px;
  overflow:hidden;
}

.th826-winner-ai-panel h2{
  margin-bottom:10px;
}

.th826-ai-box{
  border:1px solid rgba(33,73,111,.58);
  border-radius:11px;
  background:rgba(8,26,47,.62);
  padding:12px;
  margin-bottom:10px;
}

.th826-ai-box h3{
  color:#f8fbff;
  font-size:13.5px;
  margin-bottom:8px;
}

.th826-ai-box ul,
.th826-ai-box ol{
  margin:0;
  padding-left:18px;
  color:#b8cce3;
  font-size:11.5px;
  line-height:1.45;
}

.th826-ai-box li{
  margin:3px 0;
}

.th826-format-row{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px;
}

.th826-format-row span{
  text-align:center;
  color:#9fc5ec;
  font-size:17px;
}

.th826-format-row b{
  display:block;
  color:#f8fbff;
  font-size:9.5px;
  line-height:1.2;
  margin-top:5px;
}

.th826-format-row small{
  display:block;
  color:var(--muted);
  font-size:9px;
  line-height:1.18;
  margin-top:2px;
}

.th826-cta-row{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.th826-cta-row button{
  height:30px;
  border:1px solid rgba(29,140,255,.55);
  border-radius:8px;
  background:rgba(29,140,255,.10);
  color:#7cc9ff;
  padding:0 14px;
  font-weight:850;
  font-size:11px;
}

.th826-ai-box-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.th826-ai-box-head span{
  color:#facc15;
  border:1px solid rgba(250,204,21,.44);
  background:rgba(250,204,21,.10);
  border-radius:999px;
  padding:5px 9px;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}

.th826-sensel-updating p{
  color:#b8cce3;
  font-size:11.5px;
  line-height:1.4;
  margin:0;
}

@media (max-width:1500px){
  .th826-winners-filter{
    grid-template-columns:180px 190px 190px 190px minmax(0,1fr);
  }

  .th826-winner-body{
    grid-template-columns:minmax(0,1fr) 390px;
  }

  .th826-winner-table th,
  .th826-winner-table td{
    padding:7px 5px;
    font-size:9.6px;
  }
}

/* TH826_TAB2_STEP_AND_AI_LIST_FIX_20260709 */
.th826-winners-role-box{
  min-height:62px;
  border:1px solid rgba(29,140,255,.58);
  border-radius:14px;
  background:linear-gradient(90deg,rgba(29,140,255,.16),rgba(8,26,47,.78));
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:11px 14px;
  margin-bottom:12px;
  box-shadow:inset 0 0 0 1px rgba(53,208,255,.06);
}

.th826-winners-role-num{
  width:34px;
  height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(29,140,255,.22);
  color:#7cc9ff;
  font-size:18px;
  font-weight:950;
}

.th826-winners-role-box b{
  color:#f8fbff;
  font-size:14px;
  line-height:1.25;
}

.th826-winners-role-box p{
  color:#9fc5ec;
  font-size:12px;
  line-height:1.35;
  margin-top:4px;
}

.th826-ai-box .th826-ai-check-list,
.th826-ai-box .th826-ai-number-list{
  list-style:none;
  margin:0;
  padding-left:0;
}

.th826-ai-box .th826-ai-check-list li,
.th826-ai-box .th826-ai-number-list li{
  position:relative;
  padding-left:22px;
  color:#b8cce3;
  font-size:11.5px;
  line-height:1.45;
  margin:4px 0;
}

.th826-ai-box .th826-ai-check-list li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:1px;
  width:14px;
  height:14px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(34,197,94,.18);
  border:1px solid rgba(34,197,94,.52);
  color:#86efac;
  font-size:9px;
  font-weight:950;
  line-height:1;
}

.th826-ai-box .th826-ai-number-list{
  counter-reset:th826-ai-hook;
}

.th826-ai-box .th826-ai-number-list li{
  counter-increment:th826-ai-hook;
}

.th826-ai-box .th826-ai-number-list li::before{
  content:counter(th826-ai-hook);
  position:absolute;
  left:0;
  top:1px;
  width:15px;
  height:15px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(29,140,255,.24);
  border:1px solid rgba(29,140,255,.62);
  color:#7cc9ff;
  font-size:9px;
  font-weight:950;
  line-height:1;
}

/* TH826_TAB2_TOP_SPACING_COMPACT_20260709 */
.th826-winners-head{
  margin-bottom:8px;
}

.th826-winners-titleline{
  gap:10px;
}

.th826-winners-target-icon{
  width:38px;
  height:38px;
  font-size:22px;
}

.th826-winners h1{
  font-size:25px;
}

.th826-winners-head p{
  margin-top:3px;
}

.th826-winners-refresh{
  gap:5px;
}

.th826-winners-refresh .btn{
  min-height:34px;
  height:34px;
}

.th826-winners-role-box{
  min-height:54px;
  padding:9px 13px;
  margin-bottom:9px;
  grid-template-columns:38px minmax(0,1fr);
}

.th826-winners-role-num{
  width:31px;
  height:31px;
  border-radius:11px;
  font-size:16px;
}

.th826-winners-role-box b{
  font-size:13.5px;
}

.th826-winners-role-box p{
  margin-top:3px;
  font-size:11.8px;
  line-height:1.3;
}

.th826-winners-filter{
  margin-bottom:10px;
}

/* AUTH-ADMIN-REAL-00E-STEP1-A: public auth portal base */
body.th826-auth-public .app{display:none}
#th826AuthPortal{min-height:100vh}
.th826-auth-page{
  min-height:100vh;
  background:
    radial-gradient(circle at 18% 12%, rgba(0,136,255,.22), transparent 32%),
    radial-gradient(circle at 70% 30%, rgba(0,95,255,.16), transparent 34%),
    linear-gradient(180deg,#061526 0%,#03101f 100%);
  color:#eaf6ff;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.th826-auth-topbar{
  height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 28px;
  border-bottom:1px solid rgba(71,169,255,.2);
  background:rgba(4,17,31,.72);
  backdrop-filter:blur(18px);
}
.th826-auth-brand{display:flex;align-items:center;gap:12px}
.th826-auth-brand-mark{
  width:40px;height:40px;border-radius:14px;
  display:grid;place-items:center;
  font-weight:900;color:white;
  background:linear-gradient(135deg,#33d7ff,#1677ff);
  box-shadow:0 0 26px rgba(25,144,255,.5);
}
.th826-auth-brand-title{font-size:23px;font-weight:900;letter-spacing:.4px}
.th826-auth-brand-title b{color:#25c8ff}
.th826-auth-brand-sub{color:#9db9d4;font-size:12px;margin-top:1px}
.th826-auth-top-actions{
  display:flex;align-items:center;gap:26px;
  color:#aac5dc;font-size:14px;
}
.th826-auth-icon-btn{
  width:36px;height:36px;border:1px solid rgba(78,169,255,.24);
  border-radius:12px;color:#c9eaff;background:rgba(8,31,55,.72);
}
.th826-auth-main{
  display:grid;
  grid-template-columns:540px minmax(720px,1160px);
  gap:42px;
  padding:28px 30px 18px;
  max-width:1780px;
  margin:0 auto;
}
.th826-auth-welcome{display:flex;flex-direction:column;gap:12px}
.th826-auth-hero{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:20px;
  align-items:center;
  padding:8px 2px 10px;
}
.th826-auth-hero-icon{
  position:relative;
  width:130px;height:110px;border-radius:28px;
  display:grid;place-items:center;
  font-size:48px;font-weight:900;color:#7be7ff;
  background:linear-gradient(135deg,rgba(19,117,255,.28),rgba(14,230,255,.08));
  border:1px solid rgba(51,199,255,.35);
  box-shadow:0 0 42px rgba(32,159,255,.38), inset 0 0 28px rgba(77,204,255,.12);
}
.th826-auth-hero-icon span{
  position:absolute;right:-10px;bottom:10px;
  font-size:20px;color:white;
  background:linear-gradient(135deg,#1f8bff,#16ddff);
  padding:6px 8px;border-radius:10px;
}
.th826-auth-hero h1{margin:0;font-size:28px;line-height:1.18}
.th826-auth-hero h1 strong{
  display:inline-block;margin-top:4px;
  font-size:42px;color:#22c7ff;letter-spacing:.5px;
}
.th826-auth-hero p{
  margin:8px 0 0;color:#c0d4e8;
  line-height:1.45;font-size:15px;
}
.th826-auth-info-card,
.th826-auth-referral{
  display:grid;grid-template-columns:82px 1fr;gap:14px;
  padding:14px 16px;
  border:1px solid rgba(50,160,255,.34);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(8,31,55,.82),rgba(5,20,37,.76));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.th826-auth-card-icon{
  width:64px;height:64px;display:grid;place-items:center;
  border-radius:17px;font-size:30px;
  background:linear-gradient(135deg,rgba(0,125,255,.28),rgba(0,235,255,.12));
  box-shadow:0 0 28px rgba(0,145,255,.25);
}
.th826-auth-info-card h3,
.th826-auth-referral h3{margin:0 0 6px;font-size:17px}
.th826-auth-info-card p,
.th826-auth-referral p{
  margin:0;color:#c4d7e8;line-height:1.42;font-size:14px;
}
.th826-auth-info-card ul{
  margin:0;padding-left:0;list-style:none;
  color:#cde7fb;font-size:14px;line-height:1.45;
}
.th826-auth-info-card li::before{
  content:"✓";color:#38c8ff;margin-right:8px;
}
.th826-auth-metrics{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
.th826-auth-metrics div{padding:4px 6px;border-left:1px solid rgba(74,169,255,.18)}
.th826-auth-metrics b{display:block;color:#20bfff;font-size:22px;line-height:1.1}
.th826-auth-metrics span{display:block;margin-top:4px;color:white;font-weight:800;font-size:13px}
.th826-auth-metrics small{display:block;margin-top:4px;color:#91acc5;font-size:11px;line-height:1.2}
.th826-auth-referral{grid-template-columns:64px 1fr 54px;align-items:center}
.th826-auth-referral > div:first-child{font-size:34px}
.th826-auth-heart{font-size:44px;color:#32d4ff;text-shadow:0 0 22px rgba(35,196,255,.65)}

/* AUTH-ADMIN-REAL-00E-STEP1-B: auth form panel */
.th826-auth-panel{
  border:1px solid rgba(55,159,255,.45);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(7,28,50,.9),rgba(4,17,31,.88));
  box-shadow:0 0 42px rgba(0,103,255,.18);
  overflow:hidden;
  align-self:start;
}
.th826-auth-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  padding:8px 10px 12px;
  border-bottom:1px solid rgba(64,151,255,.22);
}
.th826-auth-tab{
  height:54px;
  border:0;
  color:#cde6ff;
  font-weight:900;
  font-size:16px;
  background:transparent;
  border-radius:14px;
}
.th826-auth-tab.active{
  color:white;
  background:linear-gradient(180deg,#158cff,#0868e9);
  box-shadow:0 0 26px rgba(17,121,255,.45);
}
.th826-auth-panel-body{
  display:grid;
  grid-template-columns:minmax(420px,1fr) 44px minmax(360px,.78fr);
  gap:16px;
  padding:14px 18px 20px;
}
.th826-auth-register,
.th826-auth-login{
  padding:0 8px;
}
.th826-auth-methods{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-bottom:20px;
}
.th826-auth-methods button,
.th826-auth-quick button{
  height:44px;
  border:1px solid rgba(75,166,255,.36);
  color:#dcefff;
  border-radius:10px;
  background:rgba(5,22,40,.72);
  font-weight:800;
}
.th826-auth-methods button.active{
  background:rgba(19,119,255,.25);
  border-color:#168cff;
}
.th826-auth-steps{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
  color:#91aac2;
  font-weight:800;
}
.th826-auth-steps span{
  display:flex;
  align-items:center;
  gap:8px;
}
.th826-auth-steps span::before{
  content:"";
  width:30px;
  height:30px;
  border-radius:50%;
  display:inline-block;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
}
.th826-auth-steps span.active{color:white}
.th826-auth-steps span.active::before{
  background:linear-gradient(180deg,#1597ff,#086ae9);
}
.th826-auth-steps i{
  flex:1;
  border-top:1px dashed rgba(155,193,226,.35);
}
.th826-auth-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.th826-auth-panel label{
  display:block;
  color:#f0f7ff;
  font-weight:800;
  font-size:14px;
  margin-bottom:12px;
}
.th826-auth-panel input{
  width:100%;
  height:44px;
  margin-top:7px;
  padding:0 14px;
  color:#eaf6ff;
  border:1px solid rgba(70,158,245,.32);
  border-radius:10px;
  outline:none;
  background:rgba(4,18,33,.78);
}
.th826-auth-panel input::placeholder{color:#7898b3}
.th826-auth-otp-row{
  display:grid;
  grid-template-columns:1fr 112px;
  gap:8px;
  align-items:end;
}
.th826-auth-otp-row button{
  height:44px;
  margin-bottom:12px;
  border:1px solid rgba(70,158,245,.42);
  color:#49bfff;
  border-radius:10px;
  background:rgba(4,22,42,.82);
  font-weight:900;
}
.th826-auth-check{
  display:flex !important;
  align-items:center;
  gap:8px;
  font-weight:700 !important;
  color:#bed8ef !important;
}
.th826-auth-check input{
  width:20px;
  height:20px;
  margin:0;
}
.th826-auth-check b{color:#2ebfff}
.th826-auth-note{
  margin:0 0 16px;
  color:#8faccc;
  font-size:13px;
}
.th826-auth-primary,
.th826-auth-secondary{
  width:100%;
  height:50px;
  border-radius:11px;
  font-weight:900;
  font-size:15px;
}
.th826-auth-primary{
  border:0;
  color:white;
  background:linear-gradient(180deg,#168cff,#0868e9);
  box-shadow:0 0 22px rgba(19,123,255,.32);
}
.th826-auth-secondary{
  margin-top:10px;
  border:1px solid rgba(78,167,255,.3);
  color:#e4f4ff;
  background:rgba(5,22,40,.68);
}

/* AUTH-ADMIN-REAL-00E-STEP1-C: auth login side + finish */
.th826-auth-or{
  width:38px;
  height:38px;
  align-self:center;
  justify-self:center;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#e6f4ff;
  background:#061b31;
  border:1px solid rgba(63,152,255,.42);
  box-shadow:0 0 22px rgba(32,144,255,.22);
}
.th826-auth-login{
  border:1px solid rgba(63,152,255,.3);
  border-radius:16px;
  padding:24px 22px;
  background:rgba(5,20,37,.72);
  align-self:center;
}
.th826-auth-login h2{
  margin:0 0 8px;
  font-size:22px;
}
.th826-auth-login p{
  margin:0 0 22px;
  color:#a7bed7;
}
.th826-auth-login-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:6px 0 16px;
}
.th826-auth-login-row label{
  margin:0;
  display:flex !important;
  align-items:center;
  gap:8px;
  color:#d4e8f7 !important;
}
.th826-auth-login-row input{
  width:18px;
  height:18px;
  margin:0;
}
.th826-auth-login-row button{
  border:0;
  color:#28b8ff;
  background:transparent;
}
.th826-auth-security{
  margin-top:20px;
  padding:14px;
  color:#95b0c9;
  border:1px solid rgba(70,158,245,.24);
  border-radius:12px;
  background:rgba(8,31,55,.56);
  line-height:1.35;
}
.th826-auth-message{
  min-height:22px;
  margin-top:12px;
  color:#61d2ff;
  font-weight:800;
}
.th826-auth-footer{
  text-align:center;
  color:#8da9c3;
  padding:8px 0 20px;
}
@media (max-width:1300px){
  .th826-auth-main{grid-template-columns:1fr}
  .th826-auth-panel-body{grid-template-columns:1fr}
  .th826-auth-or{display:none}
}

/* AUTH-ADMIN-REAL-00E-FIX1: approved auth layout correction */
.th826-auth-page{
  overflow-x:hidden;
}
.th826-auth-main{
  grid-template-columns:minmax(520px,560px) minmax(620px,880px);
  justify-content:center;
  gap:54px;
  padding:34px 56px 28px;
}
.th826-auth-panel{
  max-width:880px;
  width:100%;
  justify-self:center;
}
.th826-auth-panel-body{
  grid-template-columns:1fr;
  padding:18px 30px 28px;
}
.th826-auth-register{
  max-width:650px;
  margin:0 auto;
  padding:0;
}
.th826-auth-login,
.th826-auth-or{
  display:none !important;
}
.th826-auth-tabs{
  grid-template-columns:1fr;
  padding:10px 12px 14px;
}
.th826-auth-tabs .th826-auth-tab:first-child{
  display:none;
}
.th826-auth-tab.active{
  height:58px;
  font-size:17px;
}
.th826-auth-secondary{
  display:block;
}
.th826-auth-welcome{
  max-width:560px;
}
.th826-auth-info-card,
.th826-auth-referral{
  padding:15px 17px;
  border-radius:18px;
}
.th826-auth-hero{
  grid-template-columns:136px 1fr;
  gap:18px;
}
.th826-auth-hero-icon{
  font-size:0 !important;
}
.th826-auth-hero-icon::before{
  content:"";
  width:0;
  height:0;
  border-top:28px solid transparent;
  border-bottom:28px solid transparent;
  border-left:44px solid #78e7ff;
  filter:drop-shadow(0 0 18px rgba(42,206,255,.8));
  transform:translateX(6px);
}
.th826-auth-card-icon{
  font-size:0 !important;
  position:relative;
}
.th826-auth-card-icon::before{
  content:"";
  width:30px;
  height:30px;
  border:2px solid #38caff;
  border-radius:10px;
  box-shadow:0 0 18px rgba(50,202,255,.6), inset 0 0 14px rgba(50,202,255,.18);
}
.th826-auth-card-icon::after{
  content:"";
  position:absolute;
  width:15px;
  height:15px;
  border-right:2px solid #7ee9ff;
  border-top:2px solid #7ee9ff;
  transform:rotate(45deg);
}
.th826-auth-referral > div:first-child{
  font-size:0 !important;
  width:54px;
  height:54px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(94,69,255,.24),rgba(0,217,255,.12));
  border:1px solid rgba(105,192,255,.35);
}
.th826-auth-referral > div:first-child::before{
  content:"";
  width:28px;
  height:28px;
  border:2px solid #8bdcff;
  border-radius:8px;
  box-shadow:0 0 18px rgba(74,207,255,.5);
}
.th826-auth-heart{
  font-size:42px;
  line-height:1;
}
.th826-auth-metrics b{
  font-size:23px;
}
.th826-auth-metrics small{
  font-size:11.5px;
}

/* AUTH-ADMIN-REAL-00E-FIX2: premium smooth visual polish */
.th826-auth-page{
  background:
    linear-gradient(180deg, rgba(4,18,34,.96) 0%, rgba(3,13,25,.98) 48%, rgba(2,9,18,1) 100%),
    #020b16 !important;
}
.th826-auth-page::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 22% 18%, rgba(24,145,255,.16), transparent 28%),
    radial-gradient(circle at 74% 20%, rgba(0,194,255,.08), transparent 24%),
    radial-gradient(circle at 50% 88%, rgba(17,91,180,.08), transparent 32%);
  filter:blur(8px);
  opacity:.9;
}
.th826-auth-topbar{
  background:rgba(3,15,29,.82) !important;
  border-bottom:1px solid rgba(79,166,255,.16) !important;
  box-shadow:0 18px 60px rgba(0,0,0,.18);
}
.th826-auth-main{
  position:relative;
  z-index:1;
  padding-top:42px !important;
  padding-left:74px !important;
  padding-right:74px !important;
}
.th826-auth-panel,
.th826-auth-info-card,
.th826-auth-referral{
  background:
    linear-gradient(180deg, rgba(9,35,62,.82), rgba(5,20,38,.86)) !important;
  border-color:rgba(71,163,255,.28) !important;
  box-shadow:
    0 22px 70px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.th826-auth-panel{
  backdrop-filter:blur(18px);
}
.th826-auth-tabs{
  background:rgba(3,15,29,.38);
}
.th826-auth-tab.active,
.th826-auth-primary{
  background:linear-gradient(180deg,#1b91ff 0%,#0a6ee8 100%) !important;
  box-shadow:0 16px 38px rgba(15,113,255,.34) !important;
}
.th826-auth-card-icon,
.th826-auth-hero-icon{
  background:linear-gradient(145deg, rgba(20,126,255,.22), rgba(16,232,255,.08)) !important;
  border-color:rgba(80,196,255,.28) !important;
  box-shadow:
    0 18px 46px rgba(0,111,255,.18),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.th826-auth-brand-mark{
  box-shadow:0 12px 32px rgba(25,144,255,.32) !important;
}

/* AUTH-ADMIN-REAL-00E-FIX3: match approved premium composition */
.th826-auth-page{
  min-height:100vh !important;
  overflow:auto !important;
  background:#020b16 !important;
}
.th826-auth-main{
  grid-template-columns:minmax(640px,720px) minmax(520px,660px) !important;
  gap:92px !important;
  max-width:1500px !important;
  padding:42px 72px 34px !important;
  align-items:start !important;
}
.th826-auth-welcome{
  max-width:720px !important;
  width:100% !important;
  gap:10px !important;
}
.th826-auth-panel{
  max-width:660px !important;
  margin-top:4px !important;
  border-radius:18px !important;
}
.th826-auth-panel-body{
  padding:14px 32px 24px !important;
}
.th826-auth-register{
  max-width:100% !important;
}
.th826-auth-hero{
  grid-template-columns:150px 1fr !important;
  padding:0 0 12px !important;
}
.th826-auth-hero-icon{
  width:138px !important;
  height:112px !important;
  border-radius:28px !important;
}
.th826-auth-hero h1{
  font-size:27px !important;
}
.th826-auth-hero h1 strong{
  font-size:42px !important;
}
.th826-auth-hero p{
  max-width:430px !important;
}
.th826-auth-info-card,
.th826-auth-referral{
  grid-template-columns:86px 1fr !important;
  min-height:auto !important;
  padding:12px 16px !important;
  border-radius:14px !important;
}
.th826-auth-card-icon,
.th826-auth-ref-icon{
  width:58px !important;
  height:58px !important;
  border-radius:14px !important;
}
.th826-auth-info-card h3,
.th826-auth-referral h3{
  font-size:17px !important;
  margin-bottom:4px !important;
}
.th826-auth-info-card p,
.th826-auth-referral p{
  font-size:13.5px !important;
  line-height:1.35 !important;
}
.th826-auth-metrics{
  grid-template-columns:repeat(4,1fr) !important;
  gap:4px !important;
}
.th826-auth-metrics div{
  padding:2px 8px !important;
}
.th826-auth-metrics b{
  font-size:22px !important;
}
.th826-auth-metrics span{
  font-size:12.5px !important;
}
.th826-auth-metrics small{
  font-size:10.5px !important;
}
.th826-auth-referral{
  grid-template-columns:70px 1fr 56px !important;
}
.th826-auth-trust-strip{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:0 !important;
  border:1px solid rgba(71,163,255,.28) !important;
  border-radius:14px !important;
  background:linear-gradient(180deg,rgba(9,35,62,.76),rgba(5,20,38,.82)) !important;
  box-shadow:0 18px 54px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.045) !important;
  overflow:hidden !important;
}
.th826-auth-trust-strip span{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  min-height:62px !important;
  padding:8px 7px !important;
  text-align:center !important;
  border-right:1px solid rgba(74,169,255,.16) !important;
}
.th826-auth-trust-strip span:last-child{
  border-right:0 !important;
}
.th826-auth-trust-strip i{
  width:22px !important;
  height:22px !important;
  border:2px solid #1bbcff !important;
  border-radius:8px !important;
  box-shadow:0 0 16px rgba(30,196,255,.45) !important;
}
.th826-auth-trust-strip b{
  color:#dff5ff !important;
  font-size:11px !important;
  line-height:1.1 !important;
}
.th826-auth-trust-strip small{
  color:#9bb7ce !important;
  font-size:10px !important;
  line-height:1.1 !important;
}
.th826-auth-footer{
  position:relative !important;
  z-index:1 !important;
  padding:0 0 18px !important;
}
@media (max-height:880px){
  .th826-auth-main{
    padding-top:30px !important;
  }
  .th826-auth-info-card,
  .th826-auth-referral{
    padding-top:10px !important;
    padding-bottom:10px !important;
  }
  .th826-auth-hero-icon{
    width:122px !important;
    height:100px !important;
  }
}

/* AUTH-ADMIN-REAL-00E-FIX3B: premium distinct card icons */
.th826-auth-info-card .th826-auth-card-icon::before,
.th826-auth-info-card .th826-auth-card-icon::after{
  content:"";
  position:absolute;
  display:block;
}
.th826-auth-info-card:nth-of-type(2) .th826-auth-card-icon::before{
  width:30px;height:22px;
  border:2px solid #27d4ff;
  border-radius:8px;
}
.th826-auth-info-card:nth-of-type(2) .th826-auth-card-icon::after{
  width:10px;height:10px;
  border-right:2px solid #8ff0ff;
  border-top:2px solid #8ff0ff;
  transform:rotate(45deg);
  right:15px;bottom:15px;
}
.th826-auth-info-card:nth-of-type(3) .th826-auth-card-icon::before{
  width:34px;height:28px;
  border-left:3px solid #27d4ff;
  border-bottom:3px solid #27d4ff;
  border-radius:4px;
}
.th826-auth-info-card:nth-of-type(3) .th826-auth-card-icon::after{
  width:22px;height:22px;
  border-right:3px solid #8ff0ff;
  border-top:3px solid #8ff0ff;
  transform:rotate(-10deg);
  right:13px;top:14px;
}
.th826-auth-info-card:nth-of-type(4) .th826-auth-card-icon::before{
  width:34px;height:20px;
  border:3px solid #27d4ff;
  border-top-left-radius:18px;
  border-top-right-radius:18px;
  border-bottom:0;
  bottom:15px;
}
.th826-auth-info-card:nth-of-type(4) .th826-auth-card-icon::after{
  width:16px;height:16px;
  border:3px solid #8ff0ff;
  border-radius:50%;
  top:13px;
}
.th826-auth-info-card:nth-of-type(5) .th826-auth-card-icon::before{
  width:38px;height:38px;
  border:3px solid #27d4ff;
  border-radius:50%;
}
.th826-auth-info-card:nth-of-type(5) .th826-auth-card-icon::after{
  width:18px;height:18px;
  border-right:3px solid #8ff0ff;
  border-top:3px solid #8ff0ff;
  transform:rotate(45deg);
  right:13px;top:12px;
}
.th826-auth-ref-icon{
  position:relative;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(94,69,255,.22),rgba(0,217,255,.12));
  border:1px solid rgba(105,192,255,.35);
  box-shadow:0 16px 40px rgba(0,111,255,.18), inset 0 1px 0 rgba(255,255,255,.07);
}
.th826-auth-ref-icon::before{
  content:"";
  width:30px;height:26px;
  border:3px solid #8bdcff;
  border-radius:8px;
  box-shadow:0 0 18px rgba(74,207,255,.5);
}
.th826-auth-ref-icon::after{
  content:"";
  position:absolute;
  width:34px;height:3px;
  background:#8bdcff;
  top:22px;
  box-shadow:0 0 12px rgba(74,207,255,.6);
}
.th826-auth-heart{
  color:transparent !important;
  position:relative;
  width:46px;
  height:46px;
}
.th826-auth-heart::before,
.th826-auth-heart::after{
  content:"";
  position:absolute;
  width:24px;height:36px;
  border:3px solid #1ed0ff;
  border-bottom:0;
  border-radius:24px 24px 0 0;
  box-shadow:0 0 18px rgba(30,208,255,.55);
}
.th826-auth-heart::before{
  left:8px;
  transform:rotate(-45deg);
}
.th826-auth-heart::after{
  right:8px;
  transform:rotate(45deg);
}

/* AUTH-ADMIN-REAL-00E-FIX4: icon-only refinement */
.th826-auth-card-icon,
.th826-auth-ref-icon,
.th826-auth-trust-strip i{
  position:relative;
  overflow:hidden;
}
.th826-auth-info-card .th826-auth-card-icon::before,
.th826-auth-info-card .th826-auth-card-icon::after,
.th826-auth-ref-icon::before,
.th826-auth-ref-icon::after,
.th826-auth-trust-strip i::before,
.th826-auth-trust-strip i::after{
  content:"";
  position:absolute;
  display:block;
}

/* 1) Nền tảng AI Video Marketing */
.th826-auth-info-card:nth-of-type(2) .th826-auth-card-icon::before{
  width:28px;height:20px;
  left:14px;top:17px;
  border:2px solid #39d7ff;
  border-radius:8px;
  box-shadow:0 0 16px rgba(54,214,255,.35), inset 0 0 12px rgba(54,214,255,.12);
}
.th826-auth-info-card:nth-of-type(2) .th826-auth-card-icon::after{
  left:25px;top:22px;
  width:0;height:0;
  border-top:7px solid transparent;
  border-bottom:7px solid transparent;
  border-left:11px solid #7cecff;
  filter:drop-shadow(0 0 8px rgba(124,236,255,.65));
}

/* 2) Quy mô & năng lực tăng trưởng */
.th826-auth-info-card:nth-of-type(3) .th826-auth-card-icon::before{
  left:14px;bottom:12px;
  width:5px;height:14px;background:#28d4ff;border-radius:3px;
  box-shadow:
    10px -8px 0 #28d4ff,
    20px -16px 0 #28d4ff,
    30px -24px 0 #28d4ff;
  filter:drop-shadow(0 0 8px rgba(40,212,255,.45));
}
.th826-auth-info-card:nth-of-type(3) .th826-auth-card-icon::after{
  width:22px;height:22px;
  right:11px;top:11px;
  border-top:3px solid #8ff0ff;
  border-right:3px solid #8ff0ff;
  transform:rotate(45deg);
  filter:drop-shadow(0 0 8px rgba(143,240,255,.55));
}

/* 3) Dành cho ai */
.th826-auth-info-card:nth-of-type(4) .th826-auth-card-icon::before{
  left:10px;top:12px;
  width:10px;height:10px;
  border:2px solid #30d6ff;
  border-radius:50%;
  box-shadow:
    14px 0 0 0 rgba(48,214,255,1),
    28px 0 0 0 rgba(48,214,255,1);
  background:transparent;
}
.th826-auth-info-card:nth-of-type(4) .th826-auth-card-icon::after{
  left:9px;top:27px;
  width:34px;height:16px;
  border:2px solid #7feeff;
  border-top-left-radius:18px;
  border-top-right-radius:18px;
  border-bottom:0;
  box-shadow:0 0 10px rgba(127,238,255,.3);
}

/* 4) Lợi ích bạn nhận được */
.th826-auth-info-card:nth-of-type(5) .th826-auth-card-icon::before{
  width:28px;height:28px;
  left:15px;top:14px;
  border:3px solid #28d4ff;
  border-radius:50%;
  box-shadow:0 0 14px rgba(40,212,255,.3), inset 0 0 10px rgba(40,212,255,.08);
}
.th826-auth-info-card:nth-of-type(5) .th826-auth-card-icon::after{
  width:16px;height:16px;
  right:13px;top:14px;
  border-top:3px solid #8ff0ff;
  border-right:3px solid #8ff0ff;
  transform:rotate(45deg);
  filter:drop-shadow(0 0 8px rgba(143,240,255,.5));
}

/* 5) Referral / quà tặng */
.th826-auth-ref-icon::before{
  width:28px;height:24px;
  left:13px;top:16px;
  border:2px solid #8bdcff;
  border-radius:7px;
  box-shadow:0 0 14px rgba(139,220,255,.35);
}
.th826-auth-ref-icon::after{
  left:26px;top:13px;
  width:3px;height:30px;
  background:#8bdcff;
  border-radius:3px;
  box-shadow:0 11px 0 0 rgba(139,220,255,1);
}

/* Heart neon */
.th826-auth-heart{
  position:relative;
  width:44px;height:40px;
  color:transparent !important;
}
.th826-auth-heart::before,
.th826-auth-heart::after{
  content:"";
  position:absolute;
  top:6px;
  width:18px;height:28px;
  border:3px solid #22d4ff;
  border-bottom:0;
  border-radius:18px 18px 0 0;
  box-shadow:0 0 14px rgba(34,212,255,.45);
}
.th826-auth-heart::before{
  left:8px;
  transform:rotate(-45deg);
}
.th826-auth-heart::after{
  right:8px;
  transform:rotate(45deg);
}

/* trust strip base */
.th826-auth-trust-strip i{
  position:relative !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* 6) OTP xác thực bắt buộc => shield */
.th826-auth-trust-strip span:nth-child(1) i::before{
  left:2px;top:0;
  width:18px;height:22px;
  border:2px solid #23d3ff;
  border-radius:8px 8px 10px 10px;
  clip-path:polygon(50% 0%, 100% 18%, 100% 58%, 50% 100%, 0% 58%, 0% 18%);
  box-shadow:0 0 10px rgba(35,211,255,.45);
}
.th826-auth-trust-strip span:nth-child(1) i::after{
  left:7px;top:8px;
  width:8px;height:5px;
  border-left:2px solid #95f2ff;
  border-bottom:2px solid #95f2ff;
  transform:rotate(-45deg);
}

/* 7) Không truy cập trái phép => lock */
.th826-auth-trust-strip span:nth-child(2) i::before{
  left:4px;top:9px;
  width:14px;height:11px;
  border:2px solid #23d3ff;
  border-radius:4px;
  box-shadow:0 0 10px rgba(35,211,255,.35);
}
.th826-auth-trust-strip span:nth-child(2) i::after{
  left:7px;top:1px;
  width:8px;height:10px;
  border:2px solid #95f2ff;
  border-bottom:0;
  border-radius:10px 10px 0 0;
}

/* 8) Phân quyền linh hoạt => users */
.th826-auth-trust-strip span:nth-child(3) i::before{
  left:2px;top:3px;
  width:6px;height:6px;
  border:2px solid #23d3ff;
  border-radius:50%;
  box-shadow:
    10px 0 0 0 rgba(35,211,255,1),
    20px 0 0 0 rgba(35,211,255,1);
}
.th826-auth-trust-strip span:nth-child(3) i::after{
  left:1px;top:12px;
  width:22px;height:8px;
  border:2px solid #95f2ff;
  border-top-left-radius:14px;
  border-top-right-radius:14px;
  border-bottom:0;
}

/* 9) Sao lưu & bảo mật => cloud */
.th826-auth-trust-strip span:nth-child(4) i::before{
  left:3px;top:9px;
  width:16px;height:9px;
  border:2px solid #23d3ff;
  border-top:0;
  border-radius:0 0 10px 10px;
  box-shadow:0 0 10px rgba(35,211,255,.35);
}
.th826-auth-trust-strip span:nth-child(4) i::after{
  left:3px;top:2px;
  width:16px;height:10px;
  border:2px solid #95f2ff;
  border-bottom:0;
  border-radius:12px 12px 0 0;
}

/* AUTH-ADMIN-REAL-00E-FIX5: replace all symbolic icons with clean SVG masks */
.th826-auth-card-icon,
.th826-auth-ref-icon{
  position:relative !important;
  display:grid !important;
  place-items:center !important;
  overflow:visible !important;
  background:
    radial-gradient(circle at 40% 30%, rgba(38,214,255,.24), transparent 48%),
    linear-gradient(145deg, rgba(18,115,255,.22), rgba(9,217,255,.08)) !important;
  border:1px solid rgba(73,196,255,.32) !important;
  box-shadow:
    0 18px 42px rgba(0,133,255,.20),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.th826-auth-card-icon::before,
.th826-auth-ref-icon::before,
.th826-auth-trust-strip i::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  margin:auto !important;
  width:34px !important;
  height:34px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#3bdcff !important;
  box-shadow:none !important;
  filter:drop-shadow(0 0 10px rgba(61,220,255,.75)) !important;
  -webkit-mask:var(--th826-svg-icon) center/contain no-repeat !important;
  mask:var(--th826-svg-icon) center/contain no-repeat !important;
}

.th826-auth-card-icon::after,
.th826-auth-ref-icon::after,
.th826-auth-trust-strip i::after{
  display:none !important;
  content:none !important;
}

/* Card 1: Video Marketing */
.th826-auth-info-card:nth-of-type(2) .th826-auth-card-icon{
  --th826-svg-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M4 5.5A2.5 2.5 0 0 1 6.5 3h11A2.5 2.5 0 0 1 20 5.5v8A2.5 2.5 0 0 1 17.5 16h-11A2.5 2.5 0 0 1 4 13.5v-8Zm2.5-.5a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.5h-11Zm4 2.2 4.7 2.8-4.7 2.8V7.2ZM19 18h-7v2h7v-2Zm2-9h2v2h-2V9Zm-2-6h2v2h-2V3Z'/%3E%3C/svg%3E");
}

/* Card 2: Growth scale */
.th826-auth-info-card:nth-of-type(3) .th826-auth-card-icon{
  --th826-svg-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M4 19h16v2H3a1 1 0 0 1-1-1V4h2v15Zm3-2V9h3v8H7Zm5 0V5h3v12h-3Zm5 0v-6h3v6h-3ZM7 6l4 3.5L18.3 3H15V1h7v7h-2V4.4l-8.9 7.9L7 8.7V6Z'/%3E%3C/svg%3E");
}

/* Card 3: Audience */
.th826-auth-info-card:nth-of-type(4) .th826-auth-card-icon{
  --th826-svg-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M9 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm0 2c-4.4 0-7 2.2-7 5v2h14v-2c0-2.8-2.6-5-7-5Zm8.5-1a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm.5 2c-.7 0-1.4.1-2 .3 1.3 1 2 2.3 2 3.7v2h5v-2c0-2.4-1.9-4-5-4Z'/%3E%3C/svg%3E");
}

/* Card 4: Benefits / target */
.th826-auth-info-card:nth-of-type(5) .th826-auth-card-icon{
  --th826-svg-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 22C6.5 22 2 17.5 2 12S6.5 2 12 2v2a8 8 0 1 0 8 8h2c0 5.5-4.5 10-10 10Zm0-4a6 6 0 1 1 6-6h-2a4 4 0 1 0-4 4v2Zm0-4a2 2 0 1 1 2-2h-2l6.6-6.6V2H22v3.4L15.4 12H14a2 2 0 0 1-2 2Z'/%3E%3C/svg%3E");
}

/* Referral: gift */
.th826-auth-ref-icon{
  --th826-svg-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M20 7h-2.2A3 3 0 0 0 12 5.6 3 3 0 0 0 6.2 7H4a2 2 0 0 0-2 2v3h2v9h16v-9h2V9a2 2 0 0 0-2-2ZM9 5a1 1 0 0 1 1 1v1H8a1 1 0 0 1 1-2Zm6 0a1 1 0 0 1 1 2h-2V6a1 1 0 0 1 1-1ZM4 9h7v2H4V9Zm2 4h5v6H6v-6Zm7 6v-6h5v6h-5Zm7-8h-7V9h7v2Z'/%3E%3C/svg%3E");
}

/* Trust strip SVG icons */
.th826-auth-trust-strip i{
  width:24px !important;
  height:24px !important;
  position:relative !important;
  display:block !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.th826-auth-trust-strip i::before{
  width:24px !important;
  height:24px !important;
  background:#2bd6ff !important;
  filter:drop-shadow(0 0 8px rgba(43,214,255,.7)) !important;
}

/* OTP shield */
.th826-auth-trust-strip span:nth-child(1) i{
  --th826-svg-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 2 4 5v6c0 5 3.4 9.7 8 11 4.6-1.3 8-6 8-11V5l-8-3Zm-1 14-4-4 1.4-1.4L11 13.2l5.6-5.6L18 9l-7 7Z'/%3E%3C/svg%3E");
}

/* Lock */
.th826-auth-trust-strip span:nth-child(2) i{
  --th826-svg-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M18 9h-1V7A5 5 0 0 0 7 7v2H6a2 2 0 0 0-2 2v9h16v-9a2 2 0 0 0-2-2ZM9 7a3 3 0 0 1 6 0v2H9V7Zm4 8.7V18h-2v-2.3a2 2 0 1 1 2 0Z'/%3E%3C/svg%3E");
}

/* Permission users */
.th826-auth-trust-strip span:nth-child(3) i{
  --th826-svg-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M8 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm0 2c-3.8 0-6 1.9-6 4.3V20h12v-2.7C14 14.9 11.8 13 8 13Zm9-1a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm.4 2c-1 0-1.8.2-2.5.5.8.8 1.1 1.7 1.1 2.8V20h6v-2.4c0-2.2-1.8-3.6-4.6-3.6Z'/%3E%3C/svg%3E");
}

/* Cloud backup */
.th826-auth-trust-strip span:nth-child(4) i{
  --th826-svg-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M19 18H8a6 6 0 0 1-.8-12A7 7 0 0 1 20 8.6 4.8 4.8 0 0 1 19 18Zm-7-9v5.2l-2.2-2.2-1.4 1.4L13 18l4.6-4.6-1.4-1.4-2.2 2.2V9h-2Z'/%3E%3C/svg%3E");
}

/* Heart as SVG, not broken CSS shape */
.th826-auth-heart{
  width:46px !important;
  height:46px !important;
  color:transparent !important;
  background:#24d7ff !important;
  filter:drop-shadow(0 0 12px rgba(36,215,255,.65)) !important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 21s-8-4.9-10-10.1C.6 7.2 2.7 4 6.2 4c2 0 3.5 1 4.3 2.2C11.3 5 12.8 4 14.8 4c3.5 0 5.6 3.2 4.2 6.9C17 16.1 12 21 12 21Zm0-2.5c2.4-1.7 6.1-5.5 7-8.3.8-2.3-.4-4.2-2.5-4.2-1.6 0-2.7 1-3.2 2.2h-2.6C10.2 7 9.1 6 7.5 6 5.4 6 4.2 7.9 5 10.2c.9 2.8 4.6 6.6 7 8.3Z'/%3E%3C/svg%3E") center/contain no-repeat !important;
  mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 21s-8-4.9-10-10.1C.6 7.2 2.7 4 6.2 4c2 0 3.5 1 4.3 2.2C11.3 5 12.8 4 14.8 4c3.5 0 5.6 3.2 4.2 6.9C17 16.1 12 21 12 21Zm0-2.5c2.4-1.7 6.1-5.5 7-8.3.8-2.3-.4-4.2-2.5-4.2-1.6 0-2.7 1-3.2 2.2h-2.6C10.2 7 9.1 6 7.5 6 5.4 6 4.2 7.9 5 10.2c.9 2.8 4.6 6.6 7 8.3Z'/%3E%3C/svg%3E") center/contain no-repeat !important;
}
.th826-auth-heart::before,
.th826-auth-heart::after{
  display:none !important;
  content:none !important;
}

/* AUTH-ADMIN-REAL-00E-FIX7: form logic states */
.th826-auth-message{
  padding-top:8px;
  font-size:13px;
  line-height:1.35;
}
.th826-auth-message.warn{
  color:#ffd36b !important;
}
.th826-auth-message.ok{
  color:#55e6ff !important;
}
.th826-auth-steps span.done{
  color:#55e6ff !important;
}
.th826-auth-steps span.done::before{
  background:linear-gradient(180deg,#1fc8ff,#0878e9) !important;
  box-shadow:0 0 18px rgba(31,200,255,.42) !important;
}

/* AUTH-ADMIN-REAL-00E-FIX8: form bind, step state, password monkey */
.th826-auth-message{
  min-height:22px;
  padding-top:8px;
  font-size:13px;
  line-height:1.35;
  font-weight:800;
}
.th826-auth-message.warn{color:#ffd36b !important}
.th826-auth-message.ok{color:#55e6ff !important}

.th826-auth-steps span.done{
  color:#55e6ff !important;
}
.th826-auth-steps span.done::before{
  background:linear-gradient(180deg,#1fc8ff,#0878e9) !important;
  box-shadow:0 0 18px rgba(31,200,255,.42) !important;
}
.th826-pass-wrap{
  position:relative;
  display:block;
}
.th826-pass-wrap input{
  padding-right:48px !important;
}
.th826-pass-toggle{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:32px;
  height:32px;
  border:0;
  border-radius:9px;
  background:rgba(19,119,255,.12);
  color:#dff6ff;
  cursor:pointer;
  font-size:16px;
}
.th826-pass-toggle:hover{
  background:rgba(19,119,255,.24);
}

/* AUTH-ADMIN-REAL-00E-FIX10: right form login mode + monkey */
.th826-auth-panel.login-mode .th826-auth-register{
  display:none !important;
}
.th826-auth-panel.login-mode .th826-auth-login{
  display:block !important;
  max-width:560px;
  margin:0 auto;
}
.th826-auth-panel.login-mode .th826-auth-panel-body{
  display:block !important;
}
.th826-pass-wrap{
  position:relative;
  display:block;
}
.th826-pass-wrap input{
  padding-right:48px !important;
}
.th826-pass-toggle{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:32px;
  height:32px;
  border:0;
  border-radius:9px;
  background:rgba(19,119,255,.14);
  color:#fff;
  cursor:pointer;
  font-size:17px;
}
.th826-pass-toggle:hover{
  background:rgba(19,119,255,.28);
}
.th826-auth-message.warn{color:#ffd36b !important}
.th826-auth-message.ok{color:#55e6ff !important}