/* KHO MÁY MỚI V1.2.13 — UNIFIED CATALOG + FRIENDLY DATA STATUS UI */
@media (max-width:1199px){.tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}

#data>.card.data-sync-card{margin-bottom:16px;padding:20px;border-radius:24px}
#data .data-sync-card .card-title{margin:0 0 8px;font-size:22px}
#data .data-sync-card .primary{margin-top:16px}

.data-accordion{--accordion-accent:#30d158;--accordion-soft:rgba(48,209,88,.10);margin:14px 0 0;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:linear-gradient(145deg,rgba(42,43,50,.55),rgba(17,18,24,.48));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 30px rgba(0,0,0,.12);overflow:hidden;-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);transition:border-color .22s var(--motion),box-shadow .22s var(--motion),background .22s var(--motion)}
#coverageDisclosure{--accordion-accent:#64d2ff;--accordion-soft:rgba(100,210,255,.10)}
.data-accordion>summary{position:relative;min-height:72px;padding:18px 52px 18px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none;color:#f5f5f7;font-size:18px;font-weight:760;-webkit-tap-highlight-color:transparent}
.data-accordion>summary::-webkit-details-marker{display:none}
.data-accordion>summary::after{content:'⌄';position:absolute;right:20px;top:50%;transform:translateY(-54%);color:var(--accordion-accent);font-size:22px;line-height:1;transition:transform .22s var(--motion),filter .22s var(--motion)}
.data-accordion[open]>summary::after{transform:translateY(-46%) rotate(180deg);filter:drop-shadow(0 0 8px var(--accordion-accent))}
.data-accordion[open]{border-color:color-mix(in srgb,var(--accordion-accent) 36%,rgba(255,255,255,.10));background:linear-gradient(145deg,var(--accordion-soft),rgba(28,29,37,.58) 30%,rgba(15,16,22,.52));box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 0 0 1px color-mix(in srgb,var(--accordion-accent) 10%,transparent),0 14px 34px rgba(0,0,0,.15)}
.data-accordion[open]>summary{border-bottom:1px solid color-mix(in srgb,var(--accordion-accent) 18%,rgba(255,255,255,.06))}
.data-accordion-summary{min-width:0;display:flex;flex-direction:column;gap:4px}
.data-accordion-summary>span{color:var(--accordion-accent);text-shadow:0 0 18px color-mix(in srgb,var(--accordion-accent) 16%,transparent);transition:filter .2s var(--motion)}
.data-accordion[open] .data-accordion-summary>span{filter:brightness(1.12)}
.data-accordion-summary small{color:var(--text-2);font-size:12px;font-weight:520;white-space:normal}
.data-accordion-meta{max-width:46%;color:var(--text-2);font-size:12px;font-weight:560;text-align:right;white-space:normal}
.data-accordion[open] .data-accordion-meta{color:rgba(255,255,255,.76)}
.data-accordion-body{padding:14px}
.data-accordion-body>.card,.data-accordion-body .sync-diagnostics-card{margin:0;padding:14px;border:0;border-radius:18px;background:rgba(12,13,18,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.data-accordion-body #coverageAudit{padding:4px 8px 8px}
.sync-diagnostics-card .sync-diagnostics-head{padding:2px 2px 10px}
.sync-diagnostics-card .sync-diagnostics-note{margin-top:10px}
.sync-diagnostics-card .sync-job-meta{line-height:1.45}

/* Friendly detail status: warnings should read as guidance, not app errors. */
#detailWarning{margin-top:6px;color:#ffb340!important;font-weight:560;line-height:1.4}

/* The old business-status block was informational only and is removed. */
#data .business-status-static{display:none}

@media (max-width:767px){
  #data>.card.data-sync-card{padding:18px;border-radius:22px}
  .data-accordion{border-radius:22px}
  .data-accordion>summary{min-height:66px;padding:16px 48px 16px 18px;font-size:17px}
  .data-accordion>summary::after{right:18px}
  .data-accordion-meta{max-width:42%;font-size:11.5px}
  .data-accordion-body{padding:10px}
  .data-accordion-body>.card,.data-accordion-body .sync-diagnostics-card{padding:10px;border-radius:16px}
}

@media (min-width:1200px){
  #data{max-width:1120px}
  #data>.card.data-sync-card,.data-accordion{max-width:1080px}
  .data-accordion>summary{min-height:76px;padding-left:24px;padding-right:58px}
  .data-accordion>summary::after{right:24px}
  .data-accordion-body{padding:16px}
}