/* Connected behaviours rendered with the approved 0.7.14 visual system. */
.shell.app{width:100%;padding:0;max-width:760px}
@media(min-width:900px){.shell.app{max-width:1040px}}
.shell main{padding:18px}
@media(min-width:900px){.shell main{padding:24px 28px}}
.topselector[hidden],.menuBtn[hidden]{display:none}
.language-switch{display:flex;align-items:center;gap:3px;flex:none;padding:3px 5px;border:1px solid var(--line);border-radius:11px;background:#0b2032;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.04em}
.language-switch button{border:0;border-radius:7px;min-width:30px;min-height:34px;padding:4px 6px;background:transparent;color:var(--muted);font:inherit;cursor:pointer}
.language-switch button[aria-current="true"]{background:#173b58;color:#fff}
.language-switch button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.language-switch[hidden]{display:none}.drawer-language{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.drawer-language .language-switch{width:max-content}
@media(max-width:420px){.language-switch{gap:1px;padding:2px 3px}.language-switch button{min-width:25px;padding:3px}.brandline{font-size:16px}.brand img{width:38px;height:38px}.tagline{font-size:10px}.menuBtn{width:42px;height:42px}.headerrow{gap:6px}}
.privacy-share-notice{border:1px solid var(--lime);border-radius:14px;background:rgba(185,242,39,.07);padding:13px 15px;margin:14px 0;color:var(--white);line-height:1.45}
.privacy-share-notice p{margin:0 0 8px}.privacy-share-notice button{appearance:none;border:0;background:none;color:var(--cyan);padding:0;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.privacy-dialog{width:min(92vw,760px);max-width:min(92vw,760px);max-height:88vh;padding:18px}.privacy-dialog-toolbar{display:flex;justify-content:flex-end;position:sticky;top:-18px;padding:10px 0;background:#0c2436;z-index:1}.privacy-dialog .back{display:none}
.topselector button[hidden]{display:none}
.drawer-open{overflow:hidden}
.drawerTop .row{min-width:0}
.drawerTop .row img{flex:none}
.drawerTop .row b{white-space:nowrap}
.drawerTop .row .small{margin-top:4px}
.drawerMeta .pill{max-width:100%}
.drawerMeta #account-label{overflow-wrap:anywhere}
.shell .summaryline{align-items:baseline}
.shell .summaryline b{text-align:right;overflow-wrap:anywhere}
.shell .history{margin-top:16px}
.shell .card>.btn.full{margin-top:18px}
.drawerBackdrop .my{color:var(--lime)}
.drawerMeta p{margin:14px 0 0}
.drawerMeta .btn{margin-top:16px;width:100%}
.approved-intro{margin:0 0 18px}
.approved-intro .h1{margin-bottom:8px}
.approved-intro .lead{margin-bottom:0}
.connected-notice{margin:12px 0 18px}
.connected-notice p{margin-bottom:0}
.connected-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.connected-actions .btn{flex:1 1 150px}
.connected-block .blockbody{display:block}
.connected-block:not(.open) .blockbody{display:none}
.connected-block .blockhead{width:100%;border:0;background:transparent;color:inherit;text-align:left;font:inherit}
.connected-block .blockhead .pill{margin-right:8px}
.connected-block .blockhead{padding:17px 18px;cursor:pointer}
.connected-block .blockhead .between{width:100%}
.connected-block .block-selection{display:flex;justify-content:center;padding:14px 18px}
.connected-block .block-selection .btn{width:min(100%,260px)}
.connected-exercise{border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);column-gap:20px;align-items:center}
.connected-exercise .exmain{grid-column:1;grid-template-columns:22px minmax(0,1fr) 100px;width:100%;min-width:0}
.connected-exercise .exmain>div{min-width:0}
.connected-exercise .exmain .detailsBtn{width:100%;margin:0}
.connected-exercise .exmain{align-items:center}
.connected-exercise .exdetails{padding-top:14px}
.connected-exercise .exdetails[hidden]{display:none}
.connected-exercise .variant-picker{grid-column:2;margin:0;padding:0;width:100%;min-width:0}
.connected-exercise .variant-picker label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}
.connected-exercise .variant-picker select{width:100%;max-width:410px}
.connected-exercise .drillimg{max-height:480px;object-fit:contain}
.connected-exercise .drill-sheet-action{margin-top:10px;text-align:right}
.connected-exercise .exmain{min-height:46px}
.connected-exercise .variant-picker{padding-bottom:0}
@media(max-width:700px){.connected-exercise{grid-template-columns:minmax(0,1fr)}.connected-exercise .variant-picker{grid-column:1;margin:12px 0 0 34px}.connected-exercise .exmain{grid-template-columns:22px minmax(0,1fr) 80px}}
.build-title{margin-top:6px!important}
.coachRec .recitem{padding:12px;margin-top:12px}
.coachRec .recActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.review-list{margin-top:12px}
.review-list .summaryline{align-items:flex-start}
.review-list .summaryline small{display:block;margin-top:6px;color:var(--muted)}
.review-actions{display:flex;flex-direction:column;align-items:center;gap:16px;margin:24px 0}
.review-actions .btn{width:min(100%,340px)}
.switches.two{grid-template-columns:1fr 1fr}
.switches.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.switches.four .choice{font-size:13px;padding:10px 5px}
@media (max-width: 480px){
  .eval .switches.four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eval .switches.four .choice{min-width:0;font-size:14px;line-height:1.2;overflow-wrap:break-word}
}
.optional-label{margin-top:18px;margin-bottom:8px}
.eval .btn.full{margin-top:16px}
.centered{text-align:center}
.btnrow:has([data-action="stop-session"]){justify-content:center}
.btnrow [data-action="stop-session"]{max-width:340px}
.sticky-action{margin-top:24px}
.sticky-action{z-index:5}
.sticky-action .btn{width:min(100%,380px);display:block;margin:auto}
.summaryline .coachfocus{margin-top:10px}
.eval .switches{margin:10px 0}
.eval .choice{text-align:center}
.eval h3{margin-bottom:10px}
.eval .field-note{font-size:12px;color:var(--muted);margin:12px 0 2px}
.eval.missing .field-note.error{color:#ff9b9e}
.session-ex .exdetails[hidden]{display:none}
.session-ex .detailsBtn{margin-left:auto}
.session-ex .exsub{display:block}
.chart-placeholder{min-height:140px;display:grid;place-items:center;color:var(--muted)}
.connected-history-row{padding:12px 0;border-bottom:1px solid var(--line)}
.connected-history-row:last-child{border-bottom:0}
.connected-history-row p{margin:5px 0 0;color:var(--muted)}
.connected-form .field{margin:15px 0}
.connected-form .field span{display:block;color:var(--muted);font-size:12px;margin-bottom:7px;font-weight:600}
.connected-form .btn{margin-top:16px}
.connected-form .check{margin:8px 0}
.connected-form .check input{flex:none}
.connected-form select{padding-right:42px}
/* Keep the approved chevron on native selects in Safari and Chromium. */
.shell select:not([multiple]){-webkit-appearance:none;appearance:none;background-color:#081b2b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23dceaf1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:18px 18px;padding-right:48px;min-height:48px;line-height:1.3}
.shell .field{margin:0 0 18px;min-width:0}
.shell .field>span{display:block;margin:0 0 8px;line-height:1.35}
.shell .field>select,.shell .field>input,.shell .field>textarea{margin:0;width:100%;max-width:100%}
.coach-player-card{margin-top:14px}
.coach-player-picker{display:block;max-width:340px;margin:16px 0 28px}
.coach-player-picker span{display:block;margin-bottom:9px}
.coach-player-picker select{width:100%;padding-right:42px}
.coach-player-summary h2{margin-bottom:8px}
.coach-player-summary p{margin:14px 0}
.coach-session-list,.coach-sent-list{margin:24px 0}
.coach-session-list summary,.coach-sent-list summary{cursor:pointer;color:var(--white)}
.coach-session-list[open] summary,.coach-sent-list[open] summary{margin-bottom:14px}
.coach-skill-states{margin-top:24px!important}
.coach-work-card{margin-top:16px}
.coach-work-card .field{display:block;margin:18px 0}
.coach-work-card .field span{display:block;margin-bottom:8px}
.coach-work-card select{width:min(100%,340px);padding-right:42px}
.coach-work-card textarea{width:100%;min-height:100px}
.coach-work-card form>.btn{max-width:340px;margin:24px auto 0}
.coach-work-item{padding:16px 0;border-top:1px solid var(--line)}
.coach-work-item:first-of-type{margin-top:12px}
.coach-pending-alert,.coach-work-card-pending{border:2px solid var(--lime);background:rgba(185,242,39,.07)}
.coach-pending-alert{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:16px 0;padding:16px;border-radius:16px}
.coach-pending-alert strong,.coach-request-count,.coach-pending-count{color:var(--lime)}
.coach-pending-alert p{flex:1 1 180px;margin:0}
.coach-pending-alert .btn{width:auto;min-width:150px}
.coach-work-card-pending{scroll-margin-top:20px}
.coach-work-item-pending{border-top-color:var(--lime)}
.coach-request-count{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;margin-left:6px;border:1px solid var(--lime);border-radius:999px;font-size:.85rem}
.coach-pending-count{margin:10px 0 0;font-weight:700}
.coach-player-details{margin-top:16px}
.coach-reply-highlight,.coach-replied-request{border:2px solid var(--lime);background:rgba(185,242,39,.07)}
.coach-reply-highlight{margin:16px 0;padding:18px;border-radius:16px}
.coach-reply-highlight .eyebrow,.coach-reply-inline strong{color:var(--lime)}
.coach-reply-highlight h3{margin:6px 0 10px}
.coach-replied-request{margin:12px 0;padding:16px;border-radius:14px}
.coach-reply-inline{margin-top:12px;padding-top:12px;border-top:1px solid var(--lime)}
.coach-reply-inline p{margin:7px 0 0}
.auth{max-width:500px;margin:36px auto}
.auth .card{padding:22px}
.auth .tabs{padding:0 0 12px}
.auth .tabs button{background:transparent;border-color:var(--line);color:var(--white)}
.auth .tabs button.active{background:#173b58;border-color:var(--cyan)}
.auth .button{width:100%;margin-top:10px}
.sheet-dialog{z-index:110}
.sheet-dialog .sheet-toolbar{background:rgba(7,21,33,.97);border-color:var(--line)}
.sheet-dialog .sheet-content{background:#02070b}
.sheet-dialog .sheet-details{color:var(--white);background:linear-gradient(160deg,#102d43,#0b2234);border:1px solid var(--line);border-radius:22px;padding:clamp(18px,3vw,30px);margin-top:20px;margin-bottom:28px;box-shadow:0 18px 45px #0005}
.sheet-dialog .sheet-details h3{color:var(--white);font-size:18px;margin:0 0 7px}
.sheet-dialog .sheet-details h3:not(:first-child){border-top:1px solid var(--line);padding-top:20px;margin-top:20px}
.sheet-dialog .sheet-details p,.sheet-dialog .sheet-details ol{color:#c5d9e4;line-height:1.55;margin-bottom:0}
.sheet-dialog .sheet-details ol{padding-left:24px}
.session-complete-card{border-color:var(--cyan);background:linear-gradient(160deg,#102d43,#0b2234)}
.session-complete-actions{display:flex;gap:12px;max-width:760px;margin:22px auto}
.session-complete-actions .btn{flex:1}
@media(max-width:600px){.session-complete-actions{flex-direction:column}}
@media(max-width:560px){.connected-exercise .variant-picker{margin-left:0}.connected-actions{flex-direction:column}.connected-actions .btn{width:100%}}
/* Approved desktop Plan rows: full-width exercise header, then a full-width variant card. */
.connected-exercise{display:block;padding:0 14px 12px}
.connected-exercise .exmain{display:grid;grid-template-columns:22px minmax(0,1fr) 100px;gap:12px;width:100%;padding:12px 0;align-items:center}
.connected-exercise .exmain .detailsBtn{grid-column:3;width:100%;justify-self:end}
.connected-exercise .approved-variant{background:#102938;border:1px solid #356273;border-radius:12px;padding:8px 10px;min-width:0}
.connected-exercise .approved-variant label{display:block;color:var(--muted);font-size:12px;line-height:1.35;margin:0 0 5px}
.connected-exercise .approved-variant select{display:block;width:min(100%,260px);min-height:44px;margin:0;padding:9px 42px 9px 12px;background-color:#0b2536;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23f7fbff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E");background-position:right 12px center;border-radius:10px;font-size:14px;font-weight:750}
@media(max-width:600px){.connected-exercise .exmain{grid-template-columns:22px minmax(0,1fr) 80px;gap:9px}.connected-exercise .approved-variant{background:transparent;border:0;padding:0 0 10px 34px}.connected-exercise .approved-variant select{width:100%;max-width:none}}
.membership-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.membership-card{background:#091e2e;border:1px solid var(--line);border-radius:16px;padding:16px;margin-top:12px}
.membership-grid .membership-card{margin-top:0}
.membership-card h4{margin:0;font-size:18px}
.membership-card p{min-height:48px}
.membership-unavailable{opacity:.65}
.membership-card button:disabled{opacity:.55;cursor:not-allowed}
.sync-result{border:1px solid var(--line);border-radius:12px;background:#102c3e;padding:12px;margin:14px 0 0;color:var(--white)}
@media(max-width:650px){.membership-grid{grid-template-columns:1fr}.membership-card p{min-height:0}}
.profile-dialog{width:min(760px,calc(100vw - 28px));max-height:min(88dvh,900px);overflow:auto;border:1px solid var(--line);border-radius:20px;background:#0b2335;color:var(--white);padding:20px;box-shadow:0 24px 70px rgba(0,0,0,.6)}
.profile-dialog::backdrop{background:rgba(0,6,12,.76)}
.profile-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.profile-dialog-head h2{margin:14px 0 6px}
.profile-dialog>.small{margin:12px 0 18px}
.profile-fields,.profile-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.profile-fields .field{min-width:0;margin:0}
.profile-fields .field input,.profile-fields .field select{width:100%;max-width:none}
.profile-fields .profile-goal{grid-column:1/-1}
.profile-fields input[readonly]{opacity:.72}
.profile-limitations{border:0;padding:0;margin:18px 0 0}
.profile-limitations legend{font-size:13px;color:var(--muted);padding:0 0 10px}
.profile-checks label{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;margin:0}
.profile-checks input{width:20px;height:20px;accent-color:var(--cyan);margin:0}
.profile-actions{display:flex;justify-content:center;margin-top:18px}
.profile-actions .btn{width:min(100%,340px)}
.profile-summary{margin:14px 0}
.profile-summary .summaryline b{max-width:60%;text-align:right;overflow-wrap:anywhere}
@media(max-width:600px){.profile-fields,.profile-checks{grid-template-columns:1fr}.profile-dialog{padding:16px}.profile-dialog-head h2{font-size:22px}}

/* Progress charts use SVG geometry so restrictive hosting policies keep their values visible. */
.progress-bar-svg{display:block;width:100%;height:10px;overflow:hidden;border-radius:999px}
.progress-donut{display:block;width:140px;height:140px;max-width:100%;margin:auto}
.progress-started{margin:0 0 14px;padding:0 4px;color:var(--muted)}
.progression-row{align-items:center;flex-wrap:wrap}
.progression-row p{margin:5px 0 0}
.progression-row .btn{margin-left:auto}
@media(max-width:560px){.skillrow{grid-template-columns:minmax(90px,1fr) minmax(75px,1.2fr) 48px}.mixrow{grid-template-columns:minmax(90px,1fr) minmax(75px,1.2fr) 28px}.skillrow b,.mixrow b{overflow-wrap:anywhere}.progression-row .btn{min-width:92px}}

/* Mobile hierarchy and action alignment across player Progress, live sessions, and coach sheets. */
.shell .progression-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:12px;align-items:start;padding:18px 0}
.shell .progression-row .progression-copy{min-width:0}
.shell .progression-row .eyebrow,.review-exercise .eyebrow,.session-ex .eyebrow,.coach-sheet-row .eyebrow{display:block;font-size:11px;line-height:1.35;letter-spacing:.12em;color:var(--muted);margin-bottom:6px}
.shell .progression-row b,.review-exercise b,.coach-sheet-row b{display:block;text-align:left;font-size:16px;line-height:1.35}
.shell .progression-row p{margin:5px 0 0;line-height:1.4}
.shell .progression-row .btn{width:112px;min-width:112px;margin:0;align-self:start;justify-self:end;white-space:nowrap}
.progression-label,.review-exercise small strong,.session-ex .exsub strong{color:#d7e8ef;font-weight:750}
.review-list .review-exercise{display:block;padding:14px 0}
.review-list .review-exercise small{line-height:1.45}
.session-ex{display:block}
.session-ex .between{display:grid;width:100%;grid-template-columns:minmax(0,1fr) 112px;gap:12px;align-items:start}
.session-ex .session-ex-copy{min-width:0}
.session-ex .exname{line-height:1.35}
.session-ex .exsub{margin-top:5px;line-height:1.4}
.session-ex .detailsBtn{width:112px;min-width:112px;min-height:44px;margin:0;align-self:start;justify-self:end}
.coach-sheet-block>h2{margin:3px 0 12px;font-size:20px}
.coach-sheet-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:12px;align-items:start}
.coach-sheet-row>div{min-width:0}
.coach-sheet-row .btn{width:112px;min-width:112px;min-height:44px;margin:0;white-space:normal;line-height:1.2}
@media(max-width:560px){.shell .progression-row,.session-ex .between,.coach-sheet-row{grid-template-columns:minmax(0,1fr) 100px;gap:10px}.shell .progression-row .btn,.session-ex .detailsBtn,.coach-sheet-row .btn{width:100px;min-width:100px}.shell .progression-row b,.coach-sheet-row b{font-size:15px}}

.sheet-recommend{margin:24px 0 8px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#102938}
.sheet-recommend h3{margin:0 0 12px}
.sheet-recommend .field{margin:14px 0}
.sheet-recommend .btn{margin-top:18px}

/* Draw native-select chevrons with CSS so they remain visible in Safari and
   Chromium even when data-URL background images are unavailable. */
.shell select:not([multiple]),.sheet-dialog select:not([multiple]){
  -webkit-appearance:none;appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,#dceaf1 50%),linear-gradient(135deg,#dceaf1 50%,transparent 50%);
  background-repeat:no-repeat;
  background-position:calc(100% - 23px) center,calc(100% - 16px) center;
  background-size:7px 7px;
  padding-right:48px;
}
.historyitem>summary,.coach-session-list>summary,.coach-sent-list>summary{
  position:relative;padding-right:44px;
}
.historyitem>summary::after,.coach-session-list>summary::after,.coach-sent-list>summary::after{
  content:"";position:absolute;right:17px;top:50%;width:8px;height:8px;
  border-right:2px solid #dceaf1;border-bottom:2px solid #dceaf1;
  transform:translateY(-70%) rotate(45deg);
}
.historyitem[open]>summary::after,.coach-session-list[open]>summary::after,.coach-sent-list[open]>summary::after{
  transform:translateY(-30%) rotate(225deg);
}

/* Block disclosure uses a CSS chevron, matching the other expandable rows. */
.connected-block .block-chevron{display:inline-block;width:9px;height:9px;flex:none;margin:0 5px 4px 3px;border-right:2px solid #f7fbff;border-bottom:2px solid #f7fbff;transform:rotate(45deg)}
.connected-block .blockhead[aria-expanded="true"] .block-chevron{margin-bottom:0;transform:rotate(225deg)}

/* Native select indicators can render dark on mobile Safari. Keep a solid white
   triangle for the profile and coach-request fields, with room inside the edge. */
@media(max-width:600px){
  .profile-dialog label.field:has(>select),#request-form label.field:has(>select),#recommend-form label.field:has(>select),.coach-player-picker:has(>select){position:relative}
  .profile-dialog label.field:has(>select)::after,#request-form label.field:has(>select)::after,#recommend-form label.field:has(>select)::after,.coach-player-picker:has(>select)::after{content:"";position:absolute;right:19px;bottom:19px;width:12px;height:8px;background:#fff;clip-path:polygon(0 0,100% 0,50% 100%);pointer-events:none}
  .profile-dialog label.field>select,#request-form label.field>select,#recommend-form label.field>select,.coach-player-picker>select{appearance:none;-webkit-appearance:none;background-image:none;padding-right:48px}
}

/* Hide the browser's left disclosure marker; the right CSS chevron is the
   single indicator for shared coach sessions. */
.coach-session-list>summary,.coach-sent-list>summary{list-style:none}
.coach-session-list>summary::-webkit-details-marker,.coach-sent-list>summary::-webkit-details-marker{display:none}

/* Remaining mobile select controls: coach assessment and training variants. */
@media(max-width:600px){
  .feedback-form label.field:has(>select),.connected-exercise .approved-variant{position:relative}
  .feedback-form label.field:has(>select)::after,.connected-exercise .approved-variant::after{content:"";position:absolute;right:19px;width:12px;height:8px;background:#fff;clip-path:polygon(0 0,100% 0,50% 100%);pointer-events:none}
  .feedback-form label.field:has(>select)::after{bottom:19px}
  .connected-exercise .approved-variant::after{bottom:28px}
  .feedback-form label.field>select,.connected-exercise .approved-variant select{appearance:none;-webkit-appearance:none;background-image:none;padding-right:48px}
}

/* The sheet viewer sits outside .shell, so give its variant selector the same
   visible white indicator on mobile Safari and desktop browsers. */
.sheet-dialog .sheet-variant-picker{position:relative}
.sheet-dialog .sheet-variant-picker::after{content:"";position:absolute;right:19px;bottom:19px;width:12px;height:8px;background:#fff;clip-path:polygon(0 0,100% 0,50% 100%);pointer-events:none}
.sheet-dialog .sheet-variant-picker select{appearance:none;-webkit-appearance:none;background-image:none;padding-right:48px}

/* A readable cue for variants that share the family illustration. */
.sheet-dialog .variant-notice{display:flex;flex-direction:column;gap:5px;width:100%;max-width:760px;margin:0 auto 16px;padding:13px 16px;border:2px solid var(--lime);border-radius:14px;background:rgba(185,242,39,.08);color:var(--white);line-height:1.45}
.sheet-dialog .variant-notice strong{color:var(--lime);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.sheet-dialog .variant-notice[hidden]{display:none}

.pending-sessions-card{border:2px solid var(--lime);background:rgba(185,242,39,.07);margin-bottom:16px}.pending-sessions-card h2{margin:6px 0 8px}.pending-sessions-card .eyebrow{color:var(--lime)}.train-pending-notice{border:1px solid var(--lime);background:rgba(185,242,39,.07);border-radius:14px;padding:14px;margin:14px 0}.train-pending-notice p{margin:8px 0 12px}.train-pending-notice strong{color:var(--lime)}.session-sync-summary{margin:12px 0;padding:12px 14px;border:1px solid var(--cyan);border-radius:12px;background:#0b2838}.session-sync-summary p{margin:4px 0;line-height:1.45}.offline-ready-note{margin:8px 0 16px;color:var(--muted)}
.session-sync-summary.pending{border-color:var(--lime);background:rgba(185,242,39,.07)}
.pending-sessions-card .historyitem{border-color:var(--lime)}
.latest-history-card{border:2px solid var(--cyan);margin-bottom:16px}.latest-history-card .eyebrow{color:var(--cyan)}.train-pending-notice .actions{display:flex;flex-wrap:wrap;gap:8px}