/* MCHILS Commercial Integration Lab: preview only, never charged */
.rl-overlay{position:fixed;inset:0;z-index:280;background:#08111bcf;backdrop-filter:blur(10px);padding:12px;display:grid;place-items:center;overflow:auto}
.rl-dialog{width:min(1120px,100%);max-height:95vh;overflow:auto;border-radius:19px;border:1px solid var(--edge,#bbb);box-shadow:0 25px 85px #0008;background:var(--card);color:var(--ink)}
.rl-top{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:clamp(20px,3.5vw,37px);background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 13%,var(--card)),var(--card));border-bottom:1px solid var(--edge)}
.rl-top small{color:var(--accent);font-weight:950;font-size:10px;letter-spacing:.15em}.rl-top h2{font-size:clamp(36px,5vw,60px);line-height:1;letter-spacing:-.075em;margin:10px 0 15px}.rl-top p{font-size:12px;color:var(--muted);margin:0}.rl-top>button{background:var(--panel2);color:var(--ink);border:1px solid var(--edge);border-radius:10px;width:44px;height:44px;font-size:26px;flex:none;cursor:pointer}
.rl-content{padding:clamp(18px,3vw,35px)}.rl-warning{background:color-mix(in srgb,#dfad68 10%,var(--card));border:1px solid #dfad6899;padding:19px;border-radius:12px;color:var(--ink);line-height:1.65;font-size:12px}
.rl-warning strong{display:block;color:#e4ad66;font-size:14px;margin-bottom:4px}
.rl-section{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:31px 0 16px}.rl-section h3{font-size:clamp(24px,3vw,35px);letter-spacing:-.06em;margin:0}.rl-section small{font-size:11px;color:var(--muted)}
.rl-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rl-cards article{background:var(--panel2);border:1px solid var(--edge);border-radius:13px;padding:20px;min-width:0}
.rl-cards .rl-notconnected{font-size:10px;font-weight:900;color:#e8b57c;letter-spacing:.06em}.rl-cards h3{font-size:16px;letter-spacing:-.04em;margin:12px 0}.rl-cards p{font-size:11px;line-height:1.6;color:var(--muted);min-height:55px}.rl-cards small{font-size:10px;color:var(--muted)}
.rl-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:19px;background:var(--panel2);border-radius:13px;border:1px solid var(--edge)}
.rl-form label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:850;color:var(--muted)}.rl-form select{padding:13px;color:var(--ink);background:var(--card);border:1px solid var(--edge);border-radius:8px;width:100%}.rl-form button,.rl-preview button,.rl-error button{background:var(--accent);color:var(--bg);border:0;padding:14px 20px;font-size:12px;font-weight:950;border-radius:9px;cursor:pointer}
.rl-empty,.rl-error{padding:22px;background:var(--panel2);border:1px solid var(--edge);border-radius:12px;font-size:12px;line-height:1.5}
.rl-preview{margin-top:18px;background:var(--panel2);padding:22px;border:1px solid var(--accent);border-radius:13px}
.rl-mode{font-size:10px;color:#e4ad66;font-weight:950;letter-spacing:.12em}.rl-preview h3{font-size:25px;letter-spacing:-.06em;margin:8px 0 17px}
.rl-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}
.rl-summary>div{padding:14px;background:var(--card);border:1px solid var(--edge);border-radius:9px}.rl-summary span{color:var(--muted);display:block;font-size:10px}.rl-summary strong{display:block;font-size:21px;letter-spacing:-.05em;margin-top:6px}
.rl-preview h4{margin:12px 0;font-size:17px}.rl-preview p,.rl-footnote{font-size:11px;line-height:1.6;color:var(--muted)}
.rl-scroll{overflow:auto}.rl-scroll table{border-collapse:collapse;width:100%;min-width:420px}.rl-scroll th,.rl-scroll td{padding:11px;border-bottom:1px solid var(--edge);font-size:11px;text-align:left}
.rl-scroll thead{background:var(--card)}.rl-scroll tfoot{font-weight:950}
.rl-footnote{padding:18px 0}
@media(max-width:870px){.rl-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.rl-form{grid-template-columns:1fr}}
@media(max-width:520px){.rl-cards{grid-template-columns:1fr}.rl-section{align-items:start;flex-direction:column}.rl-top{padding:17px}.rl-content{padding:13px}.rl-summary{grid-template-columns:1fr}.rl-form button{width:100%}}