/* central-v134-10-pin-revert-notification-fix
   Mobile command-room fixes only. No project-pin styling. */

@media (max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  #main{padding-left:10px!important;padding-right:10px!important;padding-bottom:112px!important;max-width:100vw!important;overflow-x:hidden!important}

  .project-command-window,
  .project-command-modal,
  .project-workspace-window,
  .command-window.project,
  .modal-project,
  .o2-modal,
  .drawer,
  .workspace-modal{
    max-width:100vw!important;
    width:100vw!important;
    border-radius:26px 26px 0 0!important;
    overflow-x:hidden!important;
  }

  .project-command-window *,
  .project-command-modal *,
  .project-workspace-window *,
  .modal-project *,
  .workspace-modal *{
    min-width:0!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }

  .project-admin-actions,
  .project-command-actions,
  .command-room-actions,
  .workbench-actions,
  .project-toolbar,
  .project-control-strip{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
    padding:8px 10px!important;
    scrollbar-width:none;
  }
  .project-admin-actions::-webkit-scrollbar,
  .project-command-actions::-webkit-scrollbar,
  .command-room-actions::-webkit-scrollbar,
  .workbench-actions::-webkit-scrollbar,
  .project-toolbar::-webkit-scrollbar,
  .project-control-strip::-webkit-scrollbar{display:none}

  .project-admin-actions .btn,
  .project-command-actions .btn,
  .command-room-actions .btn,
  .workbench-actions .btn,
  .project-toolbar .btn,
  .project-control-strip .btn,
  [data-action="editEntity"],
  [data-action="toggleProjectVisibility"]{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    min-height:44px!important;
    padding:10px 14px!important;
    border-radius:16px!important;
  }

  .project-tabs,
  .project-room-tabs,
  .command-tabs,
  .workspace-tabs,
  .tab-rail{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
    padding:8px 8px 10px!important;
    scrollbar-width:none;
    scroll-snap-type:x proximity;
  }
  .project-tabs::-webkit-scrollbar,
  .project-room-tabs::-webkit-scrollbar,
  .command-tabs::-webkit-scrollbar,
  .workspace-tabs::-webkit-scrollbar,
  .tab-rail::-webkit-scrollbar{display:none}

  .project-tabs button,
  .project-room-tabs button,
  .command-tabs button,
  .workspace-tabs button,
  .tab-rail button,
  [data-action="projectTab"]{
    flex:0 0 auto!important;
    min-width:max-content!important;
    max-width:none!important;
    white-space:nowrap!important;
    padding:12px 16px!important;
    border-radius:18px!important;
    scroll-snap-align:start;
  }

  .workbench-hero,
  .project-hero,
  .investment-hero,
  .investment-section-hero,
  .investment-panel-hero,
  .investment-workspace-head,
  .project-workspace-head,
  .project-section-head,
  .section-hero,
  .workspace-section-hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    align-items:start!important;
    padding:18px 16px!important;
    overflow:hidden!important;
  }

  .workbench-hero > *,
  .project-hero > *,
  .investment-hero > *,
  .investment-section-hero > *,
  .investment-panel-hero > *,
  .investment-workspace-head > *,
  .project-workspace-head > *,
  .project-section-head > *,
  .section-hero > *,
  .workspace-section-hero > *{
    max-width:100%!important;
    width:auto!important;
  }

  .workbench-hero h1,.workbench-hero h2,.workbench-hero h3,
  .project-hero h1,.project-hero h2,.project-hero h3,
  .investment-hero h1,.investment-hero h2,.investment-hero h3,
  .investment-section-hero h1,.investment-section-hero h2,.investment-section-hero h3,
  .investment-panel-hero h1,.investment-panel-hero h2,.investment-panel-hero h3,
  .investment-workspace-head h1,.investment-workspace-head h2,.investment-workspace-head h3,
  .project-workspace-head h1,.project-workspace-head h2,.project-workspace-head h3,
  .project-section-head h1,.project-section-head h2,.project-section-head h3,
  .workspace-section-hero h1,.workspace-section-hero h2,.workspace-section-hero h3,
  .section-hero h1,.section-hero h2,.section-hero h3{
    font-size:clamp(28px,9vw,44px)!important;
    line-height:.98!important;
    letter-spacing:-.055em!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  .workbench-hero p,.project-hero p,.investment-hero p,.investment-section-hero p,.investment-panel-hero p,
  .investment-workspace-head p,.project-workspace-head p,.project-section-head p,.workspace-section-hero p,.section-hero p{
    max-width:100%!important;
    font-size:15px!important;
    line-height:1.35!important;
    white-space:normal!important;
  }

  .investment-proposal-hero,
  .live-investment-proposal,
  .investment-live-proposal,
  .proposal-hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding:20px 16px!important;
    overflow:hidden!important;
  }

  .investment-proposal-hero aside,
  .live-investment-proposal aside,
  .investment-live-proposal aside,
  .proposal-hero aside,
  .investment-next-decision,
  .next-decision-card{
    width:100%!important;
    min-width:0!important;
    display:block!important;
  }

  .timeline,
  .timeline-list,
  .project-timeline,
  .operating-memory,
  .timeline-shell{
    display:block!important;
    grid-template-columns:1fr!important;
    overflow-x:hidden!important;
  }
  .timeline:before,.project-timeline:before,.timeline-shell:before{display:none!important}
  .timeline-card,.timeline-item,.activity-row,
  .task-node,.task-card,.project-task-card{
    margin-left:0!important;
    margin-right:0!important;
    width:100%!important;
    max-width:100%!important;
  }
}

@media (max-width:420px){
  .workbench-hero h1,.workbench-hero h2,.workbench-hero h3,
  .investment-hero h1,.investment-hero h2,.investment-hero h3,
  .investment-section-hero h1,.investment-section-hero h2,.investment-section-hero h3,
  .investment-panel-hero h1,.investment-panel-hero h2,.investment-panel-hero h3,
  .investment-workspace-head h1,.investment-workspace-head h2,.investment-workspace-head h3,
  .project-workspace-head h1,.project-workspace-head h2,.project-workspace-head h3,
  .project-section-head h1,.project-section-head h2,.project-section-head h3,
  .workspace-section-hero h1,.workspace-section-hero h2,.workspace-section-hero h3,
  .section-hero h1,.section-hero h2,.section-hero h3{font-size:34px!important}
}