.doc-designer-overlay{position:fixed;inset:0;z-index:10050;background:#eef2f7;display:flex;flex-direction:column;direction:rtl;color:#172033} .doc-designer-top{height:64px;display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border-bottom:1px solid #d9e0e8;box-shadow:0 1px 4px rgba(15,23,42,.05)} .doc-designer-top h2{margin:0;font-size:18px;white-space:nowrap}.doc-designer-top .grow{flex:1}.doc-designer-top input,.doc-designer-top select{height:38px;border:1px solid #ccd5df;border-radius:9px;padding:0 10px;background:#fff;font:inherit} .doc-designer-btn{border:0;border-radius:9px;padding:9px 13px;font:inherit;cursor:pointer;background:#e8edf4;color:#172033}.doc-designer-btn.primary{background:#12213c;color:#fff}.doc-designer-btn.danger{background:#fee2e2;color:#991b1b}.doc-designer-btn:disabled{opacity:.5;cursor:not-allowed} .doc-designer-main{flex:1;min-height:0;display:grid;grid-template-columns:280px minmax(0,1fr) 320px;gap:0} .doc-designer-toolbox,.doc-designer-props{background:#fff;overflow:auto;padding:14px;border-inline:1px solid #d9e0e8}.doc-designer-toolbox{border-inline-start:0}.doc-designer-props{border-inline-end:0} .doc-designer-toolbox h3,.doc-designer-props h3{margin:0 0 10px;font-size:15px}.doc-designer-section{border-top:1px solid #e4e9ef;padding-top:12px;margin-top:12px} .doc-designer-toolgrid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.doc-designer-toolgrid button{padding:9px 8px;border:1px solid #dbe2ea;border-radius:9px;background:#f8fafc;cursor:pointer;font:inherit;font-size:12px;text-align:center} .doc-designer-work{min-width:0;overflow:auto;padding:28px;background:#e9edf3;display:flex;align-items:flex-start;justify-content:center;position:relative} .doc-designer-stage-wrap{position:relative;transform-origin:top center}.doc-designer-stage{position:relative;background:#fff;background-repeat:no-repeat;background-position:center;background-size:cover;box-shadow:0 12px 32px rgba(15,23,42,.18);overflow:hidden;user-select:none;touch-action:none} .doc-designer-field{position:absolute;transform:translate(-50%,-50%);border:1px dashed transparent;min-width:24px;min-height:18px;display:flex;align-items:center;justify-content:center;white-space:pre-wrap;overflow:visible;cursor:move;box-sizing:border-box}.doc-designer-field.selected{border-color:#2563eb;outline:1px solid #fff}.doc-designer-field.locked{cursor:not-allowed}.doc-designer-field img{width:100%;height:100%;display:block}.doc-designer-resize{position:absolute;width:12px;height:12px;border-radius:50%;background:#2563eb;border:2px solid #fff;left:-7px;bottom:-7px;cursor:nwse-resize} .doc-designer-form{display:grid;gap:9px}.doc-designer-form label{font-size:11px;color:#5b6778;display:grid;gap:4px}.doc-designer-form input,.doc-designer-form select,.doc-designer-form textarea{width:100%;border:1px solid #cfd8e3;border-radius:8px;padding:8px;font:inherit;background:#fff;box-sizing:border-box}.doc-designer-form textarea{min-height:170px;resize:vertical;line-height:1.7}.doc-designer-row{display:grid;grid-template-columns:1fr 1fr;gap:8px} .doc-designer-status{font-size:12px;color:#64748b}.doc-designer-status.dirty{color:#b45309}.doc-designer-status.good{color:#047857}.doc-designer-status.bad{color:#b91c1c} .doc-designer-image-preview{border:1px solid #dbe2ea;border-radius:9px;min-height:100px;background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:8px}.doc-designer-image-preview img{max-width:100%;max-height:150px;object-fit:contain} .doc-designer-layer{display:flex;align-items:center;gap:6px;border:1px solid #e1e7ef;border-radius:8px;padding:7px;margin-bottom:6px;cursor:pointer}.doc-designer-layer.selected{border-color:#2563eb;background:#eff6ff}.doc-designer-layer small{color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-designer-layer .grow{flex:1} .doc-designer-zoom{display:flex;align-items:center;gap:8px}.doc-designer-zoom input{width:110px} .doc-template-manager{display:grid;gap:14px}.doc-template-manager-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.doc-template-actions{display:flex;gap:8px;flex-wrap:wrap}.doc-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.doc-template-card{border:1px solid #dce4ec;border-radius:14px;padding:14px;background:#fff;display:grid;gap:10px}.doc-template-card.inactive{opacity:.68}.doc-template-card h4{margin:0;font-size:15px}.doc-template-card .meta{font-size:11px;color:#64748b}.doc-template-card .buttons{display:flex;gap:6px;flex-wrap:wrap}.doc-template-card .buttons button{border:0;border-radius:8px;padding:7px 10px;background:#eef2f7;cursor:pointer;font:inherit;font-size:12px} .doc-template-import-note{padding:10px 12px;border-radius:10px;background:#eff6ff;color:#1e3a8a;font-size:12px}.doc-template-error{padding:10px 12px;border-radius:10px;background:#fef2f2;color:#991b1b;font-size:12px} .doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.doc-grid label{display:grid;gap:6px;color:#334155;font-size:13px;font-weight:650}.doc-grid label.wide{grid-column:1/-1}.doc-grid input,.doc-grid select,.doc-grid textarea{box-sizing:border-box;width:100%;min-height:42px;border:1px solid #cfd8e3;border-radius:10px;padding:10px 12px;background:#fff;color:#172033;font:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.doc-grid input:focus,.doc-grid select:focus,.doc-grid textarea:focus{border-color:#295f9e;box-shadow:0 0 0 3px rgba(41,95,158,.13)}.doc-grid input[type=file]{padding:8px;background:#f8fafc;cursor:pointer}.doc-grid textarea{min-height:132px;resize:vertical;line-height:1.7}.doc-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:4px}.doc-primary,.doc-secondary{border:0;border-radius:10px;padding:10px 15px;font:inherit;font-weight:700;cursor:pointer}.doc-primary{background:#12213c;color:#fff}.doc-secondary{background:#eef2f7;color:#172033}.doc-secondary:disabled,.doc-primary:disabled{opacity:.55;cursor:not-allowed}.doc-actions span{color:#64748b;font-size:12px}.doc-result{margin-top:12px;border-radius:10px;padding:11px 13px;font-size:13px}.doc-result.good{background:#ecfdf5;color:#047857}.doc-result.bad{background:#fef2f2;color:#b91c1c} .doc-source-action{display:grid;align-content:end;gap:6px}.doc-source-action small{color:var(--doc-muted,#64748b);font-size:11px;line-height:1.45} .doc-issuer-full{max-width:1100px;margin:auto}.doc-issuer-full textarea{min-height:190px} .doc-issuer-section{margin:18px 0;padding:18px;border:1px solid #dce4ec;border-radius:14px;background:linear-gradient(135deg,#f8fbff,#fff)}.doc-issuer-section h3{margin:0 0 4px;color:#12213c}.doc-issuer-section p,.doc-form-note{margin:0 0 14px;color:#64748b;font-size:12px}.doc-attest-state{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;padding:13px 15px;border:1px solid #fde68a;border-radius:12px;background:#fffbeb;color:#78350f;font-size:13px}.doc-attest-state strong{white-space:nowrap}.doc-attest-state span{flex:1;min-width:240px}.doc-attest-state .doc-secondary{background:#fff7d6} .doc-registry-search,.doc-registry-filter{border:1px solid #cfd8e3;border-radius:9px;padding:9px 11px;background:#fff;color:#172033;font:inherit;min-height:40px}.doc-registry-search{min-width:min(330px,70vw)}.doc-registry-count{font-size:12px;color:#64748b}.doc-registry-row{gap:10px;align-items:center}.doc-registry-person{min-width:210px;flex:1}.doc-registry-number{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.doc-registry-actions{display:flex;gap:6px;flex-wrap:wrap}.doc-registry-actions button{border:0;border-radius:8px;padding:7px 9px;background:#eef2f7;color:#172033;cursor:pointer;font:inherit;font-size:12px}.doc-registry-actions button[data-print]{background:#12213c;color:#fff} @media(max-width:1100px){.doc-designer-main{grid-template-columns:230px minmax(0,1fr) 280px}.doc-designer-top{overflow-x:auto}.doc-designer-top h2{display:none}} @media(max-width:820px){.doc-designer-main{grid-template-columns:1fr}.doc-designer-toolbox,.doc-designer-props{position:absolute;z-index:3;top:64px;bottom:0;width:min(82vw,320px);box-shadow:0 10px 30px rgba(15,23,42,.22)}.doc-designer-toolbox{right:0}.doc-designer-props{left:0}.doc-designer-work{padding:14px}} @media(max-width:720px){.doc-grid{grid-template-columns:1fr}.doc-grid label.wide{grid-column:auto}.doc-actions>*{width:100%;text-align:center}.doc-actions span{width:100%}} /* Documents workspaces: light/dark tokens are provided by documents.html. */ .documents-page .section-head,.documents-page .doc-template-manager,.documents-page .doc-issuer-section,.documents-page .doc-attest-workspace,.documents-page .doc-signing-workspace{color:var(--doc-ink,#172033)} .documents-page .section-head h2,.documents-page .doc-template-manager h2,.documents-page .doc-issuer-section h3{color:var(--doc-ink,#12213c)} .documents-page .section-head p,.documents-page .doc-workspace-heading p,.documents-page .doc-signing-callout span{color:var(--doc-muted,#64748b)} .documents-page .doc-issuer-section,.documents-page .doc-template-card,.documents-page .doc-template-manager,.documents-page .doc-attest-workspace,.documents-page .doc-signing-workspace{background:var(--doc-surface,#fff);border-color:var(--doc-line,#dce4ec);box-shadow:var(--doc-shadow,none)} .documents-page .doc-grid input,.documents-page .doc-grid select,.documents-page .doc-grid textarea,.documents-page .doc-registry-search,.documents-page .doc-registry-filter{background:var(--doc-surface,#fff);color:var(--doc-ink,#172033);border-color:var(--doc-line,#cfd8e3)} .documents-page .doc-secondary,.documents-page .doc-template-card .buttons button,.documents-page .doc-registry-actions button{background:var(--doc-surface-alt,#eef2f7);color:var(--doc-ink,#172033)} .documents-page .doc-primary,.documents-page .doc-registry-actions button[data-print]{background:var(--doc-primary,#12213c)} .doc-workspace-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:18px}.doc-workspace-heading h2{margin:3px 0 5px;font-size:23px}.doc-workspace-heading p{margin:0;max-width:720px;line-height:1.75}.doc-mode-badge{border:1px solid var(--doc-line,#dce4ec);border-radius:999px;padding:7px 11px;background:var(--doc-surface-alt,#f8fafc);font-size:12px;font-weight:700;color:var(--doc-primary,#1c4f91)} .doc-attest-workspace,.doc-signing-workspace{border:1px solid;border-radius:20px;padding:22px;min-height:500px}.doc-attest-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.6fr);gap:18px}.doc-attest-controls{display:grid;align-content:start;gap:14px}.doc-file-drop{display:grid;gap:4px;padding:18px;border:1.5px dashed var(--doc-primary,#1c4f91);border-radius:15px;background:var(--doc-primary-soft,#e9f1ff);cursor:pointer;color:var(--doc-ink,#172033)}.doc-file-drop strong{font-size:13px}.doc-file-drop span{font-size:12px;color:var(--doc-muted,#64748b)}.doc-file-drop input{margin-top:7px;max-width:100%} .doc-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.doc-control-grid label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px;color:var(--doc-muted,#64748b);font-size:12px;font-weight:700}.doc-control-grid input[type=number]{grid-column:1/-1;width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--doc-line,#cfd8e3);border-radius:9px;background:var(--doc-surface,#fff);color:var(--doc-ink,#172033)}.doc-control-grid input[type=range]{grid-column:1/-1;accent-color:var(--doc-primary,#1c4f91);width:100%}.doc-control-grid output{font:700 11px ui-monospace,monospace;color:var(--doc-primary,#1c4f91)} .doc-attest-tip,.doc-signing-callout{display:flex;gap:9px;align-items:flex-start;padding:12px 13px;border-radius:12px;background:var(--doc-surface-alt,#f8fafc);font-size:12px;line-height:1.65}.doc-attest-tip strong,.doc-signing-callout strong{color:var(--doc-primary,#1c4f91);white-space:nowrap}.doc-attest-tip span{color:var(--doc-muted,#64748b)} .doc-attest-preview{min-width:0;border:1px solid var(--doc-line,#dce4ec);border-radius:16px;overflow:hidden;background:var(--doc-surface-alt,#f8fafc)}.doc-preview-label{display:flex;justify-content:space-between;gap:10px;padding:11px 14px;border-bottom:1px solid var(--doc-line,#dce4ec);font-size:12px;font-weight:700}.doc-preview-label small{font-weight:400;color:var(--doc-muted,#64748b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-attest-canvas{position:relative;min-height:475px;display:grid;place-items:center;overflow:hidden;background:repeating-conic-gradient(#e5eaf2 0 25%,#f7f9fc 0 50%) 50%/20px 20px}.doc-empty-preview{padding:20px;color:#64748b;font-size:13px;text-align:center}.doc-attest-source{width:100%;height:475px;display:block;object-fit:contain;border:0;background:#fff}.doc-qr-mark{position:absolute;z-index:3;display:grid;place-content:center;text-align:center;transform:translate(-50%,-50%);border:2px solid #1c4f91;border-radius:8px;background:#fff;color:#102b52;box-shadow:0 8px 22px rgba(15,23,42,.28);cursor:grab;touch-action:none;user-select:none}.doc-qr-mark:active{cursor:grabbing}.doc-qr-mark b{font-size:32px;line-height:1}.doc-qr-mark small{font-size:10px;font-weight:800} .doc-pdf-preview{width:100%;height:475px;display:grid;place-content:center;justify-items:center;gap:10px;background:linear-gradient(135deg,#f8fbff,#eef4fc);color:#1c4f91;text-align:center}.doc-pdf-preview b{display:grid;place-items:center;width:58px;height:72px;border-radius:8px;background:#d72c36;color:#fff;font-size:16px;box-shadow:0 8px 18px rgba(160,20,32,.22)}.doc-pdf-preview strong{color:var(--doc-ink,#172033);font-size:15px}.doc-pdf-preview small{color:var(--doc-muted,#64748b);max-width:300px;line-height:1.6} .doc-pdf-editor{width:100%;min-height:475px;display:grid;grid-template-columns:92px minmax(0,1fr);background:#161d2a}.doc-pdf-thumbs{display:grid;align-content:start;gap:9px;max-height:475px;overflow:auto;padding:10px;background:#0d1320}.doc-pdf-thumbs button{display:grid;gap:3px;border:1px solid transparent;border-radius:7px;padding:4px;background:transparent;color:#b6c1d4;cursor:pointer}.doc-pdf-thumbs button.active{border-color:#7b50ff;background:#252046}.doc-pdf-thumb{display:block;width:64px;height:auto;background:#fff}.doc-pdf-thumbs small{font-size:10px}.doc-pdf-page-wrap{display:grid;place-items:center;min-width:0;overflow:auto;padding:18px;background:radial-gradient(circle at 50% 10%,#2a3548,#151c28 65%)}.doc-pdf-page{max-width:100%;height:auto;background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.38)} .doc-signing-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--doc-line,#dce4ec);border-radius:15px;overflow:hidden;background:var(--doc-line,#dce4ec);margin-bottom:14px}.doc-signing-steps>div{display:grid;gap:3px;padding:15px;background:var(--doc-surface,#fff)}.doc-signing-steps b{color:var(--doc-primary,#1c4f91);font-size:12px}.doc-signing-steps span{font-weight:800}.doc-signing-steps small{color:var(--doc-muted,#64748b);font-size:11px}.doc-signing-row{align-items:center}.doc-signer-pills{display:flex;gap:5px;flex-wrap:wrap;flex:1}.doc-signer-pills i{font-style:normal;border-radius:999px;padding:5px 8px;background:var(--doc-primary-soft,#e9f1ff);color:var(--doc-primary,#1c4f91);font-size:11px}.doc-signing-row>b{font-size:12px;color:var(--doc-success,#08755a)} html[data-doc-theme="dark"] .documents-page .doc-attest-canvas{background:repeating-conic-gradient(#17263c 0 25%,#0f1b2c 0 50%) 50%/20px 20px}html[data-doc-theme="dark"] .documents-page .doc-attest-source{background:#fff}html[data-doc-theme="dark"] .documents-page .doc-file-drop{color:var(--doc-ink)}html[data-doc-theme="dark"] .documents-page .doc-result.good{background:#123a32;color:#a0f1d9}html[data-doc-theme="dark"] .documents-page .doc-result.bad{background:#45202a;color:#ffb8c0} @media(max-width:900px){.doc-attest-layout{grid-template-columns:1fr}.doc-attest-canvas,.doc-attest-source{min-height:380px;height:380px}.doc-signing-steps{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){.doc-attest-workspace,.doc-signing-workspace{padding:15px;border-radius:15px}.doc-workspace-heading h2{font-size:19px}.doc-control-grid,.doc-signing-steps{grid-template-columns:1fr}.doc-attest-canvas,.doc-attest-source{min-height:320px;height:320px}} /* Control Deck: served by the existing 3121 stylesheet; no service restart required. */ .documents-page .workspace{background:radial-gradient(900px 430px at 72% -120px,#dce8ff 0,rgba(220,232,255,0) 70%),#edf3fb!important}.documents-page .vol-main{max-width:1520px!important;padding:26px 30px 56px!important}.documents-page .vol-head{position:relative!important;overflow:hidden!important;display:flex!important;justify-content:space-between!important;gap:30px!important;padding:31px 34px!important;margin:0 0 18px!important;border:1px solid rgba(124,151,203,.30)!important;border-radius:26px!important;background:linear-gradient(120deg,#07152b 0%,#102c5c 57%,#1b4f9a 100%)!important;box-shadow:0 26px 54px rgba(15,37,76,.24)!important;color:#f7faff!important}.documents-page .vol-head:before{content:"";position:absolute;width:440px;height:440px;left:-140px;bottom:-310px;border-radius:50%;background:radial-gradient(circle,rgba(124,87,255,.65),rgba(124,87,255,0) 69%)}.documents-page .vol-head>div{position:relative;z-index:1}.documents-page .vol-head .eyebrow{color:#9ec4ff!important;letter-spacing:.08em;font-weight:800}.documents-page .vol-head h1{color:#fff!important;font-size:clamp(27px,3vw,43px)!important;line-height:1.12!important;letter-spacing:-.035em!important;margin:7px 0 17px!important}.documents-page .documents-simple-intro{gap:9px!important;color:#d7e6ff!important;font-size:13px!important}.documents-page .documents-simple-intro b{color:#fff!important} .documents-page .compact-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(110px,1fr))!important;gap:10px!important;align-self:end!important;min-width:410px!important}.documents-page .compact-metrics span{display:grid!important;gap:5px!important;padding:14px 16px!important;border:1px solid rgba(173,203,255,.22)!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.04))!important;color:#c9dcfb!important;font-size:12px!important;backdrop-filter:blur(12px)}.documents-page .compact-metrics b{color:#fff!important;font-size:28px!important;line-height:1!important;font-variant-numeric:tabular-nums} .documents-page .documents-journey{margin:0 0 18px!important;padding:14px 18px!important;border:1px solid #d9e5f3!important;border-radius:17px!important;background:rgba(255,255,255,.76)!important;box-shadow:0 10px 24px rgba(36,75,133,.06)!important}.documents-page .documents-journey b{color:#17366b!important}.documents-page .documents-journey i{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;border-radius:50%!important;background:#e9f0ff!important;color:#246bfd!important;font-weight:900!important}.documents-page .vol-tabs{position:sticky!important;top:10px!important;z-index:20!important;padding:7px!important;border:1px solid rgba(217,229,243,.92)!important;border-radius:19px!important;background:rgba(255,255,255,.87)!important;backdrop-filter:blur(18px)!important;box-shadow:0 15px 30px rgba(28,61,111,.10)!important}.documents-page .vol-tabs button{padding:13px 16px!important;border-radius:13px!important;font-size:13px!important}.documents-page .vol-tabs button.active,.documents-page .doc-primary{background:linear-gradient(115deg,#246bfd,#7657ff)!important;box-shadow:0 10px 21px rgba(70,93,230,.29)!important} .documents-page .doc-issuer-section,.documents-page .doc-attest-workspace,.documents-page .doc-signing-workspace{border-radius:23px!important;background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(241,247,255,.94))!important;box-shadow:0 18px 48px rgba(20,50,98,.10)!important}.documents-page .doc-grid input,.documents-page .doc-grid select,.documents-page .doc-grid textarea{border-radius:13px!important}.documents-page .doc-file-drop{border-radius:18px!important;border-color:#7b70ff!important;background:linear-gradient(140deg,#eef3ff,#f9f7ff)!important}.documents-page .doc-attest-preview{border-radius:19px!important;box-shadow:inset 0 1px #fff,0 12px 27px rgba(28,61,111,.07)!important} html[data-doc-theme="dark"] .documents-page .workspace{background:radial-gradient(900px 510px at 64% -100px,#172e6a 0,rgba(23,46,106,0) 68%),radial-gradient(730px 420px at 8% 92%,#271459 0,rgba(39,20,89,0) 72%),#050b18!important}html[data-doc-theme="dark"] .documents-page .vol-head{background:linear-gradient(120deg,#061020,#102858 58%,#231967)!important;border-color:rgba(117,155,255,.28)!important}html[data-doc-theme="dark"] .documents-page .vol-tabs,html[data-doc-theme="dark"] .documents-page .documents-journey{background:rgba(10,24,45,.82)!important;border-color:#213a5b!important}@media(max-width:980px){.documents-page .vol-main{padding:18px!important}.documents-page .vol-head{padding:25px!important;align-items:start!important;flex-direction:column!important}.documents-page .compact-metrics{min-width:0!important;width:100%!important}}@media(max-width:620px){.documents-page .vol-main{padding:12px!important}.documents-page .vol-head{border-radius:19px!important;padding:22px!important}.documents-page .compact-metrics{grid-template-columns:1fr 1fr!important}.documents-page .compact-metrics span:last-child{grid-column:1/-1!important}.documents-journey{display:none!important}} /* Kept in the linked stylesheet because the production CSP blocks inline style sheets. */ .documents-page{--doc-bg:#f4f7fb;--doc-surface:#fff;--doc-surface-alt:#f8fbff;--doc-ink:#14213b;--doc-muted:#617089;--doc-line:#dce5f0;--doc-primary:#1c4f91;--doc-primary-soft:#e9f1ff;--doc-success:#08755a;--doc-shadow:0 16px 38px rgba(24,45,75,.08)} html[data-doc-theme="dark"] .documents-page{--doc-bg:#0d1524;--doc-surface:#131f33;--doc-surface-alt:#192940;--doc-ink:#edf4ff;--doc-muted:#a9b8ce;--doc-line:#2b3c57;--doc-primary:#76a9ff;--doc-primary-soft:#1b3458;--doc-success:#6bddbd;--doc-shadow:0 18px 42px rgba(0,0,0,.25)} .documents-page .workspace,.documents-page .vol-main{background:var(--doc-bg);color:var(--doc-ink)} html[data-doc-theme="dark"] .documents-page .topbar,html[data-doc-theme="dark"] .documents-page .vol-head,html[data-doc-theme="dark"] .documents-page .context-title,html[data-doc-theme="dark"] .documents-page .global-search{background:var(--doc-surface)!important;color:var(--doc-ink)!important;border-color:var(--doc-line)!important}html[data-doc-theme="dark"] .documents-page .vol-head h1,html[data-doc-theme="dark"] .documents-page .context-title strong,html[data-doc-theme="dark"] .documents-page .documents-simple-intro b{color:var(--doc-ink)!important}html[data-doc-theme="dark"] .documents-page .documents-simple-intro,html[data-doc-theme="dark"] .documents-page .context-title span{color:var(--doc-muted)!important}html[data-doc-theme="dark"] .documents-page .compact-metrics span{background:var(--doc-surface)!important;border-color:var(--doc-line)!important;color:var(--doc-muted)!important}html[data-doc-theme="dark"] .documents-page .compact-metrics b{color:var(--doc-ink)!important} html[data-doc-theme="dark"] .documents-page .doc-attest-workspace,html[data-doc-theme="dark"] .documents-page .doc-signing-workspace,html[data-doc-theme="dark"] .documents-page .doc-template-manager,html[data-doc-theme="dark"] .documents-page .doc-issuer-section,html[data-doc-theme="dark"] .documents-page .doc-template-card{background:#131f33!important;color:#edf4ff!important;border-color:#2b3c57!important}html[data-doc-theme="dark"] .documents-page .doc-workspace-heading h2,html[data-doc-theme="dark"] .documents-page .doc-signing-steps span,html[data-doc-theme="dark"] .documents-page .doc-live-row strong{color:#edf4ff!important}html[data-doc-theme="dark"] .documents-page .doc-signing-steps>div,html[data-doc-theme="dark"] .documents-page .doc-live-row{background:#131f33!important;border-color:#2b3c57!important}html[data-doc-theme="dark"] .documents-page .doc-signing-callout,html[data-doc-theme="dark"] .documents-page .doc-attest-tip,html[data-doc-theme="dark"] .documents-page .doc-preview-label,html[data-doc-theme="dark"] .documents-page .documents-journey{background:#192940!important;border-color:#2b3c57!important;color:#a9b8ce!important}html[data-doc-theme="dark"] .documents-page .doc-workspace-heading p,html[data-doc-theme="dark"] .documents-page .doc-signing-steps small,html[data-doc-theme="dark"] .documents-page .doc-live-row small{color:#a9b8ce!important} .documents-page .vol-main{max-width:1440px;margin:auto;padding-bottom:48px}.documents-page .vol-layout{display:block}.documents-page .vol-core{width:100%}.documents-page .vol-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:7px;background:var(--doc-surface);border:1px solid var(--doc-line);border-radius:16px;margin-bottom:16px;box-shadow:var(--doc-shadow)}.documents-page .vol-tabs button{border:0;border-radius:11px;padding:12px 15px;background:transparent;color:var(--doc-muted);font:inherit;font-weight:750;cursor:pointer;transition:.18s ease}.documents-page .vol-tabs button:hover{background:var(--doc-surface-alt);color:var(--doc-ink)}.documents-page .vol-tabs button.active{background:var(--doc-primary);color:#fff;box-shadow:0 7px 16px rgba(28,79,145,.22)}.documents-page .view-panel{min-height:420px}.documents-page .view-panel.hidden{display:none!important}.documents-page #inspector{display:none!important}.documents-journey{display:flex;align-items:center;gap:10px;margin:6px 0 17px;padding:10px 14px;border:1px solid var(--doc-line);border-radius:14px;background:var(--doc-surface-alt);color:var(--doc-muted);font-size:12px}.documents-journey b{color:var(--doc-ink)}.documents-journey i{color:var(--doc-primary);font-style:normal}.documents-journey .journey-spacer{flex:1}@media(max-width:840px){.documents-page .vol-tabs{grid-template-columns:repeat(3,minmax(0,1fr)}}@media(max-width:720px){.documents-page .vol-tabs{display:flex;overflow:auto;flex-wrap:nowrap}.documents-page .vol-tabs button{white-space:nowrap}.documents-journey{align-items:flex-start;flex-wrap:wrap}.journey-spacer{display:none}} /* Multi-signer composer: each signer remains independently editable. */ .doc-signing-dialog{width:min(1030px,94vw);max-width:1030px;max-height:94vh;border:0;border-radius:24px;padding:0;overflow:hidden;background:var(--doc-surface,#fff);color:var(--doc-ink,#14213b);box-shadow:0 30px 90px rgba(4,16,39,.35)}.doc-signing-dialog::backdrop{background:rgba(7,16,35,.56);backdrop-filter:blur(5px)}.doc-signing-dialog .doc-version-head{padding:22px 25px 17px;margin:0;border-bottom:1px solid var(--doc-line,#dce5f0);background:linear-gradient(135deg,var(--doc-primary-soft,#e9f1ff),transparent 72%)}.doc-signing-dialog .doc-version-head h3{margin:4px 0 6px;font-size:23px}.doc-signing-dialog .doc-version-head p{margin:0;color:var(--doc-muted,#617089);line-height:1.6}.doc-signing-dialog .doc-version-list{max-height:calc(94vh - 132px);overflow-y:auto;overscroll-behavior:contain;padding:20px 25px 25px}.doc-signature-flow{display:grid;gap:15px}.doc-signature-flow label{display:grid;gap:7px;color:var(--doc-ink,#14213b);font-size:13px;font-weight:750}.doc-signature-flow input,.doc-signature-flow select,.doc-signature-flow textarea{width:100%;box-sizing:border-box;border:1px solid var(--doc-line,#dce5f0);border-radius:11px;padding:11px 12px;background:var(--doc-surface,#fff);color:var(--doc-ink,#14213b);font:inherit;outline:none}.doc-signature-flow textarea{min-height:76px;resize:vertical}.doc-signature-flow input:focus,.doc-signature-flow select:focus,.doc-signature-flow textarea:focus{border-color:var(--doc-primary,#1c4f91);box-shadow:0 0 0 3px color-mix(in srgb,var(--doc-primary,#1c4f91) 16%,transparent)}.doc-signature-basics{display:grid;grid-template-columns:1.45fr 1fr;gap:13px}.doc-signer-composer{border:1px solid var(--doc-line,#dce5f0);border-radius:17px;overflow:hidden;background:var(--doc-surface-alt,#f8fbff)}.doc-signer-composer-head{display:flex;justify-content:space-between;align-items:center;gap:13px;padding:14px 16px;border-bottom:1px solid var(--doc-line,#dce5f0);background:var(--doc-surface,#fff)}.doc-signer-composer-head>div{display:grid;gap:3px}.doc-signer-composer-head strong{font-size:15px}.doc-signer-composer-head small{color:var(--doc-muted,#617089);font-size:11px}.doc-signer-composer-note{margin:0;padding:10px 16px 2px;color:var(--doc-muted,#617089);font-size:12px;line-height:1.65}.doc-signer-rows{display:grid;gap:10px;padding:13px 16px 16px}.doc-signer-editor{border:1px solid var(--doc-line,#dce5f0);border-radius:13px;padding:12px;background:var(--doc-surface,#fff);box-shadow:0 5px 15px rgba(30,57,100,.045)}.doc-signer-editor-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.doc-signer-editor-head strong{color:var(--doc-primary,#1c4f91);font-size:13px}.doc-text-button{border:0;background:transparent;color:#b23b4a;font:inherit;font-size:12px;font-weight:750;cursor:pointer}.doc-text-button:disabled{opacity:.35;cursor:not-allowed}.doc-signer-editor-grid{display:grid;grid-template-columns:.85fr 1.15fr 1.2fr 1.05fr 1.1fr;gap:9px}.doc-signer-editor-grid label{font-size:11px}.doc-signer-editor-grid input,.doc-signer-editor-grid select{padding:9px 10px;min-height:40px}.doc-signer-role{grid-column:auto}.doc-signing-dialog .doc-secondary{border:1px solid var(--doc-line,#dce5f0);background:var(--doc-surface-alt,#f8fbff);color:var(--doc-primary,#1c4f91);padding:9px 12px}.doc-signing-dialog .doc-actions{justify-content:flex-start;margin-top:1px}.doc-signing-dialog .doc-primary{padding:12px 19px}.doc-signing-dialog .doc-result{margin:0}.doc-signing-dialog .doc-live-row{background:var(--doc-surface-alt,#f8fbff)} .doc-signing-dialog .doc-signer-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.doc-signing-dialog .doc-signer-editor-grid label{font-size:12px}.doc-signing-dialog .doc-signer-editor-grid input,.doc-signing-dialog .doc-signer-editor-grid select{padding:10px 11px;min-height:42px} .doc-signing-placement{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;border:1px solid var(--doc-line,#dce5f0);border-radius:15px;padding:14px;background:var(--doc-surface-alt,#f8fbff)}.doc-signing-placement>div{display:grid;gap:4px}.doc-signing-placement small{color:var(--doc-muted,#617089);font-size:12px}.doc-signing-placement-controls{display:grid!important;grid-template-columns:minmax(190px,1fr) minmax(150px,.7fr) 110px;gap:10px;grid-column:1/-1}.doc-signing-placement-controls label{display:grid;gap:6px;color:var(--doc-ink,#132949);font-weight:700}.doc-placement-hint{grid-column:1/-1;margin:0;padding:9px 11px;border-radius:10px;background:#e8f1ff;color:#17457c;font-size:12px;font-weight:750}.doc-placement-legend{grid-column:1/-1}.doc-placement-legend b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#0c8f7c;color:#fff}.doc-signing-placement-canvas{grid-column:1/-1;position:relative;display:block;height:min(58vh,560px);min-height:360px;max-height:none;overflow:auto;overscroll-behavior:contain;border:1px dashed var(--doc-primary,#1c4f91);border-radius:12px;background:#172235;cursor:crosshair}.doc-signing-placement-media{display:block;width:auto;height:auto;min-width:100%;max-width:none;min-height:100%;max-height:none;margin:auto;object-fit:contain;pointer-events:none}.doc-signing-image-stage{position:relative;display:table;margin:auto;min-width:100%;min-height:100%}.doc-signing-placement-canvas .doc-pdf-editor{height:100%;min-height:0;align-self:stretch}.doc-signing-placement-canvas .doc-pdf-page-wrap{min-height:100%;padding:22px;overflow:auto;overscroll-behavior:contain}.doc-signing-placement-canvas .doc-pdf-page{position:relative}.doc-signing-placement-mark{position:absolute;z-index:5;display:grid;place-items:center;width:34px;height:34px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#276df5,#7548ff);box-shadow:0 4px 12px rgba(32,72,180,.3);color:#fff;font:800 12px/1 Arial}.doc-signing-placement-mark.name{background:linear-gradient(135deg,#059669,#0ea5a8)}.doc-signing-dialog .doc-file-drop small{font-weight:500;color:var(--doc-muted,#617089)}@media(max-width:620px){.doc-signing-placement-controls{grid-template-columns:1fr}.doc-signing-placement-canvas{height:52vh;min-height:300px}} /* A single accessible result surface for every completed action in Documents. */ .doc-toast-region{position:fixed;z-index:2147483647;top:22px;left:22px;display:grid;gap:10px;width:min(390px,calc(100vw - 36px));pointer-events:none}.doc-toast{display:grid;grid-template-columns:36px minmax(0,1fr) 24px;gap:10px;align-items:start;padding:13px;border:1px solid;border-radius:15px;background:#fff;box-shadow:0 18px 46px rgba(12,29,57,.24);animation:doc-toast-in .22s ease-out;pointer-events:auto;direction:rtl}.doc-toast.success{border-color:#9ce1bd;background:linear-gradient(135deg,#f3fff7,#e6f9ed);color:#075d3e}.doc-toast.failure{border-color:#ffc2c7;background:linear-gradient(135deg,#fff8f8,#ffeaec);color:#a32031}.doc-toast-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-weight:900;font-size:19px}.doc-toast.success .doc-toast-icon{background:#13a365;color:#fff}.doc-toast.failure .doc-toast-icon{background:#d93d4b;color:#fff}.doc-toast strong{display:block;font-size:14px}.doc-toast p{margin:3px 0 0;font-size:12px;line-height:1.55;color:inherit}.doc-toast button{border:0;background:transparent;color:inherit;font-size:22px;line-height:1;cursor:pointer;padding:0}@keyframes doc-toast-in{from{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:translateY(0)}} html[data-doc-theme="dark"] .doc-signing-dialog{background:#131f33;color:#edf4ff}html[data-doc-theme="dark"] .doc-signing-dialog .doc-version-head,html[data-doc-theme="dark"] .doc-signer-composer-head,html[data-doc-theme="dark"] .doc-signer-editor{background:#131f33!important;border-color:#2b3c57!important}html[data-doc-theme="dark"] .doc-signer-composer,html[data-doc-theme="dark"] .doc-signing-dialog .doc-live-row{background:#192940!important;border-color:#2b3c57!important}html[data-doc-theme="dark"] .doc-signature-flow input,html[data-doc-theme="dark"] .doc-signature-flow select,html[data-doc-theme="dark"] .doc-signature-flow textarea{background:#0f1a2b;color:#edf4ff;border-color:#2b3c57} @media(max-width:900px){.doc-signer-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-signer-role{grid-column:1/-1}}@media(max-width:620px){.doc-signing-dialog{width:96vw;border-radius:18px}.doc-signing-dialog .doc-version-head,.doc-signing-dialog .doc-version-list{padding:17px}.doc-signature-basics,.doc-signer-editor-grid{grid-template-columns:1fr}.doc-signer-role{grid-column:auto}.doc-signer-composer-head{align-items:flex-start;flex-direction:column}.doc-signing-dialog .doc-secondary{width:100%}} /* Signer picker (documents-issuer.js). Canva tokens from design-tokens.css; RTL; no inline styles (CSP). */ .doc-signer-editor [hidden]{display:none!important} .doc-signer-editor .ds-signer-name[readonly]{background:var(--doc-surface-alt,var(--ajyal-surface-alt));color:var(--doc-ink,var(--ajyal-ink));cursor:default} .doc-signer-contact{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:10px;padding:9px 12px;border:1px dashed var(--ajyal-line-strong);border-radius:var(--ajyal-radius-button);background:var(--doc-surface-alt,var(--ajyal-surface-alt));color:var(--doc-muted,var(--ajyal-muted));font-size:12px;line-height:1.6;text-align:start} .doc-signer-contact strong{color:var(--doc-ink,var(--ajyal-ink));font-size:12px} .doc-signer-contact-item bdi{color:var(--doc-ink,var(--ajyal-ink));font-weight:700;unicode-bidi:isolate} .doc-signer-contact.is-warning{border-style:solid;border-color:var(--ajyal-warning);color:var(--ajyal-ink);background:color-mix(in srgb,var(--ajyal-warning) 10%,var(--ajyal-surface))} .doc-signer-notice{margin:8px 0 0;padding:8px 12px;border-inline-start:3px solid var(--ajyal-warning);border-radius:var(--ajyal-radius-button);background:color-mix(in srgb,var(--ajyal-warning) 12%,var(--ajyal-surface));color:var(--ajyal-ink);font-size:12px;font-weight:700;line-height:1.6} .doc-signer-outcome{display:grid;gap:6px;margin-top:12px;padding:10px 12px;border:1px solid var(--ajyal-warning);border-radius:var(--ajyal-radius-button);background:color-mix(in srgb,var(--ajyal-warning) 8%,var(--ajyal-surface));color:var(--ajyal-ink);font-size:12px;line-height:1.7} .doc-signer-outcome.is-ok{border-color:var(--ajyal-success);background:color-mix(in srgb,var(--ajyal-success) 8%,var(--ajyal-surface))} .doc-signer-outcome p{margin:0} .doc-signer-outcome ul{margin:0;padding-inline-start:18px} html[data-doc-theme="dark"] .doc-signer-contact{background:#192940;border-color:#2b3c57;color:#a9b8ce} html[data-doc-theme="dark"] .doc-signer-contact strong,html[data-doc-theme="dark"] .doc-signer-contact-item bdi{color:#edf4ff} html[data-doc-theme="dark"] .doc-signer-editor .ds-signer-name[readonly]{background:#192940;color:#edf4ff} html[data-doc-theme="dark"] .doc-signer-contact.is-warning,html[data-doc-theme="dark"] .doc-signer-notice,html[data-doc-theme="dark"] .doc-signer-outcome{background:color-mix(in srgb,var(--ajyal-warning) 18%,#131f33);color:#edf4ff} html[data-doc-theme="dark"] .doc-signer-outcome.is-ok{background:color-mix(in srgb,var(--ajyal-success) 18%,#131f33)} /* Documents page shell (moved verbatim from the inline