/* Lembar Piket — memakai gaya lembar-jaldis.css (lj-*) + tambahan untuk zona unggah dan pratinjau */
.lp-left{display:flex;flex-direction:column;gap:16px;min-width:0}
.lp-seg{display:flex;gap:0;border:1px solid var(--lk-line);border-radius:9px;overflow:hidden}
.lp-seg button{flex:1;border:0;background:var(--lk-soft);color:var(--lk-muted);padding:8px 10px;cursor:pointer;font:600 .82rem "IBM Plex Sans",sans-serif}
.lp-seg button.on{background:var(--lk-blue);color:#fff}
.lp-drop{border:2px dashed #9bbfd3;background:#f2f8fb;border-radius:12px;padding:22px 14px;text-align:center;cursor:pointer;color:var(--lk-navy);display:flex;flex-direction:column;gap:3px;align-items:center}
.lp-drop:hover,.lp-drop:focus-visible,.lp-drop.over{border-color:var(--lk-blue);background:#e3f0f7;outline:none}
.lp-drop-ic{font-size:1.9rem;line-height:1;color:var(--lk-blue)}
.lp-drop span{font-size:.82rem;color:var(--lk-muted)}
.lp-drop small{font-size:.72rem;color:var(--lk-muted);margin-top:4px}
.lp-status{margin-top:10px;font-size:.8rem;color:var(--lk-muted);min-height:1.2em}
.lp-status.work{color:var(--lk-blue)}
.lp-status.ok{color:#1b7a4f}
.lp-status.warn{color:#9a6a05}
.lp-status.bad{color:var(--lj-bad)}
.lp-btns{margin-top:8px}
.lp-tip{margin:12px 0 0;font-size:.72rem;color:var(--lk-muted);line-height:1.5}
.lp-prev{margin-bottom:16px}
.lp-prev[hidden]{display:none}
.lp-twrap{max-height:430px;overflow:auto;border:1px solid var(--lk-line);border-radius:10px}
.lp-table{width:100%;border-collapse:collapse;font-size:.82rem}
.lp-table th{position:sticky;top:0;background:#e8f1f6;color:var(--lk-navy);text-align:left;padding:7px 8px;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;z-index:1}
.lp-table td{padding:5px 8px;border-top:1px solid #edf2f5;vertical-align:top}
.lp-table td.n{color:var(--lk-muted);width:34px}
.lp-table input,.lp-table select{width:100%;background:var(--lk-soft);border:1px solid var(--lk-line);border-radius:7px;padding:5px 7px;font:inherit;color:var(--lk-ink)}
.lp-table select.bad{border-color:var(--lj-bad);background:var(--lj-bad-bg)}
.lp-table td:nth-child(2){width:150px}.lp-table td:nth-child(4){width:140px}
.lp-raw{display:block;color:var(--lj-bad);font-size:.7rem;margin-top:2px}
.lp-tag{display:inline-block;font-size:.66rem;padding:1px 7px;border-radius:99px;margin:0 4px 3px 0;white-space:nowrap;border:1px solid var(--lk-line);background:#fff;color:var(--lk-navy)}
.lp-tag.bad{background:var(--lj-bad-bg);color:var(--lj-bad);border-color:var(--lj-bad-line)}
.lp-tag.warn{background:#fff6dd;color:#8a5d00;border-color:#efd68a}
.lp-tag.info{background:#e3f0f7;color:var(--lk-navy);border-color:#b6d4e4}
.lp-rep{display:flex;gap:8px;align-items:center;margin:12px 0 0;font-size:.8rem;color:var(--lk-ink);cursor:pointer}
.lp-rep input{width:auto}
.lp-ev i{font-style:normal;color:var(--lk-muted);font-size:.62rem}
.lp-er{display:flex;gap:8px;align-items:center;justify-content:space-between}
.lp-er b{font:650 .88rem "Space Grotesk",sans-serif;color:var(--lk-navy)}
.lp-jb{display:block;color:var(--lk-muted);font-size:.72rem}
.lp-ra{display:flex;gap:6px;align-items:center;flex-shrink:0}
.lp-ag{cursor:pointer}.lp-ag:hover{border-color:#7fb0c9}
.lp-ag h3{font-size:.82rem}