:root{
  --bg:#ffffff;--panel:#ffffff;--panel2:#f8fafc;--panel3:#f1f5f9;
  --line:#e5e7eb;--line2:#d7dce2;--text:#202124;--muted:#6b7280;
  --muted2:#4b5563;--accent:#1a73e8;--accent-soft:#e8f0fe;
  --green:#188038;--green-soft:#e6f4ea;--warn:#b06000;--danger:#d93025;
  --shadow:0 1px 2px rgba(60,64,67,.08),0 2px 8px rgba(60,64,67,.08);
  --r:12px
}
*{box-sizing:border-box}
html{background:#fff}
body{margin:0;background:#fff;color:var(--text);font-family:Arial,"Noto Sans Bengali",sans-serif;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}button{cursor:pointer}
.sidebar{position:fixed;z-index:20;left:0;top:0;bottom:0;width:244px;background:#fff;border-right:1px solid var(--line);padding:22px 12px;display:flex;flex-direction:column}
.brand{display:flex;gap:10px;align-items:center;padding:2px 10px 26px}
.brand-mark{width:34px;height:34px;border-radius:9px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700}
.brand b{display:block;letter-spacing:.08em;font-size:14px}.brand span{display:block;color:var(--muted);font-size:9px;letter-spacing:.05em;margin-top:3px}
nav{display:grid;gap:3px}.nav{background:transparent;border:0;color:#5f6368;text-align:left;padding:11px 13px;border-radius:8px;font-size:14px}
.nav:hover{background:#f8f9fa;color:#202124}.nav.active{background:var(--accent-soft);color:#174ea6;font-weight:600}
.side-note{margin-top:auto;border-top:1px solid var(--line);padding:16px 10px;color:var(--muted);font-size:11px;line-height:1.5}.dot{display:inline-block;width:7px;height:7px;background:#34a853;border-radius:50%;margin-right:7px}
.main{margin-left:244px;min-height:100vh}header{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);z-index:10}
.menu,.mobile-brand{display:none}.header-right{margin-left:auto;display:flex;align-items:center;gap:9px}.local-badge{font-size:11px;color:#5f6368;border:1px solid var(--line);padding:6px 9px;border-radius:99px}.local-badge i{display:inline-block;width:6px;height:6px;background:#34a853;border-radius:50%;margin-right:6px}.icon-btn{width:38px;height:38px;border:1px solid var(--line);background:#fff;color:#5f6368;border-radius:9px}
#content{max-width:1180px;margin:auto;padding:36px 30px 60px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;color:#5f6368;text-transform:uppercase}
.hero{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.hero h1{font-size:32px;line-height:1.15;margin:8px 0 6px;letter-spacing:-.03em;font-weight:700}.hero p{margin:0;color:var(--muted);font-size:14px}
.primary{border:0;background:#1a73e8;color:#fff;font-weight:600;padding:11px 16px;border-radius:8px;box-shadow:none}.primary:hover{background:#1769d1}.secondary{border:1px solid var(--line2);background:#fff;color:#3c4043;padding:10px 14px;border-radius:8px}.secondary:hover{background:#f8f9fa}
.grid{display:grid;gap:14px}.stats{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--shadow)}
.stat-label{color:#5f6368;font-size:12px}.stat-value{font-size:27px;font-weight:700;margin-top:7px;letter-spacing:-.03em}.stat-value small{font-size:12px;color:var(--muted);font-weight:400}.progress{height:6px;background:#edf0f2;border-radius:20px;overflow:hidden;margin-top:12px}.progress i{display:block;height:100%;background:#1a73e8;border-radius:20px}
.section-title{display:flex;justify-content:space-between;align-items:center;margin:30px 0 12px}.section-title h2{font-size:17px;margin:0}.muted{color:var(--muted);font-size:12px}
.subject-grid{grid-template-columns:repeat(4,1fr)}.subject-card{cursor:pointer;transition:box-shadow .15s,border-color .15s}.subject-card:hover{border-color:#c4c9cf;box-shadow:0 3px 12px rgba(60,64,67,.12)}
.subject-name{font-weight:600}.subject-meta{color:var(--muted);font-size:11px;margin-top:6px}.bar-row{display:flex;justify-content:space-between;margin-top:13px;font-size:11px;color:#5f6368}
.resume{display:flex;align-items:center;justify-content:space-between;gap:20px}.resume h3{margin:5px 0 4px;font-size:16px}.resume p{margin:0;color:var(--muted);font-size:12px}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.search{flex:1;min-width:210px;background:#fff;border:1px solid var(--line2);color:var(--text);padding:11px 13px;border-radius:8px;outline:0}.search:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #e8f0fe}.filter{border:1px solid var(--line2);background:#fff;color:#3c4043;padding:10px 12px;border-radius:8px}
.chapter-list{display:grid;gap:8px}.chapter{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);padding:12px;border-radius:10px;transition:.15s}.chapter:hover{box-shadow:var(--shadow);border-color:#d2d7dc}.num{width:32px;height:32px;border-radius:8px;background:#f1f3f4;display:grid;place-items:center;font-size:10px;color:#5f6368}.chapter.done{border-color:#cce8d4}.chapter.done .num{background:var(--green-soft);color:var(--green)}
.chapter-name{font-size:13px;font-weight:600}.chapter-meta{font-size:10px;color:var(--muted);margin-top:4px}.status{font-size:9px;font-weight:600;padding:6px 8px;border-radius:99px;background:#f8f9fa;color:#6b7280}.status.done{background:var(--green-soft);color:var(--green)}
.tabs{display:flex;gap:5px;overflow:auto;margin-bottom:20px}.tab{white-space:nowrap;border:1px solid var(--line);background:#fff;color:#5f6368;padding:9px 13px;border-radius:8px}.tab.active{color:#174ea6;border-color:#aecbfa;background:var(--accent-soft)}
.detail{max-width:850px}.stage-list{display:grid;gap:9px}.stage{display:grid;grid-template-columns:1fr auto;align-items:center;gap:15px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:11px}.stage-title{font-size:13px;font-weight:600}.stage-desc{font-size:11px;color:var(--muted);margin-top:4px}
.check{width:38px;height:38px;border-radius:9px;border:1px solid var(--line2);background:#fff;color:#5f6368;font-size:17px}.check.on{background:var(--green-soft);border-color:#b7dfc2;color:var(--green)}
.counter{display:flex;align-items:center;gap:7px}.counter button{width:36px;height:36px;border-radius:8px;border:1px solid var(--line2);background:#fff;color:#3c4043;font-size:18px}.counter button:hover{background:#f8f9fa}.counter b{min-width:34px;text-align:center;font-size:14px}
.final-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.final-card h3{margin:0 0 4px;font-size:15px}.final-card .sub{font-size:11px;color:var(--muted);margin-bottom:15px}.final-stage{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line);font-size:12px}.complete-tag{font-size:10px;font-weight:700;color:var(--green);margin-top:12px}
.settings{max-width:760px}.setting-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0}.setting-row h3{margin:0;font-size:13px}.setting-row p{margin:4px 0 0;color:var(--muted);font-size:11px}.danger{color:var(--danger);border-color:#f2c7c5}
.empty{padding:45px;text-align:center;color:var(--muted);border:1px dashed var(--line2);border-radius:12px}
.toast{position:fixed;z-index:100;bottom:24px;right:24px;background:#202124;color:#fff;padding:11px 14px;border-radius:8px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.18s;font-size:12px;box-shadow:0 4px 14px rgba(0,0,0,.18)}.toast.show{opacity:1;transform:none}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s;box-shadow:4px 0 20px rgba(0,0,0,.12)}.sidebar.open{transform:none}.scrim{display:none;position:fixed;inset:0;background:rgba(0,0,0,.25);z-index:15}.scrim.show{display:block}.main{margin-left:0}.menu{display:block;margin-right:10px}.mobile-brand{display:block;font-weight:700;letter-spacing:.08em}.stats,.subject-grid{grid-template-columns:repeat(2,1fr)}header{padding:0 17px}#content{padding:27px 17px 50px}}
@media(max-width:560px){.hero{align-items:flex-start;flex-direction:column}.hero h1{font-size:27px}.stats,.subject-grid,.final-grid{grid-template-columns:1fr}.resume{align-items:flex-start;flex-direction:column}.chapter{grid-template-columns:36px 1fr}.chapter .status{grid-column:2}.chapter{gap:9px}.stage{grid-template-columns:1fr}.toolbar{flex-direction:column}.search{min-width:0;width:100%}}

.filter-panel{margin-bottom:18px;padding:14px}
.filter-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.15fr;gap:8px}
.filter-grid .search,.filter-grid .filter{min-width:0;width:100%}
.filter-hint{font-size:10px;color:var(--muted);margin-top:9px;padding-left:2px}
.chapter-counts{display:flex;gap:10px;margin-top:7px;flex-wrap:wrap}
.chapter-counts span{font-size:9px;color:#7a8188;background:#f8f9fa;border-radius:5px;padding:3px 5px}
.chapter-counts b{color:#3c4043;font-weight:700}
@media(max-width:900px){.filter-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.filter-grid{grid-template-columns:1fr}}

/* Cross-device polish */
html,body{width:100%;min-height:100%;overflow-x:hidden}
button,input,select{font:inherit}
button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.brand-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}
.sidebar-close{display:none;width:38px;height:38px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#5f6368;font-size:24px;line-height:1;cursor:pointer}
.sidebar-close:hover{background:#f8f9fa}
.counter button,.check,.icon-btn,.primary,.secondary,.tab,.nav{min-height:38px}
@media(max-width:900px){
  .sidebar{width:min(310px,88vw);padding:18px 12px;padding-top:max(18px,env(safe-area-inset-top))}
  .brand-row{margin-bottom:20px}
  .sidebar-close{display:block}
  header{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));height:60px}
  .menu{width:42px;height:42px;margin-right:8px}
  #content{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));}
  .hero{gap:16px}
  .hero .primary,.hero .secondary{width:auto;max-width:100%}
}
@media(max-width:560px){
  #content{padding-top:22px;padding-bottom:max(42px,env(safe-area-inset-bottom))}
  .card{padding:15px}
  .hero{margin-bottom:20px}
  .hero h1{font-size:25px}
  .hero p{font-size:13px;line-height:1.55}
  .stats{gap:9px}
  .stat-value{font-size:23px}
  .chapter{grid-template-columns:32px minmax(0,1fr);padding:11px}
  .chapter-name{line-height:1.45}
  .chapter-counts{gap:6px}
  .status{justify-self:start}
  .stage{padding:14px;grid-template-columns:minmax(0,1fr) auto}
  .stage-title{line-height:1.4}
  .stage-desc{line-height:1.45}
  .counter{gap:6px}
  .counter button{width:42px;height:42px;font-size:20px}
  .counter b{min-width:32px}
  .final-stage{align-items:center;padding:13px 0;line-height:1.4}
  .final-stage>span{max-width:62%}
  .filter-grid{gap:9px}
  .search,.filter{min-height:42px}
  .toast{left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));text-align:center}
}
@media(min-width:901px){.sidebar-close{display:none}}

/* v5 information architecture */
.chapter-group{margin-bottom:28px}.chapter-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:4px 2px 10px}.chapter-heading h2{margin:4px 0 0;font-size:18px;letter-spacing:-.02em}.chapter-heading>span{font-size:11px;color:var(--muted);white-space:nowrap}.coverage{font-size:10px;color:var(--muted);background:#f8f9fa;border:1px solid var(--line);padding:6px 8px;border-radius:7px;margin-bottom:10px}.coverage.ready{color:var(--green);background:var(--green-soft);border-color:#cce8d4}.attempt-badge{display:inline-flex;margin-top:12px;font-size:10px;color:#174ea6;background:var(--accent-soft);border-radius:99px;padding:5px 8px}.mock-attempts{display:flex;align-items:baseline;gap:8px;margin-top:15px;padding-top:13px;border-top:1px solid var(--line)}.mock-attempts b{font-size:24px}.mock-attempts span{font-size:11px;color:var(--muted)}
@media(min-width:901px){.stats{grid-template-columns:repeat(5,1fr)}}
@media(max-width:900px){.chapter-heading{margin-top:4px}}
@media(max-width:560px){.chapter-heading{align-items:flex-start;flex-direction:column;gap:3px}.chapter-heading h2{font-size:17px}.chapter-heading>span{white-space:normal}.final-stage>span{max-width:58%}.attempt-badge{margin-top:10px}}

/* v6 simplified exam tracking */
.daily-alert{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:16px 0 26px;background:#f8fbff;border-color:#d7e7fb}.daily-alert p{margin:5px 0 0;color:var(--muted);font-size:12px}.daily-alert>strong{font-size:20px;white-space:nowrap;color:#174ea6}.exam-dashboard{display:grid;grid-template-columns:1.4fr 1fr .7fr;gap:14px}.exam-dashboard h3{margin:0 0 12px;font-size:14px}.exam-list{display:grid;gap:0}.exam-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:12px}.exam-row:first-child{border-top:0}.exam-row b{font-size:15px}.mock-total{font-size:42px;font-weight:700;line-height:1.1;margin:15px 0 5px}.simple-counter{display:flex;align-items:center;justify-content:center;gap:14px;margin:20px 0}.simple-counter button{width:46px;height:46px;border:1px solid var(--line2);background:#fff;border-radius:10px;font-size:23px}.simple-counter b{min-width:60px;text-align:center;font-size:28px}.counter-caption{text-align:center;color:var(--muted);font-size:11px}.final-card{text-align:left}.final-card .sub{margin-bottom:8px}.mock-card{max-width:620px;text-align:center}.mock-card h3{margin:0 0 7px;font-size:17px}.daily-mini{margin-top:4px;padding:12px 14px;font-size:12px;background:#f8fbff;border-color:#d7e7fb}.back-btn{white-space:nowrap}.header-right{margin-left:auto}
@media(max-width:900px){.exam-dashboard{grid-template-columns:1fr 1fr}.exam-dashboard>.card:last-child{grid-column:1/-1}.daily-alert{align-items:flex-start}}
@media(max-width:560px){.exam-dashboard{grid-template-columns:1fr}.exam-dashboard>.card:last-child{grid-column:auto}.daily-alert{flex-direction:column}.daily-alert>strong{font-size:18px}.back-btn{width:auto}.simple-counter{margin:18px 0}.simple-counter button{width:50px;height:50px}.simple-counter b{font-size:30px}}

/* Cadence time, exam schedule and footer */
.time-panel{display:grid;grid-template-columns:.8fr 1.7fr;gap:28px;align-items:center;margin:16px 0 14px;background:#fbfcfe}
.live-date{font-size:14px;font-weight:600;margin-top:7px}.live-time{font-family:"DM Mono",monospace;font-size:27px;font-weight:500;letter-spacing:-.04em;margin-top:5px}
.horizon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.horizon-item{border:1px solid var(--line);background:#fff;border-radius:9px;padding:11px 12px}.horizon-item b{display:block;font-size:12px}.horizon-item span{display:block;color:var(--muted);font-size:10px;margin-top:4px}
.countdown{margin:0 0 26px;background:#fff}.countdown-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.countdown-top h2{margin:6px 0 4px;font-size:20px}.countdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.countdown-grid>div{text-align:center;border:1px solid var(--line);border-radius:10px;padding:13px;background:#fbfcfe}.countdown-grid b{display:block;font-family:"DM Mono",monospace;font-size:27px}.countdown-grid span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.exam-form{max-width:100%;}.exam-form h2{font-size:16px;margin:0 0 14px}.exam-form-grid{display:grid;grid-template-columns:1.2fr 1fr auto;gap:9px}.exam-form-grid .search{min-width:0}.exam-schedule{display:grid;gap:9px;max-width:850px}.schedule-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.schedule-row b{font-size:13px}.schedule-row .muted{margin-top:5px}.danger{color:var(--danger)!important}
.site-footer{margin-left:244px;border-top:1px solid var(--line);padding:22px 30px 30px;display:flex;justify-content:center;align-items:center;gap:12px;color:var(--muted);font-size:11px}.site-footer b{color:var(--text)}
@media(max-width:900px){.time-panel{grid-template-columns:1fr}.site-footer{margin-left:0;padding-left:17px;padding-right:17px}.exam-form-grid{grid-template-columns:1fr}.countdown-top{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.live-time{font-size:23px}.horizon-grid{grid-template-columns:1fr}.countdown-grid{gap:7px}.countdown-grid>div{padding:10px 5px}.countdown-grid b{font-size:21px}.countdown-grid span{font-size:8px}.site-footer{flex-direction:column;gap:5px;text-align:center;padding-bottom:max(24px,env(safe-area-inset-bottom))}.schedule-row{align-items:flex-start;flex-direction:column}}

.nav-section-label{padding:18px 13px 6px;color:#9aa0a6;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}

/* ═══════════════════════════════════════════════════════════════════════════
   v7 — Cadence auth gate + cloud sync (additions only; nothing above changed)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Brand logo (falls back to .brand-mark C if missing) ────────────────── */
.brand-logo{width:34px;height:34px;object-fit:contain;border-radius:9px;display:block}

/* ── Auth gate ──────────────────────────────────────────────────────────── */
.auth-gate{
  min-height:100vh;
  min-height:100dvh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:22px;
  padding:24px 16px max(24px,env(safe-area-inset-bottom));
  background:
    radial-gradient(60% 45% at 50% 0%,rgba(26,115,232,.08),transparent 60%),
    #fff;
}
.auth-card{
  width:100%;
  max-width:400px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:var(--shadow);
  padding:28px 24px 24px;
}
.auth-title{
  font-size:22px;
  font-weight:700;
  letter-spacing:-.02em;
  margin:0 0 6px;
}
.auth-sub{
  font-size:13px;
  color:var(--muted);
  line-height:1.55;
  margin:0 0 22px;
}
.auth-label{
  display:block;
  font-size:11px;
  font-weight:700;
  color:#5f6368;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin:14px 2px 6px;
}
.auth-card .search{
  width:100%;
  min-width:0;
  display:block;
  min-height:46px;
  padding:12px 14px;
  font-size:15px;
}
.auth-msg{
  min-height:18px;
  font-size:12.5px;
  color:var(--danger);
  margin:10px 2px 4px;
}
.auth-submit{
  width:100%;
  min-height:46px;
  font-size:14.5px;
  margin-top:10px;
}
.auth-loading{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:36px 0 24px;
  text-align:center;
}
.auth-loading-text{
  font-size:12px;
  color:var(--muted);
  letter-spacing:.06em;
  text-transform:uppercase;
}
.auth-spinner{
  width:26px;
  height:26px;
  border-radius:50%;
  border:2px solid var(--line);
  border-top-color:var(--accent);
  animation:authSpin .85s linear infinite;
}
@keyframes authSpin{to{transform:rotate(360deg)}}
.auth-error{
  text-align:center;
  padding:18px 0 10px;
}
.auth-error b{
  display:block;
  font-size:15px;
  color:var(--text);
  margin-bottom:6px;
}
.auth-error p{
  font-size:13px;
  color:var(--muted);
  margin:0 0 16px;
}
.auth-error .primary{
  width:100%;
  min-height:46px;
}
.auth-foot{
  font-size:11px;
  color:var(--muted);
  letter-spacing:.06em;
  text-transform:uppercase;
  text-align:center;
}
@media(max-width:420px){
  .auth-card{padding:24px 20px 20px}
  .auth-title{font-size:20px}
}

/* ── Sync pill in header ────────────────────────────────────────────────── */
.sync-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:0 12px;
  border-radius:99px;
  border:1px solid var(--line2);
  background:#fff;
  color:#5f6368;
  font-size:11.5px;
  font-weight:600;
  letter-spacing:.03em;
  transition:border-color .15s,color .15s,background .15s;
  white-space:nowrap;
  max-width:200px;
}
.sync-pill:hover{
  border-color:#c4c9cf;
  background:#f8f9fa;
}
.sync-pill .sync-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#9aa0a6;
  box-shadow:0 0 0 3px rgba(154,160,166,.15);
  flex:0 0 auto;
}
.sync-pill .sync-label{
  overflow:hidden;
  text-overflow:ellipsis;
}
/* default state (no cloud save yet) */
.sync-pill:not(.dirty):not(.synced):not(.saving) .sync-dot{
  background:#9aa0a6;
  box-shadow:0 0 0 3px rgba(154,160,166,.15);
}
/* dirty / unsynced */
.sync-pill.dirty{
  border-color:#e2c8a3;
  color:#8a5b00;
  background:#fdf8ee;
}
.sync-pill.dirty .sync-dot{
  background:#f0a324;
  box-shadow:0 0 0 3px rgba(240,163,36,.18);
}
/* saving */
.sync-pill.saving{
  border-color:#aecbfa;
  color:#174ea6;
  background:#f3f8ff;
}
.sync-pill.saving .sync-dot{
  background:var(--accent);
  box-shadow:0 0 0 3px rgba(26,115,232,.18);
  animation:syncPulse .9s ease-in-out infinite;
}
/* synced */
.sync-pill.synced{
  border-color:#b7dfc2;
  color:var(--green);
  background:#f4fbf6;
}
.sync-pill.synced .sync-dot{
  background:var(--green);
  box-shadow:0 0 0 3px rgba(24,128,56,.15);
}
@keyframes syncPulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.55;transform:scale(.85)}
}
@media(max-width:560px){
  .sync-pill{padding:0 10px;font-size:11px;max-width:150px}
  .sync-pill .sync-label{max-width:96px}
}