/* Forja dos Mundos v4.3 — Fase 59: Laboratório de Avaliação e Aprendizado da Ciel */
.ciel-quality-lab{width:min(1240px,calc(100vw - 24px));height:min(900px,calc(100dvh - 24px));max-width:none;max-height:none;padding:0;border:1px solid rgba(112,220,189,.3);border-radius:22px;background:#07100f;color:#e9f8f3;box-shadow:0 35px 120px rgba(0,0,0,.82);overflow:hidden}.ciel-quality-lab::backdrop{background:rgba(1,5,4,.86);backdrop-filter:blur(8px)}.cql-shell{height:100%;display:grid;grid-template-rows:auto auto auto 1fr auto;background:radial-gradient(circle at 90% -20%,rgba(56,160,136,.25),transparent 38%),radial-gradient(circle at 0 20%,rgba(84,95,180,.13),transparent 32%),linear-gradient(145deg,#0b1916,#050a09 68%)}.cql-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid rgba(158,239,215,.12);background:rgba(3,10,8,.78)}.cql-brand{display:flex;align-items:flex-start;gap:13px}.cql-brand>span{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(111,226,193,.36);border-radius:16px;background:linear-gradient(145deg,rgba(76,187,155,.2),rgba(73,91,175,.1));color:#9af0d6;font-size:1.55rem}.cql-brand p{margin:0 0 3px;color:#79d8bb;font-size:.58rem;letter-spacing:.15em;text-transform:uppercase}.cql-brand h2{margin:0;font:800 clamp(1.15rem,2.2vw,1.8rem) Cinzel,serif}.cql-brand small{display:block;margin-top:4px;color:#88a69d;font-size:.7rem}.cql-close{width:40px;height:40px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.035);color:#bfd9d1;font-size:1.3rem;cursor:pointer}.cql-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:12px 22px;border-bottom:1px solid rgba(158,239,215,.08)}.cql-overview article{padding:11px 13px;border:1px solid rgba(158,239,215,.11);border-radius:12px;background:rgba(0,0,0,.2)}.cql-overview small,.cql-overview strong{display:block}.cql-overview small{color:#6d9589;font-size:.55rem;text-transform:uppercase;letter-spacing:.08em}.cql-overview strong{margin-top:3px;color:#e8fff8;font:800 1rem Cinzel,serif}.cql-tabs{display:flex;gap:7px;padding:10px 22px;border-bottom:1px solid rgba(158,239,215,.08)}.cql-tabs button,.cql-footer button,.cql-panel button,.cql-form button,.cql-case-grid button{border:1px solid rgba(125,221,193,.18);border-radius:10px;background:#0e1a17;color:#cbe7df;padding:8px 11px;font:600 .72rem Inter,sans-serif;cursor:pointer}.cql-tabs button.is-active,.cql-footer button.is-primary,.cql-form button.is-primary,.cql-hero button.is-primary{border-color:#62d4b1;background:linear-gradient(135deg,#1f7c64,#23566c);color:#fff}.cql-main{min-height:0;overflow:auto;padding:20px 22px}.cql-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:18px;border:1px solid rgba(130,229,199,.15);border-radius:16px;background:rgba(0,0,0,.22)}.cql-hero small,.cql-hero strong,.cql-hero span{display:block}.cql-hero small{color:#77a598;font-size:.56rem;letter-spacing:.1em}.cql-hero strong{margin:4px 0;font:900 2.2rem Cinzel,serif}.cql-hero span{color:#7e9c93;font-size:.66rem}.cql-dimension-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:14px}.cql-dimension-grid article{padding:13px;border:1px solid rgba(130,229,199,.11);border-radius:13px;background:#0b1512}.cql-dimension-grid small,.cql-dimension-grid strong,.cql-dimension-grid span{display:block}.cql-dimension-grid small{color:#75978e;font-size:.54rem;text-transform:uppercase}.cql-dimension-grid strong{margin:5px 0;color:#eafff8;font:800 1.1rem Cinzel,serif}.cql-dimension-grid span{color:#5e776f;font-size:.56rem}.is-good{color:#87efbf!important}.is-warn{color:#f3d77f!important}.is-bad{color:#ff8f96!important}.cql-panel{margin-bottom:14px;padding:15px;border:1px solid rgba(130,229,199,.11);border-radius:15px;background:rgba(5,13,11,.74)}.cql-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.cql-panel header small{color:#72a093;font-size:.54rem;letter-spacing:.1em}.cql-panel header h3{margin:4px 0 0;font:800 .98rem Cinzel,serif}.cql-panel header>span{color:#68827a;font-size:.6rem}.cql-result-list,.cql-case-grid,.cql-feedback-list{display:grid;gap:7px}.cql-result-list article,.cql-case-grid article,.cql-feedback-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid rgba(130,229,199,.08);border-radius:11px;background:#09120f}.cql-result-list strong,.cql-result-list span,.cql-case-grid strong,.cql-case-grid span,.cql-feedback-list strong,.cql-feedback-list span{display:block}.cql-result-list strong,.cql-case-grid strong{font-size:.7rem}.cql-result-list span,.cql-case-grid span,.cql-feedback-list span{margin-top:3px;color:#647f77;font-size:.56rem}.cql-result-list b,.cql-case-grid b{font-size:.58rem}.cql-result-list article.is-passed b{color:#77e8b4}.cql-result-list article.is-warning b{color:#f1d279}.cql-result-list article.is-failed b{color:#ff8991}.cql-regressions{display:flex;flex-wrap:wrap;gap:7px}.cql-regressions span{padding:7px 9px;border:1px solid rgba(255,138,146,.22);border-radius:9px;background:rgba(140,40,48,.11);color:#ffabb0;font-size:.62rem}.cql-form{display:grid;gap:10px;margin-bottom:14px;padding:16px;border:1px solid rgba(130,229,199,.12);border-radius:15px;background:#09130f}.cql-form h3{margin:4px 0;font:800 1rem Cinzel,serif}.cql-form small{color:#73a397;font-size:.54rem;letter-spacing:.1em}.cql-form p{margin:7px 0 0;color:#77948c;font-size:.66rem;line-height:1.5}.cql-form label{display:grid;gap:5px;color:#c9ded8;font-size:.68rem}.cql-form input,.cql-form select,.cql-form textarea{width:100%;padding:9px 10px;border:1px solid rgba(130,229,199,.16);border-radius:10px;background:#07100d;color:#ecfff9;outline:none;font:400 .72rem Inter,sans-serif}.cql-form textarea{min-height:86px;resize:vertical}.cql-form input:focus,.cql-form select:focus,.cql-form textarea:focus{border-color:#62d4b1;box-shadow:0 0 0 3px rgba(98,212,177,.08)}.cql-form .cql-check{display:flex;align-items:center;gap:8px}.cql-form .cql-check input{width:auto;accent-color:#62d4b1}.cql-two-col{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:14px}.cql-feedback-list code{color:#527168;font-size:.52rem}.cql-privacy{margin:0;padding-left:20px}.cql-privacy li{margin:8px 0;color:#9db6ae;font-size:.68rem;line-height:1.5}.cql-empty{padding:22px;text-align:center;color:#647b74;font-size:.68rem}.cql-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 22px;border-top:1px solid rgba(158,239,215,.09);background:#050a08;color:#60766f;font-size:.58rem}.cql-footer>div{display:flex;gap:7px}.cql-toast{position:fixed;right:24px;bottom:24px;max-width:430px;padding:12px 16px;border:1px solid rgba(98,212,177,.36);border-radius:12px;background:#123b31;color:#edfff9;box-shadow:0 14px 40px rgba(0,0,0,.45);opacity:0;pointer-events:none;transform:translateY(12px);transition:.2s;z-index:100000}.cql-toast.is-visible{opacity:1;transform:none}.cql-trigger span{color:#8de7ca}.cql-trigger b{font-size:.5rem}.cql-mobile{border-color:rgba(98,212,177,.35)!important}
@media(max-width:850px){.cql-dimension-grid{grid-template-columns:repeat(2,1fr)}.cql-two-col{grid-template-columns:1fr}}
@media(max-width:700px){.ciel-quality-lab{width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0}.cql-header{padding:13px}.cql-brand small{display:none}.cql-brand>span{width:43px;height:43px}.cql-overview{grid-template-columns:repeat(2,1fr);padding:9px 13px}.cql-tabs{padding:8px 13px;overflow:auto}.cql-main{padding:13px}.cql-hero{align-items:flex-start;flex-direction:column}.cql-hero button{width:100%}.cql-dimension-grid{grid-template-columns:repeat(2,1fr)}.cql-footer{padding:9px 12px}.cql-footer>span{display:none}.cql-footer>div{width:100%}.cql-footer button{flex:1}.cql-toast{left:13px;right:13px;bottom:70px;max-width:none}}