/* Günlük çözücü (views/clientlog.js): the drop zone, the files' cards, the lines' table with its levels */
.cl-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:150px;padding:22px;border:2px dashed var(--line2);border-radius:var(--radius);background:var(--panel);text-align:center;cursor:pointer;transition:border-color .15s,background .15s}
.cl-drop:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.cl-drop.over{border-color:var(--accent);background:var(--acc-bg)}
.cl-drop.busy{opacity:.6;cursor:progress}
.cl-drop .cl-drop-ic{color:var(--accent);width:28px;height:28px}
.cl-drop b{font-size:15px}
.cl-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.cl-file{padding:12px 14px}
.cl-file.bad{border-color:color-mix(in srgb,var(--bad) 45%,transparent)}
.cl-fh{display:flex;align-items:center;gap:8px;min-width:0}
.cl-fh b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12.5px}
.cl-facts{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin-top:10px;font-size:12.5px}
.cl-fact{display:contents}
.cl-err{margin-top:8px;color:var(--bad);font-size:13px}
.cl-warn{display:flex;gap:6px;align-items:flex-start;margin-top:8px;color:var(--warn);font-size:12.5px}
.cl-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cl-ctl .input{height:30px;max-width:240px}
.cl-lvs{display:flex;gap:10px;flex-wrap:wrap}
.cl-lv-pick{gap:5px;font-size:12.5px}
.cl-tbl{max-height:70vh;overflow:auto}
.cl-tbl .tbl td{padding:6px 10px;font-size:12.5px;vertical-align:top}
.cl-t{white-space:nowrap;color:var(--muted)}
.cl-c{white-space:nowrap}
.cl-m{word-break:break-word}
.cl-ex{color:var(--bad)}
.cl-lv{display:inline-block;min-width:54px;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:600;text-align:center;background:var(--panel3);color:var(--muted)}
.cl-lv.lv-E{background:var(--bad-bg);color:var(--bad)}
.cl-lv.lv-W{background:var(--warn-bg);color:var(--warn)}
.cl-lv.lv-I{background:var(--info-bg);color:var(--info)}
.cl-row.lv-E td{background:color-mix(in srgb,var(--bad) 6%,transparent)}
.cl-detail td{background:var(--panel2)}
.cl-json{margin:0;padding:10px 12px;max-height:340px;overflow:auto;border-radius:8px;background:var(--panel);border:1px solid var(--line);font-size:11.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word}
.cl-stack{margin-top:8px;color:var(--bad)}
.cl-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 2px 0;font-size:12.5px}