/* The account dashboard is drawn from persisted learning evidence. */
html.atelier-theme body #app .shell .main.page-account .account-overview {margin-bottom:24px;}
html.atelier-theme body #app .shell .main.page-account .account-avatar {width:56px;height:56px;border-radius:8px;border:1px solid #dfe7f3;background:#eef3fa;color:#526fa2;font-size:22px;}
html.atelier-theme body #app .shell .main.page-account .account-person h1 {color:#273548;font-size:26px;font-weight:650;}
html.atelier-theme body #app .shell .main.page-account .account-person p {color:#728093;font-size:12px;}
html.atelier-theme body #app .shell .main.page-account .account-summary {gap:16px;margin-bottom:32px;}
html.atelier-theme body #app .shell .main.page-account .account-summary-item {border:1px solid #e2e8f0;border-radius:6px;background:#fff;min-height:88px;padding:18px 22px;box-shadow:none;transition:none;}
html.atelier-theme body #app .shell .main.page-account .account-summary-item>span {color:#728093;}
html.atelier-theme body #app .shell .main.page-account .account-summary-item>strong {color:#344a69;font-size:23px;}
html.atelier-theme body #app .shell .main.page-account .account-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
html.atelier-theme body #app .shell .main.page-account .account-tile {grid-template-columns:42px minmax(0,1fr) 14px;min-height:90px;padding:16px 14px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;box-shadow:none;transform:none;transition:none;}
html.atelier-theme body #app .shell .main.page-account .account-tile-art {grid-column:auto;width:42px;height:44px;margin:0;background:#f5f7fb;border-radius:5px;}
html.atelier-theme body #app .shell .main.page-account .account-tile-art img {width:40px;height:42px;}
html.atelier-theme body #app .shell .main.page-account .account-tile-copy strong {color:#344a69;font-size:14px;}
html.atelier-theme body #app .shell .main.page-account .account-tile-copy span {color:#728093;font-size:11px;}
html.atelier-theme body #app .shell .main.page-account :is(.account-tile,.account-summary-item):hover {background:#f8fafd;border-color:#bccce2;box-shadow:none;transform:none;}
html.atelier-theme body #app .shell .main.page-account .account-section {margin:30px 0;}
html.atelier-theme body #app .shell .main.page-account .account-section h2 {color:#273548;font-size:17px;}
html.atelier-theme body #app .shell .main.page-account .learning-dashboard {color:#273548;margin:0 0 36px;}
html.atelier-theme body #app .shell .main.page-account .learning-dashboard-head {display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;}
html.atelier-theme body #app .shell .main.page-account .learning-eyebrow {color:#8b98ac;letter-spacing:.09em;font-size:10px;}
html.atelier-theme body #app .shell .main.page-account .learning-dashboard h2 {font-size:22px;font-weight:650;margin:5px 0;}
html.atelier-theme body #app .shell .main.page-account .learning-dashboard-head p {font-size:13px;color:#728093;margin:6px 0 0;}
html.atelier-theme body #app .shell .main.page-account .learning-dashboard-actions {display:flex;align-items:flex-end;gap:10px;flex-shrink:0;}
html.atelier-theme body #app .shell .main.page-account .learning-dashboard-actions label {display:grid;gap:6px;font-size:11px;color:#728093;}
html.atelier-theme body #app .shell .main.page-account .learning-dashboard-actions select {font-size:12px;min-height:38px;padding:8px 10px;width:140px;}
html.atelier-theme body #app .shell .main.page-account .learning-button {display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 12px;border:1px solid #dce4ef;border-radius:5px;background:#fff;color:#50647f;font-size:12px;line-height:1.5;cursor:pointer;transition:none;box-shadow:none;}
html.atelier-theme body #app .shell .main.page-account .learning-button .icon {width:15px;height:15px;}
html.atelier-theme body #app .shell .main.page-account .learning-button:hover:not(:disabled) {color:#365fba;background:#f1f5fb;border-color:#b6c8e4;}
html.atelier-theme body #app .shell .main.page-account .learning-button:disabled {opacity:.45;cursor:default;}
html.atelier-theme body #app .shell .main.page-account .learning-stat-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px;}
html.atelier-theme body #app .shell .main.page-account .learning-stat {min-width:0;border:1px solid #e2e8f0;background:#fff;border-radius:6px;padding:20px;display:grid;gap:8px;}
html.atelier-theme body #app .shell .main.page-account .learning-stat>span {color:#728093;font-size:12px;}
html.atelier-theme body #app .shell .main.page-account .learning-stat strong {color:#273548;font-size:28px;font-weight:650;line-height:1.3;overflow-wrap:anywhere;}
html.atelier-theme body #app .shell .main.page-account .learning-stat small {font-size:11px;color:#8491a3;line-height:1.6;}
html.atelier-theme body #app .shell .main.page-account .learning-charts {display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:20px;margin-bottom:24px;}
html.atelier-theme body #app .shell .main.page-account :is(.learning-chart-panel,.learning-path,.learning-course-section,.learning-activity-section) {border:1px solid #e2e8f0;border-radius:6px;background:#fff;min-width:0;padding:24px;margin-bottom:24px;}
html.atelier-theme body #app .shell .main.page-account .learning-chart-panel {margin-bottom:0;}
html.atelier-theme body #app .shell .main.page-account .learning-dashboard h3 {font-size:16px;font-weight:600;color:#34445a;margin:0 0 16px;}
html.atelier-theme body #app .shell .main.page-account .learning-chart-tabs {display:flex;gap:4px;margin-bottom:12px;}
html.atelier-theme body #app .shell .main.page-account .learning-chart-tabs button {font-size:11px;padding:6px 10px;min-height:32px;background:transparent;color:#728093;border:1px solid transparent;border-radius:4px;cursor:pointer;}
html.atelier-theme body #app .shell .main.page-account .learning-chart-tabs button[aria-pressed=true] {background:#eef3fa;color:#365fba;border-color:#e0e8f5;}
html.atelier-theme body #app .shell .main.page-account .learning-trend {width:100%;height:auto;display:block;margin-top:14px;}
html.atelier-theme body #app .shell .main.page-account .learning-trend text {font-size:11px;fill:#8a96a8;font-family:inherit;}
html.atelier-theme body #app .shell .main.page-account .learning-levels {display:grid;gap:22px;margin-top:28px;}
html.atelier-theme body #app .shell .main.page-account .learning-levels>div {display:grid;grid-template-columns:58px minmax(0,1fr) 24px 58px;align-items:center;gap:12px;font-size:12px;}
html.atelier-theme body #app .shell .main.page-account .learning-levels small {font-size:10px;color:#8a96a8;text-align:right;}
html.atelier-theme body #app .shell .main.page-account .learning-level-track {height:5px;background:#eef2f7;min-width:0;border-radius:2px;overflow:hidden;}
html.atelier-theme body #app .shell .main.page-account .learning-level-track i {display:block;height:100%;background:#6b85ad;border-radius:2px;}
html.atelier-theme body #app .shell .main.page-account .learning-section-head {display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px;}
html.atelier-theme body #app .shell .main.page-account .learning-section-head h3 {margin:0;}
html.atelier-theme body #app .shell .main.page-account .learning-section-head>span {font-size:11px;color:#8a96a8;line-height:1.6;}
html.atelier-theme body #app .shell .main.page-account .learning-skills {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;}
html.atelier-theme body #app .shell .main.page-account .learning-skill>div:first-child {display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:12px;}
html.atelier-theme body #app .shell .main.page-account .learning-skill strong {font-size:11px;color:#8491a3;font-weight:400;}
html.atelier-theme body #app .shell .main.page-account .learning-filters {display:flex;gap:10px;align-items:center;margin-bottom:16px;}
html.atelier-theme body #app .shell .main.page-account .learning-filters label {width:320px;max-width:100%;}
html.atelier-theme body #app .shell .main.page-account .learning-filters input {width:100%;}
html.atelier-theme body #app .shell .main.page-account .learning-filters select {width:140px;}
html.atelier-theme body #app .shell .main.page-account .learning-table-wrap {width:100%;overflow-x:auto;border:1px solid #e2e8f0;border-radius:5px;}
html.atelier-theme body #app .shell .main.page-account .learning-table-wrap table {display:table;min-width:800px;width:100%;border-collapse:collapse;background:#fff;}
html.atelier-theme body #app .shell .main.page-account .learning-table-wrap thead {display:table-header-group;}
html.atelier-theme body #app .shell .main.page-account .learning-table-wrap tbody {display:table-row-group;}
html.atelier-theme body #app .shell .main.page-account .learning-table-wrap tr {display:table-row;border:0;}
html.atelier-theme body #app .shell .main.page-account .learning-table-wrap :is(th,td) {display:table-cell;padding:16px 14px;text-align:left;font-size:12px;border-bottom:1px solid #e7ecf3;vertical-align:middle;}
html.atelier-theme body #app .shell .main.page-account .learning-table-wrap th {background:#f6f8fb;color:#728093;font-weight:500;white-space:nowrap;}
html.atelier-theme body #app .shell .main.page-account .learning-table-wrap td::before {display:none;}
html.atelier-theme body #app .shell .main.page-account .learning-table-wrap td:first-child {width:26%;}
html.atelier-theme body #app .shell .main.page-account .learning-table-wrap td small {display:block;color:#8491a3;margin-top:6px;font-size:10px;}
html.atelier-theme body #app .shell .main.page-account .learning-table-wrap tbody tr:last-child td {border-bottom:0;}
html.atelier-theme body #app .shell .main.page-account .learning-table-wrap td .learning-level-track {margin-top:7px;min-width:60px;}
html.atelier-theme body #app .shell .main.page-account .learning-chapter-dots {display:flex;gap:4px;margin-top:8px;}
html.atelier-theme body #app .shell .main.page-account .learning-chapter-dots span {width:17px;height:17px;display:grid;place-items:center;font-size:9px;color:#a0acbb;background:#f1f4f8;border-radius:3px;}
html.atelier-theme body #app .shell .main.page-account .learning-chapter-dots .done {color:#478071;background:#e9f3ef;}
html.atelier-theme body #app .shell .main.page-account .learning-pagination {display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;font-size:11px;color:#8a96a8;}
html.atelier-theme body #app .shell .main.page-account .learning-pagination>div {display:flex;gap:8px;}
html.atelier-theme body #app .shell .main.page-account .learning-activity {padding:0;margin:0;list-style:none;}
html.atelier-theme body #app .shell .main.page-account .learning-activity li {display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #eef1f5;}
html.atelier-theme body #app .shell .main.page-account .learning-activity li:last-child {border-bottom:0;}
html.atelier-theme body #app .shell .main.page-account .learning-activity li>div {display:grid;gap:4px;min-width:0;}
html.atelier-theme body #app .shell .main.page-account .learning-activity strong {font-size:12px;font-weight:500;}
html.atelier-theme body #app .shell .main.page-account .learning-activity li div>span {font-size:11px;color:#8a96a8;overflow-wrap:anywhere;}
html.atelier-theme body #app .shell .main.page-account .learning-activity time {margin-left:auto;font-size:11px;color:#8a96a8;white-space:nowrap;}
html.atelier-theme body #app .shell .main.page-account .learning-activity-dot {width:7px;height:7px;background:#8da5c8;border-radius:50%;flex-shrink:0;}
html.atelier-theme body #app .shell .main.page-account :is(.learning-muted,.learning-empty,.learning-coverage) {font-size:12px;line-height:1.8;color:#8a96a8;}
html.atelier-theme body #app .shell .main.page-account .learning-empty {padding:20px 0;text-align:center;}
html.atelier-theme body #app .shell .main.page-account .learning-coverage {font-size:11px;margin:0;}
html.atelier-theme body #app .shell .main.page-account .learning-alert {padding:12px 16px;border:1px solid #e7cfd4;background:#fff7f8;color:#a35262;border-radius:5px;font-size:12px;}
@media(max-width:1000px){
 html.atelier-theme body #app .shell .main.page-account .account-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 html.atelier-theme body #app .shell .main.page-account .learning-skills {grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:700px){
 html.atelier-theme body #app .shell .main.page-account .learning-dashboard-head {align-items:flex-start;flex-wrap:wrap;gap:16px;}
 html.atelier-theme body #app .shell .main.page-account .learning-stat-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
 html.atelier-theme body #app .shell .main.page-account .learning-stat {padding:16px;}
 html.atelier-theme body #app .shell .main.page-account .learning-stat strong {font-size:24px;}
 html.atelier-theme body #app .shell .main.page-account .learning-charts {grid-template-columns:minmax(0,1fr);gap:16px;}
 html.atelier-theme body #app .shell .main.page-account :is(.learning-chart-panel,.learning-path,.learning-course-section,.learning-activity-section) {padding:18px;margin-bottom:18px;}
 html.atelier-theme body #app .shell .main.page-account .learning-chart-panel {margin-bottom:0;}
 html.atelier-theme body #app .shell .main.page-account .learning-section-head {align-items:flex-start;flex-wrap:wrap;gap:10px;}
 html.atelier-theme body #app .shell .main.page-account .learning-skills {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
 html.atelier-theme body #app .shell .main.page-account .learning-filters {align-items:stretch;flex-wrap:wrap;}
 html.atelier-theme body #app .shell .main.page-account .learning-filters label {width:100%;}
 html.atelier-theme body #app .shell .main.page-account .learning-filters select {width:100%;}
 html.atelier-theme body #app .shell .main.page-account .learning-pagination {flex-wrap:wrap;gap:10px;}
 html.atelier-theme body #app .shell .main.page-account .account-tile {grid-template-columns:34px minmax(0,1fr);gap:10px;padding:14px 10px;}
 html.atelier-theme body #app .shell .main.page-account .account-tile-art {width:34px;height:36px;}
 html.atelier-theme body #app .shell .main.page-account .account-tile-art img {width:32px;height:34px;}
 html.atelier-theme body #app .shell .main.page-account .account-tile>.icon {display:none;}
 html.atelier-theme body #app .shell .main.page-account .account-tile-copy strong {font-size:13px;}
 html.atelier-theme body #app .shell .main.page-account .account-summary-item {padding:16px 12px;}
 html.atelier-theme body #app .shell .main.page-account .account-summary-item[href="#wallet"]>strong {font-size:16px;white-space:nowrap;}
 html.atelier-theme body #app .shell .main.page-account .account-summary-item[href="#wallet"]>strong small {display:block;margin-left:0;}
}