/* UFirma Diamond 5.2 — visual finishes over the canonical 16/14/12 scale.
 * No document-point sizes, canvas geometry or application states are changed. */
body.diamond-ui {
  --diamond-ink: #14283e;
  --diamond-gold: #a98650;
  --diamond-line: #dce4ee;
  --diamond-shadow: 0 1px 2px #15294004, 0 10px 30px #15294005;
  background: radial-gradient(ellipse at 85% 0%, #e8eef780, transparent 50%), #f3f6fa;
}
.diamond-ui :is(.ws-button, .ws-metric, .ws-nav-item, .ws-home-tools a, .convert-mode-card, .tpl-card) {
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.diamond-ui .diamond-edition {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 9px; border-radius: 6px; border: 1px solid #e9ddc8;
  background: linear-gradient(140deg, #fffdf8, #f7f0e5); color: #816536;
  font-size: var(--ui-font-caption); font-weight: 600; letter-spacing: .4px;
  line-height: 1.5; white-space: nowrap;
}
.diamond-ui .diamond-edition svg { width: 16px; height: 16px; flex-shrink: 0; }

/* Access portal: a faceted institutional identity and warm metallic details. */
.diamond-ui .login-overlay {
  background: radial-gradient(ellipse at 15% 12%, #e0e8f4, transparent 48%), radial-gradient(ellipse at 90% 90%, #ece5dc80, transparent 45%), #f2f5f9;
}
.diamond-ui .login-portal-wrapper { border-color: #dce4ee; border-radius: 22px; box-shadow: 0 2px 4px #15294003, 0 25px 90px #15294014; }
.diamond-ui .login-portal-sidebar {
  background: linear-gradient(152deg, #ffffff06 0 30%, transparent 30% 66%, #ffffff03 66%), linear-gradient(165deg, #14283e, #1d344e);
}
.diamond-ui .login-portal-sidebar::after {
  content: ''; position: absolute; top: 120px; bottom: auto; right: -170px;
  width: 390px; height: 520px; border-radius: 0; opacity: .3;
  background: linear-gradient(145deg, transparent 49.8%, #c8ac7540 50%, transparent 50.2%), linear-gradient(35deg, transparent 49.8%, #ffffff10 50%, transparent 50.2%);
  pointer-events: none;
}
.diamond-ui .login-sidebar-hero h1 { text-shadow: 0 3px 24px #07172814; }
.diamond-ui .login-feature-list { border-top-color: #ffffff16; }
.diamond-ui .login-feature-item .feat-icon { background: #ffffff08; border-color: #ffffff1c; color: #d1b481; border-radius: 8px; }
.diamond-ui .login-sidebar-footer { border-top-color: #c6ac762a; color: #adbbcc; }
.diamond-ui .login-access-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 22px; }
.diamond-ui .login-access-heading .login-form-badge { margin: 0; }
.diamond-ui .login-info-box { border-color: #e2e8ef; border-left-color: #b3935e; background: linear-gradient(130deg, #fbfcfe, #f6f9fc); border-radius: 9px; }
.diamond-ui .btn-ms-login { background: linear-gradient(130deg, #263e59, #172c43); border-color: #20364f; border-radius: 9px; box-shadow: 0 2px 3px #1123390a, inset 0 1px #ffffff12; }
.diamond-ui .btn-ms-login:hover { background: linear-gradient(130deg, #304c6b, #20384f); border-color: #304c6b; box-shadow: 0 5px 15px #14283e13; }

/* Navigation: deep ink, precise selection and restrained gold accents. */
.diamond-ui #workspace-root .ws-sidebar {
  background: linear-gradient(158deg, #ffffff05 0 24%, transparent 24% 70%, #ffffff02 70%), linear-gradient(180deg, #14283e, #1a3049);
  border-right: 1px solid #ffffff0c; box-shadow: 5px 0 28px #1123390a;
}
.diamond-ui #workspace-root .ws-brand { padding-bottom: 28px; }
.diamond-ui #workspace-root .ws-brand img { border: 1px solid #ffffff1a; border-radius: 50%; background: #ffffff04; }
.diamond-ui #workspace-root .ws-brand strong span { color: #dfc596; border-color: #bca06c40; background: #bca06c08; }
.diamond-ui #workspace-root .ws-brand small { color: #a2b1c4; }
.diamond-ui #workspace-root .ws-sidebar-label { color: #97a9c0; }
.diamond-ui #workspace-root .ws-nav-item { border: 1px solid transparent; border-radius: 9px; }
.diamond-ui #workspace-root .ws-nav-item:hover { background: #ffffff08; border-color: #ffffff08; }
.diamond-ui #workspace-root .ws-nav-item.active { background: linear-gradient(120deg, #ffffff11, #ffffff08); border-color: #ffffff0d; box-shadow: inset 0 1px #ffffff04; }
.diamond-ui #workspace-root .ws-nav-item.active::before { background: linear-gradient(#dfc593, #a8824b); border-radius: 0 3px 3px 0; }
.diamond-ui #workspace-root .ws-nav-item.active > svg { color: #dfc593; }
.diamond-ui #workspace-root .ws-nav-item b { background: #91465b; border: 1px solid #b5627830; }
.diamond-ui #workspace-root .ws-tools-nav a.active { color: #e6cfa5; border-left-color: #c5a56c; background: #ffffff06; }
.diamond-ui #workspace-root .ws-sidebar-privacy { color: #a0b0c5; }
.diamond-ui #workspace-root .ws-sidebar-privacy:hover { color: #dec595; }
.diamond-ui #workspace-root .ws-topbar { background: #ffffffed; border-bottom-color: #dce4ee; box-shadow: 0 3px 14px #15294003; }
.diamond-ui #workspace-root .ws-avatar { background: linear-gradient(130deg, #f7f0e5, #f1e8e8); border: 1px solid #e9ddce; color: #7a3444; }
.diamond-ui #workspace-root .ws-eyebrow { color: #91713e; }
.diamond-ui #workspace-root .ws-page-heading .ws-eyebrow::before,
.diamond-ui #workspace-root .ws-sign-heading .ws-eyebrow::before { content: ''; display: inline-block; vertical-align: middle; width: 18px; height: 1px; margin-right: 9px; background: #b69a65; }

/* Porcelain surfaces: consistent depth without reducing visual contrast. */
.diamond-ui #workspace-root :is(.ws-panel, .ws-metric, .ws-request-card, .ws-properties, .ws-results, .ws-viewer) {
  border-color: var(--diamond-line); border-radius: 14px; box-shadow: var(--diamond-shadow);
}
.diamond-ui #workspace-root .ws-metric > span { border: 1px solid #eee3d1; border-radius: 11px; background: linear-gradient(135deg, #fcf9f2, #f4ede0); color: #947540; }
.diamond-ui #workspace-root .ws-metric:hover { border-color: #c7b18b; box-shadow: 0 2px 4px #15294004, 0 12px 30px #1529400a; transform: translateY(-2px); }
.diamond-ui #workspace-root .ws-start-card {
  border: 1px solid #223c58; border-radius: 16px;
  background: linear-gradient(135deg, #233d59, #14283e 80%); box-shadow: 0 12px 32px #14283e0c;
}
.diamond-ui #workspace-root .ws-start-card::after {
  content: ''; position: absolute; right: -95px; top: 10px; width: 340px; height: 340px;
  clip-path: polygon(50% 0, 100% 35%, 70% 100%, 20% 90%, 0 35%);
  background: linear-gradient(140deg, #ffffff05 50%, #ffffff01 50%), linear-gradient(35deg, transparent 49.8%, #c9ad7140 50%, transparent 50.2%);
  pointer-events: none;
}
.diamond-ui #workspace-root .ws-start-card > * { position: relative; z-index: 1; }
.diamond-ui #workspace-root .ws-start-card .ws-eyebrow { color: #dcc18e; }
.diamond-ui #workspace-root .ws-start-card > .ws-button { background: #fffdf9; border-color: #f2e7d4; color: #243c56; box-shadow: 0 3px 10px #07192b18; }
.diamond-ui #workspace-root .ws-start-card > .ws-button:hover { background: #f6eddd; border-color: #ddc69d; }
.diamond-ui #workspace-root .ws-home-tools a { border-radius: 12px; border-color: #dfe6ef; box-shadow: var(--diamond-shadow); }
.diamond-ui #workspace-root .ws-home-tools a:hover { border-color: #c3ad86; box-shadow: 0 10px 25px #15294009; transform: translateY(-2px); }
.diamond-ui #workspace-root .ws-pending-row:hover { background: #faf8f4; }
.diamond-ui #workspace-root .ws-empty-icon { background: linear-gradient(140deg, #fffefa, #f4f0e7); border-color: #e9dfcb; border-radius: 12px; color: #a1824d; }

/* Actions and fields share the same material and focus language. */
.diamond-ui #workspace-root .ws-button--primary:enabled {
  border-color: #783449; background: linear-gradient(135deg, #93475c, #763247);
  border-radius: 9px; box-shadow: 0 2px 3px #612b3b0c, inset 0 1px #ffffff14;
}
.diamond-ui #workspace-root .ws-button--primary:enabled:hover { background: linear-gradient(135deg, #823c50, #65283d); border-color: #65283d; box-shadow: 0 4px 12px #78344916; }
.diamond-ui #workspace-root .ws-start-card > .ws-button--primary:enabled { color: #243c56; background: linear-gradient(#fffefa, #f8f1e6); border-color: #eee0c7; }
.diamond-ui #workspace-root .ws-start-card > .ws-button--primary:enabled:hover { color: #243c56; background: #f2e7d2; border-color: #d8c197; }
.diamond-ui #workspace-root .ws-button--secondary:enabled { background: linear-gradient(#fff, #fbfcfe); border-color: #d5dfeb; border-radius: 8px; box-shadow: 0 1px 2px #15294003; }
.diamond-ui #workspace-root .ws-button--secondary:enabled:hover { border-color: #acbcd0; background: #f7f9fc; }
.diamond-ui #workspace-root .ws-input { border-color: #d6e0ec; border-radius: 8px; box-shadow: 0 1px 2px #15294003; transition: border-color 150ms, box-shadow 150ms; }
.diamond-ui #workspace-root .ws-input:hover { border-color: #acbdd0; }
.diamond-ui #workspace-root .ws-input:focus { border-color: #a76f80; box-shadow: 0 0 0 4px #7834490a; }
.diamond-ui #workspace-root .ws-input[readonly] { background: #f7f9fc; box-shadow: none; }
.diamond-ui #workspace-root .ws-search { border-radius: 9px; border-color: #d9e2ed; background: #fff; box-shadow: 0 1px 2px #15294003; }
.diamond-ui #workspace-root .ws-segmented { border-radius: 10px; border-color: #dfe6ef; background: #eaf0f6; padding: 4px; }
.diamond-ui #workspace-root .ws-segmented button { border-radius: 7px; }
.diamond-ui #workspace-root .ws-segmented button[aria-pressed="true"] { background: #fff; color: #813b50; box-shadow: 0 1px 4px #15294008, inset 0 0 0 1px #eadbe0; }
.diamond-ui #workspace-root .ws-steps { background: #ffffffb8; border-color: #dce5ef; border-radius: 12px; box-shadow: 0 1px 2px #15294002; }
.diamond-ui #workspace-root .ws-steps li:not(.complete) > span { background: #fcf8f0; border-color: #e7dac4; color: #9a7e4e; }
.diamond-ui #workspace-root .ws-steps li.complete > span { background: #f0f8f1; border-color: #c8dfcf; }
.diamond-ui #workspace-root .ws-properties section { border-bottom-color: #edf1f6; }
.diamond-ui #workspace-root .ws-properties h2 > svg { color: #915268; }
.diamond-ui #workspace-root .ws-certificate-controls { background: linear-gradient(140deg, #fafbfe, #f4f7fb); border-color: #e0e7f0; border-radius: 9px; }

/* Document workspace, active file and the persistent confirmation surface. */
.diamond-ui #workspace-root .ws-file-intake { border-color: #dce4ee; border-radius: 14px 14px 0 0; background: linear-gradient(130deg, #fff, #fafcfe); }
.diamond-ui #workspace-root .ws-file-queue { border-inline-color: #dce4ee; background: #f8fafd; }
.diamond-ui #workspace-root .ws-queued-file { border-color: #dbe4ee; border-radius: 8px; }
.diamond-ui #workspace-root .ws-queued-file.active { background: #fcf7f9; border-color: #b78394; box-shadow: inset 0 0 0 1px #c49aab14; }
.diamond-ui #workspace-root .ws-viewer { border-radius: 0 0 14px 14px; }
.diamond-ui #workspace-root .ws-viewer-toolbar { background: linear-gradient(120deg, #263f5a, #1a3049); border-bottom: 1px solid #bca16c40; }
.diamond-ui #workspace-root .ws-viewer-body { background: #e9eff6; }
.diamond-ui #workspace-root .ws-paper-area { background: radial-gradient(#14283e07 .75px, transparent .75px), #eaf0f7; background-size: 12px 12px; }
.diamond-ui #workspace-root .ws-paper-area.empty { background: radial-gradient(ellipse at 50% 30%, #fff 0%, #f2f6fb 70%); }
.diamond-ui #workspace-root .ws-paper { box-shadow: 0 2px 5px #14283e05, 0 14px 38px #14283e14; }
.diamond-ui #workspace-root .ws-thumbnails { background: #e4ebf4; border-right-color: #d5dfeb; }
.diamond-ui #workspace-root .ws-thumbnail.selected { background: #fff; border-color: #a66d81; box-shadow: 0 2px 8px #14283e08; }
.diamond-ui #workspace-root .ws-viewer-caption { background: #fff; border-top-color: #dfe7f0; }
.diamond-ui #workspace-root .ws-sign-actionbar { border-color: #dcd5ca; border-radius: 13px; background: #fff; box-shadow: 0 -3px 15px #14283e04, 0 8px 30px #14283e0b; }
.diamond-ui #workspace-root .ws-sign-actionbar::before { content: ''; position: absolute; top: 0; left: 20px; right: 20px; height: 1px; background: linear-gradient(90deg, transparent, #b99861a0, transparent); pointer-events: none; }
.diamond-ui #workspace-root .ws-placement-presets button { border-color: #dce4ee; background: #f8fafd; border-radius: 6px; }
.diamond-ui #workspace-root .ws-placement-presets button:hover { color: #7a3444; border-color: #b58a99; background: #fcf8fa; }

/* Tables, dialogs and public pages carry the same Diamond finishing. */
.diamond-ui #workspace-root .ws-table th { background: #f6f9fd; border-bottom-color: #e0e8f2; }
.diamond-ui #workspace-root .ws-table tr:hover td { background: #faf8f4; }
.diamond-ui #workspace-root .ws-request-icon { border: 1px solid #ece1cd; border-radius: 10px; background: linear-gradient(135deg, #fdfaf4, #f6efe3); }
.diamond-ui #workspace-root .ws-review-files { background: #f7f9fc; border-color: #dfe7f1; border-radius: 10px; }
.diamond-ui #workspace-root .ws-review-check { background: #fcf8fa; border-color: #e9d6dd; border-radius: 9px; }
.diamond-ui #workspace-root .ws-modal-backdrop { background: #11243b82; backdrop-filter: blur(7px); }
.diamond-ui #workspace-root .ws-modal { border: 1px solid #dbe4f0; border-radius: 17px; box-shadow: 0 3px 8px #14283e08, 0 30px 100px #0e203438; }
.diamond-ui #workspace-root .ws-modal > header { background: linear-gradient(120deg, #fff, #fafcfe); border-bottom-color: #e6ecf4; }
.diamond-ui #workspace-root .ws-modal > footer { background: #f8fafd; border-top-color: #e5ebf3; }
.diamond-ui #workspace-root .ws-toast { border-radius: 12px; box-shadow: 0 3px 6px #14283e05, 0 16px 45px #14283e14; }
.diamond-ui #workspace-root .ws-footer { border-top-color: #dce5ee; }
.diamond-ui #workspace-root .ws-legacy-host :is(.single-tool-card, .card) { border-color: #dce4ee; border-radius: 14px; box-shadow: var(--diamond-shadow); }
.diamond-ui :is(.verify-card, .privacy-card, .verify-header-card) { border: 1px solid #dce4ee; border-radius: 15px; box-shadow: var(--diamond-shadow); }
.diamond-ui :is(.verify-header-card, .privacy-card) { position: relative; border-top: 3px solid #263e59; }
.diamond-ui .verify-header-card { background: linear-gradient(120deg, #fff 65%, #f7f3ea); }
.diamond-ui .verify-tabs-nav { border-bottom-color: #d9e3ef; }
.diamond-ui .verify-tab-btn.active { border-bottom-color: #8a4257; }
.diamond-ui .arco-box { background: #f8fafd; border-color: #dfe7f0; border-radius: 11px; }
.diamond-ui :is(.form-control, .form-input, .form-select, .form-textarea, .verify-input) { border-color: #d5dfeb; border-radius: 8px; }
.diamond-ui .app-topbar { border-top-color: #8a4257; box-shadow: 0 3px 18px #14283e04; }
.diamond-ui .brand-pill { background: #f7f1e7; color: #8b6e3e; border-color: #e9ddc7; }
.diamond-ui :is(.btn-verify-action, .btn-arco-submit, .btn-cta-glow) { border-radius: 9px; box-shadow: 0 2px 4px #7834490a; }
@media (max-width: 700px) {
  .diamond-ui .login-portal-wrapper { border-radius: 17px; }
  .diamond-ui .login-access-heading { gap: 9px; margin-bottom: 18px; }
  .diamond-ui #workspace-root .ws-metric:hover, .diamond-ui #workspace-root .ws-home-tools a:hover { transform: none; }
  .diamond-ui #workspace-root .ws-start-card::after { width: 260px; height: 300px; right: -110px; }
  .diamond-ui #workspace-root .ws-modal { border-radius: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .diamond-ui *, .diamond-ui *::before, .diamond-ui *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}