/*
 * 2026-08-28 final visual layer.
 * Loaded after orbital-ui-20260822.css so native final surfaces keep their
 * approved geometry while the untouched product still retains the live base.
 */

/* Final project board: the legacy overlay used seven columns and two row tracks. */
body #pmd-app #pa.final-project-board .orbital-ledger-head,
body #pmd-app #pa.final-project-board .grid .card {
  grid-template-columns:
    minmax(190px, 1.8fr)
    minmax(88px, .72fr)
    minmax(88px, .72fr)
    minmax(78px, .62fr)
    minmax(118px, .95fr)
    minmax(120px, .95fr)
    minmax(105px, .82fr)
    minmax(66px, .5fr)
    minmax(84px, .62fr) !important;
  grid-template-rows: auto !important;
  column-gap: 10px;
}
body #pmd-app #pa.final-project-board .grid .card {
  min-height: 72px !important;
  padding: 9px 14px !important;
}
body #pmd-app #pa.final-project-board .card > .ch { grid-column: 1 !important; grid-row: 1 !important; }
body #pmd-app #pa.final-project-board .card > .orbital-delivery { grid-column: 2 !important; grid-row: 1 !important; }
body #pmd-app #pa.final-project-board .card > .orbital-acceptance { grid-column: 3 !important; grid-row: 1 !important; }
body #pmd-app #pa.final-project-board .card > .settle-mode-cell { grid-column: 4 !important; grid-row: 1 !important; }
body #pmd-app #pa.final-project-board .card > .mt-chip { grid-column: 5 !important; grid-row: 1 !important; }
body #pmd-app #pa.final-project-board .card > .mr { grid-column: 6 !important; grid-row: 1 !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
body #pmd-app #pa.final-project-board .card > .ig { grid-column: 7 !important; grid-row: 1 !important; display: flex !important; }
body #pmd-app #pa.final-project-board .card > .risk-level-cell { grid-column: 8 !important; grid-row: 1 !important; }
body #pmd-app #pa.final-project-board .card > .updated-cell { grid-column: 9 !important; grid-row: 1 !important; }
body #pmd-app #pa.final-project-board .card .paa .pl { display: none !important; }
body #pmd-app #pa.final-project-board .card .mt-chip {
  width: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
body #pmd-app #pa.final-project-board .card .caa { width: 34px !important; height: 34px !important; border: 0 !important; border-radius: 0 !important; }
body #pmd-app #pa.final-project-board .card .ct { font-size: 12px !important; }
body #pmd-app #pa.final-project-board .card .cc { font-size: 10.5px !important; }

/* The final full-height workbench must not inherit the legacy compact dialog. */
body .final-project-create-workbench.el-dialog {
  width: 100vw !important;
  max-width: none !important;
  height: 100vh !important;
  max-height: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}
