.docpacket-wrap { margin: 0 0 0 -20px; }
.docpacket-front-wrap { min-height: 100vh; }
.docpacket-standalone { margin: 0; background: #f5f7fa; }
.docpacket-app { min-height: calc(100vh - 32px); background: #f5f7fa; color: #19233a; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.docpacket-standalone .docpacket-app { min-height: 100vh; }
.docpacket-app .button,.dp-auth-shell .button { min-height: 36px; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #c9ced8; border-radius: 6px; color: #29344d; background: #fff; text-decoration: none; cursor: pointer; }
.docpacket-app .button:hover,.dp-auth-shell .button:hover { border-color: #8a93a5; color: #15234a; }
.docpacket-app .button:disabled { opacity: .55; cursor: default; }
.docpacket-app .button-primary,.dp-auth-shell .button-primary { border-color: #2457e6; color: #fff; background: #2457e6; }
.docpacket-app .button-primary:hover,.dp-auth-shell .button-primary:hover { border-color: #193fae; color: #fff; background: #193fae; }
.dp-header { height: 72px; padding: 0 36px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid #e1e6ed; background: #fff; }
.dp-brand { display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 750; letter-spacing: -.4px; }
.dp-brand-mark { width: 32px; height: 32px; border-radius: 9px; display: grid; place-items: center; color: #fff; background: linear-gradient(145deg,#3261f0,#193daf); box-shadow: 0 6px 15px #2457e638; }
.dp-main-nav { align-self: stretch; display: flex; align-items: center; gap: 5px; }.dp-main-nav button { height: 100%; padding: 0 13px; position: relative; border: 0; color: #687287; background: transparent; font-size: 12px; cursor: pointer; }.dp-main-nav button::after { content:""; height: 3px; position: absolute; right: 10px; bottom: 0; left: 10px; border-radius: 3px 3px 0 0; background: transparent; }.dp-main-nav button:hover,.dp-main-nav button.is-active { color: #214fcf; }.dp-main-nav button.is-active::after { background: #2457e6; }.dp-main-nav button span { min-width: 17px; height: 17px; margin-left: 5px; padding: 0 5px; display: inline-grid; place-items: center; border-radius: 9px; color: #fff; background: #d63638; font-size: 9px; }
.dp-header-actions { display: flex; align-items: center; gap: 10px; }
.dp-organization-label { color: #6b7486; font-size: 12px; font-weight: 600; }
.dp-header select { min-width: 190px; }
.dp-content { max-width: 1360px; margin: auto; padding: 42px 40px 64px; }
.dp-section-heading { margin-bottom: 24px; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }.dp-section-heading .dp-eyebrow { margin: 0 0 7px; color: #315bd2; font-size: 10px; font-weight: 750; letter-spacing: 1px; text-transform: uppercase; }.dp-section-heading h1 { margin: 0; color: #172138; font-size: 30px; letter-spacing: -.8px; }.dp-section-heading p:not(.dp-eyebrow) { margin: 7px 0 0; color: #70798b; font-size: 13px; }.dp-spaced-card { margin-top: 18px; }
.dp-operation-row { min-height: 76px; padding: 13px 20px; display: grid; grid-template-columns: 38px minmax(200px,1fr) 120px auto; align-items: center; gap: 14px; border-top: 1px solid #edf0f4; }.dp-operation-row:first-child { border-top: 0; }.dp-operation-icon { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 8px; color: #2858d5; background: #eaf0ff; }.dp-operation-row>div>strong,.dp-operation-row>div>small { display: block; }.dp-operation-row>div>strong { margin-bottom: 4px; color: #263148; font-size: 12px; }.dp-operation-row>div>small,.dp-muted { color: #8a93a3; font-size: 10px; }.dp-operation-row>.dp-status { text-transform: capitalize; }.dp-operation-empty { min-height: 132px; padding: 28px; display: flex; align-items: center; justify-content: center; gap: 12px; color: #667187; }.dp-operation-empty>.dashicons { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; color: #18805f; background: #e5f6ef; }.dp-operation-empty strong,.dp-operation-empty small { display: block; }.dp-operation-empty small { margin-top: 4px; color: #9299a6; }.dp-row-actions { display: flex; gap: 6px; }.dp-danger-button { color: #a6373d!important; }.dp-status.dp-under_review,.dp-status.dp-in_progress,.dp-status.dp-assigned { color: #2854c3; background: #e8efff; }.dp-status.dp-finalized,.dp-status.dp-completed,.dp-status.dp-approved { color: #14765a; background: #e2f5ed; }.dp-status.dp-rejected,.dp-status.dp-returned_for_correction { color: #a13a3e; background: #fde8e8; }
.dp-member-row { min-height: 82px; padding: 12px 20px; display: grid; grid-template-columns: 38px minmax(160px,1fr) minmax(130px,180px) minmax(130px,180px) auto; align-items: center; gap: 12px; border-top: 1px solid #edf0f4; }.dp-member-row:first-child { border-top:0; }.dp-avatar { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(145deg,#5578dd,#2549ad); font-size: 13px; font-weight: 750; }.dp-member-row>div>strong,.dp-member-row>div>small { display:block; }.dp-member-row>div>strong { margin-bottom:4px; font-size:12px; }.dp-member-row>div>small { color:#8992a2; font-size:9px; text-transform:capitalize; }.dp-member-row label { color:#6f798c; font-size:9px; font-weight:650; }.dp-member-row select { width:100%; min-height:34px; margin-top:4px; font-size:10px; }
.dp-welcome { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.dp-welcome h1 { margin: 0; color: #172138; font-size: 30px; line-height: 1.2; font-weight: 750; letter-spacing: -.8px; }
.dp-welcome p { margin: 7px 0 0; color: #70798b; font-size: 14px; }
.dp-welcome .dp-eyebrow { margin-bottom: 7px; color: #9199a8; font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.dp-actions { display: flex; gap: 9px; }
.dp-actions .button { min-height: 39px; padding: 0 17px; }
.dp-notice { margin-top: 20px; padding: 12px 15px; border-left: 4px solid #d63638; border-radius: 5px; background: #fff; box-shadow: 0 1px 2px #17213b10; }
.dp-notice.dp-success { border-color: #12825e; }.dp-notice.dp-info { border-color: #2271b1; }
.dp-metrics { margin: 28px 0 19px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.dp-metrics article { min-height: 124px; padding: 21px; display: flex; align-items: flex-start; gap: 14px; border: 1px solid #e3e7ed; border-radius: 11px; background: #fff; box-shadow: 0 1px 2px #17213b08; }
.dp-metric-icon { min-width: 40px; height: 40px; border-radius: 9px; display: grid; place-items: center; font-size: 19px; }
.dp-metric-icon.dp-blue { color: #2754da; background: #e9efff; }.dp-metric-icon.dp-green { color: #168565; background: #e2f6ed; }.dp-metric-icon.dp-amber { color: #b87218; background: #fff1da; }.dp-metric-icon.dp-violet { color: #7450c2; background: #eee8fc; }
.dp-metrics small,.dp-metrics strong,.dp-metrics article div>span { display: block; }
.dp-metrics small { margin-bottom: 5px; color: #70798b; font-size: 11px; font-weight: 650; }
.dp-metrics strong { color: #18223a; font-size: 25px; line-height: 1.1; }
.dp-metrics article div>span { margin-top: 7px; color: #9aa1af; font-size: 10px; }
.dp-quick-start { margin-bottom: 19px; padding: 20px 23px; display: flex; align-items: center; justify-content: space-between; gap: 24px; color: #fff; border-radius: 11px; background: linear-gradient(118deg,#152d78,#2458de 62%,#4779f4); box-shadow: 0 7px 20px #173d9e20; }
.dp-quick-start>div { display: flex; align-items: center; gap: 16px; }.dp-quick-start .dashicons { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 10px; background: #ffffff19; font-size: 22px; }
.dp-quick-start h2 { margin: 0 0 4px; color: #fff; font-size: 15px; }.dp-quick-start p { margin: 0; color: #dce5ff; font-size: 11px; }
.dp-quick-start .button { border-color: #fff; color: #2146b3; background: #fff; }.dp-quick-start .button span { margin-left: 8px; }
.dp-card { overflow: hidden; border: 1px solid #e3e7ed; border-radius: 11px; background: #fff; box-shadow: 0 1px 2px #17213b08; }
.dp-card-heading { padding: 19px 21px 15px; display: flex; align-items: center; justify-content: space-between; }
.dp-card-heading h2 { margin: 0 0 3px; font-size: 15px; }.dp-card-heading p,.dp-card-heading>span { margin: 0; color: #969dac; font-size: 10px; }
.dp-form-row { min-height: 72px; padding: 12px 18px 12px 21px; display: grid; grid-template-columns: 38px minmax(180px,1fr) 85px 120px 140px; align-items: center; gap: 13px; border-top: 1px solid #edf0f4; }
.dp-form-row { cursor: pointer; }.dp-form-row:hover,.dp-form-row:focus { outline: 0; background: #f8faff; }
.dp-file-icon { width: 35px; height: 40px; display: grid; place-items: center; color: #2756da; border-radius: 7px; background: #e9efff; }
.dp-form-title strong,.dp-form-title small { display: block; }.dp-form-title strong { margin-bottom: 4px; font-size: 12px; }.dp-form-title small { color: #949cab; font-size: 10px; }
.dp-status { justify-self: start; padding: 4px 9px; border-radius: 12px; font-size: 9px; font-weight: 700; }.dp-status.dp-published { color: #14765a; background: #e2f5ed; }.dp-status.dp-draft { color: #9b641d; background: #fff0da; }
.dp-form-row time { color: #8e96a6; font-size: 10px; }.dp-row-menu { border: 0; color: #838c9d; background: transparent; cursor: pointer; }
.dp-loading,.dp-empty { min-height: 220px; padding: 36px; display: flex; align-items: center; justify-content: center; color: #7d8595; }.dp-loading .spinner { float: none; margin: 0 10px 0 0; }
.dp-empty { flex-direction: column; text-align: center; }.dp-empty>.dashicons { width: 48px; height: 48px; margin-bottom: 8px; display: grid; place-items: center; color: #345bd0; border-radius: 12px; background: #eaf0ff; font-size: 25px; }.dp-empty h3 { margin: 5px 0; color: #29334a; }.dp-empty p { margin: 0 0 17px; }
.dp-dialog { width: min(480px, calc(100vw - 32px)); padding: 0; border: 0; border-radius: 12px; box-shadow: 0 24px 80px #11182b4d; }.dp-dialog::backdrop { background: #141b2c80; }
.dp-dialog form { padding: 24px; }.dp-dialog-heading { margin-bottom: 20px; display: flex; justify-content: space-between; gap: 15px; }.dp-dialog h2 { margin: 0 0 4px; }.dp-dialog-heading p { margin: 0; color: #777f8f; }.dp-dialog-close { border: 0; color: #758094; background: none; font-size: 25px; cursor: pointer; }
.dp-dialog label { margin: 15px 0 6px; display: block; font-weight: 600; }.dp-dialog label span { color: #8991a0; font-weight: 400; }.dp-dialog input,.dp-dialog textarea { width: 100%; }.dp-dialog-actions { margin-top: 22px; display: flex; justify-content: flex-end; gap: 8px; }
.dp-app-footer { padding: 24px 4px 0; display: flex; align-items: center; justify-content: flex-end; gap: 16px; color: #8c94a3; font-size: 11px; }.dp-app-footer span { margin-right: auto; }.dp-app-footer button,.dp-auth-links button { padding: 0; border: 0; color: #68738a; background: transparent; cursor: pointer; }.dp-app-footer button:hover,.dp-auth-links button:hover { color: #2457e6; text-decoration: underline; }
.dp-legal-dialog article { position: relative; padding: 28px; color: #39445a; font-size: 14px; line-height: 1.65; }.dp-legal-dialog h2 { margin: 3px 0 18px; color: #172138; font-size: 25px; }.dp-legal-dialog .dp-eyebrow { margin: 0; color: #2457e6; font-size: 10px; font-weight: 750; letter-spacing: 1px; text-transform: uppercase; }.dp-legal-close { position: absolute; top: 15px; right: 17px; border: 0; color: #778195; background: transparent; font-size: 25px; cursor: pointer; }
.dp-auth-shell { min-height: 100vh; padding: 32px; display: grid; place-items: center; color: #1b2640; background: radial-gradient(circle at 15% 15%,#e7edff 0,transparent 35%),radial-gradient(circle at 85% 85%,#dfe9ff 0,transparent 32%),#f6f8fc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.dp-auth-card { width: min(480px,100%); padding: 46px; border: 1px solid #e1e5ed; border-radius: 18px; background: #fff; box-shadow: 0 24px 70px #20366d1c; }.dp-auth-brand { margin-bottom: 44px; }.dp-auth-eyebrow { margin: 0 0 8px; color: #2457e6!important; font-size: 11px!important; font-weight: 750; letter-spacing: 1.2px; text-transform: uppercase; }.dp-auth-card h1 { margin: 0; font-size: 38px; line-height: 1.08; letter-spacing: -1.5px; }.dp-auth-card>p:not(.dp-auth-eyebrow) { margin: 18px 0 27px; color: #677188; font-size: 15px; line-height: 1.65; }.dp-sign-in { width: 100%; min-height: 46px!important; font-weight: 650; }.dp-auth-links { margin-top: 28px; display: flex; justify-content: center; gap: 18px; font-size: 11px; }
.dp-public-shell { min-height: 100vh; padding: 30px 20px 50px; color: #19233a; background: radial-gradient(circle at 15% 5%,#e7edff 0,transparent 28%),#f5f7fa; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }.dp-public-header,.dp-public-card,.dp-public-footer,.dp-public-shell>.dp-notice { width:min(720px,100%); margin-right:auto; margin-left:auto; }.dp-public-header { margin-bottom:25px; display:flex; align-items:center; justify-content:space-between; }.dp-public-header>span { color:#707a8e; font-size:11px; font-weight:650; }.dp-public-card { overflow:hidden; border:1px solid #e0e5ed; border-radius:15px; background:#fff; box-shadow:0 15px 45px #1c356619; }.dp-public-intro { padding:30px 34px 24px; border-bottom:1px solid #e9ecf1; }.dp-public-intro .dp-eyebrow { margin:0 0 7px; color:#2457e6; font-size:10px; font-weight:750; letter-spacing:1px; text-transform:uppercase; }.dp-public-intro h1 { margin:0; color:#172138; font-size:27px; letter-spacing:-.6px; }.dp-public-intro>p:not(.dp-eyebrow) { margin:10px 0 0; color:#687388; line-height:1.6; }.dp-public-form { padding:30px 34px; }.dp-public-form>.dp-fill-field,.dp-public-form>div>.dp-fill-field { margin-bottom:22px; }.dp-public-form label { display:block; color:#3d4860; font-size:11px; font-weight:700; }.dp-public-form input,.dp-public-form select,.dp-public-form textarea { width:100%; min-height:43px; margin-top:7px; border:1px solid #d5dbe5; border-radius:5px; }.dp-public-form .dp-fill-checkbox input,.dp-public-consent input { width:auto; min-height:0; margin:2px 8px 0 0; }.dp-public-consent { margin:22px 0; padding:16px; border-radius:8px; background:#f6f8fc; }.dp-public-consent label { display:flex; align-items:flex-start; line-height:1.5; }.dp-public-consent p { margin:10px 0 0; color:#7a8497; font-size:9px; line-height:1.5; }.dp-captcha { max-width:220px; margin-bottom:20px; }.dp-public-form>.button { min-height:45px; }.dp-honeypot { width:1px!important; height:1px!important; position:absolute!important; left:-10000px!important; overflow:hidden!important; }.dp-public-unsupported { margin:15px 0; padding:15px; border:1px solid #edc0c2; border-radius:7px; background:#fff6f6; }.dp-public-unsupported strong,.dp-public-unsupported small { display:block; }.dp-public-unsupported small { margin-top:4px; color:#8b6164; }.dp-public-success,.dp-public-error { min-height:330px; padding:45px; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; }.dp-public-success>.dashicons { width:64px; height:64px; display:grid; place-items:center; border-radius:50%; color:#168060; background:#e3f6ef; font-size:34px; }.dp-public-success h1,.dp-public-error h1 { margin:18px 0 7px; }.dp-public-success p,.dp-public-error p { margin:0 0 12px; color:#707a8c; }.dp-public-success>strong { padding:8px 13px; border-radius:5px; background:#f0f3f8; letter-spacing:.5px; }.dp-public-footer { margin-top:20px; display:flex; justify-content:space-between; gap:20px; color:#8b93a2; font-size:9px; }
.dp-builder-header { margin-bottom: 20px; display: grid; grid-template-columns: 120px 1fr auto; align-items: center; gap: 18px; }.dp-builder-title { text-align: center; }.dp-builder-title p { margin: 0 0 3px; color: #8790a1; font-size: 9px; font-weight: 750; letter-spacing: 1px; text-transform: uppercase; }.dp-builder-title input { width: min(480px,100%); padding: 4px 10px; border: 1px solid transparent; color: #172138; background: transparent; font-size: 22px; font-weight: 750; text-align: center; }.dp-builder-title input:hover,.dp-builder-title input:focus { border-color: #cbd3e3; background: #fff; box-shadow: none; }.dp-builder-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }.dp-builder-actions>span { margin-right: 4px; color: #818a9b; font-size: 10px; }
.dp-import-button { gap: 5px; }.dp-import-button .dashicons { width: 15px; height: 15px; font-size: 15px; }
.dp-builder-layout { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 18px; align-items: start; }.dp-field-palette,.dp-builder-canvas { border: 1px solid #e2e6ed; border-radius: 11px; background: #fff; box-shadow: 0 1px 2px #17213b08; }.dp-field-palette { padding: 19px; position: sticky; top: 20px; }.dp-field-palette h2 { margin: 0 0 4px; font-size: 14px; }.dp-field-palette>p { margin: 0 0 16px; color: #8b93a3; font-size: 10px; line-height: 1.5; }.dp-field-types { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }.dp-field-types button { min-height: 66px; padding: 9px 6px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 5px; border: 1px solid #e2e6ed; border-radius: 7px; color: #465168; background: #fbfcfd; font-size: 9px; cursor: pointer; }.dp-field-types button:hover { border-color: #8da5ec; color: #2457d8; background: #f1f5ff; }.dp-field-types .dashicons { font-size: 18px; }
.dp-layout-adder{margin-top:15px;padding-top:14px;display:grid;gap:7px;border-top:1px solid #e2e6ed}.dp-layout-adder label{color:#4d586d;font-size:10px;font-weight:700}.dp-layout-adder select,.dp-layout-adder .button{width:100%}.dp-layout-adder .button{justify-content:center}.dp-layout-adder .dashicons{width:16px;height:16px;margin-right:5px;font-size:16px}
.dp-builder-canvas { min-height: 530px; padding: 22px; }.dp-form-preview-heading { margin-bottom: 18px; padding-bottom: 16px; display: flex; align-items: flex-end; justify-content: space-between; border-bottom: 1px solid #e8ebf0; }.dp-form-preview-heading small { color: #8992a2; font-size: 9px; font-weight: 750; letter-spacing: .8px; text-transform: uppercase; }.dp-form-preview-heading h2 { margin: 4px 0 0; font-size: 21px; }.dp-form-preview-heading>span { color: #9199a7; font-size: 10px; }
.dp-import-status { margin-bottom: 17px; padding: 14px 16px; display: flex; align-items: flex-start; gap: 12px; border: 1px solid #cad7f7; border-radius: 8px; color: #34405a; background: #f1f5ff; }.dp-import-status>.dashicons { color: #2457d8; }.dp-import-status .spinner { float: none; margin: 1px 0 0; }.dp-import-status strong { display: block; margin-bottom: 3px; font-size: 11px; }.dp-import-status p { margin: 0; color: #69758c; font-size: 10px; line-height: 1.5; }.dp-import-status.dp-import-complete { border-color: #b9e3d4; background: #ecf8f3; }.dp-import-status.dp-import-complete>.dashicons { color: #16805f; }.dp-import-status.dp-import-review { border-color: #f0d19f; background: #fff7e9; }.dp-import-status.dp-import-review>.dashicons { color: #b66d13; }
.dp-import-status .button { min-height: 30px; margin-top: 9px; font-size: 10px; }
.dp-builder-empty { min-height: 375px; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #8992a3; text-align: center; }.dp-builder-empty>.dashicons { width: 46px; height: 46px; display: grid; place-items: center; color: #315bd6; border-radius: 13px; background: #edf2ff; font-size: 22px; }.dp-builder-empty h3 { margin: 12px 0 4px; color: #334057; }.dp-builder-empty p { margin: 0; font-size: 11px; }
.dp-builder-fields { display: flex; flex-direction: column; gap: 9px; }.dp-builder-field { padding: 14px; display: grid; grid-template-columns: 92px minmax(180px,1fr) 90px 92px; align-items: center; gap: 13px; border: 1px solid #dfe4ec; border-radius: 9px; background: #fff; }.dp-builder-field:hover { border-color: #b9c7ed; box-shadow: 0 3px 13px #244da311; }.dp-field-handle { color: #7d8799; }.dp-field-handle .dashicons { margin-right: 5px; font-size: 15px; }.dp-field-handle small { font-size: 9px; }.dp-field-settings label,.dp-option-label { color: #4d586d; font-size: 9px; font-weight: 650; }.dp-field-settings input { width: 100%; min-height: 33px; margin-top: 4px; }.dp-field-settings>small { display: block; margin-top: 5px; color: #9aa1ae; font-size: 8px; }.dp-option-label { margin-top: 7px; display: block; }.dp-required { font-size: 10px; }.dp-field-controls { display: flex; justify-content: flex-end; gap: 3px; }.dp-field-controls button { width: 27px; height: 27px; padding: 0; border: 1px solid #dfe3ea; border-radius: 5px; color: #647087; background: #fff; cursor: pointer; }.dp-field-controls button:hover:not(:disabled) { color: #2457d8; border-color: #9fb1e8; }.dp-field-controls button:last-child { color: #a33a3b; }.dp-field-controls button:disabled { opacity: .35; cursor: default; }
.dp-mapper-dialog { width: min(1100px,calc(100vw - 38px)); height: min(900px,calc(100vh - 38px)); padding: 0; overflow: hidden; border: 0; border-radius: 14px; background: #eef1f6; box-shadow: 0 25px 90px #10182c66; }.dp-mapper-dialog::backdrop { background: #101729a8; }.dp-mapper-header { height: 70px; padding: 0 22px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #dce1e9; background: #fff; }.dp-mapper-header p { margin: 0 0 2px; color: #3560d6; font-size: 9px; font-weight: 750; letter-spacing: 1px; text-transform: uppercase; }.dp-mapper-header h2 { margin: 0; font-size: 17px; }.dp-mapper-header button { border: 0; color: #737e91; background: transparent; font-size: 27px; cursor: pointer; }.dp-mapper-toolbar { min-height: 62px; padding: 10px 20px; display: flex; align-items: center; gap: 14px; border-bottom: 1px solid #dbe0e8; background: #f9fafc; }.dp-mapper-toolbar label { display: flex; align-items: center; gap: 7px; font-size: 10px; font-weight: 700; }.dp-mapper-toolbar select { min-width: 180px; }.dp-mapper-toolbar>p { margin: 0; color: #747e91; font-size: 10px; }.dp-mapper-toolbar>#dp-mapper-done { margin-left: auto; }.dp-page-controls { display: flex; align-items: center; gap: 8px; }.dp-page-controls .button { min-width: 32px; padding: 0 8px; }.dp-page-controls span { min-width: 76px; color: #566177; font-size: 10px; text-align: center; }
.dp-pdf-stage { width: min(780px,calc(100% - 40px)); max-height: calc(100% - 158px); margin: 20px auto; position: relative; overflow: hidden; border: 1px solid #cfd5df; background: #fff; box-shadow: 0 5px 25px #17213b24; }.dp-pdf-stage object { width: 100%; height: 100%; position: absolute; inset: 0; border: 0; pointer-events: none; }.dp-mapping-layer { position: absolute; inset: 0; z-index: 2; cursor: crosshair; touch-action: none; }.dp-map-rectangle,.dp-map-draft { position: absolute; min-width: 10px; min-height: 10px; border: 2px solid #2457e6; background: #2457e627; }.dp-map-rectangle{cursor:move}.dp-map-rectangle.is-active{z-index:4;border-color:#123cb4;background:#2457e640;box-shadow:0 0 0 2px #fff,0 0 0 4px #2457e6}.dp-map-rectangle span { max-width: calc(100% - 20px); padding: 2px 5px; display: block; overflow: hidden; color: #fff; background: #2457e6; font-size: 9px; white-space: nowrap; text-overflow: ellipsis; pointer-events:none }.dp-map-rectangle button { width: 18px; height: 18px; padding: 0; position: absolute; z-index:3; top: -9px; right: -9px; border: 1px solid #fff; border-radius: 50%; color: #fff; background: #ba3d42; line-height: 14px; cursor: pointer; }.dp-map-rectangle i{width:11px;height:11px;position:absolute;z-index:2;border:2px solid #fff;border-radius:2px;background:#2457e6;box-shadow:0 0 0 1px #2457e6}.dp-map-rectangle i[data-map-resize="nw"]{top:-6px;left:-6px;cursor:nwse-resize}.dp-map-rectangle i[data-map-resize="ne"]{top:-6px;right:-6px;cursor:nesw-resize}.dp-map-rectangle i[data-map-resize="sw"]{bottom:-6px;left:-6px;cursor:nesw-resize}.dp-map-rectangle i[data-map-resize="se"]{right:-6px;bottom:-6px;cursor:nwse-resize}.dp-map-draft { border-style: dashed; background: #2457e61a; }
.dp-mapper-workspace{height:calc(100% - 132px);display:grid;grid-template-columns:190px minmax(400px,1fr) 210px}.dp-mapper-palette,.dp-mapper-properties{padding:16px;overflow:auto;background:#fff}.dp-mapper-palette{border-right:1px solid #dbe0e8}.dp-mapper-properties{border-left:1px solid #dbe0e8}.dp-mapper-palette h3,.dp-mapper-properties h3{margin:0 0 8px;font-size:12px}.dp-mapper-palette p,.dp-mapper-properties p{margin:0 0 14px;color:#747e91;font-size:9px;line-height:1.45}.dp-map-tools{margin-bottom:20px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.dp-map-tools button,.dp-mapper-field-list button{border:1px solid #dfe4ec;border-radius:6px;color:#465168;background:#fbfcfd;cursor:grab}.dp-map-tools button{min-height:55px;padding:7px 4px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:9px}.dp-map-tools button:hover,.dp-mapper-field-list button:hover,.dp-mapper-field-list button.is-selected{border-color:#2457e6;color:#2457e6;background:#eef3ff}.dp-mapper-field-list{display:grid;gap:6px}.dp-mapper-field-list button{width:100%;padding:7px;display:flex;align-items:center;gap:6px;text-align:left}.dp-mapper-field-list button>span:last-child{min-width:0;overflow:hidden;font-size:9px;text-overflow:ellipsis}.dp-mapper-field-list small{display:block;color:#8790a1;font-size:8px}.dp-mapper-field-list button.is-mapped small{color:#3f7d43}.dp-pdf-canvas{padding:18px;overflow:auto;background:#e7e9ed}.dp-mapper-workspace .dp-pdf-stage{width:min(780px,100%);max-height:none;margin:0 auto}.dp-map-rectangle.is-selected{z-index:3;box-shadow:0 0 0 2px #fff,0 0 0 4px #2457e6}.dp-mapper-properties label{margin-bottom:12px;display:block;color:#4d586d;font-size:9px;font-weight:700}.dp-mapper-properties input[type="text"],.dp-mapper-properties input[type="number"]{width:100%;min-height:34px;margin-top:4px}.dp-mapper-properties .dp-map-required{display:flex;align-items:center;gap:7px}.dp-map-coordinates{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.dp-mapper-properties>#dp-map-delete{width:100%;color:#a33a3b}
.dp-filler-header { margin-bottom: 22px; display: grid; grid-template-columns: 120px 1fr 120px; align-items: center; gap: 18px; }.dp-filler-header>div { text-align: center; }.dp-filler-header p { margin: 0 0 3px; color: #315bd2; font-size: 9px; font-weight: 750; letter-spacing: 1px; text-transform: uppercase; }.dp-filler-header h1 { margin: 0; font-size: 23px; }.dp-filler-header>span { color: #7d8798; font-size: 10px; text-align: right; }
.dp-filler-layout { display: grid; grid-template-columns: minmax(0,760px) 220px; align-items: start; justify-content: center; gap: 18px; }.dp-fill-form,.dp-fill-aside { border: 1px solid #e1e5ec; border-radius: 11px; background: #fff; box-shadow: 0 1px 2px #17213b08; }.dp-fill-form { overflow: hidden; }.dp-fill-form>#dp-fill-fields { padding: 30px; }.dp-fill-field { margin-bottom: 22px; display: block; }.dp-fill-field>span { margin-bottom: 7px; display: block; color: #38445b; font-size: 11px; font-weight: 700; }.dp-fill-field>span>span,.dp-fill-checkbox strong>span { margin-left: 3px; color: #d33f49; }.dp-fill-field input,.dp-fill-field textarea,.dp-fill-field select { width: 100%; min-height: 42px; border-color: #d9dee7; }.dp-fill-field textarea { padding: 10px; }.dp-fill-field>small,.dp-special-field>small { margin-top: 6px; display: block; color: #8b94a4; font-size: 9px; }.dp-fill-heading { margin: 28px 0 19px; padding-bottom: 10px; border-bottom: 1px solid #e7eaf0; }.dp-fill-heading:first-child { margin-top: 0; }.dp-fill-heading h2 { margin: 0 0 4px; font-size: 17px; }.dp-fill-heading p,.dp-fill-paragraph { color: #6f798b; font-size: 11px; line-height: 1.6; }.dp-fill-checkbox { margin-bottom: 20px; display: flex; align-items: flex-start; gap: 10px; }.dp-fill-checkbox input { margin-top: 2px; }.dp-fill-checkbox strong,.dp-fill-checkbox small { display: block; }.dp-fill-checkbox strong { font-size: 11px; }.dp-fill-checkbox small { margin-top: 4px; color: #8992a2; font-size: 9px; }.dp-special-field { padding: 15px; border: 1px dashed #ccd3df; border-radius: 8px; background: #fafbfc; }
.dp-special-field[data-state="clean"] { border-color: #9fd5c1; background: #f0faf6; }.dp-special-field[data-state="blocked"] { border-color: #e4a5a8; background: #fff4f4; }.dp-special-field[data-state="quarantined"],.dp-special-field[data-state="scanning"] { border-color: #edcb8f; background: #fff9ee; }.dp-file-picker { width: max-content; }.dp-signature-entry { display: grid; grid-template-columns: minmax(150px,1fr) repeat(3,auto); gap: 8px; }.dp-signature-entry input { min-width: 0; }.dp-inline-save { margin: 9px 0 0!important; display: flex!important; align-items: center; gap: 6px; color: #69758a!important; font-size: 9px!important; font-weight: 500!important; }.dp-inline-save input { width: auto; min-height: 0; margin: 0; }
.dp-submit-bar { padding: 18px 22px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-top: 1px solid #e4e8ee; background: #f9fafc; }.dp-submit-bar strong,.dp-submit-bar small { display: block; }.dp-submit-bar strong { margin-bottom: 3px; font-size: 11px; }.dp-submit-bar small { color: #8a93a3; font-size: 9px; }.dp-fill-aside { padding: 22px; text-align: center; }.dp-progress-ring { --progress: 0deg; width: 86px; height: 86px; margin: 0 auto 15px; display: grid; place-items: center; position: relative; border-radius: 50%; background: conic-gradient(#2457e6 var(--progress),#e8ebf1 0); }.dp-progress-ring::before { content:""; width: 68px; height: 68px; position: absolute; border-radius: 50%; background: #fff; }.dp-progress-ring strong { position: relative; font-size: 17px; }.dp-fill-aside h2 { margin: 0 0 5px; font-size: 13px; }.dp-fill-aside p { margin: 0; color: #7f8899; font-size: 10px; }.dp-fill-aside hr { margin: 18px 0; border: 0; border-top: 1px solid #e7eaf0; }.dp-fill-aside>small { color: #99a0ad; font-size: 8px; line-height: 1.5; word-break: break-all; }.dp-submission-success { min-height: 390px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; }.dp-submission-success>.dashicons { width: 58px; height: 58px; display: grid; place-items: center; color: #168060; border-radius: 50%; background: #e2f5ed; font-size: 30px; }.dp-submission-success h2 { margin: 17px 0 5px; }.dp-submission-success p { margin: 0 0 20px; color: #6f798a; }
.dp-signature-dialog { width: min(650px,calc(100vw - 28px)); padding: 24px; }.dp-signature-dialog .dp-dialog-heading { margin-bottom: 14px; }.dp-signature-dialog canvas { width: 100%; height: 220px; display: block; border: 1px solid #cfd5df; border-radius: 8px; background: repeating-linear-gradient(0deg,#fff,#fff 42px,#eef1f5 43px); cursor: crosshair; touch-action: none; }.dp-save-signature { margin-top: 13px; display: flex!important; align-items: center; gap: 7px; color: #59657b; font-size: 10px; }.dp-save-signature input { width: auto!important; }
.dp-document-status { width: min(440px,100%); margin: 0 0 20px; padding: 13px 15px; display: flex; align-items: center; justify-content: center; gap: 11px; border: 1px solid #dce3f1; border-radius: 8px; background: #f7f9fd; text-align: left; }.dp-document-status .spinner { float: none; margin: 0; }.dp-document-status .dashicons { color: #2858d5; }.dp-document-status strong,.dp-document-status small { display: block; }.dp-document-status small { margin-top: 3px; color: #7d8798; font-size: 9px; }.dp-document-status .button { margin-top: 7px; }
@media (max-width: 1050px) { .dp-metrics { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 782px) { .docpacket-wrap { margin-left: -10px; }.docpacket-app { min-height: calc(100vh - 46px); }.dp-header { height: auto; padding: 16px; align-items: flex-start; flex-direction: column; }.dp-main-nav { width: 100%; min-height: 42px; overflow-x: auto; }.dp-main-nav button { min-width: max-content; }.dp-header-actions { width: 100%; flex-wrap: wrap; }.dp-header select { flex: 1; }.dp-content { padding: 28px 16px 48px; }.dp-welcome { align-items: flex-start; flex-direction: column; }.dp-actions { width: 100%; }.dp-actions .button { flex: 1; }.dp-metrics { grid-template-columns: 1fr 1fr; gap: 9px; }.dp-metrics article { padding: 15px; min-height: 108px; }.dp-quick-start { align-items: flex-start; flex-direction: column; }.dp-form-row { grid-template-columns: 38px 1fr 30px; }.dp-form-row time,.dp-status { display: none; }.dp-operation-row { grid-template-columns: 38px minmax(0,1fr) auto; }.dp-operation-row>.dp-status { display:none; }.dp-approval-row { grid-template-columns: 38px 1fr; }.dp-approval-row .dp-row-actions { grid-column: 1 / -1; justify-content: flex-end; } }
@media (max-width: 900px) { .dp-builder-header { grid-template-columns: 1fr auto; }.dp-builder-header>#dp-builder-back { grid-column: 1 / -1; justify-self: start; }.dp-builder-title { text-align: left; }.dp-builder-title input { text-align: left; }.dp-builder-layout { grid-template-columns: 1fr; }.dp-field-palette { position: static; }.dp-field-types { grid-template-columns: repeat(5,1fr); }.dp-builder-field { grid-template-columns: 80px 1fr; }.dp-required,.dp-field-controls { justify-self: start; } }
@media (max-width: 1000px) { .dp-member-row { grid-template-columns:38px 1fr auto; }.dp-member-row label { grid-column:2; }.dp-member-row>.button { grid-column:3; grid-row:2 / 4; } }
@media (max-width: 900px) { .dp-filler-layout { grid-template-columns: 1fr; }.dp-fill-aside { order: -1; display: grid; grid-template-columns: 86px 1fr; align-items: center; text-align: left; }.dp-progress-ring { grid-row: 1 / 4; margin: 0 18px 0 0; }.dp-fill-aside hr,.dp-fill-aside>small { display: none; } }
@media (max-width: 500px) { .dp-metrics { grid-template-columns: 1fr; }.dp-organization-label { display: none; }.dp-quick-start>div { align-items: flex-start; }.dp-builder-header,.dp-filler-header { grid-template-columns: 1fr; }.dp-filler-header>div { text-align: left; }.dp-filler-header>span { text-align: left; }.dp-builder-actions { justify-content: flex-start; flex-wrap: wrap; }.dp-field-types { grid-template-columns: repeat(2,1fr); }.dp-builder-canvas { padding: 14px; }.dp-builder-field { grid-template-columns: 1fr; }.dp-field-controls { justify-self: stretch; }.dp-field-controls button { flex: 1; }.dp-fill-form>#dp-fill-fields { padding: 20px 16px; }.dp-submit-bar { align-items: stretch; flex-direction: column; }.dp-form-row { grid-template-columns: 38px 1fr 72px; }.dp-form-row .dp-status,.dp-form-row time { display:none; }.dp-signature-entry { grid-template-columns: 1fr 1fr; }.dp-signature-entry input { grid-column: 1 / -1; } }
@media (max-width: 700px) { .dp-mapper-dialog { width: 100vw; height: 100vh; max-width: none; max-height: none; border-radius: 0; }.dp-mapper-toolbar { align-items: flex-start; flex-wrap: wrap; }.dp-mapper-toolbar>p { order: 5; width: 100%; }.dp-mapper-toolbar>#dp-mapper-done { margin-left: 0; }.dp-pdf-stage { max-height: calc(100% - 205px); }.dp-mapper-workspace{height:calc(100% - 175px);grid-template-columns:110px minmax(300px,1fr)}.dp-mapper-properties{display:none}.dp-map-tools{grid-template-columns:1fr}.dp-mapper-palette{padding:9px} }
@media (max-width: 500px) { .dp-auth-shell { padding: 16px; }.dp-auth-card { padding: 30px 24px; }.dp-auth-card h1 { font-size: 31px; } }
.dp-billing-card{padding:28px;display:grid;grid-template-columns:minmax(180px,.7fr) minmax(260px,1fr) auto;align-items:center;gap:30px}.dp-billing-card small{display:block;margin-bottom:7px;color:#7d8798;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}.dp-billing-card h2{margin:0 0 10px;font-size:26px;text-transform:capitalize}.dp-billing-card code{display:inline-block;padding:8px 10px;border-radius:6px;background:#f1f4f8;font-size:13px}.dp-billing-card p{margin:8px 0 0;color:#778196;font-size:11px}.dp-billing-card .dp-row-actions{justify-content:flex-end;flex-wrap:wrap}@media(max-width:850px){.dp-billing-card{grid-template-columns:1fr}.dp-billing-card .dp-row-actions{justify-content:flex-start}}[data-dp-theme="dark"] .dp-billing-card code{color:#e5ebf5;background:#0e1726}

/* 2026 application visual refresh and color modes */
.dp-theme-toggle{min-height:34px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid #d6dce7;border-radius:8px;color:#536078;background:#fff;cursor:pointer}.dp-theme-toggle .dashicons{font-size:16px;width:16px;height:16px}.dp-auth-theme{margin:14px auto 0}.dp-auth-copyright{display:block;margin-top:20px;color:#929bad}.dp-public-header>div:last-child{display:flex;align-items:center;gap:12px}.dp-content{width:min(1360px,100%);box-sizing:border-box}.dp-card,.dp-metrics article,.dp-fill-form,.dp-fill-aside{box-shadow:0 5px 18px #17213b0a}.dp-header{position:sticky;top:0;z-index:20}.dp-main-nav button{font-size:13px}.dp-card-heading h2{font-size:16px}
[data-dp-theme="dark"]{color-scheme:dark}[data-dp-theme="dark"] body.docpacket-standalone,[data-dp-theme="dark"] .docpacket-app{color:#e8edf7;background:#0d1422}[data-dp-theme="dark"] .dp-header,[data-dp-theme="dark"] .dp-card,[data-dp-theme="dark"] .dp-metrics article,[data-dp-theme="dark"] .dp-fill-form,[data-dp-theme="dark"] .dp-fill-aside,[data-dp-theme="dark"] .dp-builder-field,[data-dp-theme="dark"] .dp-dialog,[data-dp-theme="dark"] .dp-mapper-header,[data-dp-theme="dark"] .dp-auth-card,[data-dp-theme="dark"] .dp-public-card,[data-dp-theme="dark"] .dp-public-header{color:#e8edf7;border-color:#2c3749;background:#151e2e;box-shadow:none}[data-dp-theme="dark"] .dp-auth-shell,[data-dp-theme="dark"] .dp-public-shell{color:#e8edf7;background:radial-gradient(circle at 15% 15%,#17274b 0,transparent 35%),#0d1422}[data-dp-theme="dark"] h1,[data-dp-theme="dark"] h2,[data-dp-theme="dark"] h3,[data-dp-theme="dark"] strong,[data-dp-theme="dark"] .dp-welcome h1,[data-dp-theme="dark"] .dp-section-heading h1,[data-dp-theme="dark"] .dp-legal-dialog h2,[data-dp-theme="dark"] .dp-operation-row>div>strong,[data-dp-theme="dark"] .dp-metrics strong,[data-dp-theme="dark"] .dp-empty h3{color:#f2f5fb}[data-dp-theme="dark"] p,[data-dp-theme="dark"] small,[data-dp-theme="dark"] .dp-muted,[data-dp-theme="dark"] .dp-welcome p,[data-dp-theme="dark"] .dp-section-heading p:not(.dp-eyebrow){color:#a7b2c5}[data-dp-theme="dark"] input,[data-dp-theme="dark"] textarea,[data-dp-theme="dark"] select,[data-dp-theme="dark"] .button,[data-dp-theme="dark"] .dp-theme-toggle{color:#e6ebf5;border-color:#3a465a;background:#1b2638}[data-dp-theme="dark"] .button-primary{color:#fff;border-color:#4f78ef;background:#315edb}[data-dp-theme="dark"] .dp-form-row,[data-dp-theme="dark"] .dp-operation-row,[data-dp-theme="dark"] .dp-member-row,[data-dp-theme="dark"] .dp-submit-bar{border-color:#2a3547}[data-dp-theme="dark"] .dp-form-row:hover{background:#1a263a}[data-dp-theme="dark"] .dp-dialog form,[data-dp-theme="dark"] .dp-legal-dialog article{color:#d8deea;background:#151e2e}[data-dp-theme="dark"] .dp-special-field,[data-dp-theme="dark"] .dp-submit-bar,[data-dp-theme="dark"] .dp-mapper-toolbar{color:#d8deea;border-color:#344055;background:#111a29}[data-dp-theme="dark"] .dp-progress-ring::before{background:#151e2e}[data-dp-theme="dark"] .dp-app-footer button,[data-dp-theme="dark"] .dp-auth-links button{color:#aab6ca}