/* Illustrations reconstructed from verified Opero screens; all controls are decorative. */
.opero-site .oj-journey .jscr-scene{position:relative;width:100%;max-width:690px;height:430px;margin:auto;color:#243332;font-family:inherit;font-weight:400;font-size:13px;line-height:1.45;isolation:isolate;text-align:left;}
.opero-site .oj-journey .jscr-scene *{box-sizing:border-box;}
.opero-site .oj-journey .jscr-scene h3,.opero-site .oj-journey .jscr-scene h4,.opero-site .oj-journey .jscr-scene p{margin:0;}
.opero-site .oj-journey .jscr-scene h3{color:#233735;font-size:26px;line-height:1.15;font-weight:650;letter-spacing:-.055em;}
.opero-site .oj-journey .jscr-scene h4{color:#233735;font-size:23px;line-height:1.15;font-weight:650;letter-spacing:-.04em;}
.opero-site .oj-journey .jscr-scene strong{font-weight:620;}
.opero-site .oj-journey .jscr-icon{width:21px;height:21px;flex:0 0 auto;vertical-align:middle;}
.opero-site .oj-journey .jscr-panel{position:absolute;background:#fff;border:1px solid #dde5df;border-radius:16px;box-shadow:0 22px 60px -30px #183e4247,0 4px 12px -7px #183e4225;overflow:hidden;}
.opero-site .oj-journey .jscr-windowbar{height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 17px;background:#f8faf7;border-bottom:1px solid #e8ece7;font-size:10px;color:#72817b;}
.opero-site .oj-journey .jscr-brand{display:flex;align-items:center;gap:7px;white-space:nowrap;}
.opero-site .oj-journey .jscr-brand-mark{display:grid;place-items:center;width:18px;height:18px;border-radius:6px;background:#216d84;color:#fff;font-size:17px;font-weight:600;line-height:1;}
.opero-site .oj-journey .jscr-bar-divider{height:11px;width:1px;background:#d9e1dc;margin:0 3px;}
.opero-site .oj-journey .jscr-window-dots{letter-spacing:3px;color:#9ca9a1;}
.opero-site .oj-journey .jscr-create{padding:4px 9px;border-radius:5px;background:#f2d85c;color:#514817;font-weight:650;}
.opero-site .oj-journey .jscr-panel-body{padding:22px 24px;}
.opero-site .oj-journey .jscr-heading-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
.opero-site .oj-journey .jscr-kicker,.opero-site .oj-journey .jscr-eyebrow{display:block;font-size:10px;line-height:1.4;font-weight:500;letter-spacing:.025em;color:#74817c;}
.opero-site .oj-journey .jscr-muted{font-size:12px;line-height:1.45;color:#78857f;}
.opero-site .oj-journey .jscr-label{display:inline-flex;align-items:center;justify-content:center;gap:.45em;flex:0 0 auto;padding:4px 8px 4px 6px;border-radius:999px;font-size:10px;font-weight:600;line-height:1.25;white-space:nowrap;}
.opero-site .oj-journey .jscr-label::before{content:"";flex:0 0 auto;width:.3em;height:1.2em;border-radius:2px;background:currentColor;}
.opero-site .oj-journey .jscr-label-blue::before{background:#00a3e0;}
.opero-site .oj-journey .jscr-label-amber::before{background:#f79009;}
.opero-site .oj-journey .jscr-label-neutral::before{background:#8a938c;}
.opero-site .oj-journey .jscr-label-blue{background:#e8f3f7;color:#286c83;}
.opero-site .oj-journey .jscr-label-amber{background:#fff3d8;color:#876623;}
.opero-site .oj-journey .jscr-label-neutral{background:#eff2ed;color:#69776e;}
.opero-site .oj-journey .jscr-float{position:absolute;display:flex;align-items:center;gap:13px;z-index:2;padding:16px 18px;background:#fff;border:1px solid #e1e7e0;border-radius:13px;box-shadow:0 22px 50px -24px #244c4954,0 4px 10px -5px #244c4920;}
.opero-site .oj-journey .jscr-float>div{min-width:0;}
.opero-site .oj-journey .jscr-float strong{display:block;font-size:15px;color:#29403c;line-height:1.5;}
.opero-site .oj-journey .jscr-float .jscr-muted{display:block;font-size:10px;}
.opero-site .oj-journey .jscr-float-icon,.opero-site .oj-journey .jscr-icon-tile{display:grid;place-items:center;flex:0 0 auto;width:39px;height:43px;border:1px solid #e4ebe4;border-radius:8px;color:#4b7c7d;background:#f1f6f1;}
.opero-site .oj-journey .jscr-icon-tile{width:43px;height:43px;}
.opero-site .oj-journey .jscr-flow{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;color:#78867e;border-top:1px solid #edf0ea;padding-top:17px;}
.opero-site .oj-journey .jscr-flow .jscr-icon{width:13px;height:13px;color:#b3c0b7;}
.opero-site .oj-journey .jscr-flow-current{color:#26708d;font-weight:650;}
.opero-site .oj-journey .jscr-orbit{position:absolute;z-index:-1;border:1px solid #dce5dc;border-radius:50%;pointer-events:none;}
.opero-site .oj-journey .jscr-orbit-one{width:91%;height:81%;left:4%;top:7%;transform:rotate(-20deg);}
.opero-site .oj-journey .jscr-orbit-two{width:69%;height:101%;left:15%;top:-3%;transform:rotate(39deg);}
.opero-site .oj-journey .jscr-intro-main{left:11%;top:60px;width:79%;}
.opero-site .oj-journey .jscr-intro-main h3{font-size:32px;margin-bottom:5px;}
.opero-site .oj-journey .jscr-intro-main .jscr-panel-body{padding:24px 27px;}
.opero-site .oj-journey .jscr-intro-line{display:flex;gap:12px;align-items:center;margin:23px 0;}
.opero-site .oj-journey .jscr-intro-line strong{font-size:12px;}
.opero-site .oj-journey .jscr-intro-line p{font-size:11px;color:#79867f;margin-top:2px;}
.opero-site .oj-journey .jscr-intro-calendar{right:0;top:18px;transform:rotate(4deg);}
.opero-site .oj-journey .jscr-intro-document{left:0;bottom:16px;transform:rotate(-5deg);}
.opero-site .oj-journey .jscr-paper-lines{display:grid;gap:5px;margin-left:14px;}
.opero-site .oj-journey .jscr-paper-lines i{width:32px;height:3px;background:#e8eee5;border-radius:2px;}
.opero-site .oj-journey .jscr-paper-lines i:last-child{width:20px;}
.opero-site .oj-journey .jscr-orbit-label{position:absolute;right:6%;bottom:24px;display:flex;align-items:center;gap:7px;color:#6b8275;font-size:11px;}
.opero-site .oj-journey .jscr-orbit-label>span,.opero-site .oj-journey .jscr-status-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:#83a399;flex:0 0 auto;}
.opero-site .oj-journey .jscr-work-main{top:14px;left:3%;width:90%;}
.opero-site .oj-journey .jscr-work-main h3{font-size:26px;}
.opero-site .oj-journey .jscr-work-main .jscr-flow{border:0;padding:17px 0 16px;}
.opero-site .oj-journey .jscr-tabs{display:flex;gap:19px;border-bottom:1px solid #e5ebe5;font-size:10px;line-height:1.4;color:#7d8881;white-space:nowrap;}
.opero-site .oj-journey .jscr-tabs>span{padding:7px 0 10px;border-bottom:2px solid transparent;}
.opero-site .oj-journey .jscr-tabs>span.jscr-tab-active{color:#2b7790;border-color:#3f94ad;}
.opero-site .oj-journey .jscr-intervention{padding:15px 0 0;}
.opero-site .oj-journey .jscr-intervention-heading{display:flex;align-items:center;gap:11px;}
.opero-site .oj-journey .jscr-intervention-heading>div{flex:1;}
.opero-site .oj-journey .jscr-intervention-heading strong{font-size:13px;}
.opero-site .oj-journey .jscr-intervention-heading p{font-size:10px;color:#7a867f;margin-top:2px;}
.opero-site .oj-journey .jscr-avatar{display:grid;place-items:center;flex:0 0 auto;width:33px;height:33px;border-radius:50%;background:#e3ece0;color:#66805a;font-size:12px;font-weight:550;}
.opero-site .oj-journey .jscr-avatar-small{width:28px;height:28px;font-size:10px;}
.opero-site .oj-journey .jscr-report{padding:12px 14px;background:#f5f8f2;border-radius:7px;margin:12px 0 14px 44px;}
.opero-site .oj-journey .jscr-report p{font-size:11px;margin-top:4px;color:#55685b;}
.opero-site .oj-journey .jscr-work-total{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #e9eee7;padding-top:12px;font-size:10px;color:#7b8980;}
.opero-site .oj-journey .jscr-work-total strong{font-size:12px;color:#364e3e;}
.opero-site .oj-journey .jscr-invoice{right:0;bottom:3px;padding:13px 18px;transform:rotate(3deg);}
.opero-site .oj-journey .jscr-calendar-main{width:83%;top:29px;left:0;}
.opero-site .oj-journey .jscr-calendar-main .jscr-panel-body{padding:22px 20px 17px;}
.opero-site .oj-journey .jscr-calendar-main h3{font-size:23px;}
.opero-site .oj-journey .jscr-calendar-date{font-size:9px;color:#819087;white-space:nowrap;}
.opero-site .oj-journey .jscr-week{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;border:1px solid #e8eee7;border-radius:8px;overflow:hidden;}
.opero-site .oj-journey .jscr-week-day{border-right:1px solid #e8eee7;min-width:0;}
.opero-site .oj-journey .jscr-week-day:last-child{border:0;}
.opero-site .oj-journey .jscr-week-day>span{display:flex;align-items:center;gap:7px;font-size:10px;padding:9px 10px;background:#fafcf8;color:#8d9a90;border-bottom:1px solid #e8eee7;}
.opero-site .oj-journey .jscr-week-day>span strong{font-size:13px;color:#5e7663;}
.opero-site .oj-journey .jscr-day-space{height:138px;padding:12px 7px;background:repeating-linear-gradient(0deg,#fff 0 33px,#f3f5ef 33px 34px);}
.opero-site .oj-journey .jscr-appointment{display:grid;gap:3px;padding:10px 8px;background:#e6f1f5;border-left:2px solid #6ba5b6;border-radius:4px;color:#39788a;font-size:10px;}
.opero-site .oj-journey .jscr-appointment strong{font-size:12px;}
.opero-site .oj-journey .jscr-appointment>span:first-child{font-size:8px;white-space:nowrap;}
.opero-site .oj-journey .jscr-calendar-person{display:flex;gap:9px;align-items:center;margin-top:15px;font-size:11px;}
.opero-site .oj-journey .jscr-calendar-person>div{display:grid;}
.opero-site .oj-journey .jscr-calendar-hours{display:flex;gap:5px;margin-left:13px;color:#849188;font-size:9px;}
.opero-site .oj-journey .jscr-calendar-hours .jscr-icon{width:13px;height:13px;}
.opero-site .oj-journey .jscr-phone{position:absolute;width:208px;height:365px;right:3%;bottom:6px;border:5px solid #e8ece5;border-radius:29px;z-index:2;background:#fff;box-shadow:0 25px 45px -20px #254d4852,0 0 0 1px #d4ded4;overflow:hidden;transform:rotate(3deg);}
.opero-site .oj-journey .jscr-phone-camera{position:absolute;top:6px;left:calc(50% - 25px);width:50px;height:11px;border-radius:10px;background:#23382c;}
.opero-site .oj-journey .jscr-phone-top{display:flex;justify-content:space-between;align-items:center;height:32px;padding:0 15px;font-size:8px;font-weight:650;}
.opero-site .oj-journey .jscr-phone-content{padding:13px 13px 0;}
.opero-site .oj-journey .jscr-phone-content>.jscr-eyebrow{font-size:8px;}
.opero-site .oj-journey .jscr-phone-content h4{font-size:20px;margin:7px 0 2px;}
.opero-site .oj-journey .jscr-phone-content>.jscr-muted{font-size:9px;}
.opero-site .oj-journey .jscr-phone .jscr-tabs{gap:24px;margin-top:14px;font-size:10px;}
.opero-site .oj-journey .jscr-phone-task{padding:14px 0;}
.opero-site .oj-journey .jscr-phone-task strong{display:block;font-size:12px;margin:4px 0;}
.opero-site .oj-journey .jscr-phone-task p{font-size:10px;color:#849186;}
.opero-site .oj-journey .jscr-phone-action{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:6px;background:#e9f3f8;color:#2c7590;font-size:10px;font-weight:550;}
.opero-site .oj-journey .jscr-phone-action .jscr-icon{width:12px;height:12px;}
.opero-site .oj-journey .jscr-phone-action-secondary{background:#fff;border:1px solid #e1e8df;margin-top:6px;color:#657967;justify-content:center;}
.opero-site .oj-journey .jscr-phone-nav{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:12px 6px 13px;border-top:1px solid #e9eee5;background:#f9fbf6;color:#8a978b;font-size:8px;}
.opero-site .oj-journey .jscr-phone-nav-current{color:#297992;font-weight:650;}
.opero-site .oj-journey .jscr-accounting-main{left:2%;width:94%;top:12px;}
.opero-site .oj-journey .jscr-accounting-main .jscr-heading-line{margin-bottom:15px;}
.opero-site .oj-journey .jscr-accounting-row{display:flex;align-items:center;gap:13px;padding:17px 0;border-top:1px solid #edf1e9;}
.opero-site .oj-journey .jscr-accounting-row>div:not(.jscr-amount){flex:1;min-width:0;}
.opero-site .oj-journey .jscr-accounting-row strong{font-size:13px;}
.opero-site .oj-journey .jscr-accounting-row p{font-size:10px;color:#8b988c;margin-top:3px;}
.opero-site .oj-journey .jscr-amount{display:grid;justify-items:end;gap:5px;}
.opero-site .oj-journey .jscr-amount strong{font-size:16px;}
.opero-site .oj-journey .jscr-accounting-note{border-top:1px solid #edf1e9;display:flex;gap:8px;padding-top:13px;font-size:10px;color:#819280;}
.opero-site .oj-journey .jscr-vat{left:12%;bottom:1px;width:80%;display:block;padding:15px 19px;transform:rotate(-2deg);}
.opero-site .oj-journey .jscr-vat-title{display:flex;justify-content:space-between;align-items:center;gap:5px;}
.opero-site .oj-journey .jscr-vat-flow{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:20px;margin-top:13px;font-size:11px;color:#8e9c8c;}
.opero-site .oj-journey .jscr-vat-flow strong{font-size:11px;color:#47748b;line-height:inherit;}
.opero-site .oj-journey .jscr-vat-bars{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:20px;margin-top:6px;}
.opero-site .oj-journey .jscr-vat-bars i{height:5px;border-radius:5px;background:#e6ece1;}
.opero-site .oj-journey .jscr-vat-bars i:last-child{background:#b0cfda;}
.opero-site .oj-journey .jscr-salary-main{left:0;top:27px;width:86%;}
.opero-site .oj-journey .jscr-salary-main h3{margin-top:5px;}
.opero-site .oj-journey .jscr-salary-person{display:flex;gap:10px;align-items:center;margin:22px 0 18px;}
.opero-site .oj-journey .jscr-salary-person>div{flex:1;}
.opero-site .oj-journey .jscr-salary-person strong{font-size:13px;}
.opero-site .oj-journey .jscr-salary-person p{font-size:10px;color:#849281;}
.opero-site .oj-journey .jscr-salary-base{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e8eee4;padding-bottom:15px;margin-bottom:4px;font-size:11px;color:#7d8c7b;}
.opero-site .oj-journey .jscr-salary-base strong{color:#4b6550;font-size:14px;}
.opero-site .oj-journey .jscr-check-row{display:flex;align-items:center;gap:9px;padding:12px 0;}
.opero-site .oj-journey .jscr-check-row>div{display:grid;gap:2px;flex:1;}
.opero-site .oj-journey .jscr-check-row strong{font-size:12px;}
.opero-site .oj-journey .jscr-check-row>div>span{font-size:10px;color:#8a9786;}
.opero-site .oj-journey .jscr-check-dot{display:grid;place-items:center;flex:0 0 auto;width:18px;height:18px;border-radius:50%;background:#fff3d8;color:#a48843;font-size:10px;font-weight:700;}
.opero-site .oj-journey .jscr-paystub{position:absolute;right:0;bottom:4px;width:207px;padding:20px 21px 24px;border:1px solid #dce5d9;border-radius:12px;background:#fff;box-shadow:0 20px 40px -20px #3058424f;z-index:2;transform:rotate(4deg);}
.opero-site .oj-journey .jscr-paystub-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px;color:#96aa94;}
.opero-site .oj-journey .jscr-paystub h4{margin:6px 0;color:#4c674e;font-size:24px;}
.opero-site .oj-journey .jscr-paystub p{font-size:11px;color:#889883;}
.opero-site .oj-journey .jscr-paystub-net{display:grid;gap:4px;margin-top:23px;padding-top:13px;border-top:1px solid #e8eee2;}
.opero-site .oj-journey .jscr-paystub-net>span{font-size:10px;color:#889883;}
.opero-site .oj-journey .jscr-paystub-net strong{font-size:14px;color:#4b6650;white-space:nowrap;}
.opero-site .oj-journey .jscr-paystub-lines{display:grid;gap:5px;margin-top:17px;}
.opero-site .oj-journey .jscr-paystub-lines i{width:80%;height:3px;border-radius:2px;background:#edf1e7;}
.opero-site .oj-journey .jscr-paystub-lines i:last-child{width:56%;}
.opero-site .oj-journey .jscr-together-main{left:7%;width:88%;top:16px;}
.opero-site .oj-journey .jscr-together-main h3{font-size:29px;margin-top:6px;}
.opero-site .oj-journey .jscr-overview{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:22px;}
.opero-site .oj-journey .jscr-overview-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:12px 14px 12px 42px;min-width:0;border:1px solid #e4ebe0;border-radius:9px;background:#fbfcf9;}
.opero-site .oj-journey .jscr-overview-icon{position:absolute;top:13px;left:13px;color:#89a392;}
.opero-site .oj-journey .jscr-overview-icon .jscr-icon{width:18px;height:18px;}
.opero-site .oj-journey .jscr-overview-card strong{font-size:12px;margin:3px 0 9px;white-space:nowrap;}
.opero-site .oj-journey .jscr-overview-card .jscr-label{font-size:9px;}
.opero-site .oj-journey .jscr-together-bottom{display:flex;gap:7px;align-items:center;margin-top:18px;font-size:10px;color:#849580;}
@media(max-width:1100px) and (min-width:781px){
  .opero-site .oj-journey .jscr-scene h3{font-size:22px;}
  .opero-site .oj-journey .jscr-panel-body{padding:18px;}
  .opero-site .oj-journey .jscr-phone{right:0;width:185px;}
  .opero-site .oj-journey .jscr-calendar-main h3{font-size:20px;}
  .opero-site .oj-journey .jscr-calendar-date{display:none;}
  .opero-site .oj-journey .jscr-overview-card{padding-left:12px;}
  .opero-site .oj-journey .jscr-overview-icon{display:none;}
  .opero-site .oj-journey .jscr-accounting-row{gap:9px;}
  .opero-site .oj-journey .jscr-accounting-row>.jscr-float-icon{display:none;}
}
@media(max-width:780px){
  .opero-site .oj-journey .jscr-scene{max-width:400px;height:315px;font-size:11px;}
  .opero-site .oj-journey .jscr-panel{border-radius:12px;}
  .opero-site .oj-journey .jscr-windowbar{height:31px;padding:0 12px;font-size:8px;}
  .opero-site .oj-journey .jscr-brand{gap:5px;}
  .opero-site .oj-journey .jscr-brand-mark{width:15px;height:15px;font-size:14px;border-radius:5px;}
  .opero-site .oj-journey .jscr-bar-divider{margin:0 1px;height:9px;}
  .opero-site .oj-journey .jscr-create{padding:3px 6px;}
  .opero-site .oj-journey .jscr-panel-body{padding:14px 15px;}
  .opero-site .oj-journey .jscr-scene h3{font-size:21px;line-height:1.13;}
  .opero-site .oj-journey .jscr-heading-line{gap:8px;margin-bottom:7px;}
  .opero-site .oj-journey .jscr-kicker,.opero-site .oj-journey .jscr-eyebrow{font-size:9px;}
  .opero-site .oj-journey .jscr-label{font-size:8px;padding:3px 5px;}
  .opero-site .oj-journey .jscr-float{gap:9px;padding:10px 11px;border-radius:9px;}
  .opero-site .oj-journey .jscr-float strong{font-size:12px;}
  .opero-site .oj-journey .jscr-float .jscr-muted{font-size:9px;}
  .opero-site .oj-journey .jscr-float-icon,.opero-site .oj-journey .jscr-icon-tile{width:29px;height:34px;border-radius:6px;}
  .opero-site .oj-journey .jscr-float-icon .jscr-icon,.opero-site .oj-journey .jscr-icon-tile .jscr-icon{width:17px;height:17px;}
  .opero-site .oj-journey .jscr-flow{gap:3px;padding-top:11px;font-size:9px;}
  .opero-site .oj-journey .jscr-flow .jscr-icon{width:10px;height:10px;}
  .opero-site .oj-journey .jscr-intro-main{left:4%;top:40px;width:90%;}
  .opero-site .oj-journey .jscr-intro-main .jscr-panel-body{padding:17px;}
  .opero-site .oj-journey .jscr-intro-main h3{font-size:26px;}
  .opero-site .oj-journey .jscr-intro-main>.jscr-windowbar{height:29px;}
  .opero-site .oj-journey .jscr-intro-line{gap:8px;margin:13px 0;}
  .opero-site .oj-journey .jscr-intro-line strong{font-size:11px;}
  .opero-site .oj-journey .jscr-intro-line p{font-size:10px;}
  .opero-site .oj-journey .jscr-intro-main .jscr-muted{font-size:11px;}
  .opero-site .oj-journey .jscr-intro-calendar{right:0;top:0;}
  .opero-site .oj-journey .jscr-intro-calendar .jscr-muted{display:none;}
  .opero-site .oj-journey .jscr-intro-document{bottom:0;left:0;}
  .opero-site .oj-journey .jscr-paper-lines{margin-left:0;}
  .opero-site .oj-journey .jscr-paper-lines i{width:18px;}
  .opero-site .oj-journey .jscr-paper-lines i:last-child{width:12px;}
  .opero-site .oj-journey .jscr-orbit-label{font-size:9px;right:0;bottom:10px;}
  .opero-site .oj-journey .jscr-work-main{left:0;top:0;width:96%;}
  .opero-site .oj-journey .jscr-work-main h3{font-size:21px;}
  .opero-site .oj-journey .jscr-work-main .jscr-flow{padding:12px 0 9px;}
  .opero-site .oj-journey .jscr-tabs{gap:14px;font-size:9px;}
  .opero-site .oj-journey .jscr-tabs>span{padding:5px 0 7px;}
  .opero-site .oj-journey .jscr-intervention{padding-top:10px;}
  .opero-site .oj-journey .jscr-intervention-heading{gap:7px;}
  .opero-site .oj-journey .jscr-avatar{width:28px;height:28px;font-size:10px;}
  .opero-site .oj-journey .jscr-intervention-heading strong{font-size:11px;}
  .opero-site .oj-journey .jscr-intervention-heading p{font-size:9px;}
  .opero-site .oj-journey .jscr-report{margin:8px 0 9px 35px;padding:8px 10px;}
  .opero-site .oj-journey .jscr-report p{font-size:10px;line-height:1.35;margin-top:2px;}
  .opero-site .oj-journey .jscr-work-total{font-size:9px;padding-top:8px;}
  .opero-site .oj-journey .jscr-work-total strong{font-size:10px;}
  .opero-site .oj-journey .jscr-invoice{bottom:0;right:0;padding:8px 11px;}
  .opero-site .oj-journey .jscr-invoice .jscr-float-icon{height:30px;}
  .opero-site .oj-journey .jscr-invoice .jscr-muted{font-size:8px;}
  .opero-site .oj-journey .jscr-calendar-main{top:12px;left:0;width:87%;}
  .opero-site .oj-journey .jscr-calendar-main .jscr-panel-body{padding:16px 12px 15px;}
  .opero-site .oj-journey .jscr-calendar-main h3{font-size:20px;max-width:145px;}
  .opero-site .oj-journey .jscr-calendar-date{display:none;}
  .opero-site .oj-journey .jscr-week{grid-template-columns:1.25fr 1fr 1fr;margin-top:13px;}
  .opero-site .oj-journey .jscr-week-day>span{padding:7px 6px;font-size:9px;gap:4px;}
  .opero-site .oj-journey .jscr-week-day>span strong{font-size:11px;}
  .opero-site .oj-journey .jscr-day-space{height:115px;padding:10px 4px;}
  .opero-site .oj-journey .jscr-appointment{padding:8px 4px;font-size:9px;}
  .opero-site .oj-journey .jscr-appointment strong{font-size:10px;}
  .opero-site .oj-journey .jscr-appointment>span:first-child{font-size:7px;}
  .opero-site .oj-journey .jscr-calendar-person{margin-top:10px;gap:7px;}
  .opero-site .oj-journey .jscr-calendar-person>div{font-size:10px;}
  .opero-site .oj-journey .jscr-calendar-hours{display:none;}
  .opero-site .oj-journey .jscr-phone{width:159px;height:284px;border-width:4px;border-radius:23px;right:0;bottom:0;transform:rotate(3deg);}
  .opero-site .oj-journey .jscr-phone-camera{height:8px;width:40px;left:calc(50% - 20px);top:5px;}
  .opero-site .oj-journey .jscr-phone-top{height:23px;padding:0 11px;font-size:6px;}
  .opero-site .oj-journey .jscr-phone-content{padding:11px 10px 0;}
  .opero-site .oj-journey .jscr-phone-content>.jscr-eyebrow{font-size:7px;}
  .opero-site .oj-journey .jscr-phone-content h4{font-size:18px;margin:7px 0 3px;}
  .opero-site .oj-journey .jscr-phone-content>.jscr-muted{font-size:8px;}
  .opero-site .oj-journey .jscr-phone .jscr-tabs{gap:22px;margin-top:9px;font-size:9px;}
  .opero-site .oj-journey .jscr-phone-task{padding:10px 0;}
  .opero-site .oj-journey .jscr-phone-task .jscr-eyebrow{font-size:8px;}
  .opero-site .oj-journey .jscr-phone-task strong{font-size:11px;margin:3px 0;}
  .opero-site .oj-journey .jscr-phone-task p{font-size:8px;}
  .opero-site .oj-journey .jscr-phone-action{padding:6px 7px;font-size:9px;}
  .opero-site .oj-journey .jscr-phone-action-secondary{margin-top:5px;}
  .opero-site .oj-journey .jscr-phone-nav{font-size:7px;padding:8px 3px 10px;}
  .opero-site .oj-journey .jscr-accounting-main{left:0;top:0;width:97%;}
  .opero-site .oj-journey .jscr-accounting-main .jscr-heading-line{margin-bottom:11px;}
  .opero-site .oj-journey .jscr-accounting-row{gap:8px;padding:13px 0;}
  .opero-site .oj-journey .jscr-accounting-row>.jscr-float-icon{display:none;}
  .opero-site .oj-journey .jscr-accounting-row strong{font-size:11px;}
  .opero-site .oj-journey .jscr-accounting-row p{font-size:9px;}
  .opero-site .oj-journey .jscr-amount strong{font-size:15px;}
  .opero-site .oj-journey .jscr-accounting-note{padding-top:10px;gap:5px;font-size:8px;}
  .opero-site .oj-journey .jscr-vat{left:9%;bottom:0;width:89%;padding:12px 14px;}
  .opero-site .oj-journey .jscr-vat-title>.jscr-eyebrow{font-size:8px;}
  .opero-site .oj-journey .jscr-vat-title .jscr-label{font-size:7px;}
  .opero-site .oj-journey .jscr-vat-flow{margin-top:9px;gap:15px;font-size:10px;}
  .opero-site .oj-journey .jscr-vat-flow strong{font-size:10px;}
  .opero-site .oj-journey .jscr-vat-bars{gap:15px;margin-top:5px;}
  .opero-site .oj-journey .jscr-vat-bars i{height:4px;}
  .opero-site .oj-journey .jscr-salary-main{left:0;top:7px;width:94%;}
  .opero-site .oj-journey .jscr-salary-main h3{font-size:22px;}
  .opero-site .oj-journey .jscr-salary-person{gap:7px;margin:15px 0 12px;}
  .opero-site .oj-journey .jscr-salary-person strong{font-size:12px;}
  .opero-site .oj-journey .jscr-salary-person p{font-size:9px;}
  .opero-site .oj-journey .jscr-salary-base{padding-bottom:11px;font-size:9px;}
  .opero-site .oj-journey .jscr-salary-base strong{font-size:12px;}
  .opero-site .oj-journey .jscr-check-row{gap:7px;padding:9px 0;max-width:160px;}
  .opero-site .oj-journey .jscr-check-row strong{font-size:11px;}
  .opero-site .oj-journey .jscr-check-row>div>span{font-size:9px;}
  .opero-site .oj-journey .jscr-check-row>.jscr-label{display:none;}
  .opero-site .oj-journey .jscr-paystub{right:0;bottom:0;width:139px;padding:13px 12px 16px;border-radius:9px;}
  .opero-site .oj-journey .jscr-paystub-top{margin-bottom:12px;}
  .opero-site .oj-journey .jscr-paystub-top .jscr-icon{width:18px;height:18px;}
  .opero-site .oj-journey .jscr-paystub h4{font-size:21px;margin:5px 0;}
  .opero-site .oj-journey .jscr-paystub p{font-size:10px;}
  .opero-site .oj-journey .jscr-paystub .jscr-eyebrow{font-size:8px;}
  .opero-site .oj-journey .jscr-paystub-net{margin-top:13px;padding-top:10px;}
  .opero-site .oj-journey .jscr-paystub-net>span{font-size:9px;}
  .opero-site .oj-journey .jscr-paystub-net strong{font-size:11px;}
  .opero-site .oj-journey .jscr-paystub-lines{margin-top:12px;}
  .opero-site .oj-journey .jscr-together-main{left:0;top:4px;width:99%;}
  .opero-site .oj-journey .jscr-together-main h3{font-size:24px;}
  .opero-site .oj-journey .jscr-overview{gap:7px;margin-top:14px;}
  .opero-site .oj-journey .jscr-overview-card{padding:9px 10px;}
  .opero-site .oj-journey .jscr-overview-icon{display:none;}
  .opero-site .oj-journey .jscr-overview-card strong{font-size:10px;margin:3px 0 7px;}
  .opero-site .oj-journey .jscr-overview-card .jscr-label{font-size:8px;}
  .opero-site .oj-journey .jscr-together-bottom{margin-top:12px;font-size:8px;gap:5px;}
}
@media(max-width:360px){
  .opero-site .oj-journey .jscr-intro-main .jscr-panel-body{padding:15px;}
  .opero-site .oj-journey .jscr-intro-main .jscr-kicker{font-size:8px;}
  .opero-site .oj-journey .jscr-work-main h3{font-size:19px;}
  .opero-site .oj-journey .jscr-tabs{gap:10px;font-size:8px;}
  .opero-site .oj-journey .jscr-phone{width:149px;}
  .opero-site .oj-journey .jscr-calendar-main h3{font-size:18px;}
  .opero-site .oj-journey .jscr-week{grid-template-columns:1.45fr 1fr 1fr;}
  .opero-site .oj-journey .jscr-salary-main .jscr-panel-body{padding:13px 12px;}
  .opero-site .oj-journey .jscr-paystub{width:129px;}
  .opero-site .oj-journey .jscr-paystub-net strong{font-size:10px;}
  .opero-site .oj-journey .jscr-check-row{max-width:135px;}
}

/* Scroll-linked depth: all movement shares the journey's normalized phase. */
.opero-site .oj-journey .jscr-intro-calendar{transform:translate3d(calc(var(--oj-phase,0) * 10px),calc(var(--oj-phase,0) * -8px),0) rotate(4deg);}
.opero-site .oj-journey .jscr-intro-document{transform:translate3d(calc(var(--oj-phase,0) * -8px),calc(var(--oj-phase,0) * 9px),0) rotate(-5deg);}
.opero-site .oj-journey .jscr-invoice{transform:translate3d(calc(var(--oj-phase,0) * 8px),calc(var(--oj-phase,0) * -6px),0) rotate(3deg);}
.opero-site .oj-journey .jscr-phone{transform:translate3d(calc(var(--oj-phase,0) * -7px),calc(var(--oj-phase,0) * -8px),0) rotate(3deg);}
.opero-site .oj-journey .jscr-vat{transform:translate3d(calc(var(--oj-phase,0) * 7px),calc(var(--oj-phase,0) * -6px),0) rotate(-2deg);}
.opero-site .oj-journey .jscr-paystub{transform:translate3d(calc(var(--oj-phase,0) * -8px),calc(var(--oj-phase,0) * -7px),0) rotate(4deg);}
@media(max-width:780px){
  .opero-site .oj-journey .jscr-together-main .jscr-panel-body{padding:12px 14px;}
  .opero-site .oj-journey .jscr-together-main h3{font-size:22px;line-height:1.08;margin-top:4px;}
  .opero-site .oj-journey .jscr-overview{margin-top:10px;gap:6px;}
  .opero-site .oj-journey .jscr-overview-card{padding:8px 9px;}
  .opero-site .oj-journey .jscr-overview-card strong{margin:2px 0 5px;line-height:1.3;}
  .opero-site .oj-journey .jscr-together-bottom{margin-top:9px;}
}
@media(max-width:780px) and (max-height:760px){
  .opero-site .oj-journey .jscr-scene{max-width:none;width:121.95122%;height:305px;transform:scale(.82);transform-origin:left top;}
  .opero-site .oj-journey .jscr-orbit-label{display:none;}
}
@media(prefers-reduced-motion:reduce){
  .opero-site .oj-journey .jscr-scene{--oj-phase:0!important;}
}

/* Keep the agreed amount clear of the floating invoice. */
.opero-site .oj-journey .jscr-work-total{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px;}
.opero-site .oj-journey .jscr-together-main h3{font-size:28px;white-space:nowrap;}
.opero-site .oj-journey .jscr-together-main .jscr-panel-body{padding-top:16px;padding-bottom:16px;}
.opero-site .oj-journey .jscr-together-main .jscr-overview{margin-top:17px;}
.opero-site .oj-journey .jscr-together-main .jscr-overview-card{padding-top:8px;padding-bottom:8px;}
@media(max-width:780px){
  .opero-site .oj-journey .jscr-together-main h3{font-size:22px;}
  .opero-site .oj-journey .jscr-together-main .jscr-panel-body{padding-top:15px;padding-bottom:15px;}
  .opero-site .oj-journey .jscr-together-main .jscr-overview{margin-top:14px;}
  .opero-site .oj-journey .jscr-together-main .jscr-overview-card{padding-top:9px;padding-bottom:9px;}
}

/* The draft sits on the right: keep every pending salary field visible on the left. */
.opero-site .oj-journey .jscr-person-name{display:flex;align-items:center;gap:9px;}
.opero-site .oj-journey .jscr-salary-base{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3px;}
.opero-site .oj-journey .jscr-salary-main .jscr-check-row{padding-top:8px;padding-bottom:8px;max-width:240px;}
@media(max-width:780px){
  .opero-site .oj-journey .jscr-person-name{gap:7px;}
  .opero-site .oj-journey .jscr-salary-person{margin-top:12px;margin-bottom:10px;}
  .opero-site .oj-journey .jscr-salary-base{padding-bottom:8px;gap:2px;}
  .opero-site .oj-journey .jscr-salary-main .jscr-check-row{padding-top:7px;padding-bottom:7px;max-width:150px;}
}

/* L'app operatore vera, al posto del disegno: copiata dalla piattaforma a 390×700 e ridotta alla cornice. */
.opero-site .oj-journey .jscr-vero{position:absolute;inset:0;overflow:hidden;background:#f4f4f4;border-radius:24px}
.opero-site .oj-journey .jscr-vero>div{position:absolute;top:0;left:0;width:390px;height:700px;transform-origin:0 0;transform:scale(.5077)}
@media(max-width:1100px) and (min-width:781px){.opero-site .oj-journey .jscr-vero>div{left:-11.5px}}
@media(max-width:780px){.opero-site .oj-journey .jscr-vero{border-radius:19px}.opero-site .oj-journey .jscr-vero>div{transform:scale(.3943);left:-1.4px}}