.ot-root{--ot-orange:#f26a12;--ot-ink:#111;--ot-line:#d9d9d9;--ot-soft:#e9e9e9;--ot-body:"OT Barlow","Barlow",Arial,sans-serif;--ot-semi:"OT Barlow Semi","Barlow Semi Condensed","Arial Narrow",Arial,sans-serif;--ot-cond:"Barlow Condensed","Arial Narrow",Arial,sans-serif;position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;background:#eceef0;color:var(--ot-ink);padding:14px 16px 36px;font-family:var(--ot-body);box-sizing:border-box}.ot-root *{box-sizing:border-box}.ot-pages{display:flex;flex-direction:column;align-items:center;gap:16px}.ot-scale{flex:none;overflow:hidden;background:#fff;box-shadow:0 2px 14px #0002}.ot-scale-in{width:794px;height:1123px;transform-origin:0 0}.ot-measure-page{position:fixed;left:-10000px;top:0;width:794px;height:1123px;visibility:hidden;pointer-events:none}.ot-error{max-width:794px;margin:15vh auto;background:#fff;padding:24px;border-radius:9px}.ot-print-float{position:fixed;right:18px;bottom:18px;z-index:10;width:50px;height:50px;border:0;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;box-shadow:0 3px 12px #0004;cursor:pointer}.ot-print-float:disabled{opacity:.55;cursor:wait}.ot-sheet{position:relative;width:794px;height:1123px;overflow:hidden;background:#fff;padding:34px 40px 78px;font:400 12.5px/1.35 var(--ot-body);color:var(--ot-ink);-webkit-print-color-adjust:exact;print-color-adjust:exact}.ot-header{display:flex;align-items:center;gap:14px;height:76px;padding-bottom:8px;border-bottom:1px solid #8a8a8a}.ot-brand{font:800 46px/1 OT Brand,Montserrat,Arial Black,sans-serif;letter-spacing:-.5px}.ot-divider{align-self:center;height:44px;border-left:1.5px solid #333}.ot-doc-name{font:500 15px/1 var(--ot-body);letter-spacing:.3px}.ot-control{margin-left:auto;font:600 11px/1 var(--ot-body);letter-spacing:.2px;white-space:nowrap}.ot-header.compact{height:72px}.ot-header.compact .ot-brand{font-size:42px}.ot-header.compact .ot-doc-name{font-family:var(--ot-semi);font-size:15px}.ot-products-head{margin:0 auto;font:700 19px/1 var(--ot-semi);letter-spacing:.3px}.ot-header.compact .ot-control{margin-left:0;font-family:var(--ot-semi);font-size:11.5px}.ot-qr-small{width:64px;height:64px;margin-left:14px;margin-bottom:6px}.ot-qr-small svg,.ot-qr svg{display:block;width:100%;height:100%}.ot-info{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,1fr);gap:28px;padding:26px 0 18px}.ot-qr-box{width:150px;height:150px;border:1px solid #cfcfcf;border-radius:6px;padding:9px}.ot-qr{width:100%;height:100%}.ot-meta{min-width:0}.ot-meta>div{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;min-height:30px;border-bottom:1px solid var(--ot-soft);gap:6px}.ot-meta b{font:600 13px/1.2 var(--ot-body)}.ot-meta span{font:400 13px/1.2 var(--ot-body);overflow-wrap:anywhere}.ot-meta .urgent{color:var(--ot-orange);font:700 15px/1 var(--ot-semi);letter-spacing:.4px}.ot-instructions{position:relative;border:1px solid var(--ot-line);border-left:5px solid var(--ot-orange);border-radius:8px;padding:12px 22px 12px 26px;margin:0 0 14px}.ot-instructions h2{display:flex;align-items:center;gap:12px;margin:0 0 6px;font:700 18px/1 var(--ot-semi);letter-spacing:.2px}.ot-instructions h2 i{width:24px;height:24px;border:2px solid var(--ot-orange);border-radius:50%;color:var(--ot-orange);display:grid;place-items:center;font:700 14px/1 var(--ot-body);font-style:normal}.ot-instructions ul{margin:0;padding-left:54px;list-style:disc}.ot-instructions li{display:list-item;margin:3px 0;font:500 13px/1.3 var(--ot-body)}.ot-journey{border:1px solid var(--ot-line);border-radius:8px;padding:14px 16px 4px}.ot-journey h2{margin:0 0 10px;font:700 18px/1 var(--ot-semi);letter-spacing:.2px}.ot-journey ol{margin:0;padding:0;list-style:none}.ot-j-head,.ot-j-row{display:grid;grid-template-columns:30px 54px 150px 72px minmax(0,1fr) 168px;align-items:center}.ot-j-head{padding-bottom:4px;font:600 9px/1 var(--ot-body);letter-spacing:.3px;color:#333}.ot-j-head span:nth-child(1){grid-column:1/4}.ot-j-head span:nth-child(2){grid-column:4;text-align:center}.ot-j-head span:nth-child(3){grid-column:5;padding-left:14px}.ot-j-head span:nth-child(4){grid-column:6;text-align:center}.ot-j-row{position:relative;height:44px;border-top:1px solid #efefef}.ot-j-row:before{content:"";position:absolute;left:14px;top:0;bottom:0;border-left:1px dashed #c4c4c4}.ot-j-row:first-child:before{top:50%}.ot-j-row:last-child:before{bottom:50%}.ot-step-num{position:relative;z-index:1;width:26px;height:26px;border:1px solid #9a9a9a;border-radius:50%;background:#fff;display:grid;place-items:center;font:500 12px/1 var(--ot-body)}.ot-step-num:after{content:"";position:absolute;left:100%;top:50%;width:8px;border-top:1px solid #9a9a9a}.ot-stage-icon{width:36px;height:36px;margin-left:10px;border:1px solid #c9c9c9;border-radius:50%;display:grid;place-items:center;color:#222;background:#fff}.ot-stage-name{font:600 14.5px/1 var(--ot-semi)}.ot-state{display:grid;place-items:center}.ot-state em{font:500 10px/1.1 var(--ot-body);font-style:normal;color:#777;text-align:center}.ot-done-dot{width:20px;height:20px;border-radius:50%;background:#16a34a;color:#fff;display:grid;place-items:center}.ot-current-dot{width:20px;height:20px;border-radius:50%;background:var(--ot-orange);box-shadow:0 0 0 3px #fff,0 0 0 4.5px var(--ot-orange)}.ot-empty-dot{width:19px;height:19px;border-radius:50%;border:1.5px solid #9d9d9d;background:#fff}.ot-time{padding-left:14px;font:500 11.5px/1.2 var(--ot-body);overflow-wrap:anywhere}.ot-time small{display:block;color:#a33;font-size:9.5px}.ot-time small.ot-act{color:#222;font-size:10.5px;font-weight:600}.ot-signature{align-self:end;margin:0 12px 11px;border-bottom:1px solid #8c8c8c}.ot-j-row.current .ot-step-num{width:30px;height:30px;margin-left:-2px;border:2px solid var(--ot-orange);color:var(--ot-orange);font:700 15px/1 var(--ot-body)}.ot-j-row.current .ot-step-num:after{border-top:1.5px dashed var(--ot-orange);width:6px}.ot-j-row.current .ot-stage-icon{background:#fde4d3;border-color:#f8c7a6;color:var(--ot-orange)}.ot-j-row.current .ot-stage-name{font-size:17px}.ot-j-row.current .ot-signature{border-bottom-color:#222}.ot-j-row.not_required .ot-stage-name,.ot-j-row.not_required .ot-stage-icon{color:#999}.ot-j-row.cancelled .ot-current-dot,.ot-j-row.rejected .ot-current-dot{background:#c62828;box-shadow:0 0 0 3px #fff,0 0 0 4.5px #c62828}.ot-bottom{display:grid;grid-template-columns:1.08fr 1fr 1.2fr;gap:18px;margin-top:16px}.ot-bottom>section{border:1px solid var(--ot-line);border-radius:6px;min-height:104px}.ot-trays{padding:14px 14px 8px}.ot-trays h3{margin:0 0 6px;font:700 16px/1 var(--ot-semi);letter-spacing:.2px}.ot-trays p{display:grid;grid-template-columns:30px 1fr 74px;align-items:center;margin:0;height:30px;font:500 12.5px/1 var(--ot-body)}.ot-trays p+p{border-top:1px solid var(--ot-soft)}.ot-trays p b{height:100%;display:flex;align-items:center;padding-left:12px;border-left:1px solid var(--ot-soft);font:400 12.5px/1 var(--ot-body)}.ot-tray-icon{width:24px;height:15px}.ot-next{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px;text-align:center}.ot-next-icon{width:30px;height:30px;color:var(--ot-orange);margin-bottom:4px}.ot-next b{font:700 15px/1.1 var(--ot-semi);letter-spacing:.2px}.ot-next strong{font:700 20px/1.1 var(--ot-semi);color:var(--ot-orange)}.ot-next small{color:#a33;font-size:10px}.ot-access{display:flex;align-items:center;gap:16px;padding:12px 18px}.ot-scan-icon{flex:none;width:40px;height:40px;color:#111}.ot-access p{margin:0;font:400 12px/1.5 var(--ot-body)}.ot-access p b{font:700 12.5px/1.5 var(--ot-semi);letter-spacing:.2px}.ot-footer{position:absolute;left:40px;right:40px;bottom:32px;display:flex;justify-content:space-between;align-items:center;padding-top:9px;border-top:1px solid #666;font:400 11px/1 var(--ot-body);white-space:nowrap}.ot-footer-2{font:400 13px/1 var(--ot-cond)}.ot-footer-2 i{height:16px;border-left:1px solid #555}.ot-products{font-family:var(--ot-cond)}.ot-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;font:400 15px/1 var(--ot-cond)}.ot-strip i{height:18px;border-left:1px solid #555}.ot-strip b{font-weight:600}.ot-section-title{display:flex;align-items:center;margin:6px 0 10px;padding-left:16px;border-left:5px solid var(--ot-orange);font:700 22px/1 var(--ot-cond);letter-spacing:.3px;height:24px}.ot-cards{display:flex;flex-direction:column;gap:10px}.ot-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:12px;border:1px solid #cdcdcd;border-radius:5px;padding:12px 16px 14px 18px;-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}.ot-item.ot-item-island{grid-template-columns:minmax(0,1fr) 300px 112px;align-items:start}.ot-item-main{min-width:0}.ot-item-no{display:block;color:var(--ot-orange);font:600 17px/1.15 var(--ot-cond)}.ot-item h3{margin:2px 0 4px;font:600 22px/1.15 var(--ot-cond)}.ot-item-island h3{margin-top:14px}.ot-subline{margin:0 0 8px;font:400 15px/1.3 var(--ot-cond)}.ot-item-island .ot-subline{margin-bottom:18px}.ot-kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;margin:3px 0;font:400 14.5px/1.4 var(--ot-cond)}.ot-item-island .ot-kv{margin:0 0 14px}.ot-kv b{font-weight:600}.ot-kv span{overflow-wrap:anywhere}.ot-qty{justify-self:end;align-self:start;margin-top:4px;padding:6px 14px 5px;border:1.5px solid #333;border-radius:6px;font:700 22px/1 var(--ot-cond);white-space:nowrap}.ot-preview{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:2px}.ot-preview>b{color:var(--ot-orange);font:600 15px/1 var(--ot-cond);letter-spacing:.2px}.ot-module{display:block;width:100%;max-height:200px}.ot-item.ot-item-wide{grid-template-columns:minmax(0,1fr) 112px}.ot-item-wide .ot-preview{grid-column:1 / -1;grid-row:2}.ot-item-wide .ot-qty{grid-column:2;grid-row:1}.ot-item-wide h3{margin-top:2px}.ot-item-wide .ot-subline,.ot-item-wide .ot-kv{margin-bottom:6px}.ot-item-wide .ot-module{width:auto;max-width:100%;height:190px;max-height:190px}.ot-header>*{white-space:nowrap;flex:none}.ot-header .ot-control{flex:0 1 auto}.ot-signoffs{margin-top:14px}.ot-signoffs .ot-section-title{margin-bottom:10px}.ot-signoffs>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.ot-signoffs article{border:1px solid #c9c9c9;border-radius:4px;padding:10px 8px 12px;display:flex;flex-direction:column;gap:14px;font:400 11px/1 var(--ot-body)}.ot-signoffs article>b{text-align:center;font:600 14px/1 var(--ot-cond);letter-spacing:.2px;margin-bottom:2px}.ot-signoffs article span{display:flex;align-items:flex-end;gap:4px;white-space:nowrap}.ot-signoffs article i{flex:1;min-width:0;height:14px;border-bottom:1px solid #888;font:500 10.5px/1 var(--ot-body);font-style:normal;color:#333;overflow:hidden;text-overflow:ellipsis}.ot-focus{background:#fff9d7!important;animation:ot-flash 2s ease-out}@keyframes ot-flash{0%{background:#ffe577}to{background:#fff}}@media print{@page{size:A4;margin:0}html,body{margin:0;padding:0;background:#fff}body *{visibility:hidden}.ot-root,.ot-root *{visibility:visible}.ot-measure-page,.ot-print-float{display:none!important}.ot-root{position:static;overflow:visible;padding:0;background:#fff}.ot-pages{display:block}.ot-scale{width:794px!important;height:1123px!important;box-shadow:none;overflow:hidden;-moz-column-break-after:page;break-after:page;page-break-after:always}.ot-scale:last-child{-moz-column-break-after:auto;break-after:auto;page-break-after:auto}.ot-scale-in{transform:none!important}}.ot-eng-link{display:block;margin-top:2px;border:0;background:none;padding:0;color:#ea580c;font:600 10.5px/1.2 inherit;cursor:pointer;text-decoration:underline;text-align:left}@media print{.ot-eng-link{display:none}}.ot-h3-sub{font-weight:500;font-size:15px;color:#333;white-space:nowrap}.ot-spec{display:grid;grid-template-columns:max-content;margin:2px 0 8px;font:400 15px/1.45 var(--ot-cond)}.ot-spec>div{display:grid;grid-template-columns:86px 10px minmax(0,1fr)}.ot-spec b{font-weight:600}.ot-spec i{font-style:normal}.ot-spec span{font-weight:600}.ot-item-island .ot-spec{margin-bottom:12px}.ot-item.ot-item-island{grid-template-columns:minmax(0,1fr) 300px 112px}.ot-module{max-height:230px}.ot-item-wide .ot-module{height:215px;max-height:215px}.ot-item,.ot-item.ot-item-island{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 16px;padding:10px 14px 12px 16px}.ot-item-head{display:flex;align-items:center;gap:10px}.ot-item .ot-qty{margin:0;padding:3px 10px 2px;font-size:15px;border-width:1.5px}.ot-item h3,.ot-item-island h3{margin:2px 0 4px;font-size:20px}.ot-spec,.ot-item-island .ot-spec{margin:0 0 6px;font-size:14px;line-height:1.35}.ot-kv,.ot-item-island .ot-kv{margin:2px 0;font-size:13.5px}.ot-preview{padding:0;gap:4px;justify-self:end}.ot-preview>b{font-size:12px}.ot-module.sized{width:auto;max-height:none;height:auto}.ot-cards{gap:8px}.ot-capture .ot-scale{width:794px!important;height:1123px!important}.ot-capture .ot-scale-in{transform:none!important}.ot-capture .ot-eng-link,.ot-capture .ot-print-float{display:none!important}.ot-special{border:3px solid #000;background:#fff3e8;border-radius:8px;padding:12px 18px;margin:0 0 14px;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ot-special h2{margin:0 0 6px;font:800 16px/1 var(--ot-semi);letter-spacing:.6px;color:#000}.ot-special p{margin:0;font:800 20px/1.3 var(--ot-body);color:#000;white-space:pre-wrap}
