/* Shared spacing contract: outer application, PEIA and Reto Social. */
:root{--space-label:8px;--space-related:12px;--space-block:24px;--space-section:32px;--sublevel-accent:#2854d7;--sublevel-accent-hover:#1f43b2;--sublevel-accent-bg:rgba(40,84,215,.12);--sublevel-accent-hover-bg:rgba(40,84,215,.08);--sublevel-accent-border:rgba(40,84,215,.42);--sublevel-accent-text:#1c3da4}
input,textarea,select{font-weight:400}
textarea{line-height:1.6}
.shared-answer,.forum-answer p,.contribution-grid p{font-weight:400;line-height:1.6}
:is(.panel,.form-card,.activity-card,.shared-feed,.completion-panel)>:is(h2,h3,h4){margin-bottom:var(--space-related)}
:is(.panel,.form-card,.activity-card)>:is(p,.notice,.feedback-box)+:is(h2,h3,h4,form){margin-top:var(--space-block)}
:is(.form-actions,.share-action,.card-heading,.section-heading,.step-controls){gap:var(--space-related);row-gap:var(--space-related)}
:is(.form-actions,.share-action){margin-top:var(--space-block)}
:is(.form-grid,.contribution-grid){row-gap:var(--space-block)}
:is(.live-team-form,.activity-card,form)>:is(button,.btn){margin-block:var(--space-related);margin-inline-end:var(--space-label)}
:is(.live-team-form,.activity-card,form)>:is(button,.btn)+:is(p,small,[role="status"]){margin-top:var(--space-related)}
:is(label,.full-label)>small{display:block;margin-top:var(--space-label);font-weight:400;line-height:1.5}
:is(.live-team-form,.activity-card,form)>:is(textarea,input,select)+:is(button,.btn){margin-top:var(--space-block)}
.common-fields>label{display:block;margin-block:var(--space-related)}
.common-fields>.form-grid{margin-bottom:var(--space-related)}
[data-live-status],[data-live-typing]{line-height:1.5;font-weight:400}
[data-live-typing]:empty{display:none}
.shared-feed details,.platform-contribution{margin-block:var(--space-related)}
.shared-feed details+details,.platform-contribution+.platform-contribution{padding-top:var(--space-related);border-top:1px solid #dedbd3}
:is(.shared-feed,.platform-contribution) summary{line-height:1.5;padding-block:var(--space-label)}
.contribution-identity{display:inline-flex;align-items:center;gap:var(--space-related);vertical-align:middle;max-width:100%}
.contribution-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;object-fit:cover;background:#e7ebf9;color:#263b83;font-size:14px;font-weight:600;vertical-align:middle}
.shared-feed h4{margin:var(--space-block) 0 var(--space-label)}
.shared-feed .shared-answer{margin:0 0 var(--space-related)}

  /* Jerarquía común: el subnivel activo no compite con el tab principal. */
  .sublevel-tabs[data-level="secondary"]>button:hover{color:var(--sublevel-accent-hover);background:var(--sublevel-accent-hover-bg);border-color:var(--sublevel-accent-border)}
  .sublevel-tabs[data-level="secondary"]>button.active,.sublevel-tabs[data-level="secondary"]>button[aria-selected="true"]{color:var(--sublevel-accent-text);background:var(--sublevel-accent-bg);border-color:var(--sublevel-accent-border);box-shadow:none}
  html body button[data-detail-dimension]:hover{color:var(--sublevel-accent-hover);background:var(--sublevel-accent-hover-bg);border-color:var(--sublevel-accent-border)}
  html body button[data-detail-dimension].active,html body button[data-detail-dimension].primary,html body button[data-detail-dimension][aria-selected="true"]{color:var(--sublevel-accent-text);background:var(--sublevel-accent-bg);border-color:var(--sublevel-accent-border);box-shadow:none}
@media(max-width:600px){:root{--space-section:24px}.contribution-identity{align-items:flex-start}.contribution-identity>span:last-child{min-width:0;overflow-wrap:anywhere}}

/* Cuenta común: identidad directa sobre el rail, nunca dentro de una tarjeta. */
.participant-account{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
.participant-account>summary,.social-app .participant-account>summary{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:11px;padding:0;min-width:64px;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.participant-account>summary .avatar{width:40px;height:40px;min-width:40px;flex:0 0 40px;margin:0;object-fit:cover;border-radius:50%}
.participant-account-identity{display:flex;flex-direction:column;min-width:0;gap:2px}
.participant-account-summary-name{display:block;overflow:hidden;font-size:14px;font-weight:650;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.participant-account-role{display:block;font-size:10px;font-weight:400;line-height:1.3;white-space:nowrap}
.participant-account nav .participant-account-name{display:block;padding:8px 12px;font-size:13px;max-width:220px;white-space:normal;overflow-wrap:anywhere}
.participant-account>nav{top:calc(100% + 8px)}

/* Plataforma: una sola zona de cuenta, fija al pie del menú lateral. */
.platform-sidebar-scroll,.learning-sidebar-content,.reviewer-sidebar-scroll,.left-scroll,.journey-scroll{min-height:0}
.platform-sidebar-scroll{display:flex;flex:1;flex-direction:column;overflow:auto}
.platform-sidebar-account,.learning-sidebar-account,.sidebar-account,.session-sidebar-account,.platform-guide-account{flex:0 0 auto;margin-top:auto;padding:16px 4px 0;border-top:1px solid rgb(255 255 255 / 18%);background:transparent}
.platform-sidebar-account .participant-account,.learning-sidebar-account .participant-account,.sidebar-account .participant-account,.session-sidebar-account .participant-account,.platform-guide-account .participant-account{width:100%;color:inherit;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.platform-sidebar-account .participant-account>summary,.learning-sidebar-account .participant-account>summary,.sidebar-account .participant-account>summary,.session-sidebar-account .participant-account>summary,.platform-guide-account .participant-account>summary{width:100%;min-height:48px;padding:4px!important;color:inherit;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.platform-sidebar-account .participant-account>nav,.learning-sidebar-account .participant-account>nav,.sidebar-account .participant-account>nav,.session-sidebar-account .participant-account>nav,.platform-guide-account .participant-account>nav{top:auto;right:auto;bottom:calc(100% + 8px);left:0;min-width:210px}

/* Shared tutor inbox: usable in the application and isolated Social guide. */
.tutor-notifications{position:relative;flex-shrink:0;font-family:inherit;color:inherit}
.tutor-notifications>summary{cursor:pointer;list-style:none;font-size:12px;font-weight:600;white-space:nowrap;padding:10px 8px}
.tutor-notifications>summary::-webkit-details-marker{display:none}
[data-tutor-notification-count]{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:20px;background:#ffd100;color:#111;margin-left:4px;padding:0 5px}
.tutor-notification-popover{position:absolute;right:0;top:100%;z-index:110;width:320px;max-width:calc(100vw - 32px);max-height:65vh;overflow:auto;padding:16px;border:1px solid #dce1eb;border-radius:12px;background:#fff;color:#17243c;box-shadow:0 12px 30px #07133026}
.tutor-notification-popover>p{font-size:12px;margin:0 0 12px}
[data-tutor-notification-items]>button{display:flex;flex-direction:column;gap:5px;width:100%;padding:12px;background:#f2f5fa;border:0;border-radius:8px;text-align:left;color:#17243c;margin:0 0 8px;font:inherit;cursor:pointer}
[data-tutor-notification-items]>button>span{font-size:13px}
[data-tutor-notification-items]>button>small{font-size:11px;color:#596175}
@media(max-width:760px){.tutor-notifications>summary{font-size:10px;padding:8px 0}.tutor-notification-popover{position:fixed;top:80px;right:16px}.reviewer-shell .top-right{flex-wrap:wrap}}

/* Encabezados de tablas: nombres de ejes legibles, sin alterar etiquetas de navegación. */
html body :is(table th,table th .table-sort,[role="table"] [role="columnheader"],[role="table"] [role="rowheader"]){font-size:13px!important;font-weight:700!important;line-height:1.4}