/* PES V2.0 shared desktop material; data, editors and specialist canvases stay flat. */
@media screen and (forced-colors: none) {
  body.pes-satin-page {
    --pes-satin-shadow: inset 0 1px 0 #fff, 0 2px 4px rgb(37 50 70 / 5%), 0 8px 20px rgb(62 95 138 / 5%);
    --pes-satin-light: linear-gradient(180deg, #fff, #f7f9fc);
    --pes-satin-control: linear-gradient(180deg, rgb(255 255 255 / 14%), rgb(37 50 70 / 3%));
  }

  body.app-shell.pes-satin-page :is(
    .pd-panel, .pd-kpis, .id-panel, .id-metrics, .wl-panel, .wl-metrics > button,
    .my-work-page, .main-content > .card, .project-module-page > .card,
    .project-module-page > form > .card, .workbench-controls
  ) {
    box-shadow: var(--pes-satin-shadow);
  }

  body.app-shell.pes-satin-page :is(
    .pd-panel, .pd-kpis, .id-panel, .id-metrics, .wl-panel,
    .my-work-page, .main-content > .card, .project-module-page > .card,
    .project-module-page > form > .card, .workbench-controls
  ) {
    border-color: #d4dfea;
  }

  body.app-shell.pes-satin-page :is(.pd-kpis, .id-metrics, .mw-metrics, .online-metric, .wl-metrics > button:not([aria-pressed="true"]):not(:hover)) {
    background-image: linear-gradient(180deg, #fff 15%, #f3f7fc);
  }

  body.app-shell.pes-satin-page :is(
    .list-query, .workbench-controls, .pd-heading, .id-panel > h2, .id-panel-heading,
    .mw-panel > header, .wl-panel-header, .task-tabs, .form-card > h2, .online-filters, .online-tabs, .online-detail-head
  ) {
    background-image: var(--pes-satin-light);
  }

  body.app-shell.pes-satin-page :is(.project-commandbar, .pd-toolbar, .id-toolbar, .wl-toolbar) {
    background-image: var(--pes-satin-control);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 24%), 0 2px 4px rgb(37 50 70 / 8%);
  }

  body.app-shell.pes-satin-page :is(
    .pd-toolbar, .id-toolbar, .wl-toolbar, .workbench-control-group, .search-actions
  ) > :is(button, a.button):not(:disabled):not(.disabled),
  body.app-shell.pes-satin-page .task-tabs > button {
    background-image: var(--pes-satin-control);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 45%), 0 1px 2px rgb(37 50 70 / 8%);
  }

  body.app-shell.pes-satin-page .wl-metrics > button[aria-pressed="true"] {
    background-image: var(--pes-satin-control);
  }

  body.app-shell.pes-satin-page .wl-kpi-icon {
    background-image: linear-gradient(160deg, rgb(255 255 255 / 55%), transparent 65%);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 85%), 0 1px 2px rgb(62 95 138 / 6%);
  }

  body.app-shell.pes-satin-page > .shell-toolbar {
    box-shadow: 0 1px 3px rgb(37 50 70 / 6%);
  }

  body.app-shell.pes-satin-page > .app-sidebar {
    box-shadow: inset -1px 0 0 rgb(255 255 255 / 65%);
  }

  /* Outer containers only: avoid piling shadows inside cards or editor content. */
  body.pes-satin-page :is(.main-content, .admin-main) :is(
    .card, .admin-card, .am-card, .am-filters, .ct-panel, .daily-panel, .daily-editor-panel,
    .daily-source-panel, .delivery-card, .delivery-panel, .asset-panel,
    .knowledge-panel, .ka-panel, .ra-card, .wi-panel, .pf-table-panel,
    .template-canvas-panel, .weekly-section, .document-editor-card,
    .document-outline-card, .document-table-card, .detail-design-editor-panel,
    .detail-design-list-card, .requirement-filter-card,
    .requirement-table-card, .solution-filter-card, .research-workbench-card,
    .calendar-month-card, .calendar-rule-card, .calendar-exceptions-card,
    .resource-workspace, .weekly-list-query, .weekly-list-grid, .asset-metrics,
    .online-metric, .online-list, .online-detail
  ):not(.card *, .admin-card *, .delivery-card *, .wi-panel *, dialog *, .ql-editor *) {
    box-shadow: var(--pes-satin-shadow);
    border-color: #d4dfea;
  }

  body.pes-satin-page :is(
    .workspace-toolbar, .delivery-commandbar, .delivery-toolbar,
    .delivery-stage-toolbar, .asset-toolbar, .execution-toolbar,
    .weekly-toolbar, .daily-toolbar, .wi-toolbar, .research-workbench-toolbar,
    .business-process-toolbar, .document-editor-toolbar, .research-editor-toolbar
  ) {
    background-image: var(--pes-satin-control);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 24%), 0 2px 4px rgb(37 50 70 / 8%);
  }

  body.pes-satin-page :is(
    .list-filter-card, .research-search-panel, .account-panel-header,
    .weekly-section-heading, .table-header, .section-heading, .admin-toolbar,
    .resource-filters, .weekly-list-query
  ) {
    background-image: var(--pes-satin-control);
  }

  body.pes-satin-page :is(
    .form-actions, .search-actions, .sticky-actions, .admin-toolbar,
    .enterprise-picker, .pes-signin, .pes-dialog-actions, .am-filters, .am-actions,
    .online-filters, .online-tools
  ) :is(.button, .am-button, button:not(.password-toggle), input[type="submit"]):not(:disabled):not([aria-disabled="true"]):not(.disabled) {
    background-image: var(--pes-satin-control);
  }

  body.app-shell.pes-satin-page .online-page .button-primary:not(:disabled) {
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 24%), 0 1px 2px rgb(37 50 70 / 14%);
  }

  body.pes-satin-page .enterprise-picker {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px #d4dfea, var(--pes-satin-shadow);
  }

  body.pes-satin-page :is(.summary-card, .requirement-summary-card, .am-metric) {
    box-shadow: var(--pes-satin-shadow);
  }

  body.pes-satin-page .pes-signin .login-submit:not(:disabled):not([aria-disabled="true"]) {
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 24%), 0 1px 2px rgb(37 50 70 / 14%);
  }

  body.pes-satin-page > .admin-topbar {
    box-shadow: 0 1px 3px rgb(37 50 70 / 6%);
  }
}