.lab{padding-top:90px;padding-bottom:40px;scroll-margin-top:100px}.lab-shell{border:1px solid #d8e0e9;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 24px 70px #14243b08}.lab-top,.lab-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 30px}.lab-badge{font-size:11px;letter-spacing:.13em;color:#345ad8;font-weight:700}.lab-top label{font-size:12px;display:flex;gap:12px;align-items:center}.lab select{background:white;color:#14243b;border:1px solid #ccd5e0;border-radius:9px;min-height:44px;padding:10px 34px 10px 12px;font:inherit;max-width:100%}.lab-phases{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #e2e7ef;background:#f6f8fb}.lab-phases button{min-height:65px;border:0;border-bottom:2px solid transparent;background:none;color:#647084;font:inherit;text-align:left;padding:14px 24px;cursor:pointer}.lab-phases button span{font-size:11px;margin-right:12px}.lab-phases button[aria-pressed=true]{border-color:#345ad8;color:#244cc5;background:white}.lab-body{display:grid;grid-template-columns:.85fr 1.15fr}.lab-controls{padding:34px}.lab-controls h3{font-size:28px;font-weight:500;line-height:1.18;margin:15px 0}.lab-controls p{font-size:14px;line-height:1.65;color:#596779}.lab-field{display:grid;gap:10px;margin-top:25px;font-size:14px}.lab-rule{display:flex;gap:10px;align-items:flex-start;margin:22px 0;font-size:14px;line-height:1.5;cursor:pointer}.lab-rule input{width:19px;height:19px;flex-shrink:0;accent-color:#345ad8}.lab-canvas{padding:28px 34px;background:radial-gradient(#cdd7e4 1px,transparent 1px) 0 0/18px 18px #f6f8fc;border-left:1px solid #e2e7ef}.lab-canvas-header{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:14px}.lab-canvas-header span{font-size:11px;color:#617188;background:#fff;padding:7px 9px;border-radius:20px}.lab-canvas ol{list-style:none;padding:0;margin:25px 0;display:grid;gap:17px}.lab-canvas li{position:relative;display:grid;grid-template-columns:28px 1fr;gap:5px 10px;background:#fff;border:1px solid #d9e1ec;padding:15px;border-radius:12px}.lab-canvas li:not(:last-child):after{content:'';position:absolute;height:18px;width:1px;background:#8da1c4;bottom:-18px;left:28px}.lab-canvas li span{grid-row:span 2;font-size:11px;color:#708099;padding-top:3px}.lab-canvas li strong{font-weight:500;font-size:15px}.lab-canvas li small{font-size:12px;color:#68758a}.lab-canvas li.pendente{border-color:#c89448;background:#fffbf3}.lab-canvas li.pronta{border-color:#599683;background:#f3fcf8}.lab-case{background:#14243b;color:white;border-radius:12px;padding:20px}.lab-case>span{font-size:10px;letter-spacing:.12em;color:#b4c7ee}.lab-case h4{font-size:18px;font-weight:500;margin:10px 0}.lab-case p{font-size:12px;color:#c6d0de;margin:0;line-height:1.6}.lab-comparison{padding:24px 30px;border-top:1px solid #e2e7ef;background:#f1f5fd}.lab-comparison h3{font-size:20px;font-weight:500;margin:0 0 15px}.lab-comparison p,.lab-comparison strong{font-size:13px;line-height:1.6}.lab-history{padding:20px 30px;border-block:1px solid #e2e7ef;font-size:13px}.lab-history summary{cursor:pointer;padding:6px 0}.lab-history li{margin:14px 0;line-height:1.6}.lab-history p{color:#697587}.lab-bottom p{font-size:11px;color:#697587;max-width:560px;line-height:1.6;margin:0}.lab-bottom button{flex-shrink:0;font-size:13px;background:none;border:0;cursor:pointer;min-height:44px}.lab :focus-visible{outline:3px solid #345ad8;outline-offset:4px}@media(min-width:1600px){.lab-body{grid-template-columns:1fr 1.3fr}.lab-controls,.lab-canvas{padding:45px}}@media(max-width:760px){.lab{padding-top:55px}.lab-top,.lab-bottom{align-items:stretch;flex-direction:column;padding:20px;gap:15px}.lab-top label{align-items:stretch;flex-direction:column}.lab-body{grid-template-columns:1fr}.lab-controls,.lab-canvas{padding:24px 20px}.lab-canvas{border-left:0;border-top:1px solid #e2e7ef}.lab-phases button{font-size:12px;padding:12px 6px;text-align:center}.lab-phases button span{display:block;margin:0 0 5px}.lab-comparison,.lab-history{padding:20px}.lab-canvas-header{align-items:start;flex-direction:column}}
