/* Editorial admin theme for Bingge content centers.
   Visual-only override: no layout logic or interaction behavior is changed. */
:root{
  --editorial-bg:#f8f5ee;
  --editorial-paper:#fffdf8;
  --editorial-ink:#1d1d1b;
  --editorial-muted:#77746d;
  --editorial-faint:#eee7dc;
  --editorial-line:#e5dccd;
  --editorial-gold:#a56f16;
  --editorial-gold-soft:#fff5df;
  --editorial-green:#243b31;
  --editorial-red:#b33b2e;
  --editorial-shadow:0 16px 42px rgba(48,38,24,.07);
}

html{background:var(--editorial-bg)}
body{
  background:
    radial-gradient(circle at 18% 4%,rgba(255,255,255,.94),rgba(255,255,255,0) 28%),
    linear-gradient(180deg,#fbfaf6 0%,var(--editorial-bg) 100%) !important;
  color:var(--editorial-ink) !important;
  font-family:"Noto Serif SC","Songti SC","SimSun",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif !important;
  letter-spacing:0 !important;
}

body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(70,54,31,.025) 1px,transparent 1px);
  background-size:100% 32px;
  z-index:-1;
}

header,.top,.topbar{
  background:rgba(255,253,248,.94) !important;
  color:var(--editorial-ink) !important;
  border-bottom:1px solid var(--editorial-line) !important;
  box-shadow:0 8px 30px rgba(54,43,27,.05) !important;
  backdrop-filter:blur(12px);
}

header h1,.top h1,.pageHeader h1,.hello h1,.panelTitle,.pageTitle,.formTitle,.recordSuperHead h2,
.card h2,.card h3,.panel h2,.panel h3,.plainPanel h2,.plainPanel h3{
  color:var(--editorial-ink) !important;
  font-family:"Noto Serif SC","Songti SC","SimSun",serif !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
}

header h1,.top h1{font-size:20px !important}
header a,.top a,.topActions,.userDrop,header small{
  color:var(--editorial-muted) !important;
}
header a:hover,.top a:hover,header small:hover{color:var(--editorial-gold) !important}

