/* AIRLAB Cockpit web */
.ck{max-width:1500px;margin:0 auto;padding:16px;color:#F2F4F5;font-family:"IBM Plex Sans",system-ui,sans-serif}
.ck h1{font-family:"Barlow Condensed",system-ui,sans-serif;font-size:34px;margin:0 0 4px;letter-spacing:.5px}
.ck h2{font-size:15px;margin:0 0 8px;text-transform:uppercase;letter-spacing:.6px;color:#C9D1D9}
.ck h3{font-size:16px;margin:18px 0 8px}
.ck-title p{margin:0;color:#AEB7C0;max-width:900px}
.ck-top{display:grid;gap:10px;margin-bottom:14px}
.ck-conn{display:flex;flex-wrap:wrap;gap:8px}
.ck button,.ck .btn{font:600 14px/1 "IBM Plex Sans",system-ui,sans-serif;padding:10px 14px;border-radius:10px;border:1px solid #3A434D;background:#1A1F25;color:#F2F4F5;cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.ck button:hover:not(:disabled),.ck .btn:hover{border-color:#F06A2A}
.ck button:disabled{opacity:.45;cursor:not-allowed}
.ck button.on{background:#F06A2A;border-color:#F06A2A;color:#000}
.ck .btn.ghost{background:transparent}
.ck-st{margin:0;font-size:14px;color:#AEB7C0}
#ck-link{margin-left:8px;font-family:ui-monospace,Menlo,monospace;font-size:12px;padding:2px 8px;border-radius:6px;background:#262C33}
#ck-link.ok{color:#33F24D}#ck-link.bad{color:#FFA81A}
.ck-warn{margin:0;padding:8px 12px;border-radius:8px;background:#3A2A12;color:#FFD08A;font-size:14px}
.ck-main{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}
.ck-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.scr{margin:0;background:#000;border:1px solid #404040;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.scr figcaption{font:700 12px ui-monospace,Menlo,monospace;color:#C9D1D9;padding:6px 10px;background:#0D1013;border-bottom:1px solid #262C33}
.scr figcaption small{font-weight:400;color:#6B7580;margin-left:6px}
.scr canvas{width:100%;height:340px;display:block}
#cv-nd{cursor:pointer}
.chips{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:0 10px 10px}
.chips button{font:700 10px ui-monospace,Menlo,monospace;padding:6px 0;justify-content:center;border-radius:4px;background:transparent}
.chips button.ok{color:#33F24D;border-color:#33F24D}.chips button.bad{color:#FFA81A;border-color:#FFA81A}.chips button.na{color:#808080;border-color:#4D4D4D}
.chips button.sel.ok{background:#33F24D;color:#000}.chips button.sel.bad{background:#FFA81A;color:#000}.chips button.sel.na{background:#808080;color:#000}
.ck-side{display:grid;gap:12px}
.card{background:#12161B;border:1px solid #262C33;border-radius:16px;padding:14px}
.card.warn{border-color:#FFA81A}.card.warn h2{color:#FFA81A}
.card details{border-top:1px solid #262C33;padding:8px 0}.card details summary{cursor:pointer;font-weight:600}
.card details p,.card details ol{font-size:14px;color:#C9D1D9;margin:6px 0}.card details code{font-size:11px;color:#8A949E}
ul.calls,ul.msgs{list-style:none;margin:0;padding:0;max-height:300px;overflow:auto;font-size:13px}
ul.calls li,ul.msgs li{padding:5px 0;border-bottom:1px solid #1E242B}
ul.calls time,ul.msgs time{font:11px ui-monospace,Menlo,monospace;color:#6B7580;margin-right:6px}
.calls .lv3{color:#FF6A5E;font-weight:600}.calls .lv2{color:#FFB84D}.calls .lv0{color:#8FE39A}
.msgs .seve{color:#FF6A5E}.msgs .sevw{color:#FFB84D}.msgs li.empty,.calls li.empty{color:#6B7580}
.note{font-size:13px;color:#8A949E}.muted{color:#AEB7C0;font-size:14px}.bad{color:#FFA81A}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 10px}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.loglist,.cloudlogs{list-style:none;margin:10px 0;padding:0}
.loglist li,.cloudlogs li{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #1E242B;font-size:14px}
progress{width:220px}
.hh{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.sum{font-weight:700;font-size:16px}.sum.ok{color:#33F24D}.sum.watch{color:#FFA81A}.sum.act{color:#FF6A5E}
ul.find{list-style:none;margin:0;padding:0;display:grid;gap:8px}
ul.find li{display:grid;gap:3px;padding:10px 12px;border-radius:10px;background:#1A1F25;border-left:4px solid #33F24D}
ul.find li.watch{border-left-color:#FFA81A}ul.find li.act{border-left-color:#FF4033}
ul.find li span{font-size:13px;color:#AEB7C0}ul.find li em{font-style:normal;font-weight:700;color:#FF6A5E;font-size:13px}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:14px}
.ck table{border-collapse:collapse;font-size:13px;width:100%}
.ck caption{text-align:left;font-weight:700;padding:4px 0;color:#C9D1D9}
.ck th,.ck td{text-align:left;padding:5px 6px;border-bottom:1px solid #1E242B;vertical-align:top}
.ck td{font-family:ui-monospace,Menlo,monospace}
.ck table.wide td{font-family:inherit}
.ck tr.act td{color:#FF8A80}.ck tr.watch td{color:#FFC266}
.chip{display:inline-block;padding:3px 8px;border-radius:999px;background:#262C33;font-size:13px;margin:2px 0}.chip.act{background:#4A1D19;color:#FF8A80}
.form{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.form label{display:grid;gap:4px;font-size:13px;color:#AEB7C0}
.form input,.form select{font:14px "IBM Plex Sans",system-ui,sans-serif;padding:8px 10px;border-radius:8px;border:1px solid #3A434D;background:#0D1013;color:#F2F4F5}
.form label.chk{display:flex;align-items:center;gap:8px;font-size:14px;color:#F2F4F5}
.ck code{font-family:ui-monospace,Menlo,monospace;font-size:13px;background:#1A1F25;padding:1px 5px;border-radius:4px}
body.ra .scr:first-child{box-shadow:0 0 0 3px #FF4033}
@media (max-width:1100px){.ck-main{grid-template-columns:1fr}}
@media (max-width:760px){.ck-screens{grid-template-columns:1fr}.scr canvas{height:300px}.ck{padding:12px}}
.scr.wide{grid-column:1/-1}.scr.wide canvas{height:260px}
ul.checks{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:13px}
ul.checks li{padding-left:22px;position:relative}ul.checks li::before{position:absolute;left:0;top:0}
ul.checks .l0{color:#8FE39A}ul.checks .l0::before{content:"✓"}ul.checks .l1{color:#FFC266}ul.checks .l1::before{content:"⚠"}ul.checks .l2{color:#FF8A80}ul.checks .l2::before{content:"✕"}
#lg-motors table{margin-top:6px}
