/* Escenas de operaciones One. Lienzo local 760 × 615; sin estilos globales. */
.op-stage{position:relative;width:760px;height:615px;color:#edf4ef;font-size:20px;line-height:1.45;isolation:isolate}
.op-stage *{box-sizing:border-box}.op-stage svg{width:24px;height:24px;flex-shrink:0;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;fill:none}.op-stage strong,.op-stage b{font-weight:650}.op-stage small{display:block;font-size:15px;color:#8da597;line-height:1.45}.op-glow{position:absolute;inset:50px 60px;background:radial-gradient(ellipse,rgba(45,173,98,.08),transparent 68%);z-index:-1}.op-panel{position:absolute;background:rgba(13,17,15,.96);border:1px solid rgba(255,255,255,.11);border-radius:21px;overflow:hidden;box-shadow:0 25px 65px #0005;backdrop-filter:blur(16px)}.op-header{height:52px;min-height:52px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;padding:0 22px;gap:11px;color:#a6bbad;font-size:16px}.op-header svg{width:19px;height:19px;color:#72b58a}.op-header i{width:6px;height:6px;border-radius:50%;background:#2dad62;margin-left:auto;box-shadow:0 0 12px #2dad6240}.op-main-panel{left:25px;top:28px;width:710px;height:548px}.op-panel-foot{position:absolute;left:25px;right:25px;bottom:22px;padding-top:17px;border-top:1px solid #ffffff12;display:flex;align-items:center;gap:10px;color:#9ebfa9;font-size:17px;line-height:1.4}.op-panel-foot svg{color:#69ca8f;width:20px;height:20px}.op-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:30px;border:1px solid #2dad6238;background:#2dad6214;color:#8cdbA8;font-size:14px;line-height:1.3;white-space:nowrap}.op-badge svg{width:15px;height:15px}.op-badge.op-amber{color:#eac581;border-color:#f59e0b40;background:#f59e0b12}.op-label{display:block;color:#84aa91;font-size:13px;font-weight:600;letter-spacing:1.6px}.op-muted{color:#879e8e;font-size:16px}.op-person{display:flex;align-items:center;gap:12px}.op-person strong{display:block;font-size:20px}.op-person small{margin-top:3px}.op-avatar{width:42px;height:42px;border-radius:50%;background:#203e2b;color:#b2dfc3;display:inline-grid;place-items:center;font-size:19px;flex-shrink:0}.op-iconbox{width:44px;height:44px;background:#2dad6212;border:1px solid #2dad6224;color:#7cc994;border-radius:12px;display:inline-grid;place-items:center;flex-shrink:0}.op-jacket{width:100%;height:100%;display:block;object-fit:cover;border-radius:10px}.op-selector{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #ffffff17;background:#ffffff05;border-radius:9px;font-size:15px;color:#b2c8ba}.op-selector svg{width:17px;height:17px}
/* 13 · Del producto a los materiales. */
.op-product-preview{position:absolute;left:238px;top:106px;width:230px;height:300px;transition:transform 1s,opacity 1s;transform-origin:0 0}.op-product-preview .op-jacket{height:260px}.op-product-preview>span{display:block;font-size:16px;color:#a9bcae;text-align:center;margin-top:12px}.deck-scene[data-step="1"] .op-product-preview,.deck-scene[data-step="2"] .op-product-preview,.deck-scene[data-step="3"] .op-product-preview{transform:translate(-215px,55px) scale(.72)}.op-material-heading{position:absolute;left:230px;top:78px;right:22px}.op-material-heading>strong{font-size:23px;display:block;margin-bottom:13px}.op-material-list{position:absolute;left:230px;right:22px;top:171px}.op-material-row{height:91px;display:flex;align-items:center;gap:14px;border-top:1px solid #ffffff0d}.op-material-row>div>strong{font-size:20px}.op-material-icon{width:60px!important;height:60px!important;color:#73c28d;background:#2dad620c;border-radius:12px;padding:6px;stroke-width:1.5!important}.op-material-row>b{margin-left:auto;font-size:28px;color:#a5dfb8;text-align:right}.op-material-row>b>small{font-size:14px;font-weight:400}
/* 14 · Traslado de la unidad imperfecta entre ubicaciones. */
.op-stock-caption{position:absolute;left:25px;top:76px;font-size:17px;color:#97ae9f}.op-good-zone{position:absolute;left:23px;top:114px;width:422px;height:327px;border:1px solid #2dad6238;background:#2dad6206;border-radius:15px;padding:15px}.op-good-zone>span,.op-imperfect-zone>span{font-size:17px;color:#9abca6;display:block}.op-good-zone>strong{position:absolute;bottom:14px;left:15px;color:#8bd7a4;font-size:21px}.op-imperfect-zone{position:absolute;left:468px;top:114px;width:217px;height:327px;border:1px solid #f59e0b38;background:#f59e0b06;border-radius:15px;padding:15px}.op-imperfect-zone>span{color:#dbb777}.op-imperfect-zone>strong{position:absolute;bottom:64px;left:15px;font-size:21px;color:#e0bd7e}.op-imperfect-zone>small{position:absolute;bottom:17px;left:15px;right:10px;font-size:14px;color:#ab9a7e}.op-unit{position:absolute;width:95px;height:100px;background:#1a2b20;border:1px solid #ffffff13;border-radius:13px;display:grid;place-items:center;transition:transform 1s,background 1s,border-color 1s}.op-unit svg{width:72px;height:72px;color:#77a386;fill:#2c5c3d66}.op-u1{left:45px;top:180px}.op-u2{left:155px;top:180px}.op-u3{left:265px;top:180px}.op-u4{left:100px;top:294px}.op-u5{left:210px;top:294px}.op-u6{left:320px;top:294px}.op-u6>span{position:absolute;top:-9px;right:-9px;background:#322717;color:#f0c783;border:1px solid #f59e0b60;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-size:18px}.deck-scene[data-step="1"] .op-u6{background:#30291d;border-color:#f59e0b60}.deck-scene[data-step="2"] .op-u6,.deck-scene[data-step="3"] .op-u6{transform:translate(208px,-115px);background:#30291d;border-color:#f59e0b60}.deck-scene[data-step="2"] .op-u6 svg,.deck-scene[data-step="3"] .op-u6 svg{color:#dfb56f;fill:#805b2240}.op-condition{position:absolute;left:208px;top:405px;font-size:16px;color:#e2bf80;display:flex;align-items:center;gap:8px}.op-condition svg{width:18px;height:18px}
/* 15 · Recibir y clasificar las veinte unidades. */
.op-receive-expected{position:absolute;top:90px;left:0;width:100%;text-align:center;transition:transform .9s}.op-receive-expected>span{display:block;color:#a1b4a7;font-size:20px}.op-receive-expected>strong{display:block;font-size:74px;letter-spacing:-3px;line-height:1.2}.op-receive-expected small{display:inline;font-size:23px;font-weight:400;letter-spacing:0}.deck-scene[data-step="2"] .op-receive-expected,.deck-scene[data-step="3"] .op-receive-expected{transform:translateY(-22px) scale(.75)}.op-boxes{position:absolute;top:280px;left:80px;right:80px;display:flex;justify-content:center;gap:25px}.op-box{width:106px;height:106px;display:grid;place-items:center;background:#1a241d;border:1px solid #ffffff12;border-radius:13px;transition:transform .7s}.op-box svg{width:76px;height:76px;color:#80b28f}.deck-scene[data-step="1"] .op-box-1{transform:translate(-8px,-9px) rotate(-4deg)}.deck-scene[data-step="1"] .op-box-2{transform:translateY(8px)}.deck-scene[data-step="1"] .op-box-3{transform:translateY(-12px) rotate(5deg)}.op-receive-grid{position:absolute;left:25px;right:25px;top:211px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.op-receive-result{height:200px;border:1px solid #2dad6233;background:#2dad6209;border-radius:15px;padding:17px 20px;position:relative}.op-receive-result>span{display:block;font-size:20px;color:#a2c9b0}.op-receive-result>strong{font-size:66px;line-height:1.3;letter-spacing:-2px;display:block;color:#8bdda8}.op-receive-result>svg{position:absolute;right:17px;bottom:20px;color:#79cd98}.op-receive-result>small{font-size:16px}.op-receive-result.op-warn,.op-receive-result.op-missing{border-color:#f59e0b33;background:#f59e0b08}.op-receive-result.op-warn>span,.op-receive-result.op-missing>span,.op-receive-result.op-warn>strong,.op-receive-result.op-missing>strong,.op-receive-result.op-warn>svg,.op-receive-result.op-missing>svg{color:#dfba77}.op-receive-bar{position:absolute;left:25px;right:25px;top:431px;display:flex;height:11px;gap:4px;border-radius:6px;overflow:hidden}.op-receive-bar>span:nth-child(1){width:85%;background:#2dad62}.op-receive-bar>span:nth-child(2){width:10%;background:#bb903e}.op-receive-bar>span:nth-child(3){width:5%;background:#72562a}.op-receiving .op-panel-foot{font-size:16px}
/* 16 · Fotografías y hallazgos se reúnen en un expediente. */
.op-evidence-source{left:8px;top:66px;width:323px;height:458px;transition:transform 1s}.op-evidence-photo{height:275px;margin:18px;position:relative}.op-evidence-photo .op-jacket{object-position:center 35%}.op-damage-mark{position:absolute;left:147px;top:116px;width:95px!important;height:95px!important;color:#f2c478;stroke-width:2.5!important;opacity:0;transition:opacity .7s}.deck-scene:not([data-step="0"]) .op-damage-mark{opacity:1}.op-photo-caption{padding:0 18px}.op-photo-caption strong{font-size:21px;display:block}.op-photo-caption small{margin-top:7px}.op-evidence-dossier{left:364px;top:92px;width:385px;height:459px;transform:translateX(18px);transition:transform 1s,border-color 1s}.deck-scene[data-step="3"] .op-evidence-dossier{transform:translateX(0);border-color:#2dad6252}.op-evidence-doc-title{padding:22px 20px 15px}.op-evidence-doc-title>strong{display:block;font-size:23px;margin-top:8px}.op-evidence-doc-row{display:flex;align-items:center;gap:11px;margin:0 20px;padding:14px 0;border-bottom:1px solid #ffffff10}.op-evidence-doc-row strong{font-size:17px;display:block}.op-evidence-doc-row small{font-size:14px;margin-top:3px}.op-evidence-doc-row>svg{margin-left:auto;width:20px;height:20px;color:#80cf9d}.op-evidence-thumb{width:46px;height:48px;flex-shrink:0}.op-evidence-note{font-size:17px;color:#b1c0b6;line-height:1.55;margin:16px 20px}.op-evidence-ready{position:absolute;bottom:20px;left:20px;right:20px;display:flex;gap:9px;align-items:center;border-top:1px solid #2dad6229;padding-top:14px;color:#89d7a4;font-size:18px}.op-evidence-lines{position:absolute;inset:0;width:760px!important;height:615px!important;stroke:#2dad62!important;stroke-dasharray:115;stroke-dashoffset:115;opacity:.4;transition:stroke-dashoffset 1s}.deck-scene[data-step="2"] .op-evidence-lines,.deck-scene[data-step="3"] .op-evidence-lines{stroke-dashoffset:0}
/* 17 · Los pendientes pasan a ser trabajo asignado. */
.op-task-heading{display:flex;align-items:center;justify-content:space-between;position:absolute;top:78px;left:25px;right:25px}.op-task-heading>strong{font-size:23px}.op-task{position:absolute;left:23px;right:23px;display:flex;gap:13px;align-items:center;min-height:103px;padding:17px;background:#151e18;border:1px solid #ffffff15;border-radius:13px;transition:transform .9s,background .9s,border-color .9s}.op-task-a{top:139px;transform:translate(8px,10px) rotate(-2deg)}.op-task-b{top:254px;transform:translate(-6px,8px) rotate(1.5deg)}.op-task-c{top:369px;transform:translate(5px,5px) rotate(-1deg)}.deck-scene:not([data-step="0"]) .op-task{transform:none}.deck-scene[data-step="3"] .op-task-a{border-color:#2dad6250;background:#17281d}.op-task-dot{width:12px;height:12px;border:1px solid #71997e;border-radius:50%;flex-shrink:0}.op-task-title{max-width:286px;width:286px}.op-task-title>strong{font-size:19px;display:block;line-height:1.35}.op-task-title>small{font-size:13px;line-height:1.4;margin-top:6px}.op-task-owner{display:flex;align-items:center;gap:7px;width:104px;font-size:16px}.op-task-owner .op-avatar{width:31px;height:31px;font-size:14px}.op-task-meta{margin-left:auto;text-align:right}.op-task-meta .op-badge{font-size:12px;padding:5px 8px}.op-task-meta>small{font-size:12px;margin-top:7px}.op-tasks .op-panel-foot{bottom:17px;padding-top:12px;font-size:16px}
/* 18 · De las preguntas al registro de actividad. */
.op-question{position:absolute;font-size:25px;border:1px solid #ffffff12;border-radius:18px;background:#121c16;padding:20px 25px;color:#b2c0b7;z-index:2;box-shadow:0 18px 40px #0004}.op-question-a{left:55px;top:119px;transform:rotate(-5deg)}.op-question-b{right:40px;top:243px;transform:rotate(4deg)}.op-question-c{left:40px;top:369px;transform:rotate(-2deg)}.op-work-panel{left:25px;top:54px;width:710px;height:513px;transition:opacity .9s,transform .9s}.deck-scene[data-step="0"] .op-work-panel{opacity:.12;transform:scale(.96)}.op-work-head{display:flex;justify-content:space-between;margin:20px 25px 0;padding-bottom:14px;border-bottom:1px solid #ffffff10;color:#829d8b;font-size:15px}.op-work-row{height:91px;margin:0 25px;border-bottom:1px solid #ffffff0b;display:flex;align-items:center;gap:23px;transition:background .7s,margin .7s,padding .7s}.op-work-row>.op-person{width:205px}.op-work-row>.op-person strong{font-size:20px}.op-work-row>.op-person small{font-size:14px}.op-work-progress{width:225px;height:11px;background:#ffffff08;border-radius:7px;overflow:hidden}.op-work-progress>span{display:block;width:0;height:100%;background:linear-gradient(90deg,#145f34,#2dad62);border-radius:inherit;transition:width 1s}.deck-scene[data-step="2"] .op-work-progress>span,.deck-scene[data-step="3"] .op-work-progress>span{width:var(--op-fill)}.op-work-row>strong{font-size:23px;color:#a4d9b7;white-space:nowrap;margin-left:auto;text-align:right}.op-work-row>strong>small{font-size:12px;font-weight:400}.deck-scene[data-step="3"] .op-work-selected{background:#2dad620b;margin-left:14px;margin-right:14px;padding-left:11px;padding-right:11px}.op-work-detail{position:absolute;bottom:20px;left:25px;right:25px;display:flex;align-items:center;gap:12px}.op-work-detail strong{font-size:18px;display:block}.op-work-detail small{font-size:13px;margin-top:4px}.op-work-detail>.op-badge{margin-left:auto;font-size:12px}
/* 19 · Las novedades ocupan su fecha en la quincena. */
.op-attendance-panel{left:25px;top:42px;width:710px;height:530px;transition:opacity 1s,transform 1s}.deck-scene[data-step="0"] .op-attendance-panel{opacity:.16;transform:scale(.96)}.op-attendance-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:19px 22px;background:#132019;border:1px solid #ffffff16;border-radius:15px;font-size:22px;box-shadow:0 20px 50px #0005}.op-att-chip-a{left:18px;top:120px;transform:rotate(-5deg)}.op-att-chip-b{right:25px;top:270px;transform:rotate(3deg)}.op-att-chip-c{left:50px;top:408px;transform:rotate(-2deg)}.op-attendance-chip svg{color:#7ac795}.op-calendar-person{display:flex;align-items:center;justify-content:space-between;margin:23px}.op-calendar-person .op-person strong{font-size:21px}.op-calendar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:20px 23px}.op-day{border:1px solid #ffffff0e;background:#ffffff03;height:65px;border-radius:9px;padding:8px 12px;position:relative;transition:background .8s,border-color .8s}.op-day>span{font-size:16px;color:#92a99b}.op-day>i{position:absolute;right:10px;bottom:8px;width:23px;height:23px;font-style:normal;color:#6caa82}.op-day svg{width:21px;height:21px;opacity:0;transform:scale(.5);transition:opacity .6s,transform .6s}.deck-scene[data-step="2"] .op-day svg,.deck-scene[data-step="3"] .op-day svg{opacity:1;transform:scale(1)}.op-day-permission{border-color:#f59e0b38;background:#f59e0b06}.op-day-permission>i{color:#e6bd74}.deck-scene[data-step="3"] .op-day-permission{border-color:#e6bd74;background:#f59e0b12}.op-day-rest{opacity:.5}.op-calendar-legend{display:flex;gap:23px;margin:0 25px;color:#8fa697;font-size:14px}.op-calendar-legend>span{display:flex;align-items:center;gap:7px}.op-calendar-legend i{width:7px;height:7px;border-radius:50%;background:#2dad62}.op-calendar-legend>span:nth-child(2)>i{background:#d8ab59}.op-permission-detail{position:absolute;bottom:20px;left:23px;right:23px;padding-top:15px;border-top:1px solid #ffffff13;display:flex;align-items:center;gap:12px}.op-permission-detail .op-iconbox{color:#dcb46f;background:#f59e0b0b;border-color:#f59e0b20}.op-permission-detail strong{font-size:19px;display:block}.op-permission-detail small{font-size:14px;margin-top:5px}.op-permission-detail>.op-badge{margin-left:auto;font-size:12px}
/* 20 · Cálculos del periodo y comprobante individual. */
.op-payroll-panel{left:17px;top:38px;width:430px;height:532px;transition:transform 1s}.op-payroll-period{padding:24px 25px 16px}.op-payroll-period>strong{display:block;font-size:26px;margin-top:9px}.op-payroll-period>small{margin-top:5px}.op-payroll-sources{margin:0 25px}.op-payroll-sources>div{display:flex;align-items:center;gap:9px;font-size:17px;padding:15px 0;border-bottom:1px solid #ffffff10}.op-payroll-sources>div>svg{width:20px;height:20px;color:#84be97}.op-payroll-sources .op-badge{margin-left:auto;font-size:11px;padding:4px 6px;gap:4px}.op-payroll-sources .op-badge svg{width:12px;height:12px}.op-payroll-calculation{margin:22px 25px}.op-payroll-calculation>div{display:flex;justify-content:space-between;gap:10px;margin:14px 0;font-size:16px}.op-payroll-calculation>div>span{color:#9eb2a5}.op-payroll-calculation strong{font-size:18px}.op-payroll-calculation>.op-payroll-total{padding-top:20px;border-top:1px solid #2dad6233;margin-top:20px}.op-payroll-total strong{font-size:25px;color:#8addA5}.op-voucher{left:449px;top:123px;width:303px;height:415px;transform:translate(25px,20px) rotate(4deg);opacity:0;transition:transform 1s,opacity 1s,border-color 1s;z-index:2}.deck-scene[data-step="3"] .op-voucher{transform:none;opacity:1;border-color:#2dad6245}.deck-scene[data-step="3"] .op-payroll-panel{transform:translateX(-9px)}.op-voucher .op-header{font-size:13px;padding:0 17px}.op-voucher-brand{display:flex;align-items:center;gap:10px;padding:22px 20px 18px}.op-voucher-brand svg{color:#7cc794;width:29px;height:29px;color:#7cc794}.op-voucher-brand strong{font-size:17px;line-height:1.35}.op-voucher>.op-label{font-size:11px;margin:0 20px}.op-voucher-name{display:block;margin:9px 20px 20px;font-size:19px}.op-voucher-lines{margin:0 20px}.op-voucher-lines>span{display:block;height:5px;background:#ffffff0a;margin-top:12px;border-radius:3px}.op-voucher-lines>span:nth-child(2){width:82%}.op-voucher-lines>span:nth-child(3){width:64%}.op-voucher-total{display:flex;flex-direction:column;margin:25px 20px 19px;padding-top:15px;border-top:1px solid #ffffff13;gap:7px}.op-voucher-total>span{font-size:14px;color:#94a99c}.op-voucher-total>strong{font-size:30px;color:#8bddA5}.op-voucher>.op-badge{margin:0 20px;font-size:11px}
/* 21 · La misma empresa, diferentes herramientas por función. */
.op-role-hub{position:absolute;left:256px;top:26px;width:248px;height:139px;display:flex;align-items:center;flex-direction:column;background:#101f16;border:1px solid #2dad623d;border-radius:20px;padding:15px;z-index:2}.op-role-hub>svg{width:34px;height:34px;color:#83d09d;margin-bottom:8px}.op-role-hub strong{font-size:24px}.op-role-hub span{font-size:15px;color:#91ad9b;margin-top:3px}.op-role-lines{position:absolute;inset:0;width:760px!important;height:615px!important;color:#2dad62;opacity:.25;stroke-dasharray:800;stroke-dashoffset:800;transition:stroke-dashoffset 1.2s}.deck-scene:not([data-step="0"]) .op-role-lines{stroke-dashoffset:0}.op-role-card{position:absolute;top:267px;width:230px;height:285px;background:rgba(13,20,16,.96);border:1px solid #ffffff16;border-radius:17px;padding:18px;transition:border-color .8s,transform .8s}.op-role-warehouse{left:10px}.op-role-service{left:265px}.op-role-finance{left:520px}.op-role-card .op-person{gap:10px}.op-role-card .op-avatar{width:36px;height:36px;font-size:16px}.op-role-card .op-person strong{font-size:21px}.op-role-function{display:block;border-bottom:1px solid #ffffff10;color:#93baA2;font-size:15px;padding:14px 0 13px;margin-bottom:11px}.op-role-access,.op-role-locked{display:flex;align-items:center;gap:8px;font-size:17px;padding:8px 0;color:#afd1bc}.op-role-access svg,.op-role-locked svg{width:18px;height:18px;color:#6fbd8b}.op-role-locked{font-size:14px;color:#77877d;margin-top:3px}.op-role-locked svg{width:15px;height:15px;color:#718277}.deck-scene[data-step="3"] .op-role-card{border-color:#2dad6238;transform:translateY(-5px)}
/* 22 · Una acción queda asociada a su autor y momento. */
.op-audit-panel{left:18px;top:55px;width:638px;height:479px;transition:transform 1s,opacity 1s}.op-audit-timeline{padding:25px 25px 0}.op-audit-event{display:flex;align-items:center;gap:16px;position:relative;min-height:91px;padding:10px 0}.op-audit-event>i{width:10px;height:10px;border:1px solid #6eaa80;border-radius:50%;background:#142c1c;z-index:1;flex-shrink:0}.op-audit-event:not(:last-child):before{position:absolute;content:"";width:1px;background:#2dad6233;top:50%;bottom:-50%;left:4px}.op-audit-event>span{font-size:15px;color:#8ca395;width:91px;flex-shrink:0}.op-audit-event strong{font-size:18px;display:block}.op-audit-event small{font-size:14px;margin-top:5px}.op-audit-event>svg{margin-left:auto;color:#87ba97;opacity:0;width:20px;height:20px;transition:opacity .7s}.deck-scene[data-step="2"] .op-audit-focus>svg,.deck-scene[data-step="3"] .op-audit-focus>svg{opacity:1}.deck-scene[data-step="2"] .op-audit-focus{background:#2dad620b;border-radius:10px}.op-audit-search{position:absolute;bottom:23px;left:25px;right:25px;border:1px solid #2dad6230;background:#2dad6208;border-radius:10px;padding:14px 12px;font-size:18px;color:#afd1bb;display:flex;align-items:center;gap:10px}.op-audit-search svg{width:20px;height:20px}.op-audit-detail{left:274px;top:134px;width:460px;height:411px;z-index:2;opacity:0;transform:translate(24px,25px) scale(.97);transition:opacity .9s,transform .9s}.deck-scene[data-step="3"] .op-audit-detail{opacity:1;transform:none;border-color:#2dad6250}.deck-scene[data-step="3"] .op-audit-panel{transform:translate(-10px,-15px);opacity:.45}.op-audit-author{padding:22px 23px 18px;border-bottom:1px solid #ffffff10}.op-audit-author .op-person strong{font-size:21px}.op-audit-field{padding:15px 23px 0}.op-audit-field>span{font-size:14px;display:block;color:#849d8c;margin-bottom:5px}.op-audit-field>strong{font-size:19px;display:block}
/* 23 · El contexto completo cabe en un mismo caso. */
.op-case-fragment{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:20px;background:#142019;border:1px solid #ffffff18;border-radius:16px;font-size:24px;box-shadow:0 20px 40px #0005}.op-case-frag-order{left:30px;top:92px;transform:rotate(-5deg)}.op-case-frag-reason{right:7px;top:225px;transform:rotate(4deg)}.op-case-frag-photo{left:95px;top:342px;transform:rotate(-4deg);font-size:18px}.op-case-frag-photo .op-jacket{width:90px;height:95px}.op-case-panel{left:25px;top:39px;width:710px;height:538px;transition:opacity 1s,transform 1s}.deck-scene[data-step="0"] .op-case-panel{opacity:.12;transform:scale(.96)}.op-case-customer{display:flex;align-items:center;justify-content:space-between;margin:23px}.op-case-customer .op-person strong{font-size:23px}.op-case-customer .op-person small{font-size:14px}.op-case-body{display:flex;gap:24px;margin:26px 23px}.op-case-photo{width:177px;flex-shrink:0}.op-case-photo .op-jacket{height:223px;object-position:center 35%}.op-case-photo>span{display:flex;align-items:center;gap:6px;font-size:13px;color:#93af9d;margin-top:9px}.op-case-photo svg{width:15px;height:15px}.op-case-info{flex:1}.op-case-info>strong{display:block;font-size:25px;margin-top:8px}.op-case-info>p{font-size:18px;line-height:1.5;color:#9fb1a5;margin:12px 0 18px}.op-case-update{padding:14px;background:#2dad6208;border:1px solid #2dad6229;border-radius:10px}.op-case-update>span{display:block;color:#86b296;font-size:14px;margin-bottom:5px}.op-case-update>strong{display:block;font-size:18px;line-height:1.5}.op-case-update>small{font-size:13px;margin-top:7px}.op-case-handoff{position:absolute;left:23px;right:23px;bottom:21px;border-top:1px solid #ffffff13;padding-top:16px;display:flex;align-items:center;justify-content:space-between}.op-case-handoff .op-person strong{font-size:18px}.op-case-handoff .op-person small{font-size:14px}.op-case-handoff>svg{color:#79cc98}
/* 24 · Elegir, adaptar y enviar una respuesta guardada. */
.op-reply-chat-panel{left:12px;top:51px;width:479px;height:520px}.op-reply-chat{padding:22px 20px}.op-chat-bubble{padding:15px 17px;font-size:20px;line-height:1.5;max-width:95%;border:1px solid #ffffff0b;border-radius:5px 14px 14px;background:#1b2920;margin-bottom:20px}.op-chat-out{margin-left:auto;background:#123b27;border-color:#2dad6230;border-radius:14px 5px 14px 14px;font-size:19px}.op-reply-compose{position:absolute;bottom:16px;left:16px;right:16px;min-height:51px;background:#ffffff04;border:1px solid #ffffff13;border-radius:12px;padding:13px 50px 13px 14px;transition:min-height .8s}.op-compose-placeholder{color:#6e8576;font-size:16px}.op-compose-text{font-size:17px;line-height:1.5;color:#b0c8b8}.op-compose-text>span{display:block;color:#b4e6c6;margin-top:10px;padding:5px;background:#2dad6218;border-radius:5px}.op-reply-compose>span{position:absolute;right:12px;bottom:12px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;color:#80d09b;background:#2dad6219}.op-reply-compose>span>svg{width:17px;height:17px}.deck-scene[data-step="2"] .op-reply-compose{min-height:197px}.op-quick-panel{left:418px;top:125px;width:330px;height:386px;z-index:2;opacity:0;transform:translateX(30px);transition:opacity .7s,transform .7s}.deck-scene[data-step="1"] .op-quick-panel{opacity:1;transform:none}.deck-scene[data-step="2"] .op-quick-panel{opacity:1;transform:translateX(12px)}.deck-scene[data-step="3"] .op-quick-panel{opacity:.42;transform:translateX(15px);z-index:0}.deck-scene[data-step="3"] .op-reply-chat-panel{z-index:3}.op-quick-panel .op-header{font-size:14px;padding:0 17px}.op-quick-answer{margin:14px;padding:13px;background:#2dad620b;border:1px solid #2dad623d;border-radius:10px}.op-quick-answer>span{display:block;font-size:12px;color:#84c299;margin-bottom:6px}.op-quick-answer>strong{display:block;font-size:18px;line-height:1.4}.op-quick-answer>p{font-size:15px;line-height:1.5;color:#94b3a0;margin:9px 0 0}.op-quick-muted{background:transparent;border-color:#ffffff0b;padding:10px 13px;margin-top:10px}.op-quick-muted>strong{font-size:15px;color:#7f9487}.op-quick-muted>span{font-size:11px;color:#637c6b}
/* Reservas de altura para mantener legibles las escenas más densas. */
.deck-scene[data-step="3"] .op-condition{display:none}.op-compose-text{display:none}.deck-scene[data-step="2"] .op-compose-text{display:block}.deck-scene[data-step="2"] .op-compose-placeholder{display:none}
.op-case-customer{margin:20px 23px}.op-case-customer .op-person strong{font-size:22px}.op-case-body{margin:20px 23px}.op-case-photo .op-jacket{height:210px}.op-case-info>strong{font-size:24px}.op-case-info>p{font-size:17px;margin:10px 0 12px}.op-case-update{padding:12px}.op-case-update>strong{font-size:17px;line-height:1.45}.op-reply-chat-panel{width:440px}.op-quick-panel{left:435px;width:313px;height:435px}
@media(prefers-reduced-motion:reduce){.op-stage *{transition:none!important}}