/* Upload Jadwal (piket + jaldis) — tombol di panel beranda dan jendela pratinjau */
.hp-h .hp-add.hp-up{ color:var(--sea-400); background:rgba(95,163,204,.08); border-color:rgba(95,163,204,.55); margin-left:4px; }
.hp-h .hp-add.hp-up:hover{ background:var(--sea-400); color:#0a1420; }
.hp-lightsec .hp-h .hp-add.hp-up{ color:#0a6cb5; background:rgba(10,108,181,.08); border-color:rgba(10,108,181,.55); }
.hp-lightsec .hp-h .hp-add.hp-up:hover{ background:#0a6cb5; color:#fff; }
.uj-ov{ position:fixed; inset:0; z-index:320; background:rgba(4,14,26,.72); display:flex; align-items:center; justify-content:center; padding:16px; }
.uj-box{ width:100%; max-width:760px; max-height:92vh; display:flex; flex-direction:column; background:var(--navy-900,#0a2440); color:var(--foam-100,#eaf3f6); border:1px solid var(--line,rgba(234,243,246,.14)); border-radius:8px; box-shadow:0 20px 60px rgba(0,0,0,.5); color-scheme:dark; }
.uj-hd{ display:flex; align-items:center; justify-content:space-between; padding:16px 20px 10px; font-family:'Space Grotesk',sans-serif; font-size:17px; }
.uj-x{ background:none; border:0; color:var(--slate-300,#a9bdcb); font-size:24px; line-height:1; cursor:pointer; }
.uj-bd{ padding:0 20px 8px; overflow-y:auto; flex:1 1 auto; }
.uj-drop{ display:flex; flex-direction:column; align-items:center; gap:3px; text-align:center; padding:18px 12px; border:2px dashed rgba(95,163,204,.55); border-radius:10px; cursor:pointer; background:rgba(95,163,204,.06); }
.uj-drop:hover,.uj-drop:focus-visible,.uj-drop.over{ background:rgba(95,163,204,.16); border-color:var(--sea-400,#5fa3cc); outline:none; }
.uj-drop .uj-ic{ font-size:26px; color:var(--sea-400,#5fa3cc); line-height:1; }
.uj-drop small,.uj-per small{ color:var(--slate-300,#a9bdcb); font-size:11.5px; }
.uj-per{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; margin:12px 0 4px; font-size:13px; }
.uj-per small{ flex:1 1 100%; }
.uj-bd select,.uj-bd input:not([type=checkbox]){ font:inherit; font-size:13px; color:var(--foam-100,#eaf3f6); background:rgba(255,255,255,.06); border:1px solid var(--line,rgba(234,243,246,.14)); border-radius:6px; padding:6px 8px; }
.uj-bd select option,.uj-bd select optgroup{ background:var(--navy-900,#0a2440); color:var(--foam-100,#eaf3f6); }
.uj-bd select:focus,.uj-bd input:focus{ outline:none; border-color:var(--sea-400,#5fa3cc); }
.uj-st{ margin:8px 0; font-size:12.5px; min-height:1.2em; color:var(--slate-300,#a9bdcb); }
.uj-st.work{ color:var(--sea-400,#5fa3cc); } .uj-st.ok{ color:#5fd39a; } .uj-st.warn{ color:#f0c05a; } .uj-st.bad{ color:#ff8c7a; }
.uj-jf{ margin:8px 0 12px; } .uj-jf label{ display:block; font-size:11.5px; font-weight:600; color:var(--slate-300,#a9bdcb); margin-bottom:8px; }
.uj-jf label i{ color:var(--orange-400,#ee7d43); font-style:normal; } .uj-jf input{ width:100%; margin-top:4px; }
.uj-row{ display:flex; gap:10px; } .uj-row label{ flex:1 1 0; min-width:0; }
.uj-sum{ font-size:12.5px; color:var(--slate-300,#a9bdcb); margin:4px 0 8px; }
.uj-tw{ max-height:340px; overflow:auto; border:1px solid var(--line,rgba(234,243,246,.14)); border-radius:8px; }
.uj-t{ width:100%; border-collapse:collapse; font-size:12.5px; }
.uj-t th{ position:sticky; top:0; z-index:1; background:var(--navy-800,#0e3357); text-align:left; padding:6px 8px; font-size:11px; text-transform:uppercase; letter-spacing:.04em; }
.uj-t td{ padding:4px 8px; border-top:1px solid var(--line,rgba(234,243,246,.14)); vertical-align:top; }
.uj-t td.n{ color:var(--slate-400,#7f97a8); width:30px; } .uj-t td.d{ white-space:nowrap; } .uj-t select,.uj-t input{ width:100%; }
.uj-t select.bad{ border-color:#ff8c7a; background:rgba(255,140,122,.12); }
.uj-raw{ display:block; color:#ff8c7a; font-size:11px; margin-top:2px; }
.uj-tag{ display:inline-block; font-size:10.5px; padding:1px 7px; border-radius:99px; margin:0 4px 3px 0; white-space:nowrap; border:1px solid var(--line,rgba(234,243,246,.14)); }
.uj-tag.bad{ color:#ff8c7a; border-color:#ff8c7a; } .uj-tag.warn{ color:#f0c05a; border-color:#f0c05a; } .uj-tag.info{ color:var(--sea-400,#5fa3cc); }
.uj-del{ background:none; border:0; color:var(--slate-300,#a9bdcb); font-size:18px; cursor:pointer; line-height:1; } .uj-del:hover{ color:#ff8c7a; }
.uj-g{ border:1px solid var(--line,rgba(234,243,246,.14)); border-radius:8px; padding:10px 12px; margin-bottom:10px; } .uj-g.off{ opacity:.5; }
.uj-gh{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 8px; font-size:12.5px; margin-bottom:8px; } .uj-cnt{ margin-left:auto; color:var(--slate-300,#a9bdcb); }
.uj-ck{ display:inline-flex; align-items:center; gap:6px; font-size:12.5px; cursor:pointer; } .uj-ck[hidden]{ display:none; }
.uj-chips{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:8px; }
.uj-chip{ display:inline-flex; align-items:center; gap:4px; font-size:12px; padding:2px 4px 2px 10px; border-radius:99px; background:rgba(95,163,204,.16); border:1px solid rgba(95,163,204,.4); }
.uj-chip.bad{ background:rgba(255,140,122,.14); border-color:#ff8c7a; } .uj-chip button{ background:none; border:0; color:inherit; cursor:pointer; font-size:15px; line-height:1; padding:0 4px; }
.uj-warn{ font-size:12px; color:#f0c05a; margin:6px 0; }
.uj-ft{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; padding:12px 20px 16px; border-top:1px solid var(--line,rgba(234,243,246,.14)); }
.uj-sp{ flex:1 1 auto; } .uj-err{ flex:1 1 100%; order:-1; color:#ff8c7a; font-size:12.5px; min-height:0; } .uj-err:empty{ display:none; }
.uj-b{ font:600 13px 'IBM Plex Sans',sans-serif; padding:8px 16px; border-radius:6px; cursor:pointer; color:var(--foam-100,#eaf3f6); background:transparent; border:1px solid var(--line,rgba(234,243,246,.14)); }
.uj-b.pri{ background:var(--orange-400,#ee7d43); border-color:var(--orange-400,#ee7d43); color:#0a1420; } .uj-b:disabled{ opacity:.45; cursor:not-allowed; }
@media (max-width:560px){ .uj-row{ flex-direction:column; gap:0; } .uj-t td:nth-child(5){ display:none; } .uj-t th:nth-child(5){ display:none; } }