/* Progress dashboard: same white/blue atlas language as the home page. */
body[data-view="me"]{
  background:
    radial-gradient(circle at 82% 9%,rgba(91,171,224,.13),transparent 360px),
    #f5faff;
}
body[data-view="me"] .me-head h1,
body[data-view="me"] .data-heading h1{color:#123b59}
body[data-view="me"] .me-live{color:#2783b8}
body[data-view="me"] .rank-command{
  position:relative;
  overflow:hidden;
  min-height:180px;
  margin-bottom:18px;
  padding:28px 30px;
  border:1px solid #cfe3f1;
  border-radius:22px;
  color:#173c57;
  background:
    linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.93) 45%,rgba(255,255,255,.38) 73%,rgba(255,255,255,.05) 100%),
    url("../img/progress/progress-hero-map-v1.png") right center/cover no-repeat,
    #fff;
  box-shadow:0 20px 55px rgba(35,102,144,.12);
}
body[data-view="me"] .rank-seal{
  width:74px;height:74px;
  color:#fff;
  background:#197bc1;
  border:0;
  border-radius:20px;
  font:800 22px/1 var(--font-metric,var(--font-ui));
  box-shadow:0 12px 26px rgba(25,123,193,.24);
}
body[data-view="me"] .rank-copy h2,
body[data-view="me"] .rank-kpis b{color:#123b59}
body[data-view="me"] .rank-copy>span{color:#1d82bf}
body[data-view="me"] .rank-copy p,
body[data-view="me"] .rank-copy small,
body[data-view="me"] .rank-kpis span,
body[data-view="me"] .rank-kpis small{color:#668196}
body[data-view="me"] .rank-track{background:#dcecf6}
body[data-view="me"] .rank-track i{background:linear-gradient(90deg,#197bc1,#46b5db)}
body[data-view="me"] .rank-kpis{border-left-color:#cfe3f1}
body[data-view="me"] .rank-kpis>div{border-right-color:#dceaf2}
body[data-view="me"] .rank-kpis .alert b{color:#d26745}
body[data-view="me"] .me-dashboard-grid{gap:16px}
body[data-view="me"] .management-panel{
  padding:22px;
  border:1px solid #d3e5f0;
  border-radius:16px;
  background:rgba(255,255,255,.82);
  box-shadow:0 12px 34px rgba(41,105,141,.07);
}
body[data-view="me"] .management-panel>header span{color:#2183bd}
body[data-view="me"] .management-panel>header h2{color:#183e59}
body[data-view="me"] .management-panel>header small{color:#7791a1}
body[data-view="me"] .management-panel>header>i{
  color:#1f82ba;background:#eaf6fc;border-color:#cbe4f2;
}
.memory-terminal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.memory-terminal-grid button{
  display:grid;gap:3px;padding:14px;text-align:left;
  border:1px solid #d8e8f1;border-radius:12px;background:#f8fcff;cursor:pointer;
  transition:transform .18s,background .18s,border-color .18s;
}
.memory-terminal-grid button:hover{transform:translateY(-2px);background:#fff;border-color:#73b4d7}
.memory-terminal-grid b{color:#176fae;font:800 24px/1 var(--font-metric,var(--font-ui))}
.memory-terminal-grid span{color:#2d536c;font-weight:750;font-size:13px}
.memory-terminal-grid em{color:#6b899b;font-size:11px;font-style:normal}
.memory-terminal-note{
  display:flex;align-items:center;gap:8px;margin-top:13px;padding-top:12px;
  border-top:1px solid #deebf2;color:#6d899a;font-size:11px;
}
.memory-terminal-note i{width:7px;height:7px;border-radius:50%;background:#37a8d6;box-shadow:0 0 0 4px #e3f4fb}
.me-subview{max-width:1180px;margin:0 auto;padding:4px 0 70px}
.me-subview-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px;padding:0 0 18px;border-bottom:1px solid #d6e7f0}
.me-subview-head>div{display:grid;gap:5px}.me-subview-head span{color:#2183bd;font:700 10px ui-monospace,monospace;letter-spacing:.16em}.me-subview-head h2{color:#143e5e;font:800 30px/1.15 "Songti SC","STSong",serif}.me-subview-head p{color:#7891a1;font-size:12px}
.me-filter-tabs{display:flex;gap:8px;margin-bottom:16px}.me-filter-tabs button{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #d3e5ef;border-radius:10px;color:#5d7d8e;background:#fff}.me-filter-tabs button.on{color:#fff;background:#197bc1;border-color:#197bc1}.me-filter-tabs b{font:700 12px Georgia,serif}
.me-subview-actions{display:flex;align-items:center;gap:12px;margin:16px 0}.me-subview-actions>span{color:#7891a1;font-size:11px}
.me-detail-list{display:grid;gap:8px}.me-detail-list article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border:1px solid #d5e6ef;border-radius:12px;background:rgba(255,255,255,.82)}.me-detail-list article.selected{border-color:#2588c0;box-shadow:0 0 0 3px rgba(37,136,192,.1)}.me-detail-list article>div{display:grid;gap:5px;min-width:0}.me-detail-list b{color:#234e68;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me-detail-list span{color:#7891a1;font-size:11px}.me-detail-list em{color:#207bb3;font:700 12px Georgia,serif;font-style:normal;white-space:nowrap}
.me-empty{display:grid;place-items:center;gap:8px;min-height:190px;border:1px dashed #c7dfe9;border-radius:15px;color:#6f8b9a;background:rgba(255,255,255,.5)}.me-empty b{color:#315b70;font-size:17px}.me-empty span{font-size:12px}
.me-subject-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.me-subject-card{display:grid;gap:8px;padding:20px;text-align:left;border:1px solid #d2e6f0;border-radius:14px;background:#fff}.me-subject-card:hover{border-color:#66acd1;transform:translateY(-2px)}.me-subject-card b{color:#1674b0;font:700 16px Georgia,serif}.me-subject-card strong{color:#244e67;font-size:15px}.me-subject-card span,.me-subject-card em{color:#7891a1;font-size:11px;font-style:normal}
.me-chapter-list{display:grid;gap:9px}.me-chapter-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border:1px solid #d5e6ef;border-radius:12px;background:#fff}.me-chapter-list article>div{display:grid;gap:5px}.me-chapter-list b{color:#234e68;font-size:13px}.me-chapter-list span{color:#7891a1;font-size:11px}
.me-activity-chart{display:flex;align-items:flex-end;justify-content:space-around;gap:14px;height:280px;padding:24px 18px 0;border-bottom:1px solid #d8e8f0}.me-activity-chart>div{display:flex;flex:1;height:100%;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px}.me-activity-chart b{color:#287eae;font:700 12px Georgia,serif}.me-activity-chart i{width:min(46px,70%);min-height:6px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#46afd4,#197bc1)}.me-activity-chart span{color:#7891a1;font-size:11px}
.me-record-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.me-record-cards article{display:grid;gap:8px;padding:18px;border:1px solid #d5e6ef;border-radius:13px;background:#fff}.me-record-cards b{color:#234e68}.me-record-cards span{color:#7891a1;font-size:11px;line-height:1.5}.me-record-cards em{color:#2380b6;font-style:normal;font-weight:700}
@media(max-width:800px){.me-subview-head{align-items:flex-start;flex-direction:column}.me-subview-head .btn{width:100%}.me-subject-grid{grid-template-columns:1fr 1fr}.me-record-cards{grid-template-columns:1fr}.me-subview-actions{align-items:stretch;flex-direction:column}.me-subview-actions .btn{width:100%}}
@media(max-width:520px){.me-subject-grid{grid-template-columns:1fr}.me-detail-list article{align-items:flex-start;flex-direction:column}.me-detail-list em{align-self:flex-end}}
body[data-view="me"] .subject-progress-list button{border-color:#dfebf2}
body[data-view="me"] .subject-progress-list button:hover{background:#f4faff}
body[data-view="me"] .subject-progress-list button>i{color:#1674b0;background:#eaf5fb}
body[data-view="me"] .subject-progress-list b{color:#234b65}
body[data-view="me"] .subject-progress-list span{color:#7891a0}
body[data-view="me"] .subject-progress-list em{background:#e1eef5}
body[data-view="me"] .subject-progress-list u{background:linear-gradient(90deg,#2086c7,#54bed7)}
body[data-view="me"] .subject-progress-list button>strong{color:#1979b7}
body[data-view="me"] .week-chart{border-bottom-color:#d9e8f1}
body[data-view="me"] .week-chart>div>i{background:linear-gradient(180deg,#46afd4,#197bc1)}
body[data-view="me"] .debt-list>div{border-bottom-color:#e1edf3}
body[data-view="me"] .debt-list .debt-head{color:#6d8a9a}
body[data-view="me"] .debt-list>div>span{color:#34586e}
body[data-view="me"] .debt-list>div>b{color:#1a79b6}
body[data-view="me"] .panel-action,
body[data-view="me"] .data-control-panel .btn-p{color:#fff;background:#197bc1;border-color:#197bc1}
body[data-view="me"] .data-control-panel{
  border-color:#d3e5f0;background:rgba(255,255,255,.82);border-radius:16px;
}
body[data-view="me"] .rank-ladder>div{color:#6f8c9b}
body[data-view="me"] .rank-ladder>div.active b,
body[data-view="me"] .rank-ladder>div.done b{color:#176fae}
.record-status-list{display:grid;gap:0}
.record-status-list>div{
  display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;
  padding:13px 0;border-bottom:1px solid #e1edf3;
}
.record-status-list>div:last-child{border-bottom:0}
.record-status-list .status-dot{
  width:8px;height:8px;border-radius:50%;background:#2c9ed0;
  box-shadow:0 0 0 4px #e5f5fb;
}
.record-status-list .status-dot.warm{background:#e8a04b;box-shadow:0 0 0 4px #fff3e2}
.record-status-list b{display:block;color:#28516a;font-size:12px}
.record-status-list span{display:block;margin-top:3px;color:#7892a1;font-size:10px;line-height:1.4}
.record-status-list em{color:#237eb6;font:700 11px/1 var(--font-metric,var(--font-ui));font-style:normal}
@media(max-width:700px){
  body[data-view="me"] .rank-command{padding:22px 18px;background-position:64% center}
  body[data-view="me"] .rank-kpis{margin-top:12px}
  .memory-terminal-grid{grid-template-columns:1fr 1fr}
}
