/* Desktop-only layout. Keep mobile navigation and printed duty sheets unchanged. */
@media screen and (min-width: 701px) {
  .app .header-actions .mode-dot,
  .app .context-column > .context-card:has(.code-key) { display: none; }
  .app { --desktop-sidebar: 256px; --desktop-gutter: 32px; }
  .app .sidebar {
    width: var(--desktop-sidebar); padding: 30px 20px 22px;
    overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin;
  }
  .app .sidebar .brand.app-brand {
    font-size: 20px; letter-spacing: -.7px; line-height: 1.35;
    white-space: nowrap; flex-shrink: 0;
  }
  .app .workspace-name {
    margin: 30px 0; gap: 12px; padding: 16px 0;
    border-top: 1px solid #edf0ed; border-bottom: 1px solid #edf0ed;
    font-size: 14px;
  }
  .app .workspace-name small { font-size: 11px; line-height: 1.5; }
  .app .avatar { width: 40px; height: 42px; flex-shrink: 0; border-radius: 12px; }
  .app .nav-caption { margin: 0 12px 14px; font-size: 10px; letter-spacing: 1.5px; }
  .app .nav-item { min-height: 52px; border-radius: 14px; padding: 0 14px; font-size: 14px; }
  .app .nav-item > svg { width: 19px; height: 19px; }
  .app .nav-item.active { font-weight: 600; background: #fff0f1; }
  .app .nav-item:not(.active):hover { background: #f3f6f3; }
  .app .sidebar-bottom { padding-top: 32px; }
  .app .demo-note { border: 1px solid #e8ede8; border-radius: 16px; padding: 18px; }
  .app .demo-note strong { font-size: 13px; }
  .app .demo-note p { font-size: 12px; line-height: 1.7; }
  .app .demo-note > span { display: block; margin-top: 10px; font-size: 11px; }
  .app .logout { justify-content: flex-start; width: 100%; min-height: 44px; padding: 0 14px; font-size: 14px; }
  .app .main-shell { width: calc(100% - var(--desktop-sidebar)); margin-left: var(--desktop-sidebar); min-width: 0; }
  .app .topbar { height: 80px; padding-inline: var(--desktop-gutter); }
  .app .breadcrumb { font-size: 14px; }
  .app .header-actions { gap: 10px; }
  .app .header-actions button { min-width: 44px; min-height: 44px; border-radius: 12px; }
  .app .mode-dot { padding: 9px 12px; border-radius: 10px; font-size: 12px; }
  .app .content { width: 100%; max-width: 1184px; margin-inline: auto; padding: 36px var(--desktop-gutter) 48px; }
  .app .page-heading { margin-bottom: 26px; }
  .app .page-heading h1 { font-size: 34px; font-weight: 600; letter-spacing: -1px; line-height: 1.2; margin-bottom: 10px; }
  .app .page-heading .muted { font-size: 15px; line-height: 1.6; }
  .app .filter-row { padding: 12px 16px; background: white; border: 1px solid #dce2df; border-radius: 16px; margin-bottom: 20px; flex-wrap: wrap; }
  .app .filter-row .segmented { border-radius: 11px; }
  .app .filter-row .segmented button { height: 40px; padding-inline: 16px; font-size: 14px; border-radius: 8px; }
  .app .filter-row .muted { font-size: 13px; }
  .app .content > .empty {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    min-height: 320px; padding: 44px 28px; background: #fff;
    border: 1px solid #dce2df; border-radius: 20px; box-shadow: 0 4px 18px #1b382a04;
  }
  .app .content > .empty > svg { box-sizing: content-box; width: 28px; height: 28px; padding: 16px; margin-bottom: 22px; border-radius: 18px; color: #637b60; background: #f0f5ed; }
  .app .content > .empty h3 { font-size: 23px; font-weight: 600; line-height: 1.35; margin: 0 0 10px; }
  .app .content > .empty p { max-width: 460px; margin: 0 0 24px; font-size: 15px; line-height: 1.7; }
  .app .content > .empty button { height: auto; min-height: 46px; padding: 12px 20px; border-radius: 12px; font-size: 14px; white-space: normal; }
  .app .diversion { border-radius: 18px; padding: 26px; margin-bottom: 18px; }
  .app .diversion-top h2 { font-size: 22px; line-height: 1.35; }
  .app .diversion-top p { font-size: 13px; line-height: 1.6; }
  .app .diversion-body { font-size: 15px; line-height: 1.75; }
  .app .intranet-grid { gap: 24px; }
  .app .intranet-article { margin-inline: auto; }
  .app .page-footer { max-width: 1184px; padding-inline: var(--desktop-gutter); }
  .app.large-text .nav-item, .app.large-text .breadcrumb { font-size: 16px; }
  .app.large-text .page-heading .muted, .app.large-text .content > .empty p, .app.large-text .diversion-body { font-size: 18px; }
  .app.large-text .filter-row .segmented button, .app.large-text .content > .empty button { font-size: 16px; }
}
@media screen and (min-width: 701px) and (max-width: 1100px) {
  .app { --desktop-sidebar: 224px; --desktop-gutter: 24px; }
  .app .sidebar { padding-inline: 16px; }
  .app .sidebar .brand.app-brand { font-size: 18px; }
  .app .work-grid { grid-template-columns: minmax(0,1fr); }
  .app .context-column { display: none; }
  .app .intranet-grid { grid-template-columns: 1fr; }
}
@media screen and (min-width: 1101px) and (max-width: 1399px) {
  .app .intranet-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media screen and (min-width: 701px) and (max-height: 800px) {
  .app .sidebar { padding-top: 24px; padding-bottom: 16px; }
  .app .workspace-name { margin-block: 22px; padding-block: 12px; }
  .app .sidebar-bottom { padding-top: 20px; }
}