/* ADMIN_UI_UNIFIED_C4_8_20261005 */
:root{
  --ui-primary:#2563eb;
  --ui-primary-hover:#1d4ed8;
  --ui-primary-soft:#eff6ff;
  --ui-text:#101828;
  --ui-muted:#667085;
  --ui-muted-2:#98a2b3;
  --ui-border:#d7e0eb;
  --ui-border-soft:#e8eef5;
  --ui-surface:#ffffff;
  --ui-subtle:#f8fafc;
  --ui-danger:#dc2626;
  --ui-danger-hover:#b91c1c;
  --ui-danger-soft:#fef2f2;
  --ui-success:#067647;
  --ui-success-soft:#ecfdf3;
  --ui-warning:#b54708;
  --ui-radius:8px;
  --ui-card-radius:12px;
  --ui-modal-radius:16px;
  --ui-shadow:0 1px 2px rgba(16,24,40,.04);
  --ui-modal-shadow:0 24px 72px rgba(16,24,40,.22);
}
html,body{font-family:Inter,"Segoe UI","Microsoft YaHei",Arial,sans-serif}
body{
  --primary:var(--ui-primary);
  --border:var(--ui-border);
  --text:var(--ui-text);
  --muted:var(--ui-muted);
  --surface:var(--ui-surface);
}

/* Inputs */
body input,
body select,
body textarea,
body button{font-family:inherit}
body input:not([type="checkbox"]):not([type="radio"]),
body select,
body textarea{
  min-height:36px;
  border:1px solid var(--ui-border)!important;
  border-radius:var(--ui-radius)!important;
  background:#fff!important;
  color:var(--ui-text)!important;
}
body input:not([type="checkbox"]):not([type="radio"]):focus,
body select:focus,
body textarea:focus{
  outline:0!important;
  border-color:var(--ui-primary)!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.12)!important;
}

/* Buttons */
body button,
body .btn,
body [role="button"]{
  border-radius:var(--ui-radius)!important;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .08s ease;
}
body button:not(:disabled):active,
body [role="button"]:not([aria-disabled="true"]):active{transform:translateY(1px)}
body button:focus-visible,
body [role="button"]:focus-visible{
  outline:0!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.12)!important;
}
body :is(.btn-primary,.button-primary,.primary-button,[data-ui-primary="1"],[class*="btn-primary"],[class*="button-primary"]){
  background:var(--ui-primary)!important;
  border-color:var(--ui-primary)!important;
  color:#fff!important;
}
body :is(.btn-primary,.button-primary,.primary-button,[data-ui-primary="1"],[class*="btn-primary"],[class*="button-primary"]):hover{
  background:var(--ui-primary-hover)!important;
  border-color:var(--ui-primary-hover)!important;
}
body :is(.btn-danger,.button-danger,.danger-button,[data-ui-danger="1"],[class*="btn-danger"],[class*="button-danger"]){
  background:var(--ui-danger)!important;
  border-color:var(--ui-danger)!important;
  color:#fff!important;
}
body :is(.btn-danger,.button-danger,.danger-button,[data-ui-danger="1"],[class*="btn-danger"],[class*="button-danger"]):hover{
  background:var(--ui-danger-hover)!important;
  border-color:var(--ui-danger-hover)!important;
}

/* Unified horizontal tab bar: identical to FB Account Management */
body [data-ui-tabbar="1"]{
  display:flex!important;
  align-items:center!important;
  gap:24px!important;
  min-height:43px!important;
  padding:0!important;
  margin:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  border:0!important;
  border-bottom:1px solid var(--ui-border)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
body [data-ui-tabbar="1"] > :is(button,a,[role="tab"],[data-ui-tab-item="1"]){
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  flex:0 0 auto!important;
  min-width:auto!important;
  min-height:43px!important;
  height:43px!important;
  padding:0 3px!important;
  margin:0!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--ui-muted)!important;
  font-size:13px!important;
  line-height:43px!important;
  font-weight:600!important;
  text-decoration:none!important;
}
body [data-ui-tabbar="1"] > :is(button,a,[role="tab"],[data-ui-tab-item="1"]):hover{
  color:var(--ui-primary)!important;
  background:transparent!important;
}
body [data-ui-tabbar="1"] > :is(.active,.selected,[aria-selected="true"],[data-state="active"],[data-ui-active="1"]){
  color:var(--ui-primary)!important;
  border-bottom-color:var(--ui-primary)!important;
  background:transparent!important;
}
body [data-ui-tabbar="1"] > :is(button,a,[role="tab"],[data-ui-tab-item="1"]) svg,
body [data-ui-tabbar="1"] > :is(button,a,[role="tab"],[data-ui-tab-item="1"]) > img{
  display:none!important;
}

