.desktop-service-actions, .desktop-library-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 16px; margin: 24px 0; }
.desktop-service-actions > a.panel { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 20px; border: 1px solid var(--app-line); border-radius: 12px; background: var(--app-card); color: var(--app-ink); text-decoration: none; }
.desktop-service-actions > a:hover { border-color: #8c62d1; }
.desktop-service-actions strong { font-size: 16px; }
.desktop-service-actions span { font-size: 13px; line-height: 1.65; color: var(--app-muted); }
.desktop-service-actions b { margin-top: auto; font-size: 12px; font-weight: 600; }
.desktop-service-buttons { display: flex; gap: 10px; flex-wrap: wrap; }
.desktop-library-card { margin: 0; padding: 18px; }
.desktop-library form p { max-width: 46rem; }
.desktop-library textarea { max-width: 100%; }

/* Dedicated portal pages share one readable, responsive shell. */
.app-portal #app-page > main { max-width: 1500px; margin-inline: auto; padding: clamp(20px, 3vw, 48px); }
.app-portal .page-heading { margin: 0 0 28px; }
.app-portal .page-heading h1 { font-size: clamp(28px, 3vw, 40px); line-height: 1.15; letter-spacing: -.035em; }
.app-portal .workspace-board-navigation { gap: 6px; }
.app-portal .sidebar-content { display: flex; flex-direction: column; min-height: 100%; }
.app-portal .sidebar-bottom { margin-top: auto; padding-top: 24px; border-top: 1px solid var(--app-line); }
.app-portal #app-page :is(input,select,textarea) { max-width: 100%; }
.app-portal .settings-app { margin: 0; }
.app-portal .settings-layout { align-items: start; }
.app-portal .settings-nav { position: sticky; top: 24px; }
.app-portal .settings-content { min-width: 0; }
.app-portal :focus-visible { outline: 2px solid var(--matrix-color-b, #2676ff); outline-offset: 3px; }
.dark-style .app-portal .form-select,
.dark-style .app-portal .form-select :is(option,optgroup) { background: #0f172a; color: #e2e8f0; }
.portal-board #workspace-board { border: 0; padding: 0; background: none; box-shadow: none; }
.portal-board .sp-desktop-canvas { padding: 0; }
.portal-board .sp-desktop-sections { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(280px, 1fr); gap: 32px; margin-top: 36px; }
@media (max-width: 900px) {
  .app-portal #app-page > main { padding: 20px 16px 40px; }
  .app-portal .settings-nav { position: static; }
  .portal-board .sp-desktop-sections { grid-template-columns: 1fr; }
}

.portal-board .sp-heading h1 { margin: 0; font-size: clamp(28px, 3vw, 40px); line-height: 1.15; letter-spacing: -.035em; }
.portal-empty { max-width: 720px; padding: clamp(24px, 4vw, 48px); border-top: 3px solid #7b4dff; }
.portal-empty h2 { font-size: clamp(25px, 3vw, 36px); letter-spacing: -.035em; }
.portal-empty p { max-width: 55ch; line-height: 1.65; }

@media (max-width: 900px) {
  .portal-board #workspace-board .sp-heading > div:first-child { display: block; flex-basis: 100%; width: 100%; }
  .portal-board #workspace-board .sp-heading { flex-wrap: wrap; gap: 12px; }
}