/* KHO MÁY MỚI V1.2.15 — UNIFIED CATALOG + FRIENDLY DATA STATUS + MODEL ACCENT SYSTEM */
@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}

/* V1.2.15: brand/root stays white; only the model receives the category accent. */
.product-name-root{color:#f5f5f7;font-weight:610;letter-spacing:-.12px}
.product-name-model{font-weight:680;transition:filter .18s var(--motion),text-shadow .18s var(--motion)}
.product-name-iphone+.product-name-model{color:#7ec8ff;text-shadow:0 0 16px rgba(126,200,255,.10)}
.product-name-ipad+.product-name-model{color:#ffc47e;text-shadow:0 0 16px rgba(255,196,126,.09)}
.product-name-watch+.product-name-model{color:#79df9b;text-shadow:0 0 16px rgba(121,223,155,.09)}
.product-name-airpods+.product-name-model{color:#c6b4ff;text-shadow:0 0 16px rgba(198,180,255,.10)}
.product-row:hover .product-name-model,.product-row:focus-visible .product-name-model,.product-row:active .product-name-model{filter:brightness(1.14);text-shadow:0 0 18px currentColor}
#detailName .product-name-root{color:#f5f5f7;font-weight:720}
#detailName .product-name-model{font-weight:810}

/* The top-right circle is a real Quick Sync control. */
.avatar.quick-sync-control{cursor:pointer;user-select:none;outline:none;transition:transform .2s var(--motion),border-color .2s var(--motion),box-shadow .22s var(--motion),color .2s var(--motion),background .2s var(--motion)}
.avatar.quick-sync-control:hover{transform:scale(1.035)}
.avatar.quick-sync-control:active{transform:scale(.94)}
.avatar.quick-sync-control:focus-visible{box-shadow:0 0 0 3px rgba(10,132,255,.20),var(--glass-shadow)}
.quick-sync-glyph{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:22px;line-height:1;font-weight:760;color:var(--blue);transition:color .2s var(--motion),transform .2s var(--motion),filter .2s var(--motion)}
.avatar.quick-sync-control.is-syncing{border-color:rgba(10,132,255,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 20px rgba(10,132,255,.18)}
.avatar.quick-sync-control.is-syncing .quick-sync-glyph{width:20px;height:20px;border:2px solid rgba(89,182,255,.24);border-top-color:var(--blue);color:transparent;animation:quickSyncSpin .82s linear infinite}
.avatar.quick-sync-control.is-success{border-color:rgba(48,209,88,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 20px rgba(48,209,88,.14)}
.avatar.quick-sync-control.is-success .quick-sync-glyph{color:var(--green);filter:drop-shadow(0 0 8px rgba(48,209,88,.30));transform:scale(1.06)}
.avatar.quick-sync-control.is-warning{border-color:rgba(255,159,10,.40);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 20px rgba(255,159,10,.13)}
.avatar.quick-sync-control.is-warning .quick-sync-glyph{color:#ff9f0a;filter:drop-shadow(0 0 8px rgba(255,159,10,.28))}
.avatar.quick-sync-control.is-error{border-color:rgba(255,69,58,.40);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 20px rgba(255,69,58,.13)}
.avatar.quick-sync-control.is-error .quick-sync-glyph{color:#ff453a}
@keyframes quickSyncSpin{to{transform:rotate(360deg)}}

/* 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}
  .product-name-root{font-weight:610}
  .product-name-model{font-weight:680}
}

@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}
}