/* v5.4.8 — UI 2.0 account, data/docs and peripheral sweep.
   Business logic remains legacy; this file only changes information hierarchy and presentation. */

/* Shared modal language */
.ui2-account-backdrop-v548,
.ui2-foundation-backdrop-v548{
  background:rgba(23,32,51,.34)!important;
  backdrop-filter:none!important;
}
.ui2-account-modal-v548,
.ui2-foundation-modal-v548{
  color:var(--ui2-text,#172033)!important;
  background:var(--ui2-surface,#fff)!important;
  border:1px solid var(--ui2-border,#dde3ea)!important;
  border-radius:16px!important;
  box-shadow:0 20px 54px rgba(23,32,51,.16)!important;
}
.ui2-account-modal-v548 .v50-auth-head,
.ui2-foundation-modal-v548 .v49-modal-head{
  position:sticky!important;
  top:0!important;
  z-index:4!important;
  padding:18px 20px!important;
  background:#fff!important;
  border-bottom:1px solid var(--ui2-border,#dde3ea)!important;
  backdrop-filter:none!important;
}
.ui2-account-modal-v548 .v50-auth-head h2,
.ui2-foundation-modal-v548 .v49-modal-head h2{
  margin:0!important;
  color:var(--ui2-text,#172033)!important;
  font-size:21px!important;
  letter-spacing:-.025em!important;
}
.ui2-account-modal-v548 .v50-auth-head p,
.ui2-foundation-modal-v548 .v49-modal-head p{
  margin:5px 0 0!important;
  color:var(--ui2-text-3,#7a8495)!important;
  font-size:13px!important;
}
.ui2-account-modal-v548 .v50-auth-close,
.ui2-foundation-modal-v548 .v49-close{
  width:36px!important;height:36px!important;
  border:1px solid var(--ui2-border,#dde3ea)!important;
  border-radius:8px!important;
  color:var(--ui2-text-2,#4a5568)!important;
  background:#fff!important;
}

/* Account */
.ui2-account-modal-v548{width:min(720px,100%)!important;max-height:min(90vh,900px)!important;overflow:auto!important}
.ui2-account-modal-v548 .v50-auth-body{padding:20px!important}
.ui2-account-modal-v548 .v50-auth-tabs{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;
  padding:4px!important;margin:0 0 20px!important;
  background:var(--ui2-surface-muted,#f1f4f8)!important;border-radius:10px!important;
}
.ui2-account-modal-v548 .v50-auth-tabs button{
  min-height:42px!important;border:0!important;border-radius:7px!important;background:transparent!important;
  color:var(--ui2-text-2,#4a5568)!important;box-shadow:none!important;font-weight:720!important;
}
.ui2-account-modal-v548 .v50-auth-tabs button.active{background:#fff!important;color:var(--ui2-brand-strong,#174ea8)!important}
.ui2-account-modal-v548 .v50-auth-form{display:grid!important;gap:14px!important}
.ui2-account-modal-v548 .v50-auth-form label,
.ui2-account-modal-v548 .v50-profile-form label{color:var(--ui2-text-2,#4a5568)!important;font-size:13px!important;font-weight:700!important}
.ui2-account-modal-v548 input{
  min-height:46px!important;margin-top:6px!important;padding:10px 12px!important;
  border:1px solid var(--ui2-border,#dde3ea)!important;border-radius:8px!important;
  background:#fff!important;color:var(--ui2-text,#172033)!important;box-shadow:none!important;
}
.ui2-account-modal-v548 input:focus{outline:2px solid rgba(31,99,215,.16)!important;border-color:var(--ui2-brand,#1f63d7)!important}
.ui2-account-modal-v548 .v50-btn,
.ui2-account-modal-v548 .v51-sync-actions button,
.ui2-account-modal-v548 .ui2-sync-advanced-actions button{
  min-height:42px!important;padding:9px 13px!important;border:1px solid var(--ui2-border-strong,#cbd3dd)!important;
  border-radius:8px!important;background:#fff!important;color:var(--ui2-text-2,#4a5568)!important;
  box-shadow:none!important;font-weight:720!important;transform:none!important;
}
.ui2-account-modal-v548 .v50-btn.primary,
.ui2-account-modal-v548 .v51-sync-actions button.primary,
.ui2-account-modal-v548 .v51-sync-actions .v52-smart{
  color:#fff!important;background:var(--ui2-brand,#1f63d7)!important;border-color:var(--ui2-brand,#1f63d7)!important;
}
.ui2-account-modal-v548 .v50-profile{display:grid!important;gap:18px!important}
.ui2-account-modal-v548 .v50-profile-hero{
  display:flex!important;align-items:center!important;gap:14px!important;padding:0 0 18px!important;
  border-bottom:1px solid var(--ui2-border,#dde3ea)!important;background:transparent!important;
}
.ui2-account-modal-v548 .v50-avatar{
  width:50px!important;height:50px!important;flex:0 0 50px!important;border-radius:12px!important;
  background:var(--ui2-brand-soft,#eef4ff)!important;color:var(--ui2-brand-strong,#174ea8)!important;box-shadow:none!important;
}
.ui2-account-modal-v548 .v50-profile-hero h3{margin:0!important;font-size:20px!important;color:var(--ui2-text,#172033)!important}
.ui2-account-modal-v548 .v50-profile-hero p{margin:4px 0!important;color:var(--ui2-text-3,#7a8495)!important}
.ui2-account-modal-v548 .v50-role,
.ui2-account-modal-v548 .v504-transport,
.ui2-account-modal-v548 .v51-sync-badge{
  border-radius:6px!important;padding:4px 7px!important;font-size:11px!important;box-shadow:none!important;
}
.ui2-account-modal-v548 .v50-note,
.ui2-account-modal-v548 .v51-sync-decision,
.ui2-account-modal-v548 .v52-merge-note{
  margin:0!important;padding:12px 13px!important;border-radius:8px!important;border-width:1px!important;line-height:1.6!important;
}
.ui2-account-modal-v548 .ui2-low-priority{display:none!important}
.ui2-sync-v548{
  display:grid!important;gap:14px!important;padding:16px!important;border:1px solid var(--ui2-border,#dde3ea)!important;
  border-radius:12px!important;background:var(--ui2-surface-2,#f9fafb)!important;box-shadow:none!important;
}
.ui2-sync-v548 .v51-sync-head{gap:12px!important}
.ui2-sync-v548 .v51-sync-title{font-size:15px!important;color:var(--ui2-text,#172033)!important}
.ui2-sync-v548 .v51-sync-sub{margin-top:3px!important;color:var(--ui2-text-3,#7a8495)!important;font-size:12px!important}
.ui2-sync-v548 .v51-sync-stats{grid-template-columns:repeat(4,1fr)!important;gap:6px!important}
.ui2-sync-v548 .v51-sync-stat{padding:10px!important;border:1px solid var(--ui2-border,#dde3ea)!important;border-radius:8px!important;background:#fff!important}
.ui2-sync-v548 .v51-sync-stat b{font-size:17px!important;color:var(--ui2-text,#172033)!important}
.ui2-sync-v548 .v51-sync-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
.ui2-sync-v548 .v51-sync-actions button{flex:0 0 auto!important}
.ui2-device-details,.ui2-sync-advanced,.ui2-tech-details{
  border-top:1px solid var(--ui2-border,#dde3ea)!important;padding-top:10px!important;
}
.ui2-device-details summary,.ui2-sync-advanced summary,.ui2-tech-details summary{
  cursor:pointer!important;color:var(--ui2-text-2,#4a5568)!important;font-size:13px!important;font-weight:720!important;
}
.ui2-device-details .v52-device-list{margin-top:10px!important}
.ui2-sync-advanced-body{padding-top:10px!important}
.ui2-sync-advanced-body p{margin:0 0 8px!important;color:var(--ui2-text-3,#7a8495)!important;font-size:12px!important}
.ui2-sync-advanced-actions{display:flex;gap:8px;flex-wrap:wrap}
.ui2-account-modal-v548 .ui2-danger-secondary{justify-self:start!important;color:var(--ui2-danger,#c2413b)!important;background:#fff!important;border-color:#efd1cf!important}
.ui2-account-modal-v548 .v50-profile-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:end!important}
.ui2-account-modal-v548 .v50-profile-form .v50-btn{margin:0!important}
.ui2-account-modal-v548 .v50-role-choice{gap:8px!important}
.ui2-account-modal-v548 .v50-role-choice>label{border:1px solid var(--ui2-border,#dde3ea)!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important}
.ui2-account-modal-v548 .v504-verify{gap:16px!important}
.ui2-account-modal-v548 .ui2-verify-mark{font-size:0!important;width:42px;height:42px;border-radius:10px;background:var(--ui2-brand-soft,#eef4ff)!important}
.ui2-account-modal-v548 .ui2-verify-mark:after{content:'✓';display:grid;place-items:center;width:100%;height:100%;font-size:20px;color:var(--ui2-brand-strong,#174ea8);font-weight:800}

/* Data & documents */
.ui2-foundation-modal-v548{width:min(820px,100%)!important;max-height:min(90vh,900px)!important}
.ui2-foundation-modal-v548 .v49-tabs{
  display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:4px!important;
  padding:12px 20px 0!important;background:#fff!important;
}
.ui2-foundation-modal-v548 .v49-tab{
  min-height:40px!important;padding:8px 10px!important;border:0!important;border-radius:7px!important;
  background:var(--ui2-surface-muted,#f1f4f8)!important;color:var(--ui2-text-2,#4a5568)!important;box-shadow:none!important;
}
.ui2-foundation-modal-v548 .v49-tab.active{background:var(--ui2-brand-soft,#eef4ff)!important;color:var(--ui2-brand-strong,#174ea8)!important}
.ui2-foundation-modal-v548 .v49-body{padding:18px 20px 22px!important}
.ui2-foundation-modal-v548 .v49-panel{gap:14px!important}
.ui2-foundation-modal-v548 .v49-info{
  padding:12px 13px!important;border:1px solid var(--ui2-border,#dde3ea)!important;border-radius:8px!important;
  color:var(--ui2-text-2,#4a5568)!important;background:var(--ui2-surface-2,#f9fafb)!important;line-height:1.65!important;
}
.ui2-foundation-modal-v548 .v49-summary{gap:6px!important}
.ui2-foundation-modal-v548 .v49-stat{padding:11px!important;border-radius:8px!important;box-shadow:none!important}
.ui2-foundation-modal-v548 .v49-stat b{font-size:18px!important}
.ui2-foundation-modal-v548 .v49-actions{gap:8px!important}
.ui2-foundation-modal-v548 .v49-action{
  min-height:42px!important;padding:9px 12px!important;border-radius:8px!important;box-shadow:none!important;filter:none!important;
}
.ui2-foundation-modal-v548 .v49-action.primary{background:var(--ui2-brand,#1f63d7)!important;border-color:var(--ui2-brand,#1f63d7)!important}
.ui2-foundation-modal-v548 .v49-warning{color:#8a5512!important;background:#fffaf1!important;border-color:#edd8b5!important}
.ui2-foundation-modal-v548 .v49-doc-grid{grid-template-columns:1fr!important;gap:0!important;border-top:1px solid var(--ui2-border,#dde3ea)!important}
.ui2-foundation-modal-v548 .v49-doc-card{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;column-gap:18px!important;align-items:center!important;
  padding:14px 2px!important;border:0!important;border-bottom:1px solid var(--ui2-border,#dde3ea)!important;border-radius:0!important;background:transparent!important;
}
.ui2-foundation-modal-v548 .v49-doc-card h3{margin:0 0 3px!important;font-size:15px!important}
.ui2-foundation-modal-v548 .v49-doc-card p{margin:0!important;font-size:12px!important;color:var(--ui2-text-3,#7a8495)!important}
.ui2-foundation-modal-v548 .v49-doc-actions{grid-column:2;grid-row:1 / span 2;flex-wrap:nowrap!important}
.ui2-foundation-modal-v548 .ui2-low-priority{display:none!important}

/* Updates */
body.ui2-updates-active-v548 .main-panel{max-width:900px;margin-left:auto!important;margin-right:auto!important}
.ui2-updates-v548{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.ui2-updates-v548>.section-title{margin:0 0 20px!important;padding-bottom:18px!important;border-bottom:1px solid var(--ui2-border,#dde3ea)!important}
.ui2-updates-v548>.section-title h2{font-size:28px!important;letter-spacing:-.035em!important}
.ui2-updates-v548 .ui2-updates-top-actions{display:none!important}
.ui2-updates-v548 .changelog-list{display:grid!important;gap:0!important}
.ui2-updates-v548 .changelog-item{
  margin:0!important;padding:18px 0!important;border:0!important;border-bottom:1px solid var(--ui2-border,#dde3ea)!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
.ui2-updates-v548 .changelog-item h3{display:flex!important;gap:10px!important;align-items:baseline!important;margin:0 0 7px!important;font-size:15px!important}
.ui2-updates-v548 .changelog-item p{margin:0!important;color:var(--ui2-text-2,#4a5568)!important;font-size:13px!important;line-height:1.75!important}
.ui2-updates-v548 .version-pill{flex:0 0 auto!important;border:0!important;border-radius:6px!important;padding:3px 6px!important;background:var(--ui2-surface-muted,#f1f4f8)!important;color:var(--ui2-text-2,#4a5568)!important}
.ui2-updates-v548 .ui2-old-release{display:none!important}
.ui2-updates-v548.ui2-show-old-releases .ui2-old-release{display:block!important}
.ui2-release-toggle{
  margin-top:14px;padding:9px 12px;border:1px solid var(--ui2-border,#dde3ea);border-radius:8px;background:#fff;color:var(--ui2-text-2,#4a5568);font-weight:700;cursor:pointer;
}

/* Shared empty/status cleanup */
.ui2-empty-v548{padding:48px 20px!important;border:1px dashed var(--ui2-border-strong,#cbd3dd)!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important}
.ui2-empty-v548 .empty-icon{font-size:24px!important;filter:grayscale(1)!important;opacity:.65!important}
.ui2-status-v548{border-radius:8px!important;box-shadow:none!important}

@media(max-width:620px){
  .ui2-account-backdrop-v548,.ui2-foundation-backdrop-v548{align-items:flex-end!important;padding:0!important}
  .ui2-account-modal-v548,.ui2-foundation-modal-v548{width:100%!important;max-height:calc(var(--jx-visual-viewport,100vh) - 16px)!important;border-radius:16px 16px 0 0!important;border-bottom:0!important}
  .ui2-account-modal-v548 .v50-auth-head,.ui2-foundation-modal-v548 .v49-modal-head{padding:16px!important}
  .ui2-account-modal-v548 .v50-auth-body,.ui2-foundation-modal-v548 .v49-body{padding:16px!important}
  .ui2-foundation-modal-v548 .v49-tabs{padding:10px 16px 0!important}
  .ui2-sync-v548 .v51-sync-stats{grid-template-columns:repeat(2,1fr)!important}
  .ui2-account-modal-v548 .v50-profile-form{grid-template-columns:1fr!important}
  .ui2-account-modal-v548 .v50-profile-form .v50-btn{width:100%!important}
  .ui2-sync-v548 .v51-sync-actions{display:grid!important;grid-template-columns:1fr!important}
  .ui2-sync-v548 .v51-sync-actions button{width:100%!important}
  .ui2-sync-advanced-actions{display:grid!important;grid-template-columns:1fr!important}
  .ui2-foundation-modal-v548 .v49-summary{grid-template-columns:repeat(2,1fr)!important}
  .ui2-foundation-modal-v548 .v49-doc-card{grid-template-columns:1fr!important;gap:10px!important}
  .ui2-foundation-modal-v548 .v49-doc-actions{grid-column:1!important;grid-row:auto!important}
  .ui2-foundation-modal-v548 .v49-doc-actions .v49-action{flex:1 1 0!important}
  .ui2-updates-v548>.section-title h2{font-size:24px!important}
}