.brand{border-right:1px solid var(--editorial-line) !important;background:var(--editorial-paper)}
.brandLogoMain,.brandLogoIp{color:var(--editorial-ink) !important;letter-spacing:0 !important}
.brandLogoIp{color:var(--editorial-gold) !important}
.sidebar{
  background:rgba(255,253,248,.9) !important;
  border-right:1px solid var(--editorial-line) !important;
  box-shadow:8px 0 30px rgba(54,43,27,.035);
}
.navGroup{color:var(--editorial-gold) !important;border-bottom-color:var(--editorial-line) !important}
.navItem{color:#3c3a35 !important;border-radius:6px !important}
.navItem.active,.navItem:hover{
  background:var(--editorial-gold-soft) !important;
  color:var(--editorial-ink) !important;
}
.navIcon{color:var(--editorial-gold) !important}

.tabs{
  background:rgba(255,253,248,.94) !important;
  border-bottom:1px solid var(--editorial-line);
  box-shadow:0 10px 28px rgba(54,43,27,.04);
}
.tabs button{
  color:var(--editorial-muted) !important;
  border-bottom-color:transparent !important;
  border-radius:0 !important;
  background:transparent !important;
}
.tabs button.on{
  color:var(--editorial-ink) !important;
  border-bottom-color:var(--editorial-gold) !important;
  font-weight:800 !important;
}
.tabs button:hover{color:var(--editorial-gold) !important}

.wrap,.pageBody{
  background:transparent !important;
}
.wrap{padding-top:24px !important}
.pageBody{padding-top:42px !important}

.card,.panel,.plainPanel,.persona-grp,.ops-box,.rep,.publish-lane,.audit-row,.audit-entry,
.modebox,.step,.resultbox,.review-card,.deepcheck,.formPanel,.featureNote,.recordList,
.worksList,.materialTop,.configPanel,.selectCard,.superToolCard,.rewriteLeft,.rewriteRight,
.superPanel,.recordSuperPanel,.templateCard,.avatarCard,.emptyState{
  background:var(--editorial-paper) !important;
  border:1px solid var(--editorial-line) !important;
  border-radius:8px !important;
  box-shadow:var(--editorial-shadow) !important;
}

.card,.panel,.plainPanel{padding:18px !important}
.cards{gap:14px !important}
.card .n,.ops-box .v,.score,.audit-entry .n,.statNum strong,.admin-stat-num{
  color:var(--editorial-ink) !important;
  font-family:Georgia,"Times New Roman","Noto Serif SC","Songti SC",serif !important;
  font-weight:900 !important;
}
.card .l,.muted,.hint,.smallMuted,.recordMeta,.providerDetails,.superHint,.admin-stat-label,
.hello p,.pageHeader p,.toolCard p,.superToolCard p{
  color:var(--editorial-muted) !important;
}

table,.dependencyTable{
  background:var(--editorial-paper) !important;
  border:1px solid var(--editorial-line) !important;
  border-radius:8px !important;
  box-shadow:var(--editorial-shadow) !important;
}
th,.dependencyTable th{
  background:#f3ede3 !important;
  color:var(--editorial-ink) !important;
  font-weight:800 !important;
}
td,th,.dependencyTable td,.dependencyTable th{
  border-bottom:1px solid var(--editorial-faint) !important;
}
tr:hover td{background:#fff8ea !important}

input,select,textarea,.input,.textarea,.select,.search-input,.styleBox,.resultBox,.mono{
  background:#fffefa !important;
  border:1px solid var(--editorial-line) !important;
  border-radius:6px !important;
  color:var(--editorial-ink) !important;
  box-shadow:none !important;
}
input:focus,select:focus,textarea:focus,.input:focus,.textarea:focus,.select:focus{
  outline:2px solid rgba(165,111,22,.16) !important;
  border-color:#c9973d !important;
}
label,.fieldLabel{color:#5c574d !important;font-weight:800 !important}
.fieldLabel:before{background:var(--editorial-gold) !important}

button,.btn,.blackBtn,.purpleBtn,.blueBtn,.gradientBtn,.redBtn,.grayBtn,.whiteDanger,
.miniBtns button{
  border-radius:999px !important;
  box-shadow:none !important;
  font-weight:800 !important;
}
button:not(.gray):not(.red):not(.whiteDanger):not(.grayBtn):not(.blueBtn):not(.purpleBtn),
.btn:not(.gray):not(.red),.blackBtn,.purpleBtn,.blueBtn,.gradientBtn{
  background:var(--editorial-ink) !important;
  color:#fffaf0 !important;
}
button.g,.btn.g,.redBtn{
  background:var(--editorial-gold) !important;
  color:#fffaf0 !important;
}
button.gray,.btn.gray,.grayBtn,.miniBtns button{
  background:#ebe4d8 !important;
  color:#4e493f !important;
}
button.red,.btn.red,.whiteDanger{
  background:#fff0ea !important;
  color:var(--editorial-red) !important;
}
button:disabled,.btn:disabled{opacity:.52 !important}

.tag,.pill,.badge-admin,.badge-active,.recordStatus,.toolBadge{
  background:var(--editorial-gold-soft) !important;
  color:var(--editorial-gold) !important;
  border:1px solid #efd49a !important;
  border-radius:999px !important;
  font-weight:800 !important;
}
.tag.warn{background:#fff4df !important;color:#9a6610 !important}
.tag.bad,.dangerText{background:#fff0ea !important;color:var(--editorial-red) !important}
.tag.oktag,.ok,.badge-active{background:#edf6f0 !important;color:#286044 !important}

.drawer{
  background:var(--editorial-paper) !important;
  border-left:1px solid var(--editorial-line) !important;
  box-shadow:-22px 0 60px rgba(54,43,27,.16) !important;
}
.dh,.drawer .dh{
  background:var(--editorial-ink) !important;
  color:#fffaf0 !important;
}
.drawer-resizer:after{background:#d0b67c !important}
.bodybox{border-top-color:var(--editorial-line) !important}

.quickCard,.rewriteHeader,.rewriteResultHeader,.superPanelHeader,.superPanelHeader.soft{
  background:linear-gradient(135deg,#222018 0%,#544222 58%,#b68126 100%) !important;
  color:#fffaf0 !important;
  border:1px solid rgba(255,245,223,.35) !important;
  border-radius:8px !important;
}
.quickCard p,.rewriteHeader p,.superPanelHeader p{color:rgba(255,250,240,.82) !important}
.quickCard .arrow{background:rgba(255,250,240,.86) !important;color:var(--editorial-ink) !important}

.toolCard,.flowStep,.selectCard,.statusLine{
  background:#fffaf1 !important;
  border:1px solid var(--editorial-line) !important;
}
.toolIcon,.superToolIcon{
  background:var(--editorial-ink) !important;
  color:#fffaf0 !important;
  border-radius:10px !important;
}
.progress span{background:linear-gradient(90deg,var(--editorial-ink),var(--editorial-gold)) !important}
.logbox{
  background:#191814 !important;
  color:#fff1d4 !important;
  border:1px solid #352b1d !important;
}
.notice{
  background:#fff6e4 !important;
  border:1px solid #efd49a !important;
  color:#745015 !important;
  border-radius:8px !important;
}

@media (max-width:900px){
  header,.top{height:auto !important;min-height:58px !important;flex-wrap:wrap}
  .tabs{overflow:auto}
  .pageBody{padding:24px 16px !important}
}