body .final-project-create-workbench.el-dialog::before { content: none !important; }
body .final-project-create-workbench .el-dialog__header { min-height: 72px !important; padding: 0 28px !important; background: #fff !important; }
body .final-project-create-workbench .el-dialog__body { min-height: 0 !important; padding: 0 !important; overflow: hidden !important; background: #fff !important; font-size: inherit !important; }
body .final-project-create-workbench .el-dialog__footer { min-height: 70px !important; padding: 0 30px !important; background: #fff !important; }
body .final-project-create-workbench :where(input, select, textarea) { min-height: initial; font-size: 11.5px; }

/* Personnel profile workbench. */
body .final-member-workbench.el-drawer {
  width: min(1040px, 96vw) !important;
  max-width: none !important;
  height: 100vh !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: -14px 0 40px rgba(23,39,62,.18) !important;
}
body .final-member-workbench.el-drawer::before { content: none !important; }
body .final-member-workbench .el-drawer__header { min-height: 74px !important; margin: 0 !important; padding: 0 22px !important; background: #fff !important; }
body .final-member-workbench .el-drawer__body { min-height: 0 !important; padding: 0 !important; overflow: hidden !important; background: #fff !important; font-size: inherit !important; }
body .final-member-workbench .el-drawer__footer { min-height: 68px !important; padding: 0 22px !important; background: #fff !important; }
body .final-member-workbench :where(input, select, textarea) { font-size: 11.5px !important; }

/* Project profile editor: one right-side surface for basic, client, cost and team data. */
body .final-project-editor-drawer.el-drawer {
  width: min(620px, 96vw) !important;
  max-width: none !important;
  height: 100vh !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: -14px 0 42px rgba(23,44,72,.2) !important;
}
body .final-project-editor-drawer.el-drawer::before { content: none !important; }
body .final-project-editor-drawer .el-drawer__header { display: none !important; }
body .final-project-editor-drawer .el-drawer__body { min-height: 0 !important; padding: 0 !important; overflow: hidden !important; background: #fff !important; font-size: inherit !important; }
body .final-project-editor-drawer :where(input, select, textarea) { font-size: 11.5px !important; }

/* Fullscreen milestone route editor. */
body .final-milestone-workbench.el-dialog {
  width: 100vw !important;
  max-width: none !important;
  height: 100vh !important;
  max-height: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}
body .final-milestone-workbench.el-dialog::before { content: none !important; }
body .final-milestone-workbench .el-dialog__header { min-height: 72px !important; margin: 0 !important; padding: 0 28px !important; background: #fff !important; }
body .final-milestone-workbench .el-dialog__body { min-height: 0 !important; padding: 0 !important; overflow: hidden !important; background: #fff !important; font-size: inherit !important; }
body .final-milestone-workbench .el-dialog__footer { min-height: 70px !important; padding: 0 30px !important; background: #fff !important; }
body .final-milestone-workbench :where(input, select, textarea) { font-size: 11.5px !important; }

/* Wide announcement reader and editor. */
body .final-announcement-center.el-dialog {
  width: min(1120px, 94vw) !important;
  max-width: 1120px !important;
  max-height: calc(100vh - 40px) !important;
  border-radius: 7px !important;
  background: #fff !important;
}
body .final-announcement-center.el-dialog::before,
body .final-announcement-editor.el-dialog::before,
body .final-task-dialog.el-dialog::before,
body .final-resolution-dialog.el-dialog::before { content: none !important; }
body .final-announcement-center .el-dialog__header { min-height: 58px !important; padding: 0 20px !important; background: #fff !important; }
body .final-announcement-center .el-dialog__body { padding: 0 16px 16px !important; overflow: hidden !important; background: #fff !important; font-size: inherit !important; }
body .final-announcement-editor.el-dialog { width: min(760px, 92vw) !important; max-width: 760px !important; border-radius: 7px !important; background: #fff !important; }
body .final-announcement-editor .el-dialog__header { min-height: 58px !important; padding: 0 20px !important; background: #fff !important; }
body .final-announcement-editor .el-dialog__body { padding: 14px 20px 18px !important; background: #fff !important; font-size: inherit !important; }
body .final-announcement-editor .el-dialog__footer { padding: 12px 20px !important; background: #fff !important; }
body .final-announcement-editor :where(input, select, textarea) { font-size: 11.5px !important; }

/* Remaining application dialogs share the same neutral production shell. */
body .final-system-dialog.el-dialog {
  overflow: hidden !important;
  max-width: calc(100vw - 24px) !important;
  border: 1px solid #dfe6ef !important;
  border-radius: 7px !important;
  background: #fff !important;
  box-shadow: 0 20px 50px rgba(22,38,61,.24) !important;
}
body .final-system-dialog.el-dialog::before { content: none !important; }
body .final-system-dialog .el-dialog__header {
  min-height: 62px !important;
  margin: 0 !important;
  padding: 19px 58px 15px 24px !important;
  border-bottom: 1px solid #e4eaf2 !important;
  background: #fff !important;
  background-image: none !important;
}
body .final-system-dialog .el-dialog__title,
body .final-task-dialog .el-dialog__title,
body .final-ledger-dialog .el-dialog__title { color: #173255 !important; font-size: 17px !important; font-weight: 750 !important; letter-spacing: 0 !important; }
body .final-system-dialog .el-dialog__headerbtn,
body .final-task-dialog .el-dialog__headerbtn,
body .final-ledger-dialog .el-dialog__headerbtn { top: 14px !important; right: 16px !important; width: 34px !important; height: 34px !important; border: 1px solid #d6e0ec !important; border-radius: 50% !important; background: #f4f7fa !important; }
body .final-system-dialog .el-dialog__headerbtn .el-dialog__close,
body .final-task-dialog .el-dialog__headerbtn .el-dialog__close,
body .final-ledger-dialog .el-dialog__headerbtn .el-dialog__close { color: #536c88 !important; font-size: 17px !important; }
body .final-system-dialog .el-dialog__body { max-height: calc(100vh - 180px) !important; padding: 20px 24px !important; overflow-y: auto !important; background: #f8fafc !important; color: #354f6d !important; font-size: inherit !important; }
body .final-system-dialog .el-dialog__footer { padding: 14px 24px 18px !important; border-top: 1px solid #e4eaf2 !important; background: #fff !important; }
body .final-system-dialog :where(input, select, textarea) { font-size: 11.5px !important; }
body .final-record-dialog .el-dialog__body { max-height: min(72vh, 720px) !important; }

/* Product-wide confirmations are application dialogs, not browser-native prompts. */
body .el-message-box,
body .final-message-box.el-message-box {
  overflow: hidden !important;
  border: 1px solid #dfe6ef !important;
  border-radius: 7px !important;
  background: #fff !important;
  box-shadow: 0 20px 50px rgba(22,38,61,.24) !important;
}
body .el-message-box__header { min-height: 58px !important; padding: 18px 52px 14px 22px !important; border-bottom: 1px solid #e4eaf2 !important; }
body .el-message-box__title { color: #173255 !important; font-size: 16px !important; font-weight: 750 !important; }
body .el-message-box__headerbtn { top: 13px !important; right: 14px !important; width: 32px !important; height: 32px !important; border: 1px solid #d6e0ec !important; border-radius: 50% !important; background: #f4f7fa !important; }
body .el-message-box__headerbtn .el-message-box__close { color: #536c88 !important; }
body .el-message-box__content { padding: 19px 22px 12px !important; color: #425b77 !important; }
body .el-message-box__btns { padding: 12px 22px 18px !important; border-top: 1px solid #edf1f5 !important; }

/* Signed-in user menu is part of the same visual system. */
body #pmd-app .final-user-menu {
  min-width: 230px !important;
  overflow: hidden !important;
  border: 1px solid #dce5ef !important;
  border-radius: 7px !important;
  background: #fff !important;
  box-shadow: 0 16px 38px rgba(23,44,72,.18) !important;
}
body #pmd-app .final-user-menu .user-dropdown-header { padding: 15px 17px !important; border-bottom: 1px solid #e5ebf2 !important; background: #f7f9fc !important; }
body #pmd-app .final-user-menu .user-dropdown-menu a { min-height: 42px !important; padding: 0 17px !important; border-radius: 0 !important; }

/* Medium task forms and the small result dialog use the final neutral shell. */
body .final-ledger-dialog.el-dialog,
body .final-task-dialog.el-dialog,
body .final-resolution-dialog.el-dialog {
  overflow: hidden;
  border: 1px solid #e0e6ee !important;
  border-radius: 7px !important;
  background: #fff !important;
  box-shadow: 0 20px 50px rgba(22,38,61,.24) !important;
}
body .final-ledger-dialog .el-dialog__header,
body .final-task-dialog .el-dialog__header,
body .final-resolution-dialog .el-dialog__header { min-height: 62px !important; padding: 0 24px !important; background: #fff !important; }
body .final-ledger-dialog .el-dialog__body,
body .final-task-dialog .el-dialog__body,
body .final-resolution-dialog .el-dialog__body { padding: 18px 24px 12px !important; background: #fff !important; font-size: inherit !important; }
body .final-ledger-dialog .el-dialog__footer,
body .final-task-dialog .el-dialog__footer,
body .final-resolution-dialog .el-dialog__footer { padding: 14px 24px 18px !important; background: #fff !important; }
body .final-ledger-dialog :where(input, select, textarea),
body .final-task-dialog :where(input, select, textarea),
body .final-resolution-dialog :where(input, select, textarea) { font-size: 11.5px !important; }

/* Final native detail is now responsible for its own information architecture. */
body #pmd-app .pd-panel.final-project-detail[data-final-detail="1"] {
  padding: 0 !important;
  background: transparent;
}
body #pmd-app .pd-panel.final-project-detail[data-final-detail="1"] .final-workspace {
  display: grid;
}

@media (max-width: 760px) {
  body .final-project-create-workbench.el-dialog { width: 100vw !important; max-height: none !important; }
  body .final-milestone-workbench.el-dialog { width: 100vw !important; max-height: none !important; }
  body .final-member-workbench.el-drawer { width: 100vw !important; }
  body .final-project-editor-drawer.el-drawer { width: 100vw !important; }
  body .final-announcement-center.el-dialog,
  body .final-announcement-editor.el-dialog,
  body .final-system-dialog.el-dialog,
  body .final-ledger-dialog.el-dialog,
  body .final-task-dialog.el-dialog,
  body .final-resolution-dialog.el-dialog { width: calc(100vw - 20px) !important; }
}