/* Documents and e-sign public page. All interactions use fictional preview data. */
.pd-documents-esign .doc-page{background:var(--surface);color:var(--text);font:400 14px/24px 'Open Sans',Arial,sans-serif}
.pd-documents-esign .doc-page *{box-sizing:border-box}
.pd-documents-esign .doc-page :where(h1,h2,h3,h4,p,figure,dl,dd){margin:0}
.pd-documents-esign .doc-page svg{flex-shrink:0}
.pd-documents-esign .doc-page [hidden]{display:none!important}
.pd-documents-esign .doc-shell{width:min(1160px,calc(100% - 64px));margin-inline:auto}
.pd-documents-esign #main-content .doc-page h2{font:600 36px/1.24 'Poppins','Open Sans',Arial,sans-serif!important;letter-spacing:-.035em}
.pd-documents-esign #main-content .doc-page h3{font-size:18px;line-height:27px;font-weight:600}
.pd-documents-esign #main-content p{font-size:14px;line-height:24px}
.pd-documents-esign #main-content .doc-eyebrow{margin-bottom:14px;font-size:12px;line-height:20px;font-weight:600;color:var(--ai)}
.pd-documents-esign #main-content .doc-small{font-size:12px;line-height:21px;color:var(--text-muted)}
.pd-documents-esign .doc-small a,.pd-documents-esign .doc-faq a{color:var(--ai);text-decoration:underline;text-underline-offset:3px}
.pd-documents-esign .doc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.pd-documents-esign .doc-actions svg{width:17px;height:17px}
.pd-documents-esign .doc-text-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:13px;line-height:22px;font-weight:600;color:var(--ai);text-decoration:none}
.pd-documents-esign .doc-text-link:hover{text-decoration:underline;text-underline-offset:4px}
.pd-documents-esign .doc-text-link svg{width:17px;height:17px}
.pd-documents-esign .doc-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:var(--radius-md);background:var(--ai-bg);color:var(--ai)}
.pd-documents-esign .doc-icon svg{width:21px;height:21px}
.pd-documents-esign .doc-badge{display:inline-flex;align-items:center;gap:5px;width:fit-content;max-width:100%;padding:3px 8px;border-radius:var(--radius-sm);background:var(--surface-canvas);color:var(--text-muted);font-size:12px;line-height:20px;font-weight:600}
.pd-documents-esign .doc-badge svg{width:14px;height:14px}
.pd-documents-esign .doc-badge-success{background:var(--success-bg);color:var(--success)}
.pd-documents-esign .doc-badge-warning{background:var(--warning-bg);color:var(--warning-ink)}
.pd-documents-esign .doc-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:32px}
.pd-documents-esign .doc-section-heading>p{max-width:335px;color:var(--text-muted)}
.pd-documents-esign .doc-hero-band{background:var(--action-soft);border-radius:0 0 44px 44px}
.pd-documents-esign .doc-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-top:26px;font-size:12px;line-height:20px;color:var(--text-muted)}
.pd-documents-esign .doc-breadcrumb a{color:inherit;text-decoration:none}
.pd-documents-esign .doc-breadcrumb a:hover{text-decoration:underline}
.pd-documents-esign .doc-breadcrumb svg{width:12px;height:12px}
.pd-documents-esign .doc-hero{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:50px;padding-block:40px 48px}
.pd-documents-esign #main-content .doc-hero :is(h1,h1>span){font:600 clamp(42px,4.25vw,54px)/1.14 'Poppins','Open Sans',Arial,sans-serif!important;letter-spacing:-.045em!important}
.pd-documents-esign .doc-hero h1>span{color:var(--ai)}
.pd-documents-esign #main-content .doc-lead{max-width:460px;margin-top:24px;font-size:17px;line-height:28px;color:var(--text-secondary)}
.pd-documents-esign .doc-hero .doc-actions{margin-top:28px}
.pd-documents-esign .doc-hero-copy>.doc-small{margin-top:16px}
.pd-documents-esign .doc-hero-scene{position:relative;display:grid;gap:14px;min-width:0;padding-top:282px}
.pd-documents-esign .doc-hero-photo{position:absolute;top:0;right:0;width:96%;height:416px;object-fit:cover;object-position:48% 35%;border-radius:var(--radius-xl)}
.pd-documents-esign .doc-hero-card{position:relative;width:88%;padding:22px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--elev-3);transform:rotate(-2deg)}
.pd-documents-esign .doc-card-header{display:flex;align-items:center;gap:12px;padding-bottom:18px}
.pd-documents-esign .doc-card-header>div{display:grid;gap:3px;min-width:0}
.pd-documents-esign .doc-card-header strong{font-size:16px;line-height:24px;font-weight:600}
.pd-documents-esign .doc-card-header>div>span{font-size:12px;line-height:21px;color:var(--text-muted)}
.pd-documents-esign .doc-hero-file{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:12px;border-top:1px solid var(--border);font-size:13px;line-height:22px}
.pd-documents-esign .doc-hero-file>span:first-child{display:flex;align-items:center;gap:8px}
.pd-documents-esign .doc-hero-file>span:first-child>svg{width:16px;height:16px;color:var(--ai)}
.pd-documents-esign .doc-hero-scene>figcaption{position:relative;justify-self:end;font-size:12px;line-height:21px;color:var(--text-muted)}
.pd-documents-esign .doc-value-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-block:24px 30px;border-top:1px solid var(--border-strong)}
.pd-documents-esign .doc-value-strip>span{display:flex;align-items:center;gap:9px;font-size:13px;line-height:22px}
.pd-documents-esign .doc-value-strip svg{width:18px;height:18px;color:var(--ai)}
.pd-documents-esign .doc-intro{padding-block:76px}
.pd-documents-esign .doc-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.pd-documents-esign .doc-benefits article{padding:26px;border:1px solid var(--border);border-radius:var(--radius-card)}
.pd-documents-esign .doc-benefits h3{margin-top:20px!important}
.pd-documents-esign .doc-benefits p{margin-top:10px!important;color:var(--text-muted)}
/* An explorable library with document and activity views. */
.pd-documents-esign .doc-demo-band{padding-block:68px;background:var(--ai-bg);scroll-margin-top:95px}
.pd-documents-esign .doc-workspace{position:relative;isolation:isolate;border:1px solid var(--ai-border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--elev-3);overflow:clip}
.pd-documents-esign .doc-workspace-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 26px;border-bottom:1px solid var(--border)}
.pd-documents-esign .doc-workspace-name{display:flex;align-items:center;gap:12px}
.pd-documents-esign .doc-workspace-name>div>span{font-size:12px;line-height:20px;color:var(--text-muted)}
.pd-documents-esign .doc-replay{min-height:44px;padding:10px 14px;border:1px solid var(--ai-border);border-radius:var(--radius-md);background:var(--ai-bg);color:var(--ai);font-size:13px;line-height:22px;font-weight:600;cursor:pointer}
.pd-documents-esign .doc-replay:hover{border-color:var(--ai)}
.pd-documents-esign .doc-rental-line{display:flex;align-items:center;gap:10px;padding:14px 26px;border-bottom:1px solid var(--border);font-size:13px;line-height:22px;color:var(--text-secondary)}
.pd-documents-esign .doc-rental-line>svg{width:17px;height:17px;color:var(--ai)}
.pd-documents-esign .doc-rental-city{color:var(--text-muted)}
.pd-documents-esign .doc-workspace-body{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.42fr)}
.pd-documents-esign .doc-library{min-width:0;padding:22px;border-right:1px solid var(--border)}
.pd-documents-esign .doc-search{display:flex;align-items:center;gap:10px;padding:0 12px;min-height:46px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface)}
.pd-documents-esign .doc-search>svg{width:17px;height:17px;color:var(--text-muted)}
.pd-documents-esign .doc-search input{min-width:0;width:100%;height:44px;border:0;background:transparent;color:var(--text);font:400 14px/22px 'Open Sans',Arial,sans-serif;outline-offset:2px}
.pd-documents-esign .doc-search input::placeholder{color:var(--text-muted);opacity:1}
.pd-documents-esign .doc-filters{display:flex;flex-wrap:wrap;gap:6px;margin-block:14px 20px}
.pd-documents-esign .doc-filters button{min-height:44px;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);font-size:12px;line-height:20px;font-weight:600;cursor:pointer}
.pd-documents-esign .doc-filters button[aria-pressed=true]{border-color:var(--ai-border);background:var(--ai-bg);color:var(--ai)}
.pd-documents-esign .doc-file-list{display:grid;gap:12px}
.pd-documents-esign .doc-file{display:flex;align-items:center;gap:12px;width:100%;min-width:0;padding:16px 12px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);text-align:left;cursor:pointer}
.pd-documents-esign .doc-file:hover{border-color:var(--ai)}
.pd-documents-esign .doc-file[aria-pressed=true]{border-color:var(--ai);background:var(--ai-bg);box-shadow:inset 3px 0 0 var(--ai)}
.pd-documents-esign .doc-file-icon{display:grid;place-items:center;gap:3px;flex:0 0 38px;width:38px;height:52px;border-radius:var(--radius-sm);background:var(--surface-canvas);color:var(--ai);font-size:12px;line-height:16px;font-weight:600}
.pd-documents-esign .doc-file-icon>svg{width:19px;height:19px}
.pd-documents-esign .doc-file-info{display:grid;gap:5px;flex:1;min-width:0}
.pd-documents-esign .doc-file-info>strong{font-size:14px;line-height:22px;font-weight:600;overflow-wrap:anywhere}
.pd-documents-esign .doc-file-info>span:not(.doc-badge){font-size:12px;line-height:20px;color:var(--text-muted)}
.pd-documents-esign .doc-file>svg{width:13px;height:13px;color:var(--ai)}
.pd-documents-esign #main-content .doc-library-note{margin-top:20px;font-size:12px;line-height:21px;color:var(--text-muted)}
.pd-documents-esign .doc-preview{min-width:0;background:var(--surface-canvas)}
.pd-documents-esign .doc-preview-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 26px 16px;background:var(--surface)}
.pd-documents-esign .doc-preview-top>div{flex:1;min-width:0;overflow-wrap:anywhere}
.pd-documents-esign .doc-preview-top>.doc-download{flex-shrink:0}
.pd-documents-esign .doc-activity-heading>p{overflow-wrap:anywhere}
.pd-documents-esign .doc-overline{display:block;font-size:12px;line-height:20px;letter-spacing:.05em;color:var(--text-muted)}
.pd-documents-esign .doc-preview-top h3{margin-top:3px!important}
.pd-documents-esign .doc-preview-mark{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:12px}
.pd-documents-esign .doc-preview-mark>svg{width:16px;height:16px}
.pd-documents-esign .doc-tabs{display:flex;gap:22px;padding-inline:26px;border-bottom:1px solid var(--border);background:var(--surface)}
.pd-documents-esign .doc-tabs button{min-height:48px;padding:12px 0;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--text-muted);font-size:13px;line-height:21px;font-weight:600;cursor:pointer}
.pd-documents-esign .doc-tabs button[aria-selected=true]{border-bottom-color:var(--ai);color:var(--ai)}
.pd-documents-esign :is(.doc-paper-panel,.doc-activity-panel){padding:24px;min-height:600px}
.pd-documents-esign .doc-paper{padding:28px 32px;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface);box-shadow:var(--elev-2)}
.pd-documents-esign .doc-paper-brand{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-bottom:18px;border-bottom:2px solid var(--text);font-size:12px;line-height:20px;font-weight:600}
.pd-documents-esign .doc-paper-brand>span:first-child{display:flex;align-items:center;gap:7px}
.pd-documents-esign .doc-paper-brand svg{width:17px;height:17px}
.pd-documents-esign .doc-paper-brand>span:last-child{font-weight:400;color:var(--text-muted)}
.pd-documents-esign .doc-paper-heading{margin-top:24px}
.pd-documents-esign #main-content .doc-paper-heading>p{font-size:12px;line-height:20px;letter-spacing:.04em;color:var(--text-muted)}
.pd-documents-esign #main-content .doc-paper-heading>h3{margin-top:7px;font-size:24px;line-height:32px;letter-spacing:-.02em}
.pd-documents-esign .doc-paper-heading>span{display:block;margin-top:12px;font-size:13px;line-height:22px;color:var(--text-secondary)}
.pd-documents-esign .doc-paper-details{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px!important;padding-block:16px;border-block:1px solid var(--border)}
.pd-documents-esign .doc-paper-details>div{min-width:0}
.pd-documents-esign .doc-paper-details dt{font-size:12px;line-height:20px;color:var(--text-muted)}
.pd-documents-esign .doc-paper-details dd{margin-top:3px;font-size:13px;line-height:22px;font-weight:600}
.pd-documents-esign #main-content .doc-paper>h4{margin-top:22px;font-size:13px;line-height:22px;font-weight:600}
.pd-documents-esign #main-content .doc-paper>p{margin-top:7px;font-size:13px;line-height:23px;color:var(--text-secondary)}
.pd-documents-esign .doc-paper-callout{display:grid;gap:7px;margin-top:20px;padding:15px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-canvas)}
.pd-documents-esign .doc-paper-callout>span{display:flex;align-items:center;gap:7px;font-size:12px;line-height:20px;color:var(--text-muted)}
.pd-documents-esign .doc-paper-callout svg{width:15px;height:15px}
.pd-documents-esign .doc-paper-callout strong{font-size:13px;line-height:22px;font-weight:600}
.pd-documents-esign #main-content .doc-paper-callout>p{font-size:13px;line-height:23px}
.pd-documents-esign .doc-signature-box{margin-top:26px}
.pd-documents-esign .doc-signature-box>span{font-size:12px;line-height:20px;color:var(--text-muted)}
.pd-documents-esign .doc-signature-line{margin-top:10px;padding:16px 12px;border:1px dashed var(--warning);border-radius:var(--radius-sm);background:var(--warning-bg);color:var(--warning-ink);font-size:13px;line-height:22px}
.pd-documents-esign .doc-signature-box>small{display:block;margin-top:7px;font-size:12px;line-height:20px;color:var(--text-muted)}
.pd-documents-esign .doc-paper-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:28px;padding-top:14px;border-top:1px solid var(--border);font-size:12px;line-height:20px;color:var(--text-muted)}
.pd-documents-esign .doc-paper-footer>span{display:flex;align-items:center;gap:6px}
.pd-documents-esign .doc-paper-footer svg{width:15px;height:15px;color:var(--success)}
.pd-documents-esign .doc-signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}
.pd-documents-esign .doc-signature-name{display:block;padding-bottom:8px;border-bottom:1px solid var(--border-strong);font:italic 22px/32px Georgia,serif;color:var(--ai)}
.pd-documents-esign .doc-signature-grid small{display:block;margin-top:7px;font-size:12px;line-height:20px;color:var(--text-muted)}
.pd-documents-esign .doc-condition-list{margin:12px 0 0;padding:0;list-style:none}
.pd-documents-esign #main-content .doc-condition-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-block:13px;border-bottom:1px solid var(--border);font-size:13px;line-height:22px}
.pd-documents-esign .doc-condition-list strong{display:flex;align-items:center;gap:6px;color:var(--success);font-weight:600}
.pd-documents-esign .doc-condition-list svg{width:15px;height:15px}
.pd-documents-esign .doc-invoice-lines{display:grid;gap:14px;margin-top:26px!important}
.pd-documents-esign .doc-invoice-lines>div{display:flex;justify-content:space-between;gap:18px;font-size:13px;line-height:22px}
.pd-documents-esign .doc-invoice-lines>div:last-child{padding-top:16px;border-top:1px solid var(--border-strong);font-weight:600}
.pd-documents-esign .doc-activity{padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}
.pd-documents-esign .doc-activity-heading{display:grid;justify-items:start;gap:10px}
.pd-documents-esign #main-content .doc-activity-heading>h3{font-size:23px;line-height:32px}
.pd-documents-esign #main-content .doc-activity-heading>p{font-size:13px;line-height:22px;color:var(--text-muted)}
.pd-documents-esign .doc-timeline{list-style:none;padding:0;margin:28px 0 0}
.pd-documents-esign .doc-timeline>li{position:relative;display:flex;gap:16px;padding-bottom:26px}
.pd-documents-esign .doc-timeline>li:last-child{padding-bottom:0}
.pd-documents-esign .doc-timeline>li:not(:last-child)::before{position:absolute;top:17px;bottom:0;left:7px;width:1px;background:var(--success-border);content:''}
.pd-documents-esign .doc-timeline>li>span{position:relative;flex:0 0 15px;width:15px;height:15px;margin-top:4px;border:4px solid var(--success-bg);border-radius:50%;background:var(--success)}
.pd-documents-esign .doc-timeline>.doc-timeline-pending>span{background:var(--warning);border-color:var(--warning-bg)}
.pd-documents-esign .doc-timeline strong{font-size:14px;line-height:23px;font-weight:600}
.pd-documents-esign #main-content .doc-timeline p{margin-top:4px;font-size:13px;line-height:22px;color:var(--text-muted)}
.pd-documents-esign .doc-timeline time{display:block;margin-top:4px;font-size:12px;line-height:20px;color:var(--text-muted)}
.pd-documents-esign #main-content .doc-activity-note{margin-top:22px;padding-top:14px;border-top:1px solid var(--border);font-size:12px;line-height:21px;color:var(--text-muted)}
.pd-documents-esign #main-content .doc-empty{padding:28px 12px;font-size:14px;line-height:24px;color:var(--text-muted)}
.pd-documents-esign .doc-workspace-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:14px 24px;border-top:1px solid var(--border);font-size:12px;line-height:21px;color:var(--text-muted)}
.pd-documents-esign .doc-workspace-bottom>span:last-child{display:flex;align-items:center;gap:6px}
.pd-documents-esign .doc-workspace-bottom svg{width:15px;height:15px;color:var(--ai)}
.pd-documents-esign #main-content .doc-demo-note{margin-top:16px;font-size:12px;line-height:21px;color:var(--text-muted);text-align:center}
.pd-documents-esign .doc-cursor{position:absolute;z-index:5;left:0;top:0;width:28px;height:34px;pointer-events:none;transition:left .4s ease,top .4s ease}
.pd-documents-esign .doc-cursor>svg{position:relative;width:28px;height:34px;fill:var(--text);stroke:var(--surface);stroke-width:2}
.pd-documents-esign .doc-click-ring{position:absolute;left:-10px;top:-10px;width:24px;height:24px;border:2px solid var(--ai);border-radius:50%;opacity:0}
.pd-documents-esign .doc-cursor.is-clicking .doc-click-ring{animation:doc-click .55s ease-out}
@keyframes doc-click{0%{transform:scale(.5);opacity:1}100%{transform:scale(1.7);opacity:0}}
.pd-documents-esign .doc-sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
/* Documents in context, then the signature handoff. */
.pd-documents-esign .doc-story{padding-block:76px}
.pd-documents-esign .doc-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:70px}
.pd-documents-esign #main-content .doc-story-copy>p:not(.doc-eyebrow):not(.doc-small){margin-top:22px;max-width:440px;font-size:16px;line-height:27px;color:var(--text-muted)}
.pd-documents-esign .doc-checks{display:grid;gap:14px;list-style:none;padding:0;margin:22px 0}
.pd-documents-esign #main-content .doc-checks>li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:24px;color:var(--text-secondary)}
.pd-documents-esign .doc-checks svg{width:17px;height:17px;margin-top:3px;color:var(--ai)}
.pd-documents-esign .doc-folder-scene{padding:30px;border-radius:var(--radius-xl);background:var(--surface-canvas)}
.pd-documents-esign .doc-folder-tab{display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%;padding:12px 18px;border:1px solid var(--ai-border);border-bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--ai-bg);color:var(--ai);font-size:12px;line-height:20px;font-weight:600}
.pd-documents-esign .doc-folder-tab svg{width:17px;height:17px}
.pd-documents-esign .doc-folder-body{padding:24px;border:1px solid var(--ai-border);border-radius:0 var(--radius-lg) var(--radius-lg) var(--radius-lg);background:var(--surface);box-shadow:var(--elev-2)}
.pd-documents-esign .doc-folder-property{display:flex;align-items:center;gap:14px;padding-bottom:22px;border-bottom:1px solid var(--border)}
.pd-documents-esign .doc-folder-property img{flex-shrink:0;width:64px;height:64px;object-fit:cover;border-radius:var(--radius-md)}
.pd-documents-esign .doc-folder-property>div{display:grid;gap:6px}
.pd-documents-esign .doc-folder-property strong{font-size:14px;line-height:23px;font-weight:600}
.pd-documents-esign .doc-folder-property span{font-size:12px;line-height:21px;color:var(--text-muted)}
.pd-documents-esign .doc-folder-row{display:flex;align-items:center;gap:12px;padding-block:18px;border-bottom:1px solid var(--border)}
.pd-documents-esign .doc-folder-row>div{display:grid;gap:4px;flex:1}
.pd-documents-esign .doc-folder-row strong{font-size:14px;line-height:23px;font-weight:600}
.pd-documents-esign .doc-folder-row>div>span{font-size:12px;line-height:21px;color:var(--text-muted)}
.pd-documents-esign .doc-folder-row>svg{width:17px;height:17px;color:var(--ai)}
.pd-documents-esign .doc-folder-body>.doc-small{margin-top:16px}
.pd-documents-esign .doc-sign-band{background:var(--ai-bg)}
.pd-documents-esign .doc-story-reverse>.doc-story-copy{grid-column:2;grid-row:1}
.pd-documents-esign .doc-story-reverse>.doc-sign-scene{grid-column:1;grid-row:1}
.pd-documents-esign .doc-sign-scene{position:relative;padding:20px 12px}
.pd-documents-esign .doc-sign-card{padding:26px;border:1px solid var(--ai-border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--elev-3);transform:rotate(-2deg)}
.pd-documents-esign .doc-signer{display:flex;align-items:center;gap:12px;padding-block:18px;border-block:1px solid var(--border)}
.pd-documents-esign .doc-signer>img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.pd-documents-esign .doc-signer>div{display:grid;gap:3px;flex:1}
.pd-documents-esign .doc-signer strong{font-size:14px;line-height:23px;font-weight:600}
.pd-documents-esign .doc-signer>div>span{font-size:12px;line-height:21px;color:var(--text-muted)}
.pd-documents-esign .doc-sign-progress{margin-top:20px}
.pd-documents-esign .doc-sign-progress>span{display:flex;align-items:center;gap:8px;font-size:13px;line-height:22px;font-weight:600;color:var(--ai)}
.pd-documents-esign .doc-sign-progress>span>svg{width:17px;height:17px}
.pd-documents-esign #main-content .doc-sign-progress>p{margin-top:7px;font-size:13px;line-height:22px;color:var(--text-muted)}
.pd-documents-esign .doc-complete-card{position:relative;display:flex;align-items:center;gap:12px;width:94%;margin:24px 0 0 auto;padding:22px;border:1px solid var(--success-border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--elev-2);transform:rotate(2deg)}
.pd-documents-esign .doc-complete-card>.doc-icon{background:var(--success-bg);color:var(--success)}
.pd-documents-esign .doc-complete-card>div{display:grid;gap:4px;flex:1}
.pd-documents-esign .doc-complete-card strong{font-size:14px;line-height:23px;font-weight:600}
.pd-documents-esign .doc-complete-card>div>span{font-size:12px;line-height:21px;color:var(--text-muted)}
.pd-documents-esign .doc-sign-scene>figcaption{margin-top:24px;text-align:center;font-size:12px;line-height:21px;color:var(--text-muted)}
.pd-documents-esign .doc-related{padding-block:68px 34px}
.pd-documents-esign .doc-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.pd-documents-esign .doc-related-grid>a{display:flex;align-items:center;gap:16px;min-width:0;padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:var(--text)}
.pd-documents-esign .doc-related-grid>a:hover{border-color:var(--ai)}
.pd-documents-esign .doc-related-grid>a>div{min-width:0;flex:1}
.pd-documents-esign #main-content .doc-related-grid h3{font-size:17px;line-height:26px}
.pd-documents-esign #main-content .doc-related-grid p{margin-top:5px;font-size:13px;line-height:22px;color:var(--text-muted)}
.pd-documents-esign .doc-related-grid>a>svg{width:18px;height:18px;color:var(--ai)}
.pd-documents-esign .doc-faq{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:68px;padding-block:48px 76px}
.pd-documents-esign .doc-faq-list>details{border-bottom:1px solid var(--border)}
.pd-documents-esign .doc-faq-list>details:first-child{border-top:1px solid var(--border)}
.pd-documents-esign .doc-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;padding-block:20px;font-size:14px;line-height:24px;font-weight:600;list-style:none;cursor:pointer}
.pd-documents-esign .doc-faq-list summary::-webkit-details-marker{display:none}
.pd-documents-esign .doc-faq-list summary::marker{content:''}
.pd-documents-esign .doc-faq-list summary>svg{width:15px;height:15px;color:var(--ai)}
.pd-documents-esign .doc-faq-list details[open] summary>svg{transform:rotate(90deg)}
.pd-documents-esign #main-content .doc-faq-list details>p{padding-bottom:20px;font-size:14px;line-height:24px;color:var(--text-muted)}
.pd-documents-esign .doc-final{padding-block:62px;background:var(--action-soft);text-align:center}
.pd-documents-esign #main-content .doc-final p:not(.doc-eyebrow){margin-top:18px;font-size:15px;line-height:26px;color:var(--text-muted)}
.pd-documents-esign .doc-final .doc-actions{justify-content:center;margin-top:28px}
@media(max-width:1100px){
 .pd-documents-esign .doc-hero{gap:32px}
 .pd-documents-esign .doc-hero-card{width:96%;padding:20px}
 .pd-documents-esign .doc-story-grid{gap:42px}
 .pd-documents-esign .doc-library{padding:18px}
 .pd-documents-esign .doc-file{padding:14px 10px;gap:10px}
 .pd-documents-esign .doc-file-icon{flex-basis:32px;width:32px}
 .pd-documents-esign .doc-file>svg{display:none}
 .pd-documents-esign .doc-paper{padding:24px}
 .pd-documents-esign .doc-tabs{gap:18px}
 .pd-documents-esign .doc-folder-scene{padding:22px}
 .pd-documents-esign .doc-faq{gap:42px}
}
@media(max-width:900px){
 .pd-documents-esign .doc-shell{width:calc(100% - 48px)}
 .pd-documents-esign .doc-hero{grid-template-columns:1fr;gap:32px;padding-block:34px 42px}
 .pd-documents-esign .doc-hero-copy{max-width:650px}
 .pd-documents-esign #main-content .doc-lead{max-width:600px}
 .pd-documents-esign .doc-hero-scene{width:100%;max-width:620px;margin-inline:auto!important}
 .pd-documents-esign .doc-hero-card{width:82%}
 .pd-documents-esign .doc-value-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}
 .pd-documents-esign #main-content .doc-page h2{font-size:32px!important}
 .pd-documents-esign .doc-section-heading{display:block;margin-bottom:28px}
 .pd-documents-esign .doc-section-heading>p{max-width:600px;margin-top:18px}
 .pd-documents-esign .doc-intro{padding-block:56px}
 .pd-documents-esign .doc-benefits{gap:16px}
 .pd-documents-esign .doc-benefits article{padding:22px}
 .pd-documents-esign .doc-workspace-body{grid-template-columns:1fr}
 .pd-documents-esign .doc-library{border-right:0;border-bottom:1px solid var(--border);padding:24px}
 .pd-documents-esign .doc-file-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pd-documents-esign .doc-file>svg{display:block}
 .pd-documents-esign .doc-file-icon{flex-basis:38px;width:38px}
 .pd-documents-esign :is(.doc-paper-panel,.doc-activity-panel){min-height:0}
 .pd-documents-esign .doc-story{padding-block:56px}
 .pd-documents-esign .doc-story-grid{grid-template-columns:1fr;gap:32px;max-width:660px}
 .pd-documents-esign .doc-story-reverse>:is(.doc-story-copy,.doc-sign-scene){grid-column:auto;grid-row:auto}
 .pd-documents-esign .doc-faq{grid-template-columns:1fr;gap:28px;padding-block:42px 56px}
}
@media(max-width:600px){
 .pd-documents-esign .doc-shell{width:calc(100% - 36px)}
 .pd-documents-esign .doc-hero-band{border-radius:0 0 28px 28px}
 .pd-documents-esign #main-content .doc-hero :is(h1,h1>span){font-size:42px!important}
 .pd-documents-esign #main-content .doc-lead{font-size:16px;line-height:27px}
 .pd-documents-esign .doc-hero-scene{padding-top:0}
 .pd-documents-esign .doc-hero-photo{position:relative;width:100%;height:auto;aspect-ratio:1.5;object-position:center}
 .pd-documents-esign .doc-hero-card{width:calc(100% - 14px);margin-top:-24px;margin-left:3px;padding:18px;transform:rotate(-1deg)}
 .pd-documents-esign .doc-hero-scene>figcaption{justify-self:center}
 .pd-documents-esign .doc-value-strip{gap:14px 18px}
 .pd-documents-esign .doc-value-strip>span{font-size:12px;line-height:21px}
 .pd-documents-esign .doc-value-strip svg{width:16px;height:16px}
 .pd-documents-esign #main-content .doc-page h2{font-size:29px!important}
 .pd-documents-esign .doc-benefits{grid-template-columns:1fr}
 .pd-documents-esign .doc-intro{padding-block:44px}
 .pd-documents-esign .doc-demo-band{padding-block:44px}
 .pd-documents-esign .doc-workspace-top{align-items:flex-start;flex-direction:column;gap:14px;padding:20px}
 .pd-documents-esign .doc-replay{width:100%}
 .pd-documents-esign .doc-rental-line{align-items:flex-start;padding:16px 20px}
 .pd-documents-esign .doc-rental-line>svg{margin-top:3px}
 .pd-documents-esign .doc-rental-city{display:block}
 .pd-documents-esign .doc-library{padding:18px}
 .pd-documents-esign .doc-search input{font-size:16px}
 .pd-documents-esign .doc-file-list{grid-template-columns:1fr}
 .pd-documents-esign .doc-file{padding:14px}
 .pd-documents-esign .doc-preview-top{padding:20px 18px 14px}
 .pd-documents-esign .doc-tabs{padding-inline:18px}
 .pd-documents-esign :is(.doc-paper-panel,.doc-activity-panel){padding:16px}
 .pd-documents-esign .doc-paper{padding:20px}
 .pd-documents-esign .doc-paper-details{grid-template-columns:1fr;gap:12px}
 .pd-documents-esign .doc-activity{padding:22px}
 .pd-documents-esign .doc-signature-grid{grid-template-columns:1fr;gap:18px}
 .pd-documents-esign .doc-workspace-bottom{padding:16px 18px}
 .pd-documents-esign .doc-story{padding-block:44px}
 .pd-documents-esign .doc-folder-scene{padding:18px}
 .pd-documents-esign .doc-folder-body{padding:18px}
 .pd-documents-esign .doc-folder-property{align-items:flex-start;gap:12px}
 .pd-documents-esign .doc-folder-property img{width:48px;height:48px}
 .pd-documents-esign .doc-sign-scene{padding:14px 7px}
 .pd-documents-esign .doc-sign-card{padding:20px}
 .pd-documents-esign .doc-complete-card{width:100%;flex-wrap:wrap;padding:18px}
 .pd-documents-esign .doc-complete-card>.doc-badge{margin-left:54px}
 .pd-documents-esign .doc-related{padding-block:46px 28px}
 .pd-documents-esign .doc-related-grid{grid-template-columns:1fr;gap:18px}
 .pd-documents-esign .doc-related-grid>a{padding:22px;gap:13px}
 .pd-documents-esign .doc-final{padding-block:48px}
}
@media(max-width:400px){
 .pd-documents-esign .doc-shell{width:calc(100% - 28px)}
 .pd-documents-esign #main-content .doc-hero :is(h1,h1>span){font-size:37px!important}
 .pd-documents-esign .doc-hero-file{align-items:flex-start;flex-wrap:wrap;gap:7px}
 .pd-documents-esign .doc-hero-file>.doc-badge{margin-left:24px}
 .pd-documents-esign .doc-hero-card .doc-card-header{align-items:flex-start;gap:10px}
 .pd-documents-esign .doc-library{padding:16px}
 .pd-documents-esign .doc-filters{gap:3px}
 .pd-documents-esign .doc-filters button{padding-inline:9px}
 .pd-documents-esign .doc-paper-panel,.pd-documents-esign .doc-activity-panel{padding:12px}
 .pd-documents-esign .doc-paper{padding:16px}
 .pd-documents-esign .doc-paper-brand{gap:6px}
 .pd-documents-esign .doc-condition-list li{flex-wrap:wrap}
 .pd-documents-esign .doc-activity{padding:18px}
 .pd-documents-esign .doc-folder-scene{padding:14px}
 .pd-documents-esign .doc-folder-body{padding:16px}
 .pd-documents-esign .doc-folder-row{gap:10px}
 .pd-documents-esign .doc-folder-row>svg{display:none}
 .pd-documents-esign .doc-signer{flex-wrap:wrap}
 .pd-documents-esign .doc-signer>.doc-badge{margin-left:56px}
}
@media(prefers-reduced-motion:reduce){
 .pd-documents-esign .doc-cursor{display:none!important;transition:none}
 .pd-documents-esign .doc-click-ring{animation:none!important}
}

/* Storage-first hero and the sample upload path. */
.pd-documents-esign .doc-storage-hero{position:relative;min-width:0;padding:14px 0 10px}
.pd-documents-esign .doc-storage-window{border:1px solid var(--ai-border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--elev-3);overflow:hidden}
.pd-documents-esign .doc-storage-title{display:flex;align-items:center;gap:10px;padding:20px;border-bottom:1px solid var(--border)}
.pd-documents-esign .doc-storage-title>strong{flex:1;min-width:0;font-size:18px;line-height:26px;font-weight:600}
.pd-documents-esign .doc-storage-title>a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 12px;border:1px solid var(--ai-border);border-radius:var(--radius-md);background:var(--ai-bg);font-size:12px;line-height:20px;font-weight:600;color:var(--ai);text-decoration:none}
.pd-documents-esign .doc-storage-title>a:hover{border-color:var(--ai)}
.pd-documents-esign .doc-storage-title>a>svg{width:16px;height:16px}
.pd-documents-esign .doc-storage-search{display:flex;align-items:center;gap:9px;margin:18px 20px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:12px;line-height:21px;color:var(--text-muted)}
.pd-documents-esign .doc-storage-search svg{width:16px;height:16px}
.pd-documents-esign .doc-storage-columns{display:flex;justify-content:space-between;gap:20px;padding:0 20px 10px;color:var(--text-muted);font-size:12px;line-height:20px}
.pd-documents-esign .doc-storage-row{display:flex;align-items:center;gap:12px;padding:17px 20px;border-top:1px solid var(--border)}
.pd-documents-esign .doc-storage-row>div{display:grid;gap:5px;flex:1;min-width:0}
.pd-documents-esign .doc-storage-row strong{font-size:14px;line-height:23px;font-weight:600}
.pd-documents-esign .doc-storage-row>div>span{font-size:12px;line-height:20px;color:var(--text-muted)}
.pd-documents-esign .doc-storage-row>div>span>svg{display:inline-block;vertical-align:-2px;width:13px;height:13px;color:var(--ai)}
.pd-documents-esign .doc-storage-row-active{background:var(--ai-bg)}
.pd-documents-esign .doc-storage-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-top:1px solid var(--border);color:var(--text-muted);font-size:12px;line-height:21px}
.pd-documents-esign .doc-storage-footer>svg{width:17px;height:17px;color:var(--ai)}
.pd-documents-esign .doc-upload-float{position:relative;display:flex;align-items:center;gap:12px;width:91%;margin:20px 0 0 auto;padding:18px 20px;border:1px solid var(--ai-border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--elev-3);transform:rotate(-2deg)}
.pd-documents-esign .doc-upload-float>div{display:grid;gap:4px}
.pd-documents-esign .doc-upload-float strong{font-size:14px;line-height:23px;font-weight:600}
.pd-documents-esign .doc-upload-float>div>span{font-size:12px;line-height:21px;color:var(--text-muted)}
.pd-documents-esign .doc-storage-hero>figcaption{margin-top:20px;text-align:right;font-size:12px;line-height:21px;color:var(--text-muted)}
.pd-documents-esign .doc-workflow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:16px 24px;gap:12px;border-bottom:1px solid var(--border);background:var(--surface-canvas)}
.pd-documents-esign .doc-workflow-steps>button{display:flex;align-items:center;gap:10px;min-width:0;min-height:48px;padding:10px 14px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);font-size:13px;line-height:22px;text-align:left;cursor:pointer}
.pd-documents-esign .doc-workflow-steps>button>span{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border:1px solid var(--border-strong);border-radius:50%;background:var(--surface);font-size:12px;line-height:20px;font-weight:600}
.pd-documents-esign .doc-workflow-steps>button>strong{font-weight:600}
.pd-documents-esign .doc-workflow-steps>button[aria-current=step]{background:var(--ai-bg);border-color:var(--ai-border);color:var(--ai)}
.pd-documents-esign .doc-workflow-steps>button[aria-current=step]>span{border-color:var(--ai);background:var(--ai);color:var(--surface)}
.pd-documents-esign :is(.doc-upload-stage,.doc-details-stage){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:44px;padding:40px;min-height:480px}
.pd-documents-esign #main-content :is(.doc-upload-copy,.doc-details-form)>h3{font-size:27px;line-height:36px;letter-spacing:-.025em}
.pd-documents-esign #main-content .doc-upload-copy>p:not(.doc-eyebrow){margin-top:16px;max-width:420px;font-size:16px;line-height:27px;color:var(--text-muted)}
.pd-documents-esign .doc-upload-picker{display:flex;flex-direction:column;align-items:center;gap:14px;padding:34px 24px;border:2px dashed var(--ai-border);border-radius:var(--radius-card);background:var(--ai-bg);text-align:center}
.pd-documents-esign .doc-upload-symbol{display:grid;place-items:center;width:68px;height:68px;margin-bottom:4px;border-radius:var(--radius-card);background:var(--surface);color:var(--ai)}
.pd-documents-esign .doc-upload-symbol>svg{width:30px;height:30px}
.pd-documents-esign #main-content .doc-upload-picker>h4{font-size:19px;line-height:28px;font-weight:600}
.pd-documents-esign #main-content .doc-upload-picker>p{font-size:15px;line-height:25px;font-weight:600}
.pd-documents-esign .doc-upload-picker>.pd-action{margin-top:8px}
.pd-documents-esign .doc-details-stage{align-items:start;background:var(--surface)}
.pd-documents-esign .doc-details-form{min-width:0}
.pd-documents-esign .doc-chosen-file{display:flex;align-items:center;gap:12px;margin-block:22px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-canvas)}
.pd-documents-esign .doc-chosen-file>div{display:grid;gap:5px}
.pd-documents-esign .doc-chosen-file strong{font-size:14px;line-height:23px;font-weight:600}
.pd-documents-esign .doc-chosen-file>div>span{font-size:12px;line-height:21px;color:var(--text-muted)}
.pd-documents-esign .doc-detail-field{display:grid;gap:7px;margin-top:16px}
.pd-documents-esign .doc-detail-field>label{font-size:13px;line-height:22px;font-weight:600}
.pd-documents-esign .doc-detail-field>label>span{font-size:12px;font-weight:400;color:var(--text-muted)}
.pd-documents-esign .doc-detail-field>input,.pd-documents-esign .doc-detail-field>select{width:100%;min-width:0;min-height:46px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:14px;line-height:24px}
.pd-documents-esign .doc-private-choice{display:flex;align-items:center;gap:12px;min-height:60px;margin-top:20px;padding:14px;border:1px solid var(--ai-border);border-radius:var(--radius-md);background:var(--ai-bg);cursor:pointer}
.pd-documents-esign .doc-private-choice>input,.pd-documents-esign .doc-library-filter-meta input{flex:0 0 18px;width:18px;height:18px;accent-color:var(--ai)}
.pd-documents-esign .doc-private-choice>span{display:grid;gap:3px;flex:1}
.pd-documents-esign .doc-private-choice strong{font-size:13px;line-height:22px;font-weight:600}
.pd-documents-esign .doc-private-choice>span>span{font-size:12px;line-height:21px;color:var(--text-muted)}
.pd-documents-esign .doc-private-choice>svg{width:19px;height:19px;color:var(--ai)}
.pd-documents-esign .doc-details-form>.doc-small{margin-top:14px}
.pd-documents-esign .doc-details-form>.pd-action{margin-top:22px}
.pd-documents-esign .doc-upload-document{align-self:center;min-width:0;padding:26px;background:var(--surface-canvas);border-radius:var(--radius-card)}
.pd-documents-esign .doc-mini-invoice{padding:24px;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface);box-shadow:var(--elev-2);transform:rotate(1deg)}
.pd-documents-esign #main-content .doc-mini-invoice>.doc-overline{margin-top:24px;font-size:12px;line-height:20px}
.pd-documents-esign #main-content .doc-mini-invoice>h3{margin-top:10px;font-size:22px;line-height:31px}
.pd-documents-esign .doc-mini-invoice>span{display:block;margin-top:8px;font-size:12px;line-height:21px;color:var(--text-muted)}
.pd-documents-esign .doc-mini-address{margin-top:22px;font-size:13px;line-height:23px}
.pd-documents-esign .doc-mini-invoice>.doc-small{margin-top:28px;padding-top:14px;border-top:1px solid var(--border)}
.pd-documents-esign #main-content .doc-upload-explainer{margin-top:22px;font-size:13px;line-height:22px;color:var(--text-muted);text-align:center}
.pd-documents-esign .doc-result-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;background:var(--ai-bg);border-bottom:1px solid var(--ai-border);color:var(--ai)}
.pd-documents-esign .doc-result-banner>span{display:flex;align-items:center;gap:8px;font-size:13px;line-height:22px;font-weight:600}
.pd-documents-esign .doc-result-banner svg{width:17px;height:17px}
.pd-documents-esign .doc-result-banner>button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid var(--ai-border);border-radius:var(--radius-md);background:var(--surface);color:var(--ai);font-size:12px;line-height:20px;font-weight:600;cursor:pointer}
.pd-documents-esign .doc-library-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.pd-documents-esign .doc-library-filters>label{display:grid;gap:7px;font-size:12px;line-height:21px;font-weight:600}
.pd-documents-esign .doc-library-filters select{width:100%;min-width:0;min-height:44px;padding:10px 8px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:13px;line-height:22px}
.pd-documents-esign .doc-library-filter-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-block:10px 16px;font-size:12px;line-height:20px;color:var(--text-muted)}
.pd-documents-esign .doc-library-filter-meta>label{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}
.pd-documents-esign .doc-file-badges{display:flex;flex-wrap:wrap;gap:6px}
.pd-documents-esign .doc-badge-private{background:var(--ai-bg);color:var(--ai)}
.pd-documents-esign .doc-download{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:10px 12px;border:1px solid var(--ai-border);border-radius:var(--radius-md);background:var(--ai-bg);color:var(--ai);font-size:12px;line-height:20px;font-weight:600;text-decoration:none}
.pd-documents-esign .doc-download:hover{border-color:var(--ai)}
.pd-documents-esign .doc-download>svg{width:16px;height:16px}
.pd-documents-esign .doc-library-result-meta{display:grid;gap:8px;padding:18px 24px;border-top:1px solid var(--border);background:var(--surface-canvas);font-size:12px;line-height:21px;color:var(--text-muted)}
.pd-documents-esign .doc-library-result-meta>span{display:flex;align-items:flex-start;gap:8px}
.pd-documents-esign .doc-library-result-meta svg{width:16px;height:16px;margin-top:2px;color:var(--ai)}
.pd-documents-esign .doc-optional-branch{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border-top:1px solid var(--border)}
.pd-documents-esign .doc-optional-branch strong{font-size:14px;line-height:23px;font-weight:600}
.pd-documents-esign #main-content .doc-optional-branch p{max-width:570px;margin-top:5px;font-size:13px;line-height:22px;color:var(--text-muted)}
.pd-documents-esign .doc-optional-branch>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid var(--ai-border);border-radius:var(--radius-md);background:var(--surface);color:var(--ai);font-size:12px;line-height:20px;font-weight:600;cursor:pointer}
.pd-documents-esign .doc-optional-branch>button>svg{width:16px;height:16px}
.pd-documents-esign .doc-storage-owner{position:relative;padding-bottom:16px;min-width:0}
.pd-documents-esign .doc-storage-owner>img{display:block;width:100%;height:370px;border-radius:var(--radius-xl);object-fit:cover;object-position:47% 35%}
.pd-documents-esign .doc-owner-note{position:relative;display:flex;align-items:center;gap:12px;width:90%;margin:-36px 0 0 auto;padding:22px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--elev-3);transform:rotate(2deg)}
.pd-documents-esign .doc-owner-note>div{display:grid;gap:4px}
.pd-documents-esign .doc-owner-note strong{font-size:14px;line-height:23px;font-weight:600}
.pd-documents-esign .doc-owner-note>div>span{font-size:12px;line-height:21px;color:var(--text-muted)}
@media(max-width:1100px){
 .pd-documents-esign .doc-storage-title{padding:18px 16px}
 .pd-documents-esign .doc-storage-title>.doc-icon{display:none}
 .pd-documents-esign .doc-storage-row{gap:10px;padding:15px 16px}
 .pd-documents-esign :is(.doc-upload-stage,.doc-details-stage){padding:30px;gap:28px}
 .pd-documents-esign .doc-upload-document{padding:20px}
 .pd-documents-esign .doc-mini-invoice{padding:20px}
}
@media(max-width:900px){
 .pd-documents-esign .doc-storage-hero{width:100%;max-width:680px;margin-inline:auto!important}
 .pd-documents-esign .doc-storage-title>.doc-icon{display:grid}
 .pd-documents-esign :is(.doc-upload-stage,.doc-details-stage){grid-template-columns:1fr;gap:28px;padding:30px}
 .pd-documents-esign .doc-upload-copy{max-width:600px}
 .pd-documents-esign .doc-upload-document{width:100%;max-width:580px;margin-inline:auto}
 .pd-documents-esign .doc-workflow-steps{gap:8px;padding:16px}
 .pd-documents-esign .doc-workflow-steps>button{padding:10px}
 .pd-documents-esign .doc-optional-branch{align-items:flex-start;flex-direction:column;gap:16px}
}
@media(max-width:600px){
 .pd-documents-esign .doc-storage-hero{padding-top:0}
 .pd-documents-esign .doc-storage-title{flex-wrap:wrap;gap:8px;padding:16px}
 .pd-documents-esign .doc-storage-title>.doc-icon{display:none}
 .pd-documents-esign .doc-storage-title>a{padding-inline:10px}
 .pd-documents-esign .doc-storage-row{flex-wrap:wrap;gap:10px}
 .pd-documents-esign .doc-storage-row>.doc-badge{margin-left:48px}
 .pd-documents-esign .doc-storage-row>div{flex-basis:calc(100% - 50px)}
 .pd-documents-esign .doc-storage-columns>span:last-child{display:none}
 .pd-documents-esign .doc-storage-search{margin:16px;font-size:12px}
 .pd-documents-esign .doc-upload-float{width:94%;padding:16px;gap:10px}
 .pd-documents-esign .doc-workflow-steps{gap:6px;padding:12px}
 .pd-documents-esign .doc-workflow-steps>button{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 8px;font-size:12px;line-height:20px}
 .pd-documents-esign :is(.doc-upload-stage,.doc-details-stage){padding:22px 18px;gap:24px}
 .pd-documents-esign #main-content :is(.doc-upload-copy,.doc-details-form)>h3{font-size:24px;line-height:33px}
 .pd-documents-esign .doc-upload-picker{padding:26px 18px}
 .pd-documents-esign .doc-upload-document{padding:18px}
 .pd-documents-esign .doc-mini-invoice{padding:18px}
 .pd-documents-esign .doc-detail-field>input,.pd-documents-esign .doc-detail-field>select{font-size:16px}
 .pd-documents-esign .doc-result-banner{flex-wrap:wrap;padding:14px 18px;gap:10px}
 .pd-documents-esign .doc-preview-top{flex-wrap:wrap;gap:12px}
 .pd-documents-esign .doc-library-result-meta{padding:16px 18px}
 .pd-documents-esign .doc-optional-branch{padding:22px 18px}
 .pd-documents-esign .doc-storage-owner>img{height:300px}
 .pd-documents-esign .doc-owner-note{width:95%;padding:18px}
}
@media(max-width:400px){
 .pd-documents-esign .doc-storage-title>strong{font-size:16px}
 .pd-documents-esign .doc-storage-title>a{gap:5px;padding-inline:8px}
 .pd-documents-esign .doc-storage-title>a>svg{width:14px}
 .pd-documents-esign .doc-library-filters{grid-template-columns:1fr;gap:10px}
 .pd-documents-esign .doc-upload-float>.doc-icon{flex-basis:36px;width:36px;height:36px}
 .pd-documents-esign .doc-private-choice{gap:10px;padding:12px}
 .pd-documents-esign .doc-private-choice>svg{display:none}
 .pd-documents-esign .doc-owner-note{padding:16px}
}