
/* ===== RENTAL SKILL · приборы светотехника ===== */
.lx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;margin-top:18px}
.lx-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.lx-card.lx-wide{grid-column:1/-1}
.lx-card h3{margin:0 0 8px;font-size:17px;color:var(--txt)}
.lx-sub{font-size:13px;color:var(--mut);margin:0 0 16px;line-height:1.5}
.lx-card label{display:block;font-size:12.5px;color:var(--mut);margin:12px 0 0}
.lx-card input[type=number],.lx-card select{width:100%;margin-top:5px;background:var(--panel2);
  border:1px solid var(--line);border-radius:8px;color:var(--txt);padding:9px 11px;font:inherit;font-size:14px}
.lx-card input[type=range]{width:100%;margin-top:6px;accent-color:var(--gold)}
.lx-card input:focus,.lx-card select:focus{border-color:var(--gold);outline:none}
.lx-card label b{float:right;color:var(--gold);font-family:ui-monospace,Menlo,monospace;font-size:12.5px}
.lx-chk{display:flex;align-items:center;gap:8px}
.lx-chk input{width:auto;margin:0}
.lx-out{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}
.lx-out>div{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:13.5px;color:var(--mut)}
.lx-out>div b{color:var(--txt);font-family:ui-monospace,Menlo,monospace}
.lx-note{display:block !important;margin-top:10px;font-size:12.5px;color:var(--mut);
  border-left:2px solid var(--gold);padding-left:10px;line-height:1.5}
.lx-addr{display:block !important;font-family:ui-monospace,Menlo,monospace;font-size:12px;
  color:var(--cyan);margin-top:8px;word-break:break-word}
.lx-svg{width:100%;height:110px;margin-top:12px}
.lx-step{font-family:ui-monospace,Menlo,monospace;font-size:11.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--mut);margin-bottom:10px}
.lx-sit{font-size:15px;color:var(--txt);margin:0 0 16px;line-height:1.55}
.lx-opt{display:block;width:100%;text-align:left;background:var(--panel2);color:var(--txt);
  border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:8px;
  font:inherit;font-size:14px;cursor:pointer;line-height:1.45}
.lx-opt:hover:not(:disabled){border-color:var(--gold)}
.lx-opt:disabled{cursor:default;opacity:.75}
.lx-opt.good{border-color:var(--green);opacity:1}
.lx-opt.mid{border-color:var(--gold);opacity:1}
.lx-opt.bad{border-color:var(--red);opacity:1}
.lx-fb{margin-top:12px;padding:14px;border-radius:10px;font-size:13.5px;line-height:1.55;
  background:var(--panel2);border-left:3px solid var(--mut);color:var(--mut)}
.lx-fb.good{border-left-color:var(--green)}
.lx-fb.mid{border-left-color:var(--gold)}
.lx-fb.bad{border-left-color:var(--red)}
.lx-b{margin-top:12px;background:var(--gold);color:#12161d;border:0;border-radius:8px;
  padding:9px 16px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.lx-b:hover{filter:brightness(1.1)}
.lx-res{text-align:center;padding:18px}
.lx-res b{font-size:16px;color:var(--txt)}
.lx-big{font-family:ui-monospace,Menlo,monospace;font-size:44px;color:var(--gold);margin:10px 0}
.lx-res p{color:var(--mut);font-size:14px;max-width:460px;margin:0 auto;line-height:1.55}