/* Cards / lists / tables */
body :is(.card,.panel,.box,[data-ui-card="1"],[class$="-card"],[class*=" card-"]){
  border-color:var(--ui-border)!important;
  border-radius:var(--ui-card-radius)!important;
  box-shadow:var(--ui-shadow)!important;
}
body table{
  border-collapse:separate!important;
  border-spacing:0!important;
}
body table thead th{
  background:var(--ui-subtle)!important;
  color:#344054!important;
  font-weight:650!important;
  border-color:var(--ui-border)!important;
}
body table tbody td{border-color:var(--ui-border-soft)!important}
body table tbody tr:hover{background:#fafcff!important}
body [data-ui-list="1"]>*{border-color:var(--ui-border-soft)!important}

/* Unified custom modal system, including legacy modal containers */
body [data-ui-modal-overlay="1"],
body .aui-modal-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:grid!important;
  place-items:center!important;
  padding:20px!important;
  background:rgba(15,23,42,.48)!important;
  backdrop-filter:blur(5px)!important;
}
body [data-ui-modal-card="1"],
body .aui-modal-card{
  width:min(560px,calc(100vw - 32px))!important;
  max-height:min(82vh,760px)!important;
  overflow:auto!important;
  border:1px solid var(--ui-border)!important;
  border-radius:var(--ui-modal-radius)!important;
  background:#fff!important;
  box-shadow:var(--ui-modal-shadow)!important;
}
body [data-ui-modal-card="1"] :is(.modal-header,[class*="modal-header"],[class*="dialog-header"]),
body .aui-modal-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:17px 20px 13px!important;
  border-bottom:1px solid var(--ui-border-soft)!important;
}
body [data-ui-modal-card="1"] :is(.modal-body,[class*="modal-body"],[class*="dialog-body"]),
body .aui-modal-body{
  padding:18px 20px!important;
  color:#344054!important;
  font-size:13px!important;
  line-height:1.7!important;
}
body [data-ui-modal-card="1"] :is(.modal-footer,[class*="modal-footer"],[class*="dialog-footer"]),
body .aui-modal-foot{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  padding:12px 20px 16px!important;
  border-top:1px solid var(--ui-border-soft)!important;
}
body .aui-modal-title{margin:0!important;font-size:16px!important;line-height:1.35!important;color:var(--ui-text)!important;font-weight:700!important}
body .aui-modal-message{white-space:pre-wrap!important;word-break:break-word!important}
body .aui-modal-input{
  width:100%!important;
  margin-top:12px!important;
}
body .aui-modal-close{
  width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;
  display:grid!important;place-items:center!important;
  border:1px solid var(--ui-border)!important;
  border-radius:8px!important;background:#fff!important;color:var(--ui-muted)!important;
}
body .aui-modal-foot button{
  min-width:76px!important;height:36px!important;padding:0 14px!important;
  border-radius:8px!important;font-size:13px!important;font-weight:650!important;
}
body .aui-modal-secondary{
  border:1px solid #d0d5dd!important;background:#fff!important;color:#344054!important;
}
body .aui-modal-primary{
  border:1px solid var(--ui-primary)!important;background:var(--ui-primary)!important;color:#fff!important;
}
body .aui-modal-danger{
  border:1px solid var(--ui-danger)!important;background:var(--ui-danger)!important;color:#fff!important;
}

/* Hide duplicate inner headers for pages that already have a page-level title */
body [data-ui-redundant-header="1"]{display:none!important}

/* Normalize hidden/visible states only after runtime marks them */
body [data-ui-hidden="1"]{display:none!important}

@media(max-width:900px){
  body [data-ui-tabbar="1"]{gap:16px!important}
  body [data-ui-modal-card="1"],body .aui-modal-card{width:min(94vw,560px)!important}
}