.participant-shell .yt-sidebar { top:56px; height:calc(100vh - 56px); padding:20px 12px; }
.participant-shell .yt-main-viewport { margin-top:56px; padding-top:28px; }
.participant-shell.sidebar-collapsed .yt-sidebar { display:none; }
.participant-shell.sidebar-collapsed .yt-main-viewport { margin-left:0; }
.participant-navigation .participant-nav-group { border-bottom:1px solid #d5dfe9; padding:10px 0; }
.participant-navigation .participant-nav-group > summary { cursor:pointer; color:#48617d; font-size:.72rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; padding:8px 12px; }
.participant-navigation .yt-sidebar-item { min-height:38px; height:auto; padding:10px 12px; font-size:.875rem; }
.participant-navigation .participant-missions > summary { display:list-item; cursor:pointer; margin-left:14px; }
.participant-navigation .participant-nav-children { border-left:1px solid #bdccdb; margin-left:24px; padding-left:12px; }
.participant-home { max-width:1150px; margin:0 auto; }
.participant-home .home-shortcuts { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:16px; }
.participant-home .home-shortcut, .participant-panel { display:block; border:1px solid #d5dfe9; border-radius:14px; background:#fff; padding:24px; color:#173956; text-decoration:none; }
.participant-home .home-shortcut:hover { border-color:#2776b7; color:#164d80; }
.participant-home .home-shortcut strong { display:block; font-size:1.1rem; margin-bottom:8px; }
.participant-home .home-shortcut p { color:#48617d; margin:0; font-size:.9rem; }
.participant-home .home-section { margin-top:24px; }
.participant-home .identity-capabilities { display:flex; flex-wrap:wrap; gap:8px; }
.participant-home .identity-capabilities span { border:1px solid #bdccdb; border-radius:18px; padding:5px 10px; font-size:.8rem; }

.participant-home .participant-panel h2, .participant-home .participant-panel h3 { color:#173956; }
.participant-home .identity-capabilities span { background:#edf4fb; }

.mobile-nav-toggle, .participant-drawer-backdrop { display:none; }
.photo-recovered-preview { display:block; max-width:100%; max-height:240px; object-fit:contain; margin:12px 0; }
.photo-draft-recovery { overflow-wrap:anywhere; }
.photo-draft-recovery button { margin:4px; min-height:44px; }
.participant-shell .participant-evidence-card .photo-selected-preview .text-white,
.participant-shell .participant-evidence-card .photo-selected-preview .btn-outline-light { color:#f8fafc!important; }
.participant-shell .participant-evidence-card .photo-selected-preview .btn-outline-light { border-color:#cbd5e1!important; }
@media (max-width:1024px) {
  .participant-shell .yt-header { gap:8px; padding:0 8px; height:56px; }
  .participant-shell .yt-header > .d-flex { gap:8px!important; min-width:0; }
  .participant-shell .yt-header .desktop-nav-toggle { display:none; }
  .participant-shell .yt-header .mobile-nav-toggle { display:inline-flex; align-items:center; justify-content:center; flex:none; min-width:44px; min-height:44px; padding:0; }
  .participant-shell .yt-logo-badge { font-size:17px; white-space:nowrap; }
  .participant-shell .participant-profile-name { display:none!important; }
  .participant-shell .yt-header [aria-label="Participant menu"] { min-width:44px; min-height:44px; }
  .participant-shell .dropdown-menu { position:absolute; right:0; left:auto; max-width:calc(100vw - 16px); max-height:75dvh; overflow:auto; }
  .participant-shell .dropdown-menu .dropdown-item { min-height:44px; display:flex; align-items:center; }
  .participant-shell .yt-sidebar, .participant-shell.sidebar-collapsed .yt-sidebar { display:block!important; position:fixed; left:0; top:56px; bottom:0; width:min(85vw,300px); height:calc(100dvh - 56px); z-index:1100; transform:translateX(-105%); visibility:hidden; overflow-y:auto; overscroll-behavior:contain; padding-bottom:32px; }
  .participant-shell.mobile-nav-open .yt-sidebar { transform:translateX(0); visibility:visible; }
  .participant-shell .participant-drawer-backdrop { display:block; position:fixed; inset:56px 0 0; z-index:1090; border:0; width:100%; background:#08121e99; }
  .participant-shell .yt-main-viewport, .participant-shell.sidebar-collapsed .yt-main-viewport { margin-left:0!important; width:100%; min-width:0; padding:20px 12px; }
  .participant-shell .participant-navigation summary, .participant-shell .participant-navigation a { min-height:44px; }
  .participant-home .participant-panel, .participant-home .home-shortcut { padding:16px; min-width:0; overflow-wrap:anywhere; }
  .participant-home h1 { font-size:clamp(1.8rem,6vw,2.4rem); overflow-wrap:anywhere; }
  .participant-shell .yt-main-viewport .container { min-width:0; padding-left:0; padding-right:0; }
  .participant-shell .yt-main-viewport .container > .d-flex:first-child { flex-wrap:wrap; gap:12px; }
  .participant-shell .participant-evidence-card .d-flex { flex-wrap:wrap; min-width:0; }
  .participant-shell .participant-evidence-card .card-body { padding:16px!important; min-width:0; overflow-wrap:anywhere; }
  .participant-shell .participant-evidence-card .btn { min-height:44px; max-width:100%; white-space:normal; }
  .participant-shell .participant-evidence-card img { max-width:100%!important; }
  .participant-shell .participant-evidence-card [role="alert"] { color:#842029; background:#f8d7da; }
  .participant-shell input, .participant-shell select, .participant-shell textarea { font-size:16px; max-width:100%; }
}
@media (max-width:480px) {
  .participant-shell .yt-logo-badge > span { display:none; }
  .participant-shell .yt-header a.btn { font-size:12px; min-height:44px; display:flex; align-items:center; padding:6px 10px!important; }
  .participant-home .home-shortcuts { grid-template-columns:1fr; }
}