/* One public dashboard. Illustrative data; no business writes. */
.hf-device-dashboard{grid-template-columns:23% minmax(0,1fr)}
.hf-suite-sidebar{gap:1.5cqw;padding:2cqw 1.2cqw 1.4cqw}
.hf-suite-nav-label{font-size:1.05cqw!important;line-height:1.3;color:#58718f;margin:0!important}
.hf-suite-modules{gap:.65cqw!important}
.hf-suite-modules button{min-height:5.4cqw!important;padding:.8cqw .7cqw!important;font-size:1.42cqw!important;align-items:flex-start!important;gap:.65cqw!important;line-height:1.35!important}
.hf-suite-modules i{display:grid;place-items:center;flex:none;width:2.6cqw;height:2.6cqw;font-style:normal;font-size:1.1cqw;background:#eaf2ff;border-radius:.7cqw;color:#155bff}
.hf-suite-modules .is-active i{background:#ffffff26;color:white}
.hf-suite-subnav{gap:.15cqw!important;border-top:1px solid #e3ecfa;padding-top:1cqw}
.hf-suite-subnav button{min-height:2.8cqw!important;padding:.35cqw .6cqw!important;font-size:1.12cqw!important}
.hf-suite-subnav button[aria-pressed=true]{color:#155bff;background:#eef4ff}
.hf-suite-main{grid-template-rows:auto auto minmax(0,1fr) auto;gap:1.4cqw;padding:2.3cqw}
.hf-suite-main .hf-dd-header p{font-size:1.15cqw;color:#58718f;line-height:1.4}
.hf-suite-vault-tabs{display:flex;gap:.7cqw;background:#eaf1fc;border-radius:1cqw;padding:.5cqw}
.hf-suite-vault-tabs button{display:flex;align-items:center;gap:.7cqw;padding:.8cqw 1.1cqw;border-radius:.7cqw;flex:1;color:#58718f;font-size:1.3cqw}
.hf-suite-vault-tabs button[aria-pressed=true]{background:#fff;color:#155bff;box-shadow:0 .3cqw .7cqw #1027470c}
.hf-suite-folders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1cqw;align-content:start}
.hf-suite-folders button{padding:1.3cqw!important;border:1px solid #dae6f7!important;background:#fff!important;display:grid;grid-template-columns:1fr auto;gap:.7cqw;border-radius:1cqw;min-width:0;transition:translate .2s,border-color .2s}
.hf-suite-folders button:hover{translate:0 -.2cqw}
.hf-suite-folders button[aria-pressed=true]{border-color:#155bff!important;background:#edf4ff!important}
.hf-suite-folders svg{color:#155bff;width:3cqw;height:3cqw;grid-column:1/-1}
.hf-suite-folders span{font-size:1.32cqw;font-weight:600}
.hf-suite-folders b{font-size:1.5cqw;color:#58718f}
.hf-suite-files{background:white;border:1px solid #dae6f7;border-radius:1cqw;padding:1.4cqw}
.hf-suite-files .hf-dd-card-heading button{font-size:1.08cqw;color:#155bff}
.hf-suite-file{display:flex;align-items:center;gap:.8cqw;padding:.9cqw 0;border-top:1px solid #edf2fa;min-width:0}
.hf-suite-file:first-of-type{margin-top:.8cqw}
.hf-suite-file>svg{color:#155bff;width:2.2cqw;height:2.2cqw}
.hf-suite-file>span{flex:1;min-width:0}
.hf-suite-file strong{display:block;font-size:1.15cqw;line-height:1.35;font-weight:600;overflow-wrap:anywhere}
.hf-suite-file small{font-size:.95cqw;color:#58718f;display:block;margin-top:.3cqw}
.hf-suite-file em{font-size:.87cqw;color:#526b89;font-style:normal;background:#f0f5fd;border-radius:.4cqw;padding:.3cqw .6cqw}
.hf-suite-safe-note{display:flex;justify-content:space-between;gap:.8cqw;align-items:center;font-size:1.05cqw;line-height:1.45;color:#58718f}
.hf-suite-safe-note a{color:#155bff;font-weight:600;text-decoration:none;flex:none}
.hf-suite-calendar{background:#fff;border:1px solid #dce7f7;border-radius:1cqw;padding:2cqw;display:grid;grid-template-columns:.85fr 1fr;gap:2.5cqw;align-items:center}
.hf-suite-calendar-day{display:grid;place-items:center;width:7cqw;height:7cqw;background:linear-gradient(135deg,#e2f1ff,#eff7ff);color:#155bff;border-radius:1.4cqw;font-size:3.3cqw;margin-bottom:1.4cqw}
.hf-suite-calendar h3{font-size:2cqw;line-height:1.25}
.hf-suite-calendar p{font-size:1.25cqw;line-height:1.5;color:#58718f;margin-top:1cqw}
.hf-suite-calendar ol{list-style:none;padding:0;margin:0;display:grid;gap:1cqw}
.hf-suite-calendar li{display:flex;gap:1cqw;align-items:center;background:#f3f7fd;padding:1.3cqw;border-radius:.9cqw;font-size:1.4cqw}
.hf-suite-calendar li span{color:#155bff;font-weight:700}
.hf-suite-signature{grid-template-rows:auto minmax(0,1fr) auto}
.hf-suite-sign-content{display:grid;grid-template-columns:1fr 1.05fr;gap:2.5cqw;align-items:center}
.hf-suite-paper{background:#fff;border:1px solid #d7e5fa;border-radius:1.2cqw;padding:2.4cqw;box-shadow:0 1cqw 2.8cqw #155bff0a;rotate:-3deg;min-width:0}
.hf-suite-paper>span{display:flex;align-items:center;gap:.7cqw;font-size:1cqw;color:#58718f}
.hf-suite-paper h3{font-size:1.9cqw;line-height:1.4;margin-top:2cqw}
.hf-suite-paper>i{display:block;height:.7cqw;border-radius:3cqw;background:#e3ebf7;margin:1.2cqw 0;width:100%}
.hf-suite-paper>i:nth-of-type(2){width:82%}.hf-suite-paper>i:nth-of-type(3){width:65%}
.hf-suite-paper svg.hf-suite-sign-stroke{width:19cqw;height:7cqw;stroke:#155bff;fill:none;stroke-width:2;stroke-linecap:round;margin:1cqw 0}
.hf-suite-paper>small{display:block;font-size:1cqw;line-height:1.4;color:#58718f}
.hf-suite-sign-steps{display:grid;gap:1.2cqw;align-content:center}
.hf-suite-sign-steps button{display:flex;gap:1cqw;align-items:center;padding:1.4cqw!important;background:#fff!important;border:1px solid #dce7f7!important;border-radius:1cqw;font-size:1.3cqw;line-height:1.35}
.hf-suite-sign-steps button b{color:#155bff;font-size:1.2cqw}
.hf-suite-sign-steps button[aria-pressed=true]{border-color:#155bff!important;background:#edf4ff!important}
.hf-suite-sign-steps p{font-size:1.2cqw;line-height:1.55;color:#58718f;min-height:4cqw}
.hf-suite-phone{display:flex;flex-direction:column;padding-inline:7cqw;gap:3cqw}
.hf-suite-phone h3{font-size:7cqw;line-height:1.35;margin:0}
.hf-suite-phone .hf-dd-eyebrow{font-size:3.5cqw;margin-top:3cqw}
.hf-suite-phone-count{font-size:16cqw;line-height:1.1;color:#155bff}.hf-suite-phone-count small{display:block;font-size:4cqw;font-weight:500;color:#58718f}
.hf-suite-phone-folders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3cqw}
.hf-suite-phone-folders button{display:flex;flex-wrap:wrap;align-items:center;gap:2cqw;padding:3cqw!important;background:white!important;border:1px solid #dae6f7!important;border-radius:3cqw;font-size:3.5cqw;min-width:0}
.hf-suite-phone-folders svg{width:6cqw;height:6cqw;color:#155bff}.hf-suite-phone-folders span{width:100%}.hf-suite-phone-folders b{font-size:5cqw;color:#155bff}
.hf-suite-phone-folders button[aria-pressed=true]{border-color:#155bff!important}
.hf-suite-phone-calendar{display:flex;gap:3cqw;align-items:center;background:#eaf3ff;padding:4cqw;border-radius:3cqw;font-size:4cqw;margin-top:2cqw}.hf-suite-phone-calendar svg{width:7cqw;height:7cqw;color:#155bff}
.hf-suite-phone-doc{background:#fff;border:1px solid #dce7f7;border-radius:4cqw;padding:8cqw 5cqw;margin:8cqw 0}.hf-suite-phone-doc>svg{width:14cqw;height:14cqw;color:#155bff}.hf-suite-phone-doc h4{font-size:6cqw;line-height:1.4;margin:6cqw 0}.hf-suite-phone-doc i{display:block;height:2cqw;background:#e3ebf7;margin:4cqw 0;border-radius:2cqw}.hf-suite-phone-doc p{font-size:4cqw;color:#58718f;line-height:1.5}
.hf-suite-phone-modules{display:flex;justify-content:space-between;gap:3cqw;margin-top:auto}.hf-suite-phone-modules button{width:20cqw;height:10cqw;border-radius:2cqw;background:#e7effb!important;color:#155bff;font-size:4cqw;text-align:center}.hf-suite-phone-modules button[aria-pressed=true]{background:#155bff!important;color:white}
.v7-app .large-dashboard{container-type:inline-size;min-height:480px;height:auto}
.v7-app .large-dashboard>.hf-device-dashboard{min-height:480px;height:auto;aspect-ratio:1.65}
.v7-app .v7-app-rail{display:none!important}
.v7-app .demo-footnote{padding:15px 18px;font-size:12px;line-height:1.5;color:#58718f}
body.casablanca-home .hf-controls .hf-platform-tabs{max-width:100%;display:flex;align-items:stretch}
body.casablanca-home .hf-controls .hf-platform-tabs button{white-space:normal;max-width:245px;line-height:1.35}
.hf-demo-expanded .hf-suite-main{min-height:570px}
@media(max-width:700px){
 body.casablanca-home .hf-controls{gap:16px;margin-top:30px}
 body.casablanca-home .hf-controls .hf-platform-tabs{display:grid;grid-template-columns:1fr;width:100%;gap:5px;padding:6px}
 body.casablanca-home .hf-controls .hf-platform-tabs button{justify-content:flex-start;max-width:none;width:100%;font-size:14px;min-height:48px;padding:12px 14px;gap:10px}
 body.casablanca-home .hf-controls .hf-platform-tabs button svg{width:20px;height:20px;flex:none}
 body.casablanca-home .hf-controls .hf-work-zoom{font-size:15px;min-height:48px;width:100%;justify-content:center}
 .v7-app .large-dashboard{min-height:0}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-device-dashboard{display:block;min-height:0;height:auto;aspect-ratio:auto;overflow:visible;container-type:normal;font-size:14px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-sidebar{padding:12px;display:block;border:0;background:#f4f8fe}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-sidebar .hf-dd-brand,:is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-adviser{display:none}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-nav-label{font-size:13px!important;margin-bottom:10px!important}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-modules{display:grid;gap:6px!important;overflow:visible;padding:0}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-modules button{white-space:normal!important;width:100%;font-size:14px!important;min-height:48px!important;padding:10px 12px!important;gap:10px!important;align-items:center!important;border-radius:9px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-modules i{width:26px;height:26px;border-radius:7px;font-size:12px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-subnav{display:flex;flex-wrap:wrap;overflow:visible;flex-direction:row;gap:5px!important;margin-top:12px;padding-top:10px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-subnav button{width:auto;font-size:13px!important;min-height:44px!important;padding:9px 10px!important;gap:6px!important;border:1px solid #dde7f6;border-radius:8px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-subnav svg{width:16px;height:16px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-main{display:flex;flex-direction:column;min-height:0;height:auto;padding:16px 13px;gap:16px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-header{align-items:flex-start}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-header h2{font-size:23px;line-height:1.3}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-eyebrow{font-size:12px;margin-bottom:8px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-header p{font-size:14px!important;line-height:1.55!important;margin-top:8px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-avatar{display:none}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-header-tools{gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:106px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-header-tools>button{width:44px;height:44px;border-radius:9px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-header-tools>button svg{width:20px;height:20px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-period{padding:3px;gap:3px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-period button{font-size:12px;padding:5px;min-height:38px;white-space:nowrap}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-kpi{padding:12px!important;border-radius:11px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-kpi-icon{width:30px;height:30px;border-radius:8px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-kpi-icon svg{width:20px;height:20px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-kpi-copy{gap:5px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-kpi-copy>span{font-size:12px;min-height:32px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-kpi-copy strong{font-size:28px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-kpi-copy strong small,:is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-kpi-copy em{font-size:12px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-visuals{display:flex;flex-direction:column;gap:14px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) :is(.hf-dd-chart,.hf-dd-distribution,.hf-dd-records){padding:14px;border-radius:11px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-card-heading h3{font-size:15px;line-height:1.4}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-card-heading>span{font-size:11px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-chart{display:grid;grid-template-rows:auto auto 170px auto;gap:10px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-chart-caption{font-size:12px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-chart-caption>strong{font-size:16px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-chart-caption>strong small{font-size:11px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-plot{gap:8px;padding-top:18px;min-height:150px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-bar{padding-bottom:26px!important}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-bar-fill{bottom:26px;border-radius:5px 5px 0 0}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-month{bottom:4px;font-size:12px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-bar-value{top:-10px;font-size:12px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-chart-bottom{font-size:12px;flex-wrap:wrap}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-distribution-body{grid-template-columns:40% minmax(0,1fr);gap:14px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-ring strong{font-size:25px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-ring>div>span{font-size:11px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-legend{gap:6px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-legend button{font-size:12px!important;min-height:44px;grid-template-columns:8px minmax(0,1fr) auto;gap:6px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-legend button i{width:7px;height:7px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-legend button b{font-size:11px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-record{font-size:12px;padding:12px 0;gap:6px;grid-template-columns:minmax(0,1fr) auto}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-record i{display:none}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-record b{font-size:12px;overflow-wrap:anywhere}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-record small{font-size:11px;margin-top:5px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-record>strong{font-size:12px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-record>span:last-child{grid-column:1/-1}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-record em{font-size:11px;padding:4px 7px;border-radius:5px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-table-head{display:none}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-footer{font-size:12px;line-height:1.5;flex-wrap:wrap}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-dd-footer>span:last-child{display:none}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-vault-tabs{gap:6px;padding:5px;border-radius:10px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-vault-tabs button{font-size:13px;min-height:46px;padding:9px;gap:7px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-vault-tabs svg{width:18px;height:18px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-folders{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-folders button{padding:13px!important;gap:9px;border-radius:10px;min-height:100px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-folders svg{width:27px;height:27px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-folders span{font-size:14px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-folders b{font-size:17px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-files{padding:13px;border-radius:11px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-files .hf-dd-card-heading{flex-wrap:wrap}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-files .hf-dd-card-heading button{font-size:12px;min-height:44px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-file{gap:9px;padding:12px 0;flex-wrap:wrap}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-file>svg{width:22px;height:22px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-file strong{font-size:13px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-file small{font-size:12px;margin-top:5px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-file em{font-size:11px;padding:4px 7px;margin-inline-start:31px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-safe-note{font-size:12px;line-height:1.6;flex-direction:column;align-items:flex-start;gap:8px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-safe-note a{display:flex;align-items:center;min-height:44px;font-size:14px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-calendar{display:block;padding:18px;border-radius:12px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-calendar-day{width:54px;height:54px;font-size:26px;border-radius:12px;margin-bottom:16px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-calendar h3{font-size:21px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-calendar p{font-size:14px;line-height:1.6;margin-top:10px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-calendar ol{margin-top:20px;gap:9px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-calendar li{padding:13px;gap:10px;font-size:14px;border-radius:9px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-sign-content{grid-template-columns:1fr;gap:25px;padding:8px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-paper{padding:24px;border-radius:12px;max-width:300px;margin:0 auto;width:100%}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-paper>span{font-size:12px;gap:8px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-paper>span svg{width:20px;height:20px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-paper h3{font-size:21px;margin-top:22px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-paper>i{height:7px;margin:13px 0}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-paper svg.hf-suite-sign-stroke{width:170px;height:62px;margin:12px 0}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-paper>small{font-size:12px;line-height:1.5}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-sign-steps{gap:9px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-sign-steps button{padding:13px!important;font-size:14px;gap:12px;border-radius:10px;min-height:48px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-sign-steps b{font-size:13px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .hf-suite-sign-steps p{font-size:14px;line-height:1.6;min-height:0}
}
@media(prefers-reduced-motion:reduce){.hf-suite-folders button{transition:none}.hf-suite-folders button:hover{translate:none}}

/* Laptop module refinement. Shared markup, purely illustrative interactions. */
#hf-modal .hf-demo-expanded:has(:is(.ws-refined-vault,.ws-refined-signature)){aspect-ratio:auto;height:auto}
.ws-refined-vault,.ws-refined-signature{grid-template-rows:auto auto minmax(0,1fr) auto;gap:1.3cqw;padding:2.25cqw;isolation:isolate}
.ws-refined-vault .hf-dd-header h2,.ws-refined-signature .hf-dd-header h2{font-size:2.7cqw;line-height:1.2;letter-spacing:-.045em}
.ws-refined-vault .hf-dd-header p,.ws-refined-signature .hf-dd-header p{font-size:1.2cqw}
.ws-vault-toolbar{display:flex;align-items:center;gap:1.7cqw;min-width:0}
.ws-vault-toolbar .hf-suite-vault-tabs{flex:1;min-width:0;padding:.45cqw}
.ws-vault-toolbar .hf-suite-vault-tabs button{font-size:1.3cqw;padding:.8cqw;white-space:nowrap;justify-content:center;gap:.5cqw}
.ws-vault-toolbar .hf-suite-vault-tabs svg{width:1.9cqw;height:1.9cqw}
.ws-vault-total{display:flex;align-items:center;gap:.7cqw;flex:none}
.ws-vault-total>b{font-size:3.3cqw;color:#155bff;line-height:1;font-weight:750;letter-spacing:-.06em}
.ws-vault-total>span{font-size:1.08cqw;font-weight:650;line-height:1.4}
.ws-vault-total small{display:block;color:#7085a1;font-size:.96cqw;font-weight:450}
.ws-vault-body{display:grid;grid-template-columns:1.03fr 1fr;gap:1.3cqw;min-height:0;min-width:0}
.ws-vault-body .hf-suite-folders{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:1cqw;align-content:stretch;min-height:0}
.ws-vault-body .hf-suite-folders button{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6cqw;padding:1cqw .85cqw!important;position:relative;background:linear-gradient(155deg,#fff,#f8fbff)!important;box-shadow:0 .5cqw 1.3cqw #10274704;min-height:0;border-radius:1.15cqw;transition:transform .2s,box-shadow .2s,border-color .2s}
.ws-vault-body .hf-suite-folders button:hover{translate:none;transform:translateY(-.2cqw);box-shadow:0 .7cqw 1.5cqw #155bff12}
.ws-vault-body .hf-suite-folders button[aria-pressed=true]{background:#eef4ff!important;border-color:#8eafff!important;box-shadow:inset 0 0 0 1px #155bff22}
.ws-vault-body .hf-suite-folders .ws-folder-art{grid-column:auto;width:4.8cqw;height:4.15cqw;overflow:visible;filter:drop-shadow(0 .3cqw .25cqw #155bff12);transition:transform .25s}
.ws-folder-back{fill:hsl(var(--folder-hue) 83% 74%)}
.ws-folder-front{fill:hsl(var(--folder-hue) 89% 57%)}
.hf-suite-folders button:hover .ws-folder-art{transform:rotate(-5deg) translateY(-.2cqw)}
.ws-vault-body .hf-suite-folders span{font-size:1.27cqw;line-height:1.3;min-width:0;overflow-wrap:normal}
.ws-vault-body .hf-suite-folders span small{display:block;color:#7a8da7;font-size:.92cqw;font-weight:450;margin-top:.35cqw}
.ws-vault-body .hf-suite-folders b{color:#153d73;font-size:1.75cqw;font-weight:700}
.ws-vault-body .hf-suite-files{display:flex;flex-direction:column;padding:1.4cqw;min-height:0;min-width:0;border-radius:1.2cqw;box-shadow:0 .5cqw 1.5cqw #10274703}
.ws-vault-body .hf-dd-card-heading h3{font-size:1.5cqw;line-height:1.35}
.ws-vault-body .hf-dd-card-heading button{font-size:1.06cqw;white-space:nowrap;min-height:2.7cqw;padding:.3cqw!important}
.ws-files-caption{font-size:1.05cqw!important;color:#7a8da7;line-height:1.4;margin-top:.45cqw!important}
.ws-file-list{display:grid;align-content:start;margin-top:1cqw;min-height:0}
.ws-file-list .hf-suite-file{display:flex!important;gap:.85cqw;padding:1.3cqw 0!important;width:100%;background:transparent!important;border:0;border-top:1px solid #edf2fa;flex-wrap:nowrap;transition:background .2s}
.ws-file-list .hf-suite-file:hover{background:#f5f9ff!important}
.ws-file-list .hf-suite-file:first-of-type{margin:0}
.ws-file-type{display:grid;place-items:center;width:3.8cqw;height:4.3cqw;flex:none!important;border:1px solid #dfeaff;border-radius:.65cqw;background:linear-gradient(145deg,#f1f7ff,#e4efff);color:#155bff}
.ws-file-type.is-sheet{color:#12a68a;background:#ebfaf4;border-color:#d2eee4}
.ws-file-type svg{width:2.15cqw;height:2.15cqw}
.ws-file-list .hf-suite-file>span:nth-child(2){flex:1;min-width:0}
.ws-file-list .hf-suite-file strong{font-size:1.2cqw;line-height:1.45;font-weight:600;overflow-wrap:anywhere}
.ws-file-list .hf-suite-file small{font-size:1.02cqw;line-height:1.3;margin-top:.35cqw;color:#7a8da7}
.hf-suite-file small i{font-style:normal;margin-inline:.3cqw;color:#adbbcd}
.ws-file-list .hf-suite-file .ws-file-arrow{flex:none;font-size:1.7cqw;width:1.5cqw;color:#7d9ac6}
.ws-file-bottom{display:flex;align-items:center;gap:.6cqw;color:#7086a2;font-size:1.02cqw;margin-top:auto;padding-top:.8cqw}
.ws-file-bottom svg{width:1.6cqw;height:1.6cqw;color:#84a3d3}
.ws-file-preview{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1;padding:1cqw .5cqw;min-height:0}
.ws-file-preview-icon{display:grid;place-items:center;background:#eaf2ff;width:5cqw;height:5cqw;color:#155bff;border-radius:1cqw}
.ws-file-preview-icon svg{width:3cqw;height:3cqw}
.ws-file-preview h4{font-size:1.5cqw;line-height:1.4;margin:1cqw 0 .5cqw;overflow-wrap:anywhere}
.ws-file-preview p,.ws-file-preview small{font-size:1.05cqw!important;line-height:1.5;color:#7085a1}
.ws-preview-lines{width:100%;margin:1.5cqw 0}
.ws-preview-lines i{display:block;height:.5cqw;width:100%;margin:.7cqw 0;background:#e8eff9;border-radius:1cqw}
.ws-preview-lines i:nth-child(2){width:80%}.ws-preview-lines i:nth-child(3){width:55%}
.ws-refined-vault .hf-suite-safe-note,.ws-refined-signature .hf-suite-safe-note{font-size:1.03cqw;gap:.7cqw;line-height:1.4}
.ws-refined-vault .hf-suite-safe-note>span,.ws-refined-signature .hf-suite-safe-note>span{display:flex;align-items:center;gap:.5cqw;min-width:0}
.ws-demo-dot{width:.65cqw;height:.65cqw;border-radius:50%;background:#9db0cc;flex:none}
.ws-section-kicker{display:block;font-size:.95cqw;line-height:1.4;font-weight:750;letter-spacing:.1em;color:#5476a8}
.ws-calendar-refined{grid-template-columns:.9fr 1.1fr;gap:2cqw;padding:2cqw;background:linear-gradient(130deg,#fff,#f7faff);min-height:0}
.ws-calendar-refined h3{font-size:2.25cqw;letter-spacing:-.04em;line-height:1.2;margin-top:.65cqw}
.ws-calendar-refined p{font-size:1.2cqw;margin-top:1cqw}
.ws-calendar-refined li{padding:1.35cqw;gap:1cqw;border:1px solid #e7eef8;background:#fff;box-shadow:0 .4cqw 1cqw #10274703}
.ws-calendar-refined li>span{display:grid;place-items:center;align-self:flex-start;background:#edf4ff;border-radius:.7cqw;width:3cqw;height:3cqw;font-size:1.2cqw;flex:none}
.ws-calendar-refined li strong{display:block;font-size:1.3cqw;line-height:1.35;font-weight:650}
.ws-calendar-refined li small{display:block;font-size:1.08cqw;line-height:1.4;color:#7a8da7;margin-top:.4cqw}
.ws-calendar-visual{display:grid;place-items:center;width:9cqw;height:8cqw;background:#e7f1ff;border:1px solid #cfdef9;border-radius:1.3cqw;box-shadow:.55cqw .65cqw 0 #d1e2fc;rotate:-6deg;margin:0 0 2cqw .5cqw;position:relative}
.ws-calendar-visual svg{width:4cqw;height:4cqw;color:#155bff}.ws-calendar-visual:before{content:'';position:absolute;inset:1.1cqw 0 auto;border-top:.8cqw solid #155bff33}
.ws-sign-progress{display:flex;gap:.5cqw;border-radius:1cqw;background:#e9f0fc;padding:.5cqw}
.ws-sign-progress button{display:flex;align-items:center;justify-content:flex-start;gap:.65cqw;flex:1;min-width:0;padding:.8cqw 1cqw!important;border-radius:.7cqw;font-size:1.3cqw;color:#7085a1;transition:background .2s,color .2s}
.ws-sign-progress button>b{font-size:1.05cqw;color:#7f99bf;font-weight:600}
.ws-sign-progress button>svg{margin-inline-start:auto;width:1.8cqw;height:1.8cqw;opacity:.7}
.ws-sign-progress button[aria-pressed=true]{background:#155bff;color:white;box-shadow:0 .4cqw .9cqw #155bff20}
.ws-sign-progress button[aria-pressed=true]>b{color:#ffffffaa}
.ws-refined-signature .hf-suite-sign-content{grid-template-columns:.9fr 1fr;gap:2cqw;align-items:stretch;min-height:0}
.ws-paper-stage{display:grid;place-items:center;position:relative;min-width:0;padding:1.5cqw 1.7cqw;background:radial-gradient(ellipse at 50% 55%,#dcecff,#edf4ff 60%,transparent 73%);perspective:90cqw}
.ws-paper-shadow{position:absolute;width:82%;height:87%;border:1px solid #d7e5f9;background:#e6effd;border-radius:1cqw;transform:rotate(3deg);box-shadow:0 1cqw 2cqw #155bff0d}
.ws-refined-signature .hf-suite-paper{position:relative;rotate:-3deg;padding:1.65cqw;background:linear-gradient(160deg,#fff 65%,#f9fbff);border-radius:.9cqw;box-shadow:0 .9cqw 1.8cqw #204c8d14;border-color:#ccdcf3;width:100%;max-width:30cqw;transition:rotate .3s,transform .3s}
.ws-paper-stage:hover .hf-suite-paper{rotate:-1deg;transform:translateY(-.25cqw)}
.ws-paper-meta{display:flex;justify-content:space-between;align-items:center;gap:.7cqw;font-size:.92cqw;color:#8294ac}
.ws-paper-meta>span{display:flex;align-items:center;gap:.5cqw}.ws-paper-meta svg{color:#155bff;width:1.8cqw;height:1.8cqw}
.ws-paper-meta em,.ws-sign-check em,.ws-recipient em{font-style:normal;font-size:.9cqw;font-weight:550;background:#edf3ff;color:#5879aa;border-radius:.4cqw;padding:.35cqw .6cqw;white-space:nowrap}
.ws-refined-signature .hf-suite-paper h3{font-size:1.9cqw;line-height:1.25;margin:1.35cqw 0 .6cqw;font-weight:750;letter-spacing:-.035em}
.ws-paper-party{font-size:1cqw!important;line-height:1.4;color:#7f92ac}.ws-paper-party span{color:#aec1dd;margin-inline:.3cqw}
.ws-paper-divider{border-top:1px solid #e7eef9;margin:1.35cqw 0}
.ws-paper-label{font-size:.92cqw;color:#61799b}
.ws-refined-signature .hf-suite-paper>i{height:.45cqw;margin:.8cqw 0;background:#e4ecf7}
.ws-paper-sign-area{display:flex;flex-direction:column;border:1px dashed #b9cfee;border-radius:.6cqw;padding:.65cqw 1cqw;margin-top:1.4cqw;background:#f7faff}
.ws-paper-sign-area>span{font-size:.92cqw;color:#6184b3}
.ws-refined-signature .hf-suite-paper .hf-suite-sign-stroke{width:16cqw;height:5cqw;margin:.15cqw auto;stroke:#155bff;stroke-width:1.6}
.ws-paper-sign-area>small{font-size:.8cqw;align-self:flex-end;color:#8ba1be}
.ws-paper-page{display:flex;justify-content:space-between;font-size:.8cqw;color:#91a1b9;gap:1cqw;margin-top:1.15cqw;border-top:1px solid #edf2f9;padding-top:.8cqw}
.ws-paper-page b{font-weight:500}
.ws-paper-float{position:absolute;inset:auto -.15cqw 2.2cqw auto;display:flex;align-items:center;gap:.7cqw;background:#fff;border:1px solid #d4e4fb;border-radius:.8cqw;padding:.8cqw 1cqw;box-shadow:0 .7cqw 1.4cqw #173d6712;rotate:3deg;font-size:1.07cqw;color:#3d6091;pointer-events:none}
.ws-paper-float>svg{width:2.3cqw;height:2.3cqw;color:#155bff}
.ws-sign-detail{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:.8cqw;padding:.9cqw 0;animation:ws-detail-arrive .25s ease-out}
.ws-sign-detail>h3{font-size:2.15cqw;line-height:1.15;font-weight:750;letter-spacing:-.04em;max-width:24cqw}
.ws-sign-detail>p{font-size:1.17cqw;line-height:1.5;color:#7086a3;margin-bottom:.65cqw}
.ws-sign-check,.ws-recipient{display:flex;align-items:center;gap:.8cqw;border:1px solid #dde7f7;border-radius:.85cqw;background:#fff;padding:1.1cqw;min-width:0}
.ws-sign-check>svg{color:#155bff;width:2.5cqw;height:2.5cqw}
.ws-sign-check>span,.ws-recipient>span{flex:1;min-width:0}
.ws-sign-check strong,.ws-recipient strong{display:block;font-size:1.23cqw;line-height:1.35;font-weight:650}
.ws-sign-check small,.ws-recipient small{display:block;font-size:1.02cqw;line-height:1.4;color:#8092ac;margin-top:.4cqw}
.ws-sign-tip{display:flex;align-items:center;gap:.7cqw;background:#eaf2ff;border-radius:.7cqw;color:#5678a5;font-size:1.04cqw;line-height:1.45;padding:.8cqw 1cqw;margin-top:.3cqw}
.ws-sign-tip>svg{width:1.8cqw;height:1.8cqw;color:#648bc3}
.ws-recipient>b{display:grid;place-items:center;width:3.4cqw;height:3.4cqw;background:#eaf2ff;border-radius:50%;color:#155bff;font-size:1.1cqw;flex:none}
.ws-recipient:nth-of-type(2)>b{background:#ebf7f7;color:#229994}
.ws-recipient-plus{flex:none!important;color:#7c9bc7;font-size:2cqw;width:2cqw;text-align:center}
.ws-sign-timeline{list-style:none;padding:0;margin:.3cqw 0 0;display:grid;gap:0}
.ws-sign-timeline li{position:relative;display:flex;gap:1.1cqw;padding:.5cqw 0 1.4cqw}
.ws-sign-timeline li:before{content:'';position:absolute;inset:2cqw auto 0 .6cqw;border-inline-start:1px dashed #bed2f3}
[dir=rtl] .ws-sign-timeline li:before{left:auto;right:.6cqw}
.ws-sign-timeline li:last-child:before{display:none}
.ws-sign-timeline li>i{position:relative;width:1.3cqw;height:1.3cqw;flex:none;margin-top:.3cqw;border:1px solid #a9c5f7;border-radius:50%;background:#edf4ff;box-shadow:0 0 0 .3cqw #f4f8fe}
.ws-sign-timeline strong{display:block;font-size:1.25cqw;line-height:1.35;font-weight:650}
.ws-sign-timeline small{display:block;font-size:1.08cqw;line-height:1.4;color:#8092ac;margin-top:.4cqw}
@keyframes ws-detail-arrive{from{opacity:.5;transform:translateY(.4cqw)}to{opacity:1;transform:none}}
@media(min-width:701px){.hf-demo-expanded .ws-refined-vault,.hf-demo-expanded .ws-refined-signature{padding:2.25cqw;min-height:570px}.hf-demo-expanded .ws-vault-body{min-height:30cqw}}
@media(max-width:700px){
 :is(.hf-demo-expanded,.v7-app .large-dashboard) :is(.ws-refined-vault,.ws-refined-signature){gap:18px;padding:18px 14px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) :is(.ws-refined-vault,.ws-refined-signature) .hf-dd-header h2{font-size:24px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-vault-toolbar{flex-wrap:wrap;gap:14px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-vault-toolbar .hf-suite-vault-tabs{flex-basis:100%;padding:5px;gap:4px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-vault-toolbar .hf-suite-vault-tabs button{font-size:13px;padding:9px;white-space:normal;gap:7px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-vault-toolbar .hf-suite-vault-tabs svg{width:18px;height:18px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-vault-total{gap:9px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-vault-total>b{font-size:36px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-vault-total>span{font-size:14px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-vault-total small{font-size:12px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-vault-body{display:grid;grid-template-columns:1fr;gap:16px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-vault-body .hf-suite-folders{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,auto);gap:9px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-vault-body .hf-suite-folders button{grid-template-columns:auto 1fr;gap:7px;padding:12px!important;border-radius:11px;min-height:109px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-vault-body .hf-suite-folders .ws-folder-art{width:46px;height:40px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-vault-body .hf-suite-folders span{font-size:13px;grid-column:1/-1;grid-row:2}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-vault-body .hf-suite-folders span small{display:none}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-vault-body .hf-suite-folders b{font-size:20px;grid-row:1;grid-column:2;text-align:end}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-vault-body .hf-suite-files{padding:14px;border-radius:12px;min-height:265px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-vault-body .hf-dd-card-heading h3{font-size:16px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-vault-body .hf-dd-card-heading button{font-size:12px;min-height:44px;padding:4px!important}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-files-caption{font-size:13px!important;margin-top:3px!important}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-file-list{margin-top:12px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-file-list .hf-suite-file{gap:10px;padding:15px 0!important}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-file-type{width:36px;height:42px;border-radius:7px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-file-type svg{width:22px;height:22px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-file-list .hf-suite-file strong{font-size:13px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-file-list .hf-suite-file small{font-size:12px;margin-top:4px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-file-list .hf-suite-file .ws-file-arrow{font-size:21px;width:15px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-file-bottom{font-size:12px;gap:7px;padding-top:12px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-file-bottom svg{width:17px;height:17px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-file-preview{padding:12px 4px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-file-preview-icon{width:48px;height:48px;border-radius:10px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-file-preview-icon svg{width:28px;height:28px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-file-preview h4{font-size:17px;margin:12px 0 5px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-file-preview p,:is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-file-preview small{font-size:13px!important}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-preview-lines{margin:15px 0}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-preview-lines i{height:5px;margin:8px 0;border-radius:5px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) :is(.ws-refined-vault,.ws-refined-signature) .hf-suite-safe-note{font-size:12px;gap:8px;align-items:flex-start}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) :is(.ws-refined-vault,.ws-refined-signature) .hf-suite-safe-note>span{gap:6px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-demo-dot{width:6px;height:6px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-section-kicker{font-size:11px;letter-spacing:.08em}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-calendar-refined{padding:20px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-calendar-refined h3{font-size:23px;margin-top:8px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-calendar-refined p{font-size:14px;margin-top:12px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-calendar-refined li{padding:14px;gap:12px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-calendar-refined li>span{width:29px;height:29px;border-radius:7px;font-size:12px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-calendar-refined li strong{font-size:14px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-calendar-refined li small{font-size:12px;margin-top:5px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-calendar-visual{width:86px;height:76px;border-radius:13px;box-shadow:5px 6px 0 #d1e2fc;margin:0 0 23px 5px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-calendar-visual svg{width:38px;height:38px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-calendar-visual:before{top:10px;border-top-width:8px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-sign-progress{padding:5px;gap:4px;border-radius:11px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-sign-progress button{font-size:12px;flex-direction:column;gap:6px;justify-content:center;text-align:center;padding:10px 4px!important;min-height:61px;border-radius:7px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-sign-progress button>b{font-size:11px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-sign-progress button>svg{display:none}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-refined-signature .hf-suite-sign-content{grid-template-columns:1fr;gap:26px;padding:0}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-paper-stage{padding:18px 24px;min-height:330px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-paper-shadow{border-radius:11px;max-width:267px;box-shadow:0 12px 20px #155bff0d}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-refined-signature .hf-suite-paper{padding:18px;max-width:270px;margin:0;border-radius:9px;box-shadow:0 9px 18px #204c8d14}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-paper-meta{gap:8px;font-size:10px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-paper-meta>span{gap:5px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-paper-meta svg{width:18px;height:18px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) :is(.ws-paper-meta em,.ws-sign-check em,.ws-recipient em){font-size:10px;padding:4px 6px;border-radius:4px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-refined-signature .hf-suite-paper h3{font-size:20px;margin:15px 0 7px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-paper-party{font-size:11px!important}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-paper-divider{margin:14px 0}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-paper-label{font-size:11px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-refined-signature .hf-suite-paper>i{height:5px;margin:9px 0}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-paper-sign-area{padding:7px 10px;margin-top:16px;border-radius:6px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-paper-sign-area>span{font-size:10px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-refined-signature .hf-suite-paper .hf-suite-sign-stroke{width:156px;height:48px;margin:2px auto}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-paper-sign-area>small{font-size:9px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-paper-page{font-size:9px;margin-top:13px;padding-top:9px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-paper-float{right:3px;bottom:20px;padding:9px 10px;gap:7px;border-radius:8px;font-size:12px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-paper-float>svg{width:23px;height:23px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-sign-detail{gap:11px;padding:0 3px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-sign-detail>h3{font-size:24px;max-width:none}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-sign-detail>p{font-size:14px;margin-bottom:7px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) :is(.ws-sign-check,.ws-recipient){padding:13px;gap:10px;border-radius:9px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-sign-check>svg{width:25px;height:25px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) :is(.ws-sign-check strong,.ws-recipient strong){font-size:14px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) :is(.ws-sign-check small,.ws-recipient small){font-size:12px;margin-top:5px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-sign-tip{font-size:12px;gap:8px;padding:10px;border-radius:7px;margin-top:4px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-sign-tip>svg{width:20px;height:20px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-recipient>b{width:34px;height:34px;font-size:12px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-recipient-plus{width:20px;font-size:21px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-sign-timeline{margin:5px 0 0}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-sign-timeline li{gap:13px;padding:5px 0 18px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-sign-timeline li:before{top:20px;left:6px}
 [dir=rtl] :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-sign-timeline li:before{left:auto;right:6px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-sign-timeline li>i{width:13px;height:13px;margin-top:4px;box-shadow:0 0 0 3px #f4f8fe}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-sign-timeline strong{font-size:14px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-sign-timeline small{font-size:12px;margin-top:5px}
}
@media(prefers-reduced-motion:reduce){.ws-sign-detail{animation:none}.ws-vault-body .hf-suite-folders button,.ws-folder-art,.ws-paper-stage .hf-suite-paper{transition:none!important}.ws-vault-body .hf-suite-folders button:hover,.hf-suite-folders button:hover .ws-folder-art,.ws-paper-stage:hover .hf-suite-paper{transform:none}}
@media(max-width:360px){
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-vault-body .hf-suite-folders{grid-template-columns:1fr;grid-template-rows:none}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-vault-body .hf-suite-folders button{grid-template-columns:auto minmax(0,1fr) auto;min-height:74px;gap:10px}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-vault-body .hf-suite-folders span{grid-column:2;grid-row:1;font-size:14px;overflow-wrap:anywhere}
 :is(.hf-demo-expanded,.v7-app .large-dashboard) .ws-vault-body .hf-suite-folders b{grid-column:3;grid-row:1}
}

/* Shared, presentation-only mobile UI. Container units fit the real device. */
.hf-phone-content .ws-mp{background:linear-gradient(155deg,#fff 3%,#f2f7ff 65%,#eaf2ff);padding:0 6cqw;gap:0;color:#102747;font-size:4cqw;overflow:hidden}
.ws-mp-status{display:flex;align-items:center;justify-content:space-between;min-height:14cqw;flex:none;padding-top:1cqw;font-size:3.7cqw;font-weight:650;color:#112c4b}
.ws-mp-status svg{width:17cqw;height:7cqw;display:block}
.ws-mp-brand{display:flex;align-items:center;gap:2.1cqw;margin:1cqw 0 6cqw;flex:none;min-height:9cqw}
.ws-mp-brand>img{width:10cqw;height:10cqw;object-fit:contain;filter:drop-shadow(0 1cqw 1.5cqw #155bff1a)}
.ws-mp-brand>span{display:flex;flex-direction:column;gap:.3cqw;line-height:1.1}
.ws-mp-brand strong{font-size:3.6cqw;letter-spacing:-.03em;font-weight:800}
.ws-mp-brand small{font-size:1.7cqw;letter-spacing:.16em;color:#155bff;font-weight:750}
.ws-mp-brand>b{display:grid;place-items:center;margin-inline-start:auto;width:8.5cqw;height:8.5cqw;border-radius:50%;color:#4776bb;background:#e7f0ff;font-size:2.8cqw;font-weight:600;border:1px solid #d6e5fb}
.ws-mp-heading{margin-bottom:4cqw;flex:none}
.ws-mp-heading>span{display:block;color:#8496b0;font-size:2.6cqw;line-height:1.5;margin-bottom:2.1cqw}
.ws-mp-heading i,.ws-mp-growth i,.ws-mp-vault-overview p i{font-style:normal;margin-inline:1cqw;opacity:.55}
.hf-dp.ws-mp h3{font-size:8.1cqw;font-weight:800;line-height:1.06;letter-spacing:-.055em;max-width:82cqw}
.ws-mp-content{display:flex;flex-direction:column;gap:3.8cqw;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding:1cqw .3cqw 4cqw;overscroll-behavior-y:contain}
.ws-mp-content::-webkit-scrollbar{display:none}
.ws-mp-content>*,.ws-mp-sign-body>*{flex-shrink:0}
.ws-mp-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2cqw;padding:1.5cqw;background:#ffffffed;border:1px solid #dce8fb;border-radius:4.5cqw;box-shadow:0 -1cqw 4cqw #155bff06,0 2cqw 5cqw #1743730a;flex:none;margin:1cqw -.7cqw 0}
.hf-dp .ws-mp-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:15.5cqw;border-radius:3.3cqw;gap:1.1cqw;font-size:3.1cqw;line-height:1.2;font-weight:600;color:#8193ad;text-align:center;min-width:0;padding:1.3cqw .5cqw}
.ws-mp-nav button svg{width:5.7cqw;height:5.7cqw;stroke-width:1.7}
.hf-dp .ws-mp-nav button[aria-pressed=true]{background:linear-gradient(135deg,#2479ff,#155bff);color:#fff;box-shadow:0 1.4cqw 3cqw #155bff26}
.hf-dp.ws-mp .ws-mp-demo{font-size:2.1cqw;line-height:1.4;letter-spacing:.015em;color:#91a0b9;text-align:center;margin:2.8cqw 0 2cqw;flex:none}
.ws-mp-home-indicator{height:1.2cqw;min-height:1.2cqw;width:30cqw;border-radius:10cqw;background:#17324e;align-self:center;margin:0 0 3.2cqw;flex:none}
.ws-mp-balance{position:relative;isolation:isolate;overflow:hidden;border-radius:4cqw;padding:5cqw;background:linear-gradient(125deg,#257bff,#155bff 72%,#0d49e0);color:#fff;box-shadow:0 2cqw 4cqw #155bff1c;min-height:31cqw}
.ws-mp-balance>span:first-child{display:block;font-size:3.4cqw;font-weight:550;opacity:.85;max-width:58cqw}
.ws-mp-balance>strong{display:flex;align-items:baseline;gap:2cqw;justify-content:flex-start;width:max-content;font-size:14cqw;line-height:1.1;letter-spacing:-.065em;margin:2cqw 0;font-weight:750}
.ws-mp-balance strong small{font-size:3.7cqw;letter-spacing:normal;font-weight:550}
.ws-mp-growth{font-size:2.8cqw;color:#d5f5ed;display:block;line-height:1.4}
.ws-mp-balance-art{position:absolute;inset:7cqw -6cqw auto auto;rotate:-20deg;z-index:-1;opacity:.12}
.ws-mp-balance-art svg{width:35cqw;height:35cqw;stroke-width:1}
.ws-mp-chart-card{background:#fff;border:1px solid #dce7f9;border-radius:3.5cqw;padding:3.5cqw}
.ws-mp-card-title{display:flex;justify-content:space-between;align-items:center;gap:2cqw;margin-bottom:3cqw}
.ws-mp-content h4{margin:0;font-family:inherit}
.ws-mp-card-title h4{font-size:3.6cqw;font-weight:700;line-height:1.3;max-width:52cqw}
.hf-dp .ws-mp-card-title button{font-size:2.8cqw;color:#728aa9;padding:1.7cqw 2cqw;border-radius:1.8cqw;background:#f0f5fd;white-space:nowrap}
.ws-mp-bars{height:29cqw;display:grid;grid-template-columns:repeat(var(--month-count,6),minmax(0,1fr));gap:3cqw;border-bottom:1px solid #e7effa;background:repeating-linear-gradient(to top,transparent 0 calc(33.33% - 1px),#edf3fb calc(33.33% - 1px) 33.33%)}
.hf-dp .ws-mp-bars button{position:relative;display:flex;align-items:flex-end;justify-content:center;min-width:0;padding:0 0 5cqw}
.ws-mp-bars button>i{position:absolute;inset-inline:7%;bottom:5cqw;height:calc(var(--bar-height) * .76);background:linear-gradient(140deg,#4bd3f6,#1777ff 75%);border-radius:1.2cqw 1.2cqw 0 0;box-shadow:0 1cqw 1cqw #155bff09;transform-origin:bottom;animation:ws-mp-rise .55s ease-out both}
.ws-mp-bars button>small{position:absolute;bottom:.5cqw;font-size:2.55cqw;color:#8ca0bb;white-space:nowrap}
.ws-mp-bars button[aria-pressed=true]>i{background:linear-gradient(#155bff,#0c40b7);box-shadow:0 0 0 .8cqw #155bff15}
.ws-mp-chart-total{display:flex;justify-content:space-between;align-items:center;gap:2cqw;font-size:2.7cqw;color:#869bb6;margin-top:2.7cqw}
.ws-mp-chart-total strong{font-size:3.6cqw;color:#355c90;white-space:nowrap}.ws-mp-chart-total small{font-size:2.6cqw;font-weight:500}
.ws-mp-mini-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3cqw}
.hf-dp .ws-mp-mini-kpis button{border:1px solid #dce7f9;background:#ffffffb8;border-radius:3cqw;padding:3.5cqw;min-width:0}
.ws-mp-mini-kpis button>span{display:block;font-size:2.8cqw;color:#7890b0;line-height:1.3;min-height:7.3cqw}
.ws-mp-mini-kpis strong{display:flex;justify-content:space-between;align-items:baseline;font-size:6.5cqw;font-weight:750;line-height:1.1;letter-spacing:-.04em}
.ws-mp-mini-kpis i{font-size:4cqw;font-style:normal;color:#24ac91}
.hf-dp .ws-mp-mini-kpis button[aria-pressed=true]{border-color:#8eb3ff;background:#edf4ff}
.ws-mp-row{display:flex;align-items:center;gap:2.7cqw;padding:3.5cqw!important;background:#fff!important;border:1px solid #dce7f9!important;border-radius:3cqw;min-width:0;width:100%;text-align:start}
.ws-mp-row-icon{display:grid;place-items:center;width:10cqw;height:11cqw;background:#edf4ff;border:1px solid #e0eafa;border-radius:2.5cqw;color:#155bff;flex:none}
.ws-mp-row-icon svg{width:6cqw;height:6cqw}
.ws-mp-row>span:nth-child(2){flex:1;min-width:0}.ws-mp-row strong{display:block;font-size:3.25cqw;line-height:1.35;overflow-wrap:anywhere;font-weight:650}
.ws-mp-row small{display:block;font-size:2.8cqw;line-height:1.35;color:#8b9eb8;margin-top:1cqw}
.ws-mp-row em{font-size:2.4cqw;line-height:1.4;background:#e8f9f2;padding:1cqw 1.5cqw;border-radius:1.2cqw;font-style:normal;color:#239c81;white-space:nowrap}
.ws-mp-row>b{font-size:4.3cqw;color:#7c9cc8;flex:none}
.hf-dp .ws-mp-action{display:flex;justify-content:space-between;align-items:center;gap:2.5cqw;padding:3.6cqw 4cqw;background:#155bff;color:#fff;min-height:13cqw;border-radius:2.8cqw;font-size:3.6cqw;font-weight:650;box-shadow:0 1cqw 2cqw #155bff12;flex-shrink:0}
.ws-mp-action>span{font-size:5cqw;font-weight:450}
.ws-mp-vault-overview{position:relative;isolation:isolate;overflow:hidden;padding:4.5cqw;border:1px solid #cfdef8;background:linear-gradient(135deg,#eff6ff,#e3efff);border-radius:4cqw;min-height:31cqw}
.ws-mp-vault-overview>span:first-child{display:block;font-size:3.4cqw;color:#5879a9;max-width:58cqw;font-weight:550}
.ws-mp-vault-overview>strong{display:flex;align-items:baseline;gap:2.2cqw;font-size:14cqw;font-weight:800;letter-spacing:-.065em;color:#155bff;margin-top:1cqw;line-height:1.1}
.ws-mp-vault-overview>strong small{font-size:3.5cqw;letter-spacing:normal;font-weight:600;color:#5376a6}
.hf-dp .ws-mp-vault-overview>p{font-size:2.8cqw;line-height:1.4;color:#7b94b5;margin-top:2.5cqw}
.ws-mp-overview-art{position:absolute;right:-2cqw;bottom:0;width:32cqw;height:29cqw;--folder-hue:216;rotate:-9deg;opacity:.9;z-index:-1;filter:drop-shadow(0 2.5cqw 1.7cqw #155bff16)}
[dir=rtl] .ws-mp-overview-art{right:auto;left:-2cqw;rotate:9deg}
.ws-mp-overview-art svg{width:100%;height:100%}
.ws-mp-folder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.7cqw}
.hf-dp .ws-mp-folder-grid button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.4cqw;min-height:19cqw;padding:2.8cqw 2.3cqw;background:#fff;border:1px solid #dce7f9;border-radius:3cqw;min-width:0;box-shadow:0 .7cqw 1.5cqw #10274703}
.ws-mp-folder-grid svg{width:10.5cqw;height:9.2cqw;flex:none;filter:drop-shadow(0 1cqw .7cqw #155bff0e)}
.ws-mp-folder-grid span{font-size:2.9cqw;font-weight:600;line-height:1.3;min-width:0;overflow-wrap:anywhere}
.ws-mp-folder-grid b{font-size:4.2cqw;font-weight:700;color:#496b9c}
.hf-dp .ws-mp-folder-grid button[aria-pressed=true]{border-color:#8db0fb;background:#edf4ff;box-shadow:inset 0 0 0 1px #155bff10}
.ws-mp-calendar-link{display:flex;align-items:center;gap:2.8cqw;padding:3.5cqw!important;border:1px solid #cedef9!important;background:#eaf2ff!important;border-radius:3cqw;text-align:start}
.ws-mp-calendar-link>svg{width:7cqw;height:7cqw;color:#155bff;flex:none}
.ws-mp-calendar-link>span{flex:1;min-width:0}.ws-mp-calendar-link strong{display:block;font-size:3.4cqw;font-weight:650}
.ws-mp-calendar-link small{display:block;font-size:2.8cqw;color:#7893b8;margin-top:1cqw;line-height:1.4}
.ws-mp-calendar-link>b{font-size:4.5cqw;color:#6d94cf}
.ws-mp-file-preview{padding:4cqw;background:#fff;border:1px solid #cfdef7;border-radius:3cqw}
.ws-mp-file-preview>div{display:flex;align-items:center;gap:2cqw}.ws-mp-file-preview svg{width:6cqw;height:6cqw;color:#155bff;flex:none}
.ws-mp-file-preview strong{font-size:3.3cqw;overflow-wrap:anywhere;line-height:1.35;flex:1}
.hf-dp .ws-mp-file-preview button{font-size:6cqw;width:8cqw;height:8cqw;color:#7d95b8;text-align:center;flex:none}
.hf-dp .ws-mp-file-preview p{font-size:2.8cqw;color:#8299b7;margin:2cqw 0 3cqw;line-height:1.5}
.ws-mp-file-preview>i{display:block;height:1.2cqw;background:#e8eff9;margin:1.8cqw 0;border-radius:2cqw}.ws-mp-file-preview>i:last-child{width:70%}
.ws-mp-calendar-overview h4{font-size:8cqw;line-height:1.1;max-width:52cqw;margin:3cqw 0 2cqw;color:#155bff;font-weight:800;letter-spacing:-.05em}
.ws-mp-calendar-overview .ws-mp-overview-art{width:27cqw;height:27cqw;right:2cqw;bottom:1cqw;opacity:.7}
.hf-dp .ws-mp-body-intro{font-size:3.5cqw;line-height:1.55;color:#7b91b0}
.ws-mp-calendar-list{display:grid;gap:3cqw}
.ws-mp-calendar-list>div{display:flex;align-items:flex-start;gap:3cqw;border:1px solid #dce7f9;background:#fff;padding:4cqw;border-radius:3cqw}
.ws-mp-calendar-list b{display:grid;place-items:center;width:8cqw;height:8cqw;border-radius:2cqw;background:#edf4ff;color:#155bff;font-size:3cqw;flex:none}
.ws-mp-calendar-list strong{font-size:3.7cqw;line-height:1.3;display:block;font-weight:650}
.ws-mp-calendar-list small{font-size:3.2cqw;line-height:1.5;color:#859ab5;display:block;margin-top:1.2cqw}
.ws-mp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2cqw;background:#e8f0fc;border:1px solid #e1eafb;padding:1.3cqw;border-radius:3.1cqw}
.hf-dp .ws-mp-steps button{display:flex;justify-content:center;align-items:center;gap:1.5cqw;min-height:10.8cqw;padding:2cqw 1cqw;font-size:2.9cqw;border-radius:2.1cqw;font-weight:600;text-align:center;min-width:0;color:#8196b4}
.ws-mp-steps button>b{font-size:2.4cqw;font-weight:500;opacity:.65}
.hf-dp .ws-mp-steps button[aria-pressed=true]{background:#155bff;color:white;box-shadow:0 1cqw 2cqw #155bff24}
.ws-mp-sign-body{display:flex;flex-direction:column;gap:3.8cqw;animation:ws-mp-arrive .25s ease-out}
.ws-mp-paper{margin:2.5cqw 2cqw 1.5cqw;position:relative;padding:5.5cqw;background:linear-gradient(145deg,#fff 70%,#f7faff);border:1px solid #ccdcf5;border-radius:2.8cqw;rotate:-2deg;box-shadow:1.7cqw 2.3cqw 0 #e1ecfd,0 3cqw 5cqw #15477e0b}
.ws-mp-paper-meta{display:flex;align-items:center;justify-content:space-between;gap:3cqw;font-size:2.5cqw;color:#91a1b8;margin-bottom:4.5cqw}
.ws-mp-paper-meta>span{display:flex;align-items:center;gap:1.6cqw}.ws-mp-paper-meta svg{width:4.5cqw;height:4.5cqw;color:#155bff}
.ws-mp-paper-meta em{font-style:normal;font-size:2.3cqw;color:#6e8bb6;background:#edf3ff;border-radius:1cqw;padding:.9cqw 1.6cqw}
.ws-mp-paper h4{font-size:6cqw;line-height:1.12;letter-spacing:-.04em;font-weight:750;max-width:59cqw}
.hf-dp .ws-mp-paper p{font-size:2.6cqw;color:#879cb6;margin-top:2cqw}.ws-mp-paper p i{font-style:normal;margin-inline:1cqw;color:#bdcce0}
.ws-mp-paper-lines{border-top:1px solid #e7eef8;margin-top:4cqw;padding-top:2.5cqw}
.ws-mp-paper-lines i{height:1.1cqw;width:100%;display:block;margin:1.6cqw 0;background:#e6edf8;border-radius:2cqw}.ws-mp-paper-lines i:nth-child(2){width:83%}.ws-mp-paper-lines i:nth-child(3){width:63%}
.ws-mp-sign-zone{display:flex;flex-direction:column;border:1px dashed #b8ceef;background:#f7faff;border-radius:1.7cqw;padding:2cqw 3cqw;margin-top:4cqw}
.ws-mp-sign-zone>span{font-size:2.4cqw;color:#7f9bbf}
.ws-mp-sign-zone svg{width:45cqw;height:17cqw;stroke:#155bff;stroke-width:1.7;fill:none;stroke-linecap:round;align-self:center}
.ws-mp-sign-zone>small{font-size:2cqw;color:#97abc6;align-self:flex-end}
.ws-mp-sign-info{margin-top:1.5cqw}
.ws-mp-contract-strip{display:flex;align-items:center;gap:3cqw;background:#fff;border:1px solid #dce7f9;border-radius:3cqw;padding:4cqw;font-size:3.7cqw;font-weight:650}
.ws-mp-contract-strip>svg{width:7cqw;height:7cqw;color:#155bff}.ws-mp-contract-strip small{display:block;font-weight:450;font-size:2.7cqw;color:#8ca0bc;margin-top:1.2cqw}
.ws-mp-recipient-visual{display:flex;align-items:center;justify-content:center;padding:3cqw 0 0;gap:4cqw}
.ws-mp-recipient-visual>span{display:grid;place-items:center;width:18cqw;height:18cqw;border-radius:50%;background:linear-gradient(135deg,#d4e7ff,#a2c6ff);border:2px solid #fff;box-shadow:0 1.5cqw 3cqw #155bff17;color:#2c68c5;font-size:6cqw;font-weight:650}
.ws-mp-recipient-visual>span:last-child{background:linear-gradient(135deg,#daf5ef,#aee0dc);color:#25948b}
.ws-mp-recipient-visual>i{width:16cqw;border-top:1px dashed #9dbbe7}
.ws-mp-content .ws-mp-detail-title{font-size:6.8cqw;line-height:1.1;font-weight:800;letter-spacing:-.05em;color:#133459;margin:1cqw 0}
.ws-mp-recipient{display:flex;align-items:center;gap:3cqw;padding:4cqw;background:#fff;border:1px solid #dce7f9;border-radius:3cqw}
.ws-mp-recipient>b{display:grid;place-items:center;width:10cqw;height:10cqw;border-radius:50%;background:#e9f2ff;color:#517fc1;font-size:3.5cqw;flex:none}
.ws-mp-recipient strong{font-size:3.6cqw;display:block;line-height:1.35}.ws-mp-recipient small{display:block;font-size:3cqw;color:#869bb7;margin-top:1cqw;line-height:1.4}
.ws-mp-tracking-art{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:3cqw;min-height:22cqw;margin:0 0 1cqw}
.ws-mp-tracking-art>svg{position:absolute;width:21cqw;height:21cqw;color:#d4e5ff;left:8cqw;top:0;rotate:-8deg}
.ws-mp-tracking-art i{width:10cqw;height:10cqw;background:linear-gradient(130deg,#53c8ff,#155bff);border-radius:2cqw 2cqw 1cqw 1cqw;box-shadow:1.5cqw 1.5cqw 0 #b7d4fd;rotate:-4deg}
.ws-mp-tracking-art i:nth-last-child(2){height:16cqw}.ws-mp-tracking-art i:last-child{height:22cqw}
.ws-mp-timeline{display:grid;gap:0;padding:0 1cqw}
.ws-mp-timeline>div{position:relative;display:flex;align-items:flex-start;gap:3cqw;padding:1cqw 0 5cqw}
.ws-mp-timeline>div:before{content:'';position:absolute;inset:4cqw auto 0 1.5cqw;border-inline-start:1px dashed #b7cdee}
[dir=rtl] .ws-mp-timeline>div:before{left:auto;right:1.5cqw}
.ws-mp-timeline>div:last-child:before{display:none}
.ws-mp-timeline>div>i{width:3.2cqw;height:3.2cqw;border:1px solid #a3c0ec;background:#edf4ff;border-radius:50%;margin-top:.6cqw;flex:none;z-index:1}
.ws-mp-timeline strong{display:block;font-size:3.6cqw;line-height:1.3;font-weight:650}.ws-mp-timeline small{display:block;font-size:3cqw;color:#8a9fb9;margin-top:1.5cqw;line-height:1.45}
@keyframes ws-mp-rise{from{scale:1 .15;opacity:.4}to{scale:1;opacity:1}}
@keyframes ws-mp-arrive{from{opacity:.5;translate:0 1cqw}to{opacity:1;translate:0}}
body.casablanca-home .hf-phone{transition:transform .3s,filter .3s;filter:drop-shadow(0 13px 12px #173d6738)}
@media(min-width:701px){body.casablanca-home .hf-phone:hover,body.casablanca-home .hf-phone:focus-within{transform:rotate(2deg) translateY(-5px);filter:drop-shadow(0 17px 15px #173d6740)}}
@media(prefers-reduced-motion:reduce){.ws-mp-sign-body,.ws-mp-bars button>i{animation:none}.hf-phone{transition:none!important}.hf-phone:hover,.hf-phone:focus-within{transform:rotate(4deg)!important}}
.ws-mp-folder-grid span{font-size:3.3cqw}.ws-mp-row strong{font-size:3.7cqw}.ws-mp-row small{font-size:3cqw}.ws-mp-mini-kpis button>span{font-size:3.1cqw}.ws-mp-paper-meta{font-size:2.8cqw}.hf-dp.ws-mp .ws-mp-demo{font-size:2.55cqw}.hf-dp .ws-mp-steps button{font-size:3.2cqw}
.ws-mp[lang=ar]{font-family:'Noto Sans Arabic',Inter,Arial,sans-serif}.hf-dp.ws-mp[lang=ar] h3{font-size:7.3cqw;line-height:1.4;letter-spacing:0}.ws-mp[lang=ar] .ws-mp-paper h4{line-height:1.4;letter-spacing:0}.ws-mp[lang=ar] .ws-mp-detail-title{line-height:1.4;letter-spacing:0}
.ws-mp-vault-overview{padding:3.5cqw}.ws-mp-vault-overview>strong{font-size:12cqw}.hf-dp .ws-mp-vault-overview>p{margin-top:1.5cqw}.hf-dp .ws-mp-folder-grid button{min-height:16.3cqw;padding:2.2cqw 2.3cqw}

/* WS_MOBILE_HERO_UI_START: only the new mobile renderer uses these classes. */
.hf-phone-content .ws-hm{--hm-accent:#155bff;--hm-soft:#edf4ff;display:flex;flex-direction:column;width:100%;height:100%;padding:2px 12px 8px;gap:0;background:linear-gradient(160deg,#fff 4%,#f4f8ff 58%,#edf4ff);color:#102747;font:14px/1.45 Inter,'Segoe UI',Arial,sans-serif;overflow:hidden;text-align:start}
.ws-hm[data-mobile-view=accounting]{--hm-accent:#087da9;--hm-soft:#e7f5fb}.ws-hm[data-mobile-view=tax]{--hm-accent:#6351d8;--hm-soft:#f0edff}
.ws-hm svg{display:block;width:20px;height:20px;flex:none}.ws-hm button{font:inherit;cursor:pointer;text-align:inherit;border:0;background:none;color:inherit;min-width:0}
.ws-hm button:focus-visible,.ws-hm [tabindex]:focus-visible{outline:3px solid var(--hm-accent);outline-offset:-3px}
.ws-hm :is(h3,h4,p){margin:0;font-family:inherit;letter-spacing:normal}.ws-hm small{font-size:12px}.ws-hm button,.ws-hm a{-webkit-tap-highlight-color:transparent}
.ws-hm-status{display:flex;justify-content:space-between;align-items:center;height:30px;min-height:30px;padding-inline:2px;font-size:12px;color:#18324e;flex:none}
.ws-hm-status>.ws-hm-system-icons{display:flex;align-items:center;justify-content:flex-end;flex:none;width:60px;height:16px;line-height:0}.ws-hm-status>.ws-hm-system-icons>svg{display:block;width:60px;height:15px;flex:none;overflow:visible}
.ws-hm-brand{display:flex;align-items:center;gap:7px;flex:none;margin:3px 0 12px;min-height:31px}.ws-hm-brand>img{width:31px;height:31px;object-fit:contain;filter:drop-shadow(0 3px 4px #155bff13)}.ws-hm-brand>span{display:flex;flex-direction:column;gap:2px;line-height:1.05}.ws-hm-brand strong{font-size:11px;font-weight:800;letter-spacing:-.03em}.ws-hm-brand small{font-size:6px;letter-spacing:.17em;font-weight:800;color:#155bff}.ws-hm-brand>b{margin-inline-start:auto;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e8f1ff;color:#557dad;border:1px solid #dce8fa;font-size:10px;font-weight:600}
.ws-hm-header{flex:none;margin-bottom:10px}.ws-hm-header>span{display:block;font-size:10px;line-height:1.5;color:#7e93b1;margin-bottom:5px}.ws-hm-header i{font-style:normal;margin-inline:3px;color:#adc0db}.hf-dp.ws-hm h3{font-size:24px;line-height:1.1;letter-spacing:-.055em;font-weight:800;color:#102747;overflow-wrap:normal}
.ws-hm-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none;min-height:44px;margin-bottom:10px}.ws-hm-toolbar>span{font-size:13px;font-weight:650;color:#637ea6}.ws-hm-toolbar>button{display:flex;align-items:center;gap:6px;min-height:44px;padding:8px 10px;background:#fff;border:1px solid #dce7f9;border-radius:11px;font-size:12px;color:#5677a5}.ws-hm-toolbar svg{width:15px;height:15px;color:var(--hm-accent)}
.ws-hm-mode-tabs{display:flex;align-items:stretch;gap:4px;padding:4px;border:1px solid #dce8f9;background:#eaf1fc;border-radius:12px;margin:3px 0 12px;flex:none}.ws-hm-mode-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;flex:1;padding:7px;font-size:12px;line-height:1.3;border-radius:8px;font-weight:600;color:#8295b1}.ws-hm-mode-tabs svg{width:17px;height:17px}.ws-hm-mode-tabs button[aria-pressed=true]{background:var(--hm-accent);color:#fff;box-shadow:0 3px 7px #193f7612}.ws-hm-sign-tabs button{flex-direction:column;gap:2px;padding:6px 3px;font-size:10.5px;min-height:47px}.ws-hm-sign-tabs b{font-weight:500;opacity:.65;font-size:9px}
.ws-hm-body{display:flex;flex-direction:column;flex:1;min-height:0;gap:12px;overflow-y:auto;overflow-x:hidden;padding:2px 1px 16px;scrollbar-width:thin;scrollbar-color:#bed1ed transparent;overscroll-behavior:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}
.ws-hm-body>*{flex-shrink:0}.ws-hm-body h4{font-size:14px;font-weight:700;line-height:1.35}
.ws-hm-feature{position:relative;isolation:isolate;overflow:hidden;padding:17px 16px 15px;min-height:112px;background:linear-gradient(130deg,#2f85ff,#155bff 72%,#114ad5);border:1px solid #2167ed;border-radius:17px;color:#fff;box-shadow:0 6px 12px #155bff13}
.ws-hm[data-mobile-view=accounting] .ws-hm-feature{background:linear-gradient(130deg,#159fc5,#087da9 72%,#086b99);border-color:#168eb6}
.ws-hm-feature-kicker{display:block;max-width:74%;font-size:12px;line-height:1.4;font-weight:550;color:inherit;opacity:.85}.ws-hm-feature>strong{display:block;position:relative;z-index:1;width:max-content;max-width:75%;font-size:46px;font-weight:750;letter-spacing:-.06em;line-height:1.1;margin:4px 0}.ws-hm-feature>p{font-size:11px;color:#e2efff;line-height:1.4;max-width:72%}
.ws-hm-feature-art{position:absolute;right:-2px;bottom:-10px;width:110px;height:110px;z-index:-1;rotate:-12deg;opacity:.8;filter:drop-shadow(0 8px 5px #002c7830)}.ws-hm-feature-art svg{width:100%;height:100%}[dir=rtl] .ws-hm-feature-art{right:auto;left:-2px;rotate:12deg}
.ws-hm-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:22px}.ws-hm-section-head>span{font-size:11px;color:#8297b5;white-space:nowrap}.ws-hm-section-head>button{min-height:44px;font-size:12px;color:var(--hm-accent);font-weight:600;padding:6px}
.ws-hm-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ws-hm-metrics>button{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:7px;row-gap:5px;align-content:start;padding:12px 10px;min-height:110px;border:1px solid #dce8f8;background:#fff;border-radius:13px;box-shadow:0 3px 8px #14386503;transition:border-color .2s,box-shadow .2s}
.ws-hm-metric-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;color:var(--metric-color);background:color-mix(in srgb,var(--metric-color) 10%,white);grid-row:1;align-self:start}.ws-hm-metric-icon svg{width:17px;height:17px}
.ws-hm-metric-label{grid-column:2;align-self:center;font-size:11.5px;line-height:1.35;min-height:30px;color:#6c84a5;font-weight:550;overflow-wrap:anywhere}.ws-hm-metrics strong{grid-column:1/-1;font-size:29px;font-weight:750;line-height:1.05;letter-spacing:-.04em;margin-top:2px}.ws-hm-metrics em{grid-column:1/-1;color:#1ca88b;font-size:10px;font-style:normal;line-height:1.2}.ws-hm-metrics>button[aria-pressed=true]{border-color:var(--metric-color);box-shadow:0 3px 10px #155bff0d}
.ws-hm-type-nav{display:flex;gap:6px;overflow-x:auto;min-height:44px;padding-bottom:2px;scrollbar-width:none;overscroll-behavior-x:contain}.ws-hm-type-nav::-webkit-scrollbar{display:none}.ws-hm-type-nav>button{flex:none;padding:9px 12px;min-height:44px;background:#fff;border:1px solid #dce7f8;border-radius:10px;color:#7b90ad;font-size:12px;white-space:nowrap}.ws-hm-type-nav>button[aria-pressed=true]{border-color:#9bbdf9;color:#155bff;background:#eaf2ff}
.ws-hm-card{background:#fff;border:1px solid #dce7f8;border-radius:14px;padding:14px;box-shadow:0 3px 8px #14386503;min-width:0}.ws-hm-card-head{display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:0}.ws-hm-card-head h4{font-size:14px;line-height:1.35;min-width:0;flex:1}.ws-hm-card-head>span{font-size:10px;color:#8ca1bc;flex:none}.ws-hm-card-head>button{min-width:44px;min-height:44px;font-size:23px;color:#7a97bd;text-align:center}.ws-hm-card-head>.ws-hm-text-button{font-size:11px;min-width:52px;white-space:nowrap;color:var(--hm-accent);padding:4px}
.ws-hm-card-caption{font-size:11px;color:#88a0bd;margin:3px 0 12px!important}.ws-hm-chart{height:145px;position:relative;display:grid;grid-template-columns:repeat(var(--month-count,6),minmax(0,1fr));gap:6px;background:repeating-linear-gradient(to top,transparent 0 calc(33.33% - 1px),#edf2fa calc(33.33% - 1px) 33.33%);border-bottom:1px solid #e6edf9}
.ws-hm-chart>button{position:relative;min-width:0;padding:0 0 24px;display:flex;align-items:flex-end;justify-content:center}.ws-hm-chart button>i{position:absolute;bottom:24px;inset-inline:4%;height:calc(var(--bar-height) * .77);background:linear-gradient(140deg,#54cfff,#1779ff 78%);border-radius:5px 5px 0 0;box-shadow:2px 0 0 #155bff10;animation:ws-hm-bar-arrive .45s ease-out both;transform-origin:bottom}
.ws-hm-chart button[aria-pressed=true]>i{background:linear-gradient(#155bff,#1643a2);box-shadow:0 0 0 3px #155bff13}.ws-hm-chart button>span{position:absolute;bottom:3px;font-size:10px;color:#8298b7;white-space:nowrap}.ws-hm-chart button>b{position:absolute;top:0;left:0;right:0;text-align:center;font-size:11px;font-weight:700;color:#155bff}
.ws-hm-chart-summary{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;font-size:11px;color:#839bb9}.ws-hm-chart-summary strong{color:#315a94;font-size:17px;white-space:nowrap}.ws-hm-chart-summary small{font-size:10px;font-weight:500}
.ws-hm-distribution{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;align-items:center;margin-top:17px}.ws-hm-ring{width:90px;aspect-ratio:1;border-radius:50%;padding:13px;box-shadow:0 6px 10px #155bff16;display:grid;place-items:center}.ws-hm-ring>div{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:#fff;box-shadow:inset 0 1px 5px #10274706;text-align:center;overflow:hidden}.ws-hm-ring strong{font-size:23px;line-height:1;font-weight:750;letter-spacing:-.06em;max-width:100%}.ws-hm-ring small{font-size:7px;color:#93a6c0;margin-top:5px}
.ws-hm-legend{display:grid;gap:4px;min-width:0}.ws-hm-legend>button{display:grid;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:5px;min-height:40px;font-size:10px;line-height:1.35;padding:3px 0;color:#7a91b1}.ws-hm-legend i{width:6px;height:6px;border-radius:50%}.ws-hm-legend b{font-size:12px;color:#3b5d8c}.ws-hm-legend button[aria-pressed=true]{color:#155bff}
.ws-hm-record{display:flex;align-items:center;gap:9px;width:100%;min-height:76px;padding:12px 0!important;border-top:1px solid #edf2fa!important}.ws-hm-record:first-of-type{margin-top:11px}.ws-hm-record-icon{display:grid;place-items:center;width:33px;height:39px;flex:none;border-radius:8px;background:var(--hm-soft);border:1px solid #e1ebfa;color:var(--hm-accent)}.ws-hm-record-icon svg{width:20px;height:20px}.ws-hm-record>span:nth-child(2){flex:1;min-width:0}.ws-hm-record strong{display:block;font-size:11.5px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}.ws-hm-record small{display:block;font-size:10.5px;color:#869dbb;margin-top:4px;line-height:1.4}.ws-hm-record-value{flex:none;text-align:end;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.ws-hm-record-value>b{font-size:11px;color:#325b92;font-weight:650;white-space:nowrap}.ws-hm-record-value em{font-size:9px;font-style:normal;background:#eaf7f3;color:#2c9e87;border-radius:4px;padding:3px 5px;line-height:1.3}.ws-hm-open-arrow{font-size:20px;color:#8aa6cf;flex:none}
.ws-hm-document-icon{display:grid;place-items:center;width:54px;height:62px;border-radius:12px;background:var(--hm-soft);color:var(--hm-accent);margin:16px 0}.ws-hm-document-icon svg{width:31px;height:31px}.ws-hm-record-preview>h4,.ws-hm-file-preview>h4{font-size:19px;line-height:1.35;overflow-wrap:anywhere}.ws-hm-record-preview>p,.ws-hm-file-preview>p{font-size:12px;color:#849bb9;margin-top:5px;line-height:1.6}.ws-hm-record-preview dl{margin:20px 0 12px;display:grid;gap:10px}.ws-hm-record-preview dl>div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf2fa;padding-bottom:10px}.ws-hm-record-preview dt{font-size:12px;color:#839bb8}.ws-hm-record-preview dd{font-size:14px;font-weight:650;margin:0}.ws-hm-record-preview>small,.ws-hm-file-preview>small{display:block;font-size:11px;line-height:1.6;color:#8da2bd;margin-top:16px}
.ws-hm-document-lines{width:100%;margin:19px 0}.ws-hm-document-lines>i{height:5px;display:block;margin:9px 0;background:#e6eef9;border-radius:6px}.ws-hm-document-lines>i:nth-child(2){width:83%}.ws-hm-document-lines>i:nth-child(3){width:65%}.ws-hm-document-lines>i:nth-child(4){width:91%}
.ws-hm-folders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ws-hm-folders>button{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;gap:4px 7px;padding:12px;min-height:91px;background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #d9e7f6;border-radius:13px;box-shadow:0 4px 8px #0a486a04}.ws-hm-folders svg{width:43px;height:37px;filter:drop-shadow(0 3px 2px #155bff12)}.ws-hm-folders b{font-size:23px;color:#346987;font-weight:700;line-height:1}.ws-hm-folders span{grid-column:1/-1;font-size:12px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.ws-hm-folders>button[aria-pressed=true]{border-color:#66b3d0;background:#eaf7fc;box-shadow:inset 0 0 0 1px #0d86b80d}
.ws-hm-calendar-feature{position:relative;isolation:isolate;overflow:hidden;padding:18px;min-height:171px;border-radius:17px;border:1px solid #cee7f2;background:linear-gradient(140deg,#edf9ff,#d8effb);color:#14618d}.ws-hm-calendar-feature h4{font-size:27px;line-height:1.1;letter-spacing:-.05em;max-width:66%;margin:8px 0 12px;font-weight:800}.ws-hm-calendar-feature p{font-size:12px;line-height:1.6;color:#698eac;max-width:90%}.ws-hm-calendar-art{position:absolute;right:16px;top:21px;width:64px;height:67px;border-radius:11px;background:#fff;border:1px solid #bfd7f0;box-shadow:5px 6px 0 #aacdea;rotate:8deg;z-index:-1}.ws-hm-calendar-art>i{position:absolute;inset:0 0 auto;height:13px;border-radius:10px 10px 0 0;background:#1689c4}.ws-hm-calendar-art>b{display:grid;place-items:center;height:100%;padding-top:13px;color:#1689c4}.ws-hm-calendar-art svg{width:32px;height:32px}[dir=rtl] .ws-hm-calendar-art{right:auto;left:16px;rotate:-8deg}
.ws-hm-tasks{display:grid;gap:10px}.ws-hm-tasks>div{display:flex;gap:12px;padding:16px;background:#fff;border:1px solid #dce9f7;border-radius:13px}.ws-hm-task-icon{display:grid;place-items:center;width:34px;height:39px;flex:none;background:var(--hm-soft);color:var(--hm-accent);border-radius:9px}.ws-hm-tasks>div>span:last-child{flex:1;min-width:0}.ws-hm-tasks b{display:block;font-size:10px;color:#75a0b6;margin-bottom:4px;font-weight:550}.ws-hm-tasks strong{display:block;font-size:14px;font-weight:650;line-height:1.3}.ws-hm-tasks small{display:block;font-size:12px;color:#8a9fb9;margin-top:6px;line-height:1.55}
.ws-hm-notice{display:flex;align-items:flex-start;gap:9px;background:var(--hm-soft);border:1px solid #dce8f6;border-radius:12px;padding:13px;font-size:11px!important;line-height:1.6!important;color:#7b94b6}.ws-hm-notice>svg{width:18px;height:18px;color:var(--hm-accent)}
.ws-hm-step-progress{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;padding:0 2px}.ws-hm-step-progress>span{font-size:11px;font-weight:650;color:#7f7ca8}.ws-hm-step-progress>b{font-size:10px;font-weight:450;color:#939ab5;text-align:end}.ws-hm-step-progress>i{grid-column:1/-1;position:relative;display:block;background:#e6e4f7;border-radius:8px;height:4px;overflow:hidden}.ws-hm-step-progress>i:after{content:'';position:absolute;inset-block:0;inset-inline-start:0;width:var(--step-progress);border-radius:8px;background:#7760ef;transition:width .2s}
.ws-hm-paper-stage{position:relative;padding:10px 8px 13px;background:radial-gradient(ellipse,#e6e8ff 0,transparent 70%);perspective:900px}.ws-hm-paper{position:relative;border:1px solid #d4ddf7;background:linear-gradient(150deg,#fff 70%,#f8faff);border-radius:11px;padding:18px;rotate:-2deg;box-shadow:6px 7px 0 #e2e7fa,0 12px 20px #143e770d}.ws-hm-paper-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#9ca9c1}.ws-hm-paper-meta>span{display:flex;align-items:center;gap:6px}.ws-hm-paper-meta svg{color:#7965d4;width:18px;height:18px}.ws-hm-paper-meta em{font-style:normal;color:#8c87b0;background:#f1effb;padding:4px 7px;border-radius:4px;font-size:9px}.ws-hm-paper h4{font-size:21px;line-height:1.1;letter-spacing:-.04em;font-weight:750;margin-top:18px}.ws-hm-paper p{font-size:10px;color:#8da0bc;margin-top:8px}.ws-hm-paper p i{font-style:normal;color:#b6c6de;margin-inline:4px}.ws-hm-paper .ws-hm-document-lines{border-top:1px solid #edf1fa;padding-top:12px;margin:17px 0}.ws-hm-sign-zone{padding:10px 12px 7px;display:flex;flex-direction:column;border:1px dashed #c1c5ef;border-radius:7px;background:#f9faff}.ws-hm-sign-zone>span{font-size:9px;color:#9c9fc2}.ws-hm-sign-zone>svg{height:66px;width:90%;align-self:center;stroke:#5a50df;fill:none;stroke-width:1.7;stroke-linecap:round}.ws-hm-sign-zone>small{font-size:8px;color:#a8b0c9;align-self:flex-end}.ws-hm-paper footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #edf1fa;margin-top:17px;padding-top:10px;font-size:8px;color:#a8b5ca}.ws-hm-paper footer b{font-weight:450}
.ws-hm-pen{position:absolute;right:21px;bottom:40px;height:90px;width:9px;border-radius:4px 4px 1px 1px;background:linear-gradient(to right,#b3beff,#5c59eb 30%,#2c30a1 74%,#808cf4);box-shadow:3px 5px 5px #293c741c;rotate:35deg}.ws-hm-pen:after{content:'';position:absolute;top:100%;left:0;border-inline:4.5px solid transparent;border-top:13px solid #b2bbd4}.ws-hm-pen:before{content:'';position:absolute;inset:12px -2px auto auto;width:3px;height:26px;border-radius:2px;background:#e4ebff}
.ws-hm-checklist{list-style:none;padding:0;margin:13px 0 0;display:grid;gap:12px}.ws-hm-checklist li{display:flex;align-items:center;gap:10px;font-size:12px;color:#7c91af;line-height:1.45}.ws-hm-checklist svg{color:#9c95ca;width:18px;height:18px}
.ws-hm-people-visual{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 0}.ws-hm-people-visual>span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:linear-gradient(145deg,#ebebff,#c9c5ff);box-shadow:inset -5px -5px 9px #8b7fda22,0 7px 10px #6351d815;border:3px solid #fff;color:#8577c5;font-size:21px;font-weight:650}.ws-hm-people-visual>span:last-child{background:linear-gradient(145deg,#e2f9f4,#b4e7df);color:#399d90}.ws-hm-people-visual>i{width:45px;border-top:1px dashed #c8c8e7}
.ws-hm-content-heading h4{font-size:25px;font-weight:800;letter-spacing:-.05em;line-height:1.1}.ws-hm-content-heading p{font-size:12px;color:#889ab5;line-height:1.6;margin-top:9px}.ws-hm-person{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e1e5f6;border-radius:13px;padding:16px}.ws-hm-person>b{display:grid;place-items:center;flex:none;width:37px;height:37px;border-radius:50%;background:#eeeafb;color:#9a8cc9;font-size:12px}.ws-hm-person>span{flex:1;min-width:0}.ws-hm-person strong{display:block;font-size:13px;font-weight:650;line-height:1.4}.ws-hm-person small{display:block;color:#91a0ba;font-size:11px;line-height:1.4;margin-top:4px}.ws-hm-person>svg{color:#b1a9d6;width:17px;height:17px}
.ws-hm-workflow-art{display:flex;align-items:center;justify-content:center;gap:8px;min-height:120px;perspective:500px}.ws-hm-workflow-art>span{display:grid;place-items:center;width:56px;height:66px;rotate:-7deg;border-radius:13px;background:linear-gradient(145deg,#fff,#e6e6ff);box-shadow:5px 6px 0 #d4d2f6,0 12px 20px #6351d814;border:1px solid #d0d3f5;color:#7967dc}.ws-hm-workflow-art>span>svg{width:29px;height:29px}.ws-hm-workflow-art>span:last-child{translate:0 -10px;rotate:4deg}.ws-hm-workflow-art>i{width:12px;border-top:1px dashed #b6b8de}
.ws-hm-timeline{list-style:none;margin:8px 0;padding:0 7px}.ws-hm-timeline li{position:relative;display:flex;gap:14px;padding:0 0 24px}.ws-hm-timeline li>i{position:relative;width:13px;height:13px;flex:none;border-radius:50%;border:1px solid #c2b9ea;background:#efedfc;margin-top:4px;z-index:1}.ws-hm-timeline li:before{content:'';position:absolute;inset:15px auto 0 6px;border-inline-start:1px dashed #d1caeb}.ws-hm-timeline li:last-child:before{display:none}[dir=rtl] .ws-hm-timeline li:before{left:auto;right:6px}.ws-hm-timeline strong{display:block;font-size:14px;font-weight:650;line-height:1.4}.ws-hm-timeline small{display:block;font-size:12px;color:#91a0b9;margin-top:5px;line-height:1.5}
.ws-hm-primary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:12px 16px!important;background:var(--hm-accent)!important;color:#fff!important;border-radius:12px;font-size:12px!important;font-weight:650;box-shadow:0 5px 10px #6351d811}.ws-hm-primary>span{font-size:20px;font-weight:450}
.ws-hm-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;flex:none;padding:5px;margin:0 -4px;border:1px solid #dce7f8;border-radius:15px;background:#ffffffed;box-shadow:0 -5px 13px #274b7910,0 4px 10px #155bff06;position:relative;z-index:2}.ws-hm-nav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:53px;padding:6px 3px;border-radius:11px;text-align:center;font-size:10.5px;font-weight:600;line-height:1.3;color:#8196b3}.ws-hm-nav>button>svg{width:20px;height:20px}.ws-hm-nav>button[aria-pressed=true]{color:#fff;background:var(--hm-accent);box-shadow:0 3px 7px #155bff20}
.hf-dp.ws-hm .ws-hm-demo{display:block;flex:none;font-size:9px;line-height:1.5;text-align:center;color:#a0afc5;margin:7px 0 5px}.ws-hm-home-indicator{display:block;flex:none;align-self:center;height:4px;width:84px;background:#19324e;border-radius:10px;margin-bottom:1px}
.ws-hm[lang=ar]{font-family:'Noto Sans Arabic',Inter,Arial,sans-serif}.ws-hm[lang=ar] h3{font-size:23px;letter-spacing:0;line-height:1.4}.ws-hm[lang=ar] .ws-hm-content-heading h4,.ws-hm[lang=ar] .ws-hm-paper h4{letter-spacing:0;line-height:1.4}.ws-hm[lang=ar] .ws-hm-metric-label{font-size:11px;line-height:1.6}.ws-hm[lang=ar] .ws-hm-nav>button{font-size:10px}.ws-hm[lang=ar] .ws-hm-sign-tabs button{font-size:10px}.ws-hm[lang=ar] .ws-hm-record strong{line-height:1.6}
@keyframes ws-hm-bar-arrive{from{transform:scaleY(.18);opacity:.45}to{transform:scaleY(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.ws-hm-chart button>i{animation:none}.ws-hm-metrics>button,.ws-hm-step-progress>i:after{transition:none}}
.ws-hm-metric-label{font-size:12.5px;min-height:34px}.ws-hm-metrics em{font-size:11px}.ws-hm-record strong{font-size:12.5px}.ws-hm-record small{font-size:11.5px}.ws-hm-record-value>b{font-size:12px}.ws-hm-folders span{font-size:13px}.ws-hm-legend>button{font-size:11.5px;min-height:44px}.ws-hm-nav>button{font-size:12px}.hf-dp.ws-hm .ws-hm-demo{font-size:10px}
.ws-hm-pen{right:31px}[dir=rtl] .ws-hm-pen{right:auto;left:31px;rotate:-35deg}
@container(max-width:290px){
 .ws-hm-metrics{grid-template-columns:1fr;gap:8px}
 .ws-hm-metrics>button{grid-template-columns:32px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:3px 9px;min-height:78px;padding:12px}
 .ws-hm-metric-icon{grid-column:1;grid-row:1/3;align-self:center}
 .ws-hm-metric-label{grid-column:2;grid-row:1;min-height:0;font-size:13px;overflow-wrap:normal}
 .ws-hm-metrics strong{grid-column:3;grid-row:1/3;align-self:center;margin:0;font-size:28px}
 .ws-hm-metrics em{grid-column:2;grid-row:2}
}
.ws-hm-header>span,.ws-hm-metric-label,.ws-hm-section-head>span,.ws-hm-card-caption,.ws-hm-chart-summary,.ws-hm-chart button>span,.ws-hm-legend>button,.ws-hm-record small,.ws-hm-record-preview>p,.ws-hm-file-preview>p,.ws-hm-record-preview>small,.ws-hm-file-preview>small,.ws-hm-content-heading p,.ws-hm-person small,.ws-hm-timeline small,.ws-hm-checklist li,.ws-hm-nav>button{color:#5c7392}
.ws-hm-metrics em{color:#087c65}.ws-hm-metrics>button[aria-pressed=true]{outline:2px solid #155bff;outline-offset:-2px;background:#f3f7ff}
.ws-hm-feature{background:linear-gradient(130deg,#2169ee,#155bff 72%,#114ad5)}.ws-hm[data-mobile-view=accounting] .ws-hm-feature{background:linear-gradient(130deg,#0d819e,#087da9 72%,#086b99)}.ws-hm-feature-kicker{opacity:1}.hf-dp.ws-hm .ws-hm-demo{color:#66778e}
.ws-hm-feature>p{color:#fff}.hf-dp.ws-hm .ws-hm-demo{color:#5c7392;font-size:11px}
/* WS_MOBILE_HERO_UI_END */