/* Desktop workspace shares the mobile views, data and approval controls. */
.desktop-rail { display:none; }
@media (min-width:1100px) {
  body.desktop-workspace { max-width:none; margin:0 0 0 238px; width:calc(100% - 238px); }
  body.desktop-workspace .desktop-rail:not([hidden]) { display:flex; flex-direction:column; gap:6px; position:fixed; inset:0 auto 0 0; width:238px; padding:30px 18px; background:linear-gradient(160deg,#103a54,#071d31); border-right:1px solid #3d9dc955; z-index:45; overflow:auto; color:#d7f3ff; }
  .desktop-wordmark { font-size:36px; font-weight:800; letter-spacing:-2px; color:#e2f7ff; border-left:4px solid #ff238d; padding-left:14px; }
  .desktop-caption { font-size:12px; line-height:1.6; color:#a4c7db; margin:8px 8px 22px; }
  .desktop-label { font-size:11px; letter-spacing:.13em; color:#8fbcd3; margin:24px 12px 8px; }
  .desktop-rail a { display:block; color:#c7e4f2; text-decoration:none; padding:12px; border-radius:12px; font-size:14px; line-height:1.4; border:1px solid transparent; }
  .desktop-rail a:hover { background:#ffffff0c; border-color:#58c5f055; }
  .desktop-rail a[aria-current=page] { background:#1c4d68; color:#fff; border-color:#51bde4; box-shadow:inset 3px 0 #ff238d; }
  .desktop-rail a:focus-visible { outline:3px solid #ff69b1; outline-offset:2px; }
  .desktop-bottom { margin-top:auto; padding-top:26px; }
  body.desktop-workspace #appHeader { position:relative; margin:16px 28px 0; width:calc(100% - 56px); padding:20px 24px; }
  body.desktop-workspace > .app-session-bar { margin:12px 28px 0; width:calc(100% - 56px); }
  body.desktop-workspace #app { width:100%; max-width:1500px; margin:0 auto; padding:24px 28px 48px; gap:18px; min-width:0; }
  body.desktop-workspace #app > * { min-width:0; }
  body.desktop-workspace .menu-grid, body.desktop-workspace .wf-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  body.desktop-workspace .step-card { max-width:none; }
  body.desktop-workspace #app textarea { line-height:1.6; resize:vertical; }
  body.desktop-workspace .trial-save { left:calc(50% + 119px); width:min(850px,calc(100% - 290px)); border-radius:12px 12px 0 0; }
  body.desktop-workspace #app.desktop-projects { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start; align-items:start; }
  #app.desktop-projects > :not(.btn) { grid-column:1/-1; }
  #app.desktop-projects > .btn { height:100%; min-height:112px; }
  #app.desktop-projects > .btn .ref { overflow-wrap:anywhere; }
  #app.desktop-projects > .btn[hidden] { display:none; }
  #app.desktop-projects > .hub-cast-hero { display:none; }
  .desktop-search { display:grid; grid-template-columns:auto minmax(220px,1fr) auto; gap:18px; align-items:center; padding:20px 24px; border:1px solid #43b8e666; border-radius:20px; background:#103149; color:#d9f3ff; }
  .desktop-search label { font-weight:700; }
  #app .desktop-search input { width:100%; min-height:46px; padding:10px 14px; border-radius:12px; background:#082638; color:#e2f7ff; border:1px solid #4f96b4; font:inherit; }
  #app .desktop-search input::placeholder { color:#9ebfd0; }
  .desktop-search span { font-size:12px; color:#b6d9e9; }
  body.desktop-workspace #app.desktop-summary { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; }
  #app.desktop-summary > :not(section) { grid-column:1/-1; }
  #app.desktop-summary > section.card { grid-column:1; padding:22px; }
  #app.desktop-summary > section:not(.card) { grid-column:2; grid-row:4 / span 12; position:sticky; top:20px; max-height:calc(100dvh - 40px); overflow:auto; background:#e6edf3; border-radius:12px; border:1px solid #5d8299; }
  #app.desktop-summary > section[hidden] { display:none; }
  #app.desktop-summary > section.card textarea { margin-top:12px; min-height:160px; }
  body.desktop-workspace #app .tui-work-scope { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
  #app .tui-work-scope > :not(.tui-scope-section) { grid-column:1/-1; }
  body.desktop-workspace #app .tui-scope-section { margin:0; }
  body.desktop-workspace #app .tui-scope-input { min-height:230px; }
  body.desktop-workspace #app .tui-scope-document img { max-width:850px; margin:20px auto!important; }
  body.desktop-workspace #app .sf-shell { max-width:1200px; width:100%; margin:auto; }
}