body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f6f6fc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container_popup{animation:popupFadeIn .25s ease;background:#00000050;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.wrapper_popup{background:#fff;border-radius:4px;height:auto;margin:calc(29vh - 20px) auto 0;overflow:auto;padding:20px;position:relative;width:43%}@media only screen and (max-width:600px){.wrapper_popup{margin-top:calc(5vh - 20px);width:80%}}.container_popup>div{animation:popupIn .25s ease}.container_popup.popup_closing{animation:popupFadeOut .25s ease forwards;pointer-events:none}.container_popup.popup_closing>div{animation:popupOut .25s ease forwards}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupFadeOut{0%{opacity:1}to{opacity:0}}@keyframes popupIn{0%{opacity:0;transform:translateY(-24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popupOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-24px) scale(.96)}}@media (prefers-reduced-motion:reduce){.container_popup,.container_popup>div{animation-duration:.01ms!important}}.container_login{height:100vh;justify-content:center}.container_login,.login_card{align-items:center;display:flex}.login_card{background:#fff;border-radius:6px;flex-direction:column;padding:24px;width:20%}.title_login{font-size:24px;font-weight:700}.logo_tim{margin-bottom:12px;width:124px}.input_login{border:none;border-bottom:2px solid #d3d3d3;margin-bottom:24px;padding:8px 4px;width:100%}.button_login{background:#2d357a;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:12px;padding:12px 0;width:100%}@media only screen and (max-width:600px){.login_card{width:70%}}.parent_logo{align-items:center;background:#fff;display:flex;height:84px;justify-content:center;position:fixed;top:0;width:180px}.width_logo{width:80px}.wrapper_sub_menu{background-color:#2d357a;border-radius:0 6px 0 0;height:100vh;overflow:hidden;position:fixed;top:46px;z-index:100}.menu_button{display:none}.parent_menu{background-color:#2d357a;border-radius:0 6px 0 0;bottom:0;height:100vh;overflow-x:hidden;overflow-y:scroll;position:fixed;top:82px;width:180px}.menu{color:#fff;padding:12px 0}.menu,.menu_active{cursor:pointer;margin-left:12px}.menu_active{background:#fff;border-radius:6px 0 0 6px;color:#000;padding:12px 0 12px 12px}.button_logout{background:red;border:none;border-radius:4px;bottom:16px;color:#fff;cursor:pointer;font-size:16px;margin-left:12px;padding:6px 16px;position:fixed}.wrapper_menu{padding:0 0 124px}.toggle-button-cover{box-sizing:border-box;display:table-cell;height:98px;position:relative;width:200px}.button-cover{background-color:#fff;border-radius:4px;box-shadow:0 10px 20px -8px #c5d6d6;height:68px;margin:12px}.button-cover:before{bottom:0;color:#d7e3e3;counter-increment:button-counter;font-size:12px;line-height:1;padding:5px;position:absolute;right:0}.button-cover,.knobs,.layer{bottom:0;left:0;position:absolute;right:0;top:0}.button{height:36px;margin:-20px auto 0;overflow:hidden;position:relative;top:50%;width:74px}.button.r,.button.r .layer{border-radius:100px}.button.b2{border-radius:2px}.checkbox{cursor:pointer;height:100%;margin:0;opacity:0;padding:0;position:relative;width:100%;z-index:3}.knobs{z-index:2}.layer{background-color:#ebf7fc;transition:all .3s ease;width:100%;z-index:1}.cari_barang_button{display:none}.cari_barang_button_desktop{cursor:pointer;height:36px;left:78px;opacity:1;padding:6px 6px 0;top:0;width:36px}#button-1 .knobs:before{background-color:#03a9f4;border-radius:50%;color:#fff;content:"ON";font-size:10px;font-weight:700;height:10px;left:4px;line-height:1;padding:9px 4px;position:absolute;text-align:center;top:4px;transition:all .3s cubic-bezier(.18,.89,.35,1.15);width:20px}#button-1 .checkbox:checked+.knobs:before{background-color:#f44336;content:"OFF";left:42px}#button-1 .checkbox:checked~.layer{background-color:#fcebeb}#button-1 .knobs,#button-1 .knobs:before,#button-1 .layer{transition:all .3s ease}@media only screen and (max-width:600px){.parent_logo{position:fixed;top:45px;width:70px}.width_logo{width:70px}.parent_menu{position:fixed;top:120px;width:70px}.menu{font-size:12px;margin:6px 0 6px 6px}.menu_active{padding:6px 0 6px 6px}.button_logout,.menu_active{font-size:12px;margin-left:6px}.button_logout{padding:6px 10px}.menu_button{background:#fff;border:1px solid #000;border-radius:4px;font-size:12px;margin:0 16px;padding:6px;text-align:center;width:48px}.cari_barang_button,.menu_button{display:inline;display:initial;opacity:1;position:fixed}.cari_barang_button{height:36px;left:78px;padding:6px 6px 0;top:0;width:36px}.cari_barang_button_desktop{display:none}.wrapper_menu{padding:0 0 164px}.none{display:none}.button-cover{margin:0}.button{margin:-20px auto 0 0}}.card_container{align-items:center;background:#fefefe;border:3px solid #fff;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:4px 18px 18px 0;min-height:100px;padding-top:6px;width:120px}.logo_company{height:75px;max-width:110px}.name_company{color:#5d5d5d;font-weight:700;letter-spacing:1px}.card_active{border:3px solid #2d357a}@media only screen and (max-width:600px){.card_container{margin:4px 12px 12px 0;min-height:50px;width:75px}.logo_company{height:40px;max-width:50px}.name_company{font-size:12px}}.container_header{background:#e8e9f8;border-radius:8px 8px 0 0;display:flex;justify-content:space-around;padding:18px 24px;text-align:left;text-align:initial}.table_header{color:#2d357a;font-weight:700;width:23%}.container_data{align-items:center;background-color:#fff;display:flex;justify-content:space-around;padding:12px 24px}.background_odd{background:#f2f2f2}.font_data{color:#5d5d5d;width:23%}.img_search{width:25px}@media only screen and (max-width:600px){.wrapper_table{margin:24px 0}.none{display:none}.container_data,.container_header{padding:12px 6px}.font_data,.table_header{font-size:12px;max-width:25%;min-width:21%}.img_search{width:20px}}.container_inventory{--inv-navy:#2d357a;--inv-navy-soft:#e8e9f8;--inv-blue:#81bfda;--inv-blue-dark:#4a9bc0;--inv-green:#1f8a4c;--inv-green-dark:#17703d;--inv-red:#d93636;--inv-red-dark:#b82a2a;--inv-gold:#9d8854;--inv-text:#1f2430;--inv-muted:#6b7280;--inv-border:#e3e6ee;--inv-bg-zebra:#f6f7fb;--inv-radius:10px;--inv-shadow:0 1px 3px #141c4614,0 4px 14px #141c460d;color:var(--inv-text);font-family:Inter,Segoe UI,system-ui,-apple-system,Roboto,sans-serif;margin:24px 24px 48px 204px}:focus{outline:none}.container_inventory :focus-visible{border-radius:6px;outline:2px solid var(--inv-blue-dark);outline-offset:2px}.title_inventory{color:var(--inv-navy);font-size:22px;font-weight:700;letter-spacing:1px;margin:20px 0 12px}.wrapper_header{border-bottom:2px solid var(--inv-border);flex-wrap:wrap;gap:12px;margin-bottom:8px;padding-bottom:12px}.wrapper_header .title_inventory{margin:0}.flex_wrap-inventory{display:flex;flex-flow:wrap;gap:10px;margin:12px 0 8px}.wrapper_sub_menu_history{border-bottom:1px solid var(--inv-border);gap:4px;margin:16px 0 8px;overflow-x:auto}.wrapper_sub_menu_history .sub_menu_history{border-bottom:3px solid #0000;border-radius:8px 8px 0 0;color:var(--inv-muted);cursor:pointer;font-weight:600;margin:0;padding:10px 18px;transition:color .15s,background .15s;white-space:nowrap}.wrapper_sub_menu_history .sub_menu_history:hover{background:var(--inv-bg-zebra);color:var(--inv-navy)}.wrapper_sub_menu_history .border_active_history{background:var(--inv-navy-soft);border-bottom-color:var(--inv-navy);color:var(--inv-navy)}.wrapper-button-tambah{background:var(--inv-navy);border-radius:999px;display:inline-flex;gap:8px;padding:6px 14px 6px 8px;transition:background .15s,transform .1s}.wrapper-button-tambah:hover{background:#232a63}.wrapper-button-tambah:active{transform:scale(.97)}.wrapper-button-tambah .button-tambah{background:#fff;border-radius:50%;color:var(--inv-navy);display:grid;font-size:18px;font-weight:700;height:26px;line-height:1;margin:0;place-items:center;width:26px}.wrapper-button-tambah .text-button-tambah{background:none;border:none;color:#fff;cursor:pointer;font-weight:600}.btn_reset_search_inventory,.button-export-inventory,.button-export-kedatangan,.button-kirim-edit-barangJadi,.button-kirim-new-item-inventory,.export_btn_inventory{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:background .15s,transform .1s,box-shadow .15s;-webkit-user-select:none;user-select:none}.btn_reset_search_inventory:active,.button-export-inventory:active,.button-export-kedatangan:active,.button-kirim-edit-barangJadi:active,.button-kirim-new-item-inventory:active,.export_btn_inventory:active{transform:scale(.97)}.button-export-kedatangan,.export_btn_inventory{background:var(--inv-green)}.button-export-kedatangan:hover,.export_btn_inventory:hover{background:var(--inv-green-dark);box-shadow:0 2px 8px #1f8a4c4d}.button-export-inventory,.button-kirim-edit-barangJadi,.button-kirim-new-item-inventory{background:var(--inv-red)}.button-export-inventory:hover,.button-kirim-edit-barangJadi:hover,.button-kirim-new-item-inventory:hover{background:var(--inv-red-dark);box-shadow:0 2px 8px #d936364d}.button-export-inventory,.button-export-kedatangan{margin:0 0 0 16px}.btn_reset_search_inventory{background:var(--inv-blue-dark);margin-bottom:0;margin-left:8px;margin-top:0}.btn_reset_search_inventory:hover{background:#3b86a8}.button_kirim_po{background:var(--inv-red);border-radius:6px;color:#fff;cursor:pointer;margin:0 6px 0 0;padding:8px 12px}.search_box_inventory{background:#fff;border:1.5px solid var(--inv-blue);border-radius:8px 0 0 8px;border-right:none;font-size:14px;height:38px;padding:2px 12px;transition:border-color .15s,box-shadow .15s;width:240px}.search_box_inventory:focus{border-color:var(--inv-blue-dark);box-shadow:0 0 0 3px #81bfda40}.search_image_inventory{background:#fff;border:1.5px solid var(--inv-blue);border-left:none;border-radius:0 8px 8px 0;box-sizing:border-box;display:grid;height:38px;margin:0;padding:2px 10px;place-items:center}.flex-wrap-justify-center-inventory{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.export-laporan-inventory{align-items:center;display:flex;gap:10px;justify-content:center}.container_inventory input[type=date],.container_inventory input[type=number],.container_inventory input[type=password],.container_inventory input[type=text],.container_inventory select{background:#fff;border:1.5px solid var(--inv-border);border-radius:8px;color:var(--inv-text);font-size:14px;transition:border-color .15s,box-shadow .15s}.container_inventory input[type=date]:focus,.container_inventory input[type=number]:focus,.container_inventory input[type=password]:focus,.container_inventory input[type=text]:focus,.container_inventory select:focus{border-color:var(--inv-blue-dark);box-shadow:0 0 0 3px #81bfda40}.container_inventory input[type=radio]{accent-color:var(--inv-navy);margin-right:6px}.container_inventory p{margin-top:0}.input_kirim_po{border:1.5px solid var(--inv-border);border-radius:8px;box-shadow:none;height:36px;padding:6px 10px;width:240px}.margin_kirim_po{margin-right:12px}.wrapper-select-customer{display:flex;flex-direction:column;justify-content:end;margin-right:8px}.table_inventory_mobile{background:#fff;border:1px solid var(--inv-border);border-radius:var(--inv-radius);box-shadow:var(--inv-shadow);font-size:14px}.table_inventory_mobile table{border-collapse:initial;border-spacing:0}.table_inventory_mobile td{border-bottom:1px solid var(--inv-border)}.table_inventory_mobile tr:hover td{background-color:#eef3fb}.th-barang-jadi{background:var(--inv-navy-soft);border-bottom:2px solid #cfd2f0;color:var(--inv-navy);font-size:13px;font-weight:700;padding:12px;position:sticky;top:0;white-space:nowrap;z-index:3}.td-kodeBarang-inventory{font-size:12px;padding:8px 10px;text-align:left;white-space:nowrap}.wrapper-kodeBarang-inventory{display:flex;flex-direction:column;gap:4px}.wrapper-kodeBarang-inventory div:last-child{color:var(--inv-muted)}.img_search{opacity:.75;transition:opacity .15s,transform .15s}.img_search:hover{opacity:1;transform:scale(1.12)}.popUp_history_search{height:580px}.th-search-inventory{background:var(--inv-navy-soft);border-right:1px solid #d5d8f0;color:var(--inv-navy);font-size:13px;padding:10px 6px;position:sticky;top:0;z-index:2}.td-expired-inventory{font-weight:700;padding:12px 6px;white-space:nowrap}.td-table-kedatangan{font-size:14px;line-height:18px;padding:8px 0 8px 6px;text-align:left}.wrapper-table-popup-pick{border:1px solid var(--inv-border);border-radius:var(--inv-radius);box-shadow:var(--inv-shadow)}.sidebar-monitoring{flex-grow:0;flex-shrink:0;left:0;padding-left:12px;padding-right:12px;position:sticky}.width_edit_logo{border-radius:50%;transition:background .15s,transform .15s}.width_edit_logo:hover{background:var(--inv-bg-zebra);transform:rotate(90deg)}.tapal-kuda{color:#0000;cursor:pointer;font-size:32px;font-weight:700;margin:0 12px}.font_size_td_mobile{padding:24px;white-space:nowrap}.width_popup{width:30%}@media (prefers-reduced-motion:reduce){.container_inventory *{transition:none!important}}@media only screen and (max-width:600px){.width_mobile_select_vp{width:138px!important}.width_popup{width:80%}.flex_wrap{gap:8px;margin:16px 0}.container_inventory{margin:12px auto auto;padding:24px 16px 0}.title_inventory{font-size:16px;margin-bottom:8px}.table_inventory_mobile{clear:both;font-size:12px;overflow:hidden;overflow-x:auto;width:100%}.font_size_td_mobile{font-size:14px}.popUp_history_search{height:480px;overflow-y:scroll}.margin_kirim_po{margin-right:0}.export_btn_inventory{margin-bottom:12px;margin-left:0}.search_box_inventory{width:150px}.export-laporan-inventory{flex-wrap:wrap}.wrapper_sub_menu_history .sub_menu_history{padding:8px 12px}}.container_request_stock_in{margin:24px 24px 24px 204px}.input_select{background:#fff;cursor:pointer;height:42px}.input_jumlah,.input_select{border:none;border-radius:3px;box-shadow:0 0 5pt .5pt #d3d3d3;padding:6px;width:180px}.input_jumlah{height:30px}.wrapper_input{margin-right:24px}.wrapper_button_kirim_request_in{align-items:flex-end;display:flex;margin-bottom:3px}.wrapper_radio{align-items:center;cursor:pointer;display:flex;margin-bottom:12px}.flex_wrap_request{display:flex;flex-wrap:wrap}.button_kirim_request_in{align-items:center;background:#2d357a;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;width:80px}.text_area{height:80px;resize:none}.font_weight_bold{font-weight:700}@media only screen and (max-width:600px){.container_request_stock_in{margin:12px 12px 12px 80px}.input_select{width:100%}.wrapper_input{margin:0;width:100%}.column_mobile{flex-direction:column}.wrapper_button_kirim_request_in{justify-content:end;margin:12px 0 0 2px}.text_area{width:95%}.input_jumlah{width:96%}.flex_wrap_request{display:inherit;margin:24px 0}.min_width_history_width_15{font-size:12px;max-width:25%!important;min-width:15%!important;text-align:center}}.flex_center{align-items:center;display:flex}.width_number_mesin_qc{min-width:9%!important}.margin_right_27_qc{margin-right:24px}@media only screen and (max-width:600px){.width_number_mesin_qc{font-size:12px;max-width:25%!important;min-width:15%!important;text-align:center}.min_width_qc_27{min-width:27.5%!important;text-align:center}.none{display:none}.margin_right_27_qc{margin-right:12px}}.container_history{margin:24px 24px 24px 204px}.wrapper_sub_menu_history{display:flex;flex-wrap:wrap;font-size:18px;font-weight:700;justify-content:space-around;margin-bottom:24px}.sub_menu_history{border-bottom:3px solid #f6f6fc;color:#2d357a;cursor:pointer;font-weight:400;padding:6px}.border_active_history{border-bottom:3px solid #2d357a;font-weight:700}table{border-spacing:0}th{background:#e8e9f8;padding:18px 24px;position:sticky;top:0}td{padding-top:18px;text-align:center;vertical-align:top}.card_ganti_mold{background:#fff;border-radius:6px;margin:0 16px 24px 0;padding:12px;width:550px}.kirim_button_mobile{margin-bottom:12px!important;margin-left:83%!important}.font_14_history{font-size:16px}@media only screen and (max-width:600px){.none{display:none}.container_data_memo_ppic{font-size:11px}.min_width_15{min-width:15%!important}.min_width_15,.min_width_20{font-size:12px;max-width:25%!important;text-align:center}.min_width_20{min-width:20%!important}.min_width_17{min-width:17%!important;text-align:center}.min_width_27{min-width:27.5%!important;text-align:center}.container_history{margin:12px auto auto;padding:24px 16px 0}.wrapper_sub_menu_history{font-size:14px;margin-bottom:12px}.card_ganti_mold{margin:0 0 24px}.kirim_button_mobile{margin-bottom:12px!important;margin-left:77%!important}.font_14_history{font-size:12px}}.container_header_list_bahan{background:#e8e9f8;border-radius:8px 8px 0 0;display:flex;justify-content:space-around;padding:18px 24px;text-align:left;text-align:initial}.table_header_list_bahan{color:#2d357a;font-weight:700;min-width:25%}.container_data_list_bahan{align-items:center;background-color:#fff;display:flex;justify-content:space-around;padding:12px 24px}.font_data_list_bahan{color:#5d5d5d;min-width:25%}.background_odd_list_bahan{background:#f2f2f2}.button_delete_list_bahan{background:red;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}@media only screen and (max-width:600px){.container_data_list_bahan,.container_header_list_bahan{padding:12px 6px}.font_data_list_bahan,.table_header_list_bahan{font-size:12px;max-width:25%;min-width:21%}.button_delete_list_bahan{padding:4px 6px}}.container_list_bahan{margin:24px 24px 24px 204px}.wrapper_tambah_list{align-items:center;background:#26a65b;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding-bottom:6px;width:100px}.wrapper_header{align-items:center;display:flex;justify-content:space-between}.font_tambah_button{font-size:16px;margin-top:4px}.icon_add_list{font-size:24px}.wrapper_button_submit_popup{display:flex;justify-content:flex-end;width:100%}.wrapper_content_popup{display:flex;flex-wrap:wrap}.button_popup{background:none;border:1px solid #000;border-radius:6px;cursor:pointer;height:32px;margin-left:6px;width:78px}.background_red{background:red;border:none;color:#fff}.input_new_bahan{background:#fff;border:none;border-radius:3px;box-shadow:0 0 5pt .5pt #d3d3d3;height:30px;padding:6px;width:180px}@media only screen and (max-width:600px){.container_list_bahan{margin:12px auto auto;padding:24px 16px 0}.icon_add_list{font-size:18px}.font_tambah_button{font-size:14px}.wrapper_tambah_list{height:26px;width:90px}.wrapper_button_submit_popup{margin-top:18px}}.container_qc{margin:24px 24px 24px 204px}.customer_width{min-width:10%}.column_qc_width{max-width:19.5%;min-width:19.5%}.color_width{min-width:20%}.jumlah_width_qc{min-width:11%}.input_select_shift{background:#fff;border:none;border-radius:3px;box-shadow:0 0 5pt .5pt #d3d3d3;cursor:pointer;height:36px;padding:6px;width:144px}.input_berat_qc_width{height:24px;width:70px}@media only screen and (max-width:600px){.padding-th-qc-mobile{font-size:12px;padding:8px 12px}.container_qc{margin:12px auto auto;padding:12px 0 0}.input_select_shift{width:106px}.min_width_27{min-width:27.5%;text-align:center}.input_berat_qc_width{width:24px}.none{display:none}}.table_header_list_produk{color:#2d357a;font-weight:700;min-width:20%;text-align:center}.font_data_produk{color:#5d5d5d;font-weight:400}.width_delete_button{min-width:10%}.width_30_list_produk{min-width:30%}.width_edit_logo{cursor:pointer;height:32px;width:32px}@media only screen and (max-width:600px){.table_header_list_produk{font-size:12px;max-width:23.33%;min-width:14%}.none{display:none}}.flex_wrap{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}.flex_wrap .wrapper_card_approval_laporan{margin:0;min-width:0;width:100%}.flex_wrap_between{display:flex;flex-flow:wrap;justify-content:space-between}.container_card_dashboard_ppic{align-items:center;background:#fff;border-radius:14px;box-shadow:0 2px 10px #14143c12;display:flex;flex-direction:column;margin:0 16px 16px 0;padding:18px;width:250px}.image_logo_machine{width:96px}.title_machine{font-size:18px}.sub_title_card_dashboard,.title_machine{color:#6b6f85;font-weight:700}.width_dashboard_108{width:108px}.width_dashboard_100_percent{width:100%}.flex_wrap .wrapper_card_approval_laporan{font-size:12px;line-height:1.4}.flex_wrap .wrapper_card_approval_laporan .section_approval_laporan:first-child p{font-size:9px!important}.flex_wrap .wrapper_card_approval_laporan .tittle-machine-dashboard{font-size:15px}.flex_wrap .wrapper_card_approval_laporan .tittle-customer-dashboard{font-size:12px}.flex_wrap .wrapper_card_approval_laporan .section_approval_laporan p{font-size:11px}.flex_wrap .wrapper_card_approval_laporan .section_approval_laporan p.tittle-machine-dashboard{font-size:15px}.flex_wrap .wrapper_card_approval_laporan>.flex_justify_between>p{font-size:12px}.flex_wrap .wrapper_card_approval_laporan .tittle-reject-dashboard{font-size:11px!important}.flex_wrap .wrapper_card_approval_laporan .flex_justify_between>div>p:first-child{font-size:11px}.flex_wrap .wrapper_card_approval_laporan .font_14{font-size:12.5px;margin:6px 0 4px!important}.flex_wrap .wrapper_card_approval_laporan .flex_justify_between>p[style*="14px"]{font-size:11px!important}.flex_wrap .wrapper_card_approval_laporan .size-keterangan-dashboard{font-size:11px;line-height:1.45!important}.flex_wrap .wrapper_card_approval_laporan table td,.flex_wrap .wrapper_card_approval_laporan table th{font-size:11px!important}@media only screen and (max-width:600px){.flex_wrap{gap:10px;grid-template-columns:minmax(0,1fr)}.container_card_dashboard_ppic{margin:10px 0;width:100%}.flex_wrap .wrapper_card_approval_laporan{font-size:11px}.flex_wrap .wrapper_card_approval_laporan .section_approval_laporan:first-child p{font-size:8.5px!important}.flex_wrap .wrapper_card_approval_laporan .section_approval_laporan p.tittle-machine-dashboard{font-size:13px}.flex_wrap .wrapper_card_approval_laporan .section_approval_laporan p,.flex_wrap .wrapper_card_approval_laporan .tittle-customer-dashboard{font-size:10px}.flex_wrap .wrapper_card_approval_laporan>.flex_justify_between>p{font-size:11px}.flex_wrap .wrapper_card_approval_laporan .tittle-reject-dashboard{font-size:10px!important}.flex_wrap .wrapper_card_approval_laporan .flex_justify_between>div>p:first-child{font-size:9.5px}.flex_wrap .wrapper_card_approval_laporan .font_14{font-size:10.5px}.flex_wrap .wrapper_card_approval_laporan .flex_justify_between>p[style*="14px"],.flex_wrap .wrapper_card_approval_laporan .size-keterangan-dashboard,.flex_wrap .wrapper_card_approval_laporan table td,.flex_wrap .wrapper_card_approval_laporan table th{font-size:10px!important}}.container_dashboard{margin:16px 24px 24px 204px}.sticky_filter{align-items:flex-end;background:#f6f6fc;display:flex;flex-wrap:wrap;gap:4px 0;padding:8px 0;position:sticky;top:0;z-index:5}.p-margin-subtittle-dashboard{color:#666;font-size:12px;font-weight:600;margin:0 0 6px}.date_pick_dashboard{box-sizing:border-box;width:140px}.date_pick_dashboard,.input_select_filter{background:#fff;border:1px solid #e3e5f3;border-radius:8px;box-shadow:0 1px 3px #14143c0f;font-size:14px;height:36px;padding:0 8px}.input_select_filter{cursor:pointer;width:144px}.input_dashboard_operator{border:1px solid #d5d8ea;border-radius:6px;box-sizing:border-box;font-size:14px;height:32px;padding:2px 8px;width:80%}.input_dashboard_operator:focus{border-color:#81bfda;box-shadow:0 0 0 3px #81bfda40;outline:none}.button_export_sp{align-items:center;background:#1f9d55;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;margin:0 12px 0 0;padding:0 14px;transition:filter .15s}.button_export_sp:hover{filter:brightness(1.08)}.btn_reset_sp{background:#81bfda;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:36px;line-height:36px;margin:0 12px 0 0;padding:0 14px}.tittle-machine-dashboard{color:#6b6f85;font-size:16px;font-weight:700}.tittle-customer-dashboard{font-size:16px;font-weight:700;margin:12px 0 6px}.tittle-reject-dashboard{font-size:16px;margin:6px 0;text-align:end}.size-keterangan-dashboard{font-size:14px}.container_dashboard .card_approval_top_plate,.container_dashboard .wrapper_card_approval_laporan{background:#fff;border:1px solid #eceef8;border-radius:14px;box-shadow:0 2px 10px #14143c12;box-sizing:border-box;margin:0 16px 16px 0;max-width:100%;padding:14px 16px;transition:box-shadow .2s,transform .2s;width:320px}.container_dashboard .card_approval_top_plate:hover,.container_dashboard .wrapper_card_approval_laporan:hover{box-shadow:0 6px 18px #14143c1f}.container_dashboard .container_card_approval_laporan{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.container_dashboard .container_card_approval_laporan .card_approval_top_plate,.container_dashboard .container_card_approval_laporan .wrapper_card_approval_laporan{margin:0;width:100%}.container_dashboard .flex_justify_between,.container_dashboard .section_approval_laporan{align-items:center;display:flex;gap:8px;justify-content:space-between}.container_dashboard .title_inventory{border-left:4px solid #81bfda;font-size:18px;font-weight:700;margin:24px 0 12px;padding-left:10px}.container_dashboard .card_approval_top_plate table,.container_dashboard .wrapper_card_approval_laporan table{border-collapse:collapse}.container_dashboard .card_approval_top_plate th,.container_dashboard .wrapper_card_approval_laporan th{background:#f3f4fb;font-size:12px}.container_dashboard .container_card_approval_laporan .card_approval_top_plate th{padding:12px 8px!important;white-space:nowrap}.container_dashboard .container_card_approval_laporan .card_approval_top_plate td{padding:12px 8px!important}.hide-desktop-newsletter{display:none}.btn-close-newsletter{background:#81bfda;border:none;border-radius:8px;color:#fff;cursor:pointer;float:right;font-weight:600;margin-top:12px;padding:8px 14px}.mark{background:#0000;background-image:linear-gradient(90deg,#ffe1001a,#ffe100b3 4%,#ffe1004d);border-radius:.8em .3em;-webkit-box-decoration-break:clone;box-decoration-break:clone;margin:0 -.4em;padding:.1em .4em}.animated-text{animation:color-change 5s infinite alternate}@keyframes color-change{0%{color:#f06}25%{color:#6a0066}50%{color:#934790}75%{color:#e8d4b7}to{color:#f06}}@media only screen and (max-width:600px){.container_dashboard{box-sizing:border-box;font-size:12px;margin:12px auto auto;max-width:100%;overflow-x:clip;padding:36px 10px 0}.container_dashboard label,.container_dashboard p,.container_dashboard td,.container_dashboard th{font-size:12px}.container_dashboard .font_14,.container_dashboard .size-keterangan-dashboard{font-size:11px}.padding-mobile-newsletter{padding:12px}.font-12-mobile-newsletter,.font-14-newsletter{font-size:11px}.font-14-mobile-newsletter{font-size:12px}.hide-desktop-newsletter{display:flex}.sticky_filter{gap:4px 0;padding:6px 0;top:41px}.p-margin-subtittle-dashboard{font-size:10px!important;margin:0 0 3px}.input_select_filter{font-size:10px;height:30px;padding:0 4px;width:82px}.date_pick_dashboard{font-size:10px;height:30px;padding:0 4px;width:92px}.btn_reset_sp{line-height:30px;margin:0 6px 0 0}.btn_reset_sp,.button_export_sp{font-size:11px;height:30px;padding:0 8px}.button_export_sp{margin:0 4px 0 0}.tittle-customer-dashboard,.tittle-machine-dashboard,.tittle-reject-dashboard{font-size:12px!important}.container_dashboard .container_card_approval_laporan{gap:10px;grid-template-columns:minmax(0,1fr)}.container_dashboard .card_approval_top_plate,.container_dashboard .wrapper_card_approval_laporan{border-radius:12px;margin:0 0 10px;max-width:100%;padding:10px;width:100%}.container_dashboard .card_approval_top_plate table,.container_dashboard .wrapper_card_approval_laporan table{max-width:100%}.container_dashboard .container_card_approval_laporan .card_approval_top_plate td,.container_dashboard .container_card_approval_laporan .card_approval_top_plate th{padding:12px 6px!important}.container_dashboard .title_inventory{font-size:14px;margin:16px 0 8px}.input_dashboard_operator{font-size:12px;height:28px}}.op_card{display:flex;flex-direction:column;font-size:12px;gap:4px}.op_card p{margin:0}.op_card_warning{border:2px solid #e43636!important}.op_form_row{color:#8a8fa3;font-size:9px;margin-bottom:4px}.op_form_row,.op_header{display:flex;justify-content:space-between}.op_header{align-items:flex-start;gap:8px}.op_header_right{align-items:center;display:flex;gap:8px}.op_card .op_machine{font-size:15px}.op_date{color:#8a8fa3;font-size:11px;margin-top:2px!important}.op_card .op_customer{font-size:12px;margin:0!important;text-align:right}.op_edit_logo{background:#ffe600;border-radius:6px;cursor:pointer}.op_operator{color:#555;font-size:12px;margin-top:6px!important}.op_mold{font-size:13px;font-weight:700}.op_color_row{align-items:center;display:flex;justify-content:space-between}.op_color{font-size:12px;font-weight:700}.op_shift{background:#eef0fb;border-radius:999px;font-size:11px;padding:2px 10px}.op_kpi_row{display:flex;gap:10px;margin:8px 0 4px}.op_kpi{align-items:center;border-radius:10px;display:flex;flex:1 1;flex-direction:column;padding:8px 6px}.op_kpi_label{font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.op_kpi_value{font-size:18px;font-weight:700;line-height:1.3}.op_kpi_reject{background:#fdecec;color:#d32f2f}.op_kpi_good{background:#e6f7f3;color:#0f9b82}.op_kpi_low{background:#fdecec;color:#d32f2f}.op_grid{grid-gap:10px 16px;display:grid;gap:10px 16px;grid-template-columns:1fr 1fr;margin-top:6px}.op_span_2{grid-column:span 2}.op_label{color:#444;font-size:11px;font-weight:700;margin-bottom:3px!important}.op_value{font-size:12.5px}.op_text_red{color:#e43636!important}.op_text_green{color:#20b2aa!important}.op_card .input_dashboard_operator{box-sizing:border-box;font-size:12.5px;width:100%}.op_section{border-top:1px dashed #e0e0e8;margin-top:10px;padding-top:8px}.op_ng_head{font-size:11px;font-weight:700;margin-bottom:6px}.op_ng_head,.op_ng_row{display:flex;justify-content:space-between}.op_ng_row{padding:3px 0}.op_card .size-keterangan-dashboard{font-size:11px;line-height:1.45}.op_table_wrap{overflow-x:auto;width:100%}.op_table{border-collapse:collapse;font-size:11px;width:100%}.op_table th{background:#f3f4fb;font-size:11px;padding:6px;position:static;text-align:left}.op_table td{padding:5px 6px;vertical-align:top}.op_td_jam{white-space:nowrap}.op_td_ket{word-break:break-all}@media only screen and (max-width:600px){.op_card{font-size:11px;min-width:0}.op_form_row{font-size:8.5px}.op_card .op_machine{font-size:13px}.op_color,.op_date,.op_operator,.op_shift{font-size:10px}.op_card .op_customer,.op_mold{font-size:11px}.op_kpi{padding:5px 4px}.op_kpi_label{font-size:8.5px}.op_kpi_value{font-size:14px}.op_grid{gap:8px 10px}.op_label{font-size:9.5px}.op_card .input_dashboard_operator,.op_value{font-size:10.5px}.op_card .size-keterangan-dashboard,.op_ng_head,.op_table,.op_table th{font-size:10px}}.opr_page{padding-bottom:32px}.opr_page .title_inventory{border-left:4px solid #81bfda;font-size:20px;font-weight:700;margin:0 0 12px;padding-left:10px}.opr_page .wrapper_sub_menu_history{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.opr_page .wrapper_sub_menu_history::-webkit-scrollbar{display:none}.opr_page .sub_menu_history{cursor:pointer;flex-shrink:0}.opr_error{background:#fdecec;border:1px solid #f5c2c2;border-radius:10px;color:#d32f2f;font-size:14px;font-weight:600;margin:12px 0;padding:10px 14px}.opr_card{background:#fff;border:1px solid #eceef8;border-radius:14px;box-shadow:0 2px 10px #14143c0f;margin-top:14px;padding:16px}.opr_card_title{color:#6b6f85;font-size:13px;font-weight:700;letter-spacing:.4px;margin:0 0 12px;text-transform:uppercase}.opr_row{grid-gap:14px 16px;display:grid;gap:14px 16px}.opr_row+.opr_row{margin-top:14px}.opr_row_2{grid-template-columns:repeat(2,minmax(0,1fr))}.opr_row_3{grid-template-columns:repeat(3,minmax(0,1fr))}.opr_span_2{grid-column:span 2}.opr_field{display:flex;flex-direction:column;gap:6px;min-width:0}.opr_label{color:#555;font-size:12px;font-weight:600;margin:0}.opr_req{color:#e43636;margin-left:2px}.opr_input,.opr_select,.opr_textarea{background:#fff;border:1px solid #d9dcee;border-radius:8px;box-sizing:border-box;color:#222;font-size:14px;height:40px;padding:0 10px;transition:border-color .15s,box-shadow .15s;width:100%}.opr_select{cursor:pointer}.opr_textarea{font-family:arial,sans-serif;height:96px;padding:10px;resize:none}.opr_input:focus,.opr_select:focus,.opr_textarea:focus{border-color:#81bfda;box-shadow:0 0 0 3px #81bfda47;outline:none}.opr_input::placeholder{color:#aeb2c8}.opr_input_jam{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.5px;text-align:center}.opr_stat{display:flex;flex-direction:column;gap:6px;min-width:0}.opr_stat_value{align-items:center;background:#f3f4fb;border-radius:8px;box-sizing:border-box;color:#333;display:flex;font-size:15px;font-weight:700;height:40px;padding:0 12px}.opr_stat_error .opr_label{color:#d32f2f}.opr_stat_error .opr_stat_value{background:#fdecec;color:#d32f2f}.opr_check{align-items:center;border:1px solid #d9dcee;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;height:40px;padding:0 12px;-webkit-user-select:none;user-select:none}.opr_check input{cursor:pointer;height:18px;margin:0;width:18px}.opr_list_head,.opr_list_row{grid-gap:10px;align-items:center;display:grid;gap:10px}.opr_list_head{color:#6b6f85;font-size:12px;font-weight:700;margin-bottom:8px}.opr_list_row+.opr_list_row{margin-top:10px}.opr_cols_ng{grid-template-columns:minmax(0,1fr) 96px}.opr_cols_jam{grid-template-columns:130px minmax(0,1fr)}.opr_cols_sticker{grid-template-columns:130px minmax(0,1fr) 90px}.opr_page .select_item_gbj{font-size:14px;margin:0!important;min-width:0;width:auto!important}.opr_stepper{display:flex;gap:12px;justify-content:flex-end;margin-top:14px}.opr_page .button_plus{border-radius:50%;cursor:pointer;font-size:20px;height:38px;line-height:1;margin:0!important;width:38px}.opr_actions{display:flex;justify-content:flex-end;margin-top:18px}.opr_page .button_submit_memo{border-radius:10px;cursor:pointer;font-size:15px;font-weight:700;height:44px;margin:0!important;min-width:140px}@media only screen and (max-width:600px){.opr_page{max-width:100%;overflow-x:clip}.opr_page .title_inventory{font-size:15px}.opr_card{border-radius:12px;margin-top:10px;padding:10px}.opr_card_title{font-size:11px;margin-bottom:8px}.opr_row{gap:10px}.opr_row_3{grid-template-columns:repeat(2,minmax(0,1fr))}.opr_row_3>:first-child{grid-column:span 2}.opr_label{font-size:11px}.opr_input,.opr_select{font-size:13px;height:34px;max-width:100%;min-width:0;padding:0 8px}.opr_textarea{font-size:13px;height:80px}.opr_stat_value{font-size:13px;height:34px}.opr_check{font-size:11px;height:34px}.opr_page .select_item_gbj{font-size:12px}.opr_cols_ng{grid-template-columns:minmax(0,1fr) 72px}.opr_cols_jam{grid-template-columns:104px minmax(0,1fr)}.opr_cols_sticker{grid-template-columns:minmax(0,1fr) 72px}.opr_cols_sticker>:first-child{grid-column:span 2}.opr_cols_sticker.opr_list_head{display:none}.opr_page .button_plus{font-size:18px;height:32px;width:32px}.opr_page .button_submit_memo{font-size:14px;height:40px;width:100%}}.width_mold_name{width:30%}.apl-page{--apl-navy:#2d357a;--apl-navy-soft:#e8e9f8;--apl-blue:#81bfda;--apl-blue-dark:#4a9bc0;--apl-red:#d93636;--apl-red-dark:#b82a2a;--apl-text:#1f2430;--apl-muted:#6b7280;--apl-border:#e3e6ee;--apl-bg:#f4f6fb;--apl-radius:12px;--apl-shadow:0 1px 3px #141c4614,0 6px 18px #141c4612;color:var(--apl-text);font-family:Inter,Segoe UI,system-ui,-apple-system,Roboto,sans-serif}.apl-page :focus-visible{border-radius:6px;outline:2px solid var(--apl-blue-dark);outline-offset:2px}.apl-page p{margin-top:0}.apl-section-title{align-items:center;color:var(--apl-navy);display:flex;font-size:20px;font-weight:700;gap:10px;letter-spacing:.5px;margin:28px 0 14px}.apl-section-title:before{background:var(--apl-navy);border-radius:3px;content:"";height:22px;width:5px}.apl-filter{align-items:flex-end;background:#fff;border:1px solid var(--apl-border);border-radius:var(--apl-radius);box-shadow:var(--apl-shadow);display:flex;flex-wrap:wrap;gap:12px 16px;margin-bottom:8px;padding:14px 16px;position:sticky;top:0;z-index:20}.apl-filter>div{margin:0!important}.apl-field>p,.apl-filter>div>p:first-child:not(.apl-btn-reset){color:var(--apl-navy);font-size:13px;font-weight:600;margin:0 0 6px}.apl-page .apl-date,.apl-page .apl-filter input[type=date],.apl-page .apl-filter select,.apl-page .apl-select{background:#fff;border:1.5px solid var(--apl-border);border-radius:8px;box-sizing:border-box;color:var(--apl-text);font-family:inherit;font-size:14px;height:38px;margin:0;min-width:140px;padding:6px 10px;transition:border-color .15s,box-shadow .15s;width:auto}.apl-page .apl-date:focus,.apl-page .apl-filter input[type=date]:focus,.apl-page .apl-filter select:focus,.apl-page .apl-select:focus{border-color:var(--apl-blue-dark);box-shadow:0 0 0 3px #81bfda40}.apl-btn-reset{background:var(--apl-blue-dark);border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:grid;font-size:14px;font-weight:600;height:38px;margin:0!important;padding:0 18px;place-items:center;transition:background .15s,transform .1s;-webkit-user-select:none;user-select:none}.apl-btn-reset:hover{background:#3b86a8}.apl-btn-reset:active{transform:scale(.97)}.apl-filter img[alt=refresh]{border-radius:50%;margin:0 0 0 8px!important;padding:4px;transition:background .15s,transform .3s}.apl-filter img[alt=refresh]:hover{background:var(--apl-navy-soft);transform:rotate(180deg)}.apl-card-grid{align-items:flex-start;display:flex;flex-flow:wrap;gap:16px}.apl-card{background:#fff;border:1px solid var(--apl-border);border-radius:var(--apl-radius);border-top:4px solid var(--apl-navy);box-shadow:var(--apl-shadow);box-sizing:border-box;font-size:14px;line-height:1.4;padding:0 14px 16px;width:290px}.apl-card>.apl-card-row:first-child{background:var(--apl-bg);color:var(--apl-muted);margin:0 -14px 10px!important;padding:6px 14px}.apl-card-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.apl-machine{background:var(--apl-navy);border-radius:999px;color:#fff;display:inline-block;font-size:15px;padding:4px 12px;white-space:nowrap;width:auto!important}.apl-bold,.apl-machine{font-weight:700}.apl-bold+.apl-value{margin-top:0!important}.apl-row>div>.apl-bold{color:var(--apl-muted);font-size:12px;font-weight:600}.apl-value{color:var(--apl-text);font-size:15px!important;font-weight:600}.apl-row{border-bottom:1px dashed var(--apl-border);display:flex;gap:8px;justify-content:space-between;padding:4px 0}.apl-row:last-child{border-bottom:none}.apl-card table,.apl-card-simple table{border-collapse:collapse;width:100%}.apl-card table th,.apl-card-simple table th{background:var(--apl-navy-soft);color:var(--apl-navy);font-weight:700}.apl-card table td,.apl-card-simple table td{border-bottom:1px solid var(--apl-border)}.apl-card-simple{background:#fff;border:1px solid var(--apl-border);border-radius:var(--apl-radius);border-top:4px solid var(--apl-blue-dark);box-shadow:var(--apl-shadow);box-sizing:border-box;font-size:14px;line-height:1.4;margin:0 16px 16px 0;padding:4px 16px 16px;width:340px}.apl-card-simple p{margin-bottom:6px}.apl-card-simple p b{color:var(--apl-muted);font-size:12px;font-weight:600}.apl-popup-actions{display:flex;justify-content:flex-end}.apl-popup-btn{background:var(--apl-red);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 28px;transition:background .15s}.apl-popup-btn:hover{background:var(--apl-red-dark)}.apl-submit{background:var(--apl-red);border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:15px;font-weight:700;margin:24px 0 48px;padding:12px 40px;transition:background .15s,transform .1s,box-shadow .15s}.apl-submit:hover{background:var(--apl-red-dark);box-shadow:0 4px 12px #d936364d}.apl-submit:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.apl-page *{transition:none!important}}@media only screen and (max-width:600px){.apl-filter{gap:10px;padding:12px}.apl-filter>div:not(:last-child){flex:1 1 140px}.apl-page .apl-date,.apl-page .apl-filter input[type=date],.apl-page .apl-filter select,.apl-page .apl-select{width:100%}.apl-card-grid{gap:14px}.apl-card,.apl-card-simple{font-size:13px;margin:0 0 14px;width:100%}.apl-value{font-size:14px!important}.apl-submit{width:100%}}.container_card_kerusakan{display:flex;flex-wrap:wrap}.wrapper_card_kerusakan{align-items:center;border-radius:4px;box-shadow:0 3px 8px #0000003d;cursor:pointer;display:flex;margin:0 24px 24px 0;padding:12px;width:268px}.style_mesin_laporan_kerusakan{font-size:24px;line-height:32px;margin-right:18px;text-align:center}@media only screen and (max-width:600px){.container_card_kerusakan{padding:18px 0}.wrapper_card_kerusakan{margin:0 0 24px;width:100%}.style_mesin_laporan_kerusakan{font-size:18px}}.wrapper-popup-po{background:#fff;border-radius:4px;height:90%;margin:calc(5vh - 20px) auto 0;overflow:auto;padding:20px;position:relative;width:90%}.flex-end-margin-top-12{display:flex;justify-content:flex-end;margin-top:12px}.wrapper-popup-pick{background:#fff;border-radius:4px;height:auto;margin:calc(5vh - 20px) auto 0;overflow:auto;padding:20px;position:relative;width:40%}.popup-sj{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.wrapper-popup-sj{background:#fff;border-radius:4px;height:90%;margin:calc(5vh - 20px) auto 0;overflow:auto;padding:20px;position:relative;width:90%}.wrapper-header-po{align-items:center;display:flex;justify-content:space-between}.button-tambah-po{background:#4ca756;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.input-popup-po{height:24px}.input-date-forecast{height:26px;width:142px}.input-jumlah-forecast{height:24px}.button-add-remove-field-po{cursor:pointer;height:28px;width:28px}.select-customer-po{height:30px;width:147px}.select-item-po{width:300px}.freeze-items-po{position:sticky;z-index:10}.number-table-po{font-size:14px;line-height:18px;text-align:center}.border-data-tanggal-po{align-content:center;border-left:.5px solid gray;border-right:.5px solid gray;cursor:pointer;font-size:16px;padding:2px 6px;text-align:center}.th-table-po-left{background:#0e5d5a;font-size:14px;font-weight:700;padding:12px 6px;text-align:left}.width-td-tanggal{max-width:64px;min-width:64px}.border-right-no-wrap{border-right:1px solid #fff;white-space:nowrap}.wrapper-informasi-warna{display:flex;margin-right:12px;max-width:236px;min-width:236px}.informasi-warna{align-content:center;font-size:16px;margin-right:6px;padding:0 12px}.button-pecah{background:green;padding:6px 12px}.button-buat-sj,.button-pecah{border:none;border-radius:4px;color:#fff;cursor:pointer}.button-buat-sj{background:red;padding:8px 12px}.wrapper-pecah-sj{align-items:center;display:flex;margin-bottom:6px;margin-right:6px}.th-surat-jalan{font-size:14px;padding:6px;text-align:left}.td-surat-jalan{padding:12px 6px;text-align:left}.background-gray-tr{background:#f2f2f2;cursor:pointer;font-size:13px}.background-white-tr{background:#fff;cursor:pointer;font-size:13px}.background-red-tr{background:#ee9595;font-size:13px}.wrapper-maju-mundur{align-items:center;display:flex;margin-bottom:6px;margin-right:12px}@media only screen and (max-width:600px){.wrapper-popup-pick{margin-top:calc(5vh - 20px);width:85%}.select-customer-po,.select-item-po{width:120px}.input-date-forecast{width:114px}.input-jumlah-forecast{width:112px}.input-popup-po{font-size:12px;width:112px}.font-size-14-mobile{font-size:14px}.button-tambah-po{font-size:12px}.wrapper_popup-po{margin-top:calc(5vh - 20px);width:85%}}.sp_page{box-sizing:border-box;max-width:100%;padding-bottom:32px}.sp_page .title_inventory{border-left:4px solid #81bfda;font-size:20px;font-weight:700;margin:0 0 12px;padding-left:10px}.sp_error_banner{background:#fdecec;border:1px solid #f5c2c2;border-radius:10px;color:#d32f2f;font-size:14px;font-weight:600;margin:0 0 12px;padding:10px 14px}.sp_card{background:#fff;border:1px solid #eceef8;border-radius:14px;box-shadow:0 2px 10px #14143c0f;margin-top:14px;min-width:0;padding:16px}.sp_card_head{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.sp_card_title{color:#6b6f85;font-size:13px;font-weight:700;letter-spacing:.4px;margin:0;text-transform:uppercase}.sp_card_title_error{color:#d32f2f}.sp_grid{grid-gap:14px 16px;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr))}.sp_grid,.sp_grid_2{display:grid;gap:14px 16px}.sp_grid_2{grid-gap:14px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.sp_span_all{grid-column:1/-1}.sp_field{display:flex;flex-direction:column;gap:6px;min-width:0}.sp_label{color:#555;font-size:12px;font-weight:600;margin:0}.sp_label_error{color:#d32f2f}.sp_req{color:#e43636;margin-left:2px}.sp_input,.sp_select,.sp_textarea{background:#fff;border:1px solid #d9dcee;border-radius:8px;box-sizing:border-box;color:#222;font-size:14px;height:40px;min-width:0;padding:0 10px;transition:border-color .15s,box-shadow .15s;width:100%}.sp_select{cursor:pointer}.sp_textarea{font-family:arial,sans-serif;height:96px;padding:10px;resize:none}.sp_input:focus,.sp_select:focus,.sp_textarea:focus{border-color:#81bfda;box-shadow:0 0 0 3px #81bfda47;outline:none}.sp_input::placeholder,.sp_textarea::placeholder{color:#aeb2c8}.sp_input_error{border-color:#d32f2f}.sp_page .sp_select_wrap{font-size:14px;min-width:0}.sp_check_row{display:flex;flex-wrap:wrap;gap:10px}.sp_check{align-items:center;border:1px solid #d9dcee;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;height:40px;padding:0 12px;-webkit-user-select:none;user-select:none}.sp_check input{cursor:pointer;height:18px;margin:0;width:18px}.sp_table_wrap{border:1px solid #eceef8;border-radius:10px;overflow-x:auto;width:100%}.sp_table_wrap_error{border-color:#d32f2f}.sp_table{border-collapse:collapse;font-size:13px;width:100%}.sp_table th{background:#f3f4fb;font-size:12px;padding:10px 12px!important;position:static!important;text-align:left;white-space:nowrap;z-index:auto!important}.sp_table td{padding:10px 12px;vertical-align:top}.sp_table tbody tr:nth-child(2n){background:#f8f8fd}.sp_table_empty{color:#aeb2c8;padding:14px!important;text-align:center}.sp_nowrap{white-space:nowrap}.sp_stepper{display:flex;gap:10px}.sp_page .button_plus{border-radius:50%;cursor:pointer;font-size:20px;height:36px;line-height:1;margin:0!important;width:36px}.sp_actions{display:flex;gap:12px;justify-content:flex-end;margin-top:18px}.sp_page .button_submit_memo{border-radius:10px;cursor:pointer;font-size:15px;font-weight:700;height:44px;margin:0!important;min-width:130px}.sp_page .sp_btn_ghost{background:#fff!important;border:1px solid #c9cce0!important;color:#222!important}.sp_btn_export{background:#1f9d55;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:40px;padding:0 16px}.sp_filter_row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px 16px}.sp_filter_row .sp_field{width:150px}.sp_popup_head{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.sp_popup_title{font-size:15px;font-weight:700;margin:0}.sp_popup_head img{cursor:pointer}.sp_popup_actions{display:flex;justify-content:flex-end;margin-top:16px}.sp_popup_text{margin:0 0 8px;text-align:center}@media only screen and (max-width:600px){.sp_page{overflow-x:clip}.sp_page .title_inventory{font-size:15px}.sp_error_banner{font-size:12px;padding:8px 12px}.sp_card{border-radius:12px;margin-top:10px;padding:10px}.sp_card_title{font-size:11px}.sp_grid,.sp_grid_2{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.sp_label{font-size:11px}.sp_input,.sp_select{font-size:13px;height:34px;padding:0 8px}.sp_textarea{font-size:13px;height:80px}.sp_check,.sp_page .sp_select_wrap{font-size:12px}.sp_check{height:34px}.sp_table{font-size:11px}.sp_table th{font-size:10px;padding:8px!important}.sp_table td{padding:8px}.sp_page .button_plus{font-size:18px;height:32px;width:32px}.sp_actions{gap:8px}.sp_page .button_submit_memo{flex:1 1;font-size:14px;height:40px;min-width:0}.sp_filter_row{gap:10px}.sp_filter_row .sp_field{width:calc(50% - 5px)}.sp_btn_export{font-size:12px;height:34px}}.wrapper_popup_list_produk_sp{background:#fff;border-radius:4px;height:auto;margin:calc(29vh - 20px) auto 0;overflow:auto;padding:20px;position:relative;width:43%}@media only screen and (max-width:600px){.font_14_mobile_sp{font-size:14px}}.asp-page{--asp-navy:#2d357a;--asp-navy-soft:#e8e9f8;--asp-blue-dark:#4a9bc0;--asp-red:#d93636;--asp-red-dark:#b82a2a;--asp-text:#1f2430;--asp-muted:#6b7280;--asp-border:#e3e6ee;--asp-bg:#f4f6fb;--asp-radius:12px;--asp-shadow:0 1px 3px #141c4614,0 6px 18px #141c4612;color:var(--asp-text);font-family:Inter,Segoe UI,system-ui,-apple-system,Roboto,sans-serif}.asp-page :focus-visible{border-radius:6px;outline:2px solid var(--asp-blue-dark);outline-offset:2px}.asp-page .asp-title{border-bottom:2px solid var(--asp-border);color:var(--asp-navy);font-size:22px;font-weight:700;letter-spacing:1px;margin:0 0 16px;padding-bottom:12px}.asp-page .asp-filter{align-items:flex-end;background:#fff;border:1px solid var(--asp-border);border-radius:var(--asp-radius);box-shadow:var(--asp-shadow);display:flex;flex-wrap:wrap;gap:12px 16px;padding:14px 16px;position:sticky;top:0;z-index:20}.asp-page .asp-field{margin:0}.asp-page .asp-field>p{color:var(--asp-navy);font-size:13px;font-weight:600;margin:0 0 6px}.asp-page .asp-date,.asp-page .asp-select{background:#fff;border:1.5px solid var(--asp-border);border-radius:8px;box-sizing:border-box;color:var(--asp-text);font-family:inherit;font-size:14px;height:38px;margin:0;min-width:150px;padding:6px 10px;transition:border-color .15s,box-shadow .15s}.asp-page .asp-date:focus,.asp-page .asp-input:focus,.asp-page .asp-select:focus{border-color:var(--asp-blue-dark);box-shadow:0 0 0 3px #81bfda40}.asp-page .asp-btn-reset{background:var(--asp-blue-dark);border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:grid;font-size:14px;font-weight:600;height:38px;margin:0;padding:0 18px;place-items:center;transition:background .15s,transform .1s;-webkit-user-select:none;user-select:none}.asp-page .asp-btn-reset:hover{background:#3b86a8}.asp-page .asp-btn-reset:active{transform:scale(.97)}.asp-page .asp-card-grid{align-items:flex-start;display:flex;flex-flow:wrap;gap:16px;margin-top:18px}.asp-page .asp-card{background:#fff;border:1px solid var(--asp-border);border-radius:var(--asp-radius);border-top:4px solid var(--asp-navy);box-shadow:var(--asp-shadow);box-sizing:border-box;font-size:14px;line-height:1.4;padding:0 14px 16px;width:320px}.asp-page .asp-card p{margin:6px 0}.asp-page .asp-card-meta{background:var(--asp-bg);color:var(--asp-muted);display:flex;font-size:12px;justify-content:space-between;margin:0 -14px 10px;padding:6px 14px}.asp-page .asp-card-meta p{margin:0}.asp-page .asp-card-head{align-items:center;display:flex;gap:10px;margin-bottom:6px}.asp-page .asp-machine{background:var(--asp-navy);border-radius:999px;color:#fff;font-size:15px;font-weight:700;margin:0 auto 0 0;padding:4px 12px;white-space:nowrap}.asp-page .asp-icon{border-radius:8px;box-sizing:initial;cursor:pointer;height:24px;padding:4px;transition:transform .15s,background .15s;width:24px}.asp-page .asp-icon:hover{transform:scale(1.1)}.asp-page .asp-icon-delete{background:#fdecec}.asp-page .asp-icon-edit{background:#ffe97a}.asp-page .asp-row{border-bottom:1px dashed var(--asp-border);display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between;padding:4px 0}.asp-page .asp-row:last-of-type{border-bottom:none}.asp-page .asp-label{color:var(--asp-muted);font-size:11px;font-weight:600;letter-spacing:.3px}.asp-page .asp-value{font-size:15px;font-weight:600}.asp-page .asp-value-warn{color:var(--asp-red)}.asp-page .asp-strong{font-weight:700}.asp-page .asp-section-label{color:var(--asp-navy);font-weight:700;margin:14px 0 6px}.asp-page .asp-input{border:1.5px solid var(--asp-border);border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;height:32px;padding:4px 8px;transition:border-color .15s,box-shadow .15s;width:90px}.asp-page .asp-table-scroll{border:1px solid var(--asp-border);border-radius:8px;overflow-x:auto}.asp-page .asp-table{border-collapse:collapse;font-size:12px;width:100%}.asp-page .asp-table-fixed{table-layout:fixed}.asp-page .asp-th{background:var(--asp-navy-soft);color:var(--asp-navy);font-size:12px;font-weight:700;padding:8px;position:static;text-align:center;white-space:nowrap}.asp-page .asp-td{border-top:1px solid var(--asp-border);padding:8px;text-align:center;word-break:break-word}.asp-page .asp-td:first-child,.asp-page .asp-th:first-child{text-align:left}.asp-page .asp-table tr:nth-child(odd):not(:first-child){background:var(--asp-bg)}.asp-page .asp-popup-actions{display:flex;gap:8px;justify-content:flex-end;margin:0}.asp-page .asp-popup-btn{background:var(--asp-red);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;height:38px;padding:0 26px;transition:background .15s,transform .1s}.asp-page .asp-popup-btn:hover{background:var(--asp-red-dark)}.asp-page .asp-popup-btn:active{transform:scale(.97)}.asp-page .asp-popup-btn-secondary{background:#e5e7eb;color:var(--asp-text)}.asp-page .asp-popup-btn-secondary:hover{background:#d4d7de}.asp-page .asp-submit{background:var(--asp-red);border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:15px;font-weight:700;margin:24px 0 48px;padding:12px 40px;transition:background .15s,transform .1s,box-shadow .15s}.asp-page .asp-submit:hover{background:var(--asp-red-dark);box-shadow:0 4px 12px #d936364d}.asp-page .asp-submit:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.asp-page *{transition:none!important}}@media only screen and (max-width:600px){.asp-page .asp-title{font-size:18px}.asp-page .asp-filter{padding:12px}.asp-page .asp-filter>div:not(:last-child){flex:1 1 140px}.asp-page .asp-date,.asp-page .asp-select{width:100%}.asp-page .asp-card{font-size:13px;width:100%}.asp-page .asp-value{font-size:14px}.asp-page .asp-submit{width:100%}}.krn-page{--krn-navy:#2d357a;--krn-navy-soft:#e8e9f8;--krn-blue:#81bfda;--krn-blue-dark:#4a9bc0;--krn-green:#1f8a4c;--krn-green-dark:#17703d;--krn-red:#d93636;--krn-red-dark:#b82a2a;--krn-text:#1f2430;--krn-muted:#6b7280;--krn-border:#e3e6ee;--krn-bg:#f6f7fb;--krn-open:#fff6cf;--krn-open-border:#ecd77a;--krn-done:#e0f4e4;--krn-done-border:#9fd6aa;--krn-radius:12px;--krn-shadow:0 1px 3px #141c4614,0 6px 18px #141c460f;color:var(--krn-text);font-family:Inter,Segoe UI,system-ui,-apple-system,Roboto,sans-serif}.krn-page :focus-visible{border-radius:6px;outline:2px solid var(--krn-blue-dark);outline-offset:2px}.krn-page p{margin-top:0}.krn-page .krn-title{border-bottom:2px solid var(--krn-border);color:var(--krn-navy);font-size:22px;font-weight:700;letter-spacing:1px;margin:0 0 8px;padding-bottom:12px}.krn-page .krn-tabs{border-bottom:1px solid var(--krn-border);display:flex;gap:4px;margin:12px 0 18px;overflow-x:auto}.krn-page .krn-tab{border-bottom:3px solid #0000;border-radius:8px 8px 0 0;color:var(--krn-muted);cursor:pointer;font-weight:600;margin:0;padding:10px 20px;transition:color .15s,background .15s;white-space:nowrap}.krn-page .krn-tab:hover{background:var(--krn-bg);color:var(--krn-navy)}.krn-page .krn-tab-active,.krn-page .krn-tab-active:hover{background:var(--krn-navy-soft);border-bottom-color:var(--krn-navy);color:var(--krn-navy)}.krn-page .krn-warning{align-items:center;background:#fdecec;border:1px solid #f5c2c2;border-radius:8px;color:var(--krn-red);display:flex;font-size:14px;gap:8px;margin:0 0 16px;padding:10px 14px}.krn-page .krn-req{color:var(--krn-red);margin-left:2px}.krn-page .krn-form{grid-gap:16px 20px;background:#fff;border:1px solid var(--krn-border);border-radius:var(--krn-radius);box-shadow:var(--krn-shadow);display:grid;gap:16px 20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:20px}.krn-page .krn-span-all{grid-column:1/-1}.krn-page .krn-field{margin:0;min-width:0}.krn-page .krn-field>p,.krn-page .krn-label{color:var(--krn-navy);font-size:13px;font-weight:600;margin:0 0 6px}.krn-page .krn-input,.krn-page .krn-select,.krn-page .krn-textarea{background:#fff;border:1.5px solid var(--krn-border);border-radius:8px;box-sizing:border-box;color:var(--krn-text);font-family:inherit;font-size:14px;margin:0;padding:6px 10px;transition:border-color .15s,box-shadow .15s;width:100%}.krn-page .krn-input,.krn-page .krn-select{height:38px}.krn-page .krn-input-sm{width:130px}.krn-page .krn-textarea{height:96px;padding:8px 10px;resize:vertical}.krn-page .krn-input:focus,.krn-page .krn-select:focus,.krn-page .krn-textarea:focus{border-color:var(--krn-blue-dark);box-shadow:0 0 0 3px #81bfda40}.krn-page .krn-input::placeholder,.krn-page .krn-textarea::placeholder{color:#9aa1af}.krn-page .krn-field [class$=-control]{border:1.5px solid var(--krn-border);border-radius:8px;box-shadow:none;min-height:38px}.krn-page .krn-field [class$=-control]:hover{border-color:var(--krn-blue)}.krn-page .krn-form-actions{display:flex;justify-content:flex-end;margin-top:16px}.krn-page .krn-btn,.krn-page .krn-btn-export,.krn-page .krn-popup-btn{background:var(--krn-red);border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-grid;font-size:14px;font-weight:600;height:38px;margin:0;padding:0 26px;place-items:center;transition:background .15s,transform .1s,box-shadow .15s;-webkit-user-select:none;user-select:none}.krn-page .krn-btn:hover,.krn-page .krn-popup-btn:hover{background:var(--krn-red-dark);box-shadow:0 2px 8px #d936364d}.krn-page .krn-btn-export:active,.krn-page .krn-btn:active,.krn-page .krn-popup-btn:active{transform:scale(.97)}.krn-page .krn-btn-export{background:var(--krn-green)}.krn-page .krn-btn-export:hover{background:var(--krn-green-dark);box-shadow:0 2px 8px #1f8a4c4d}.krn-page .krn-popup-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.krn-page .krn-popup-head p{margin:0 0 8px}.krn-page .krn-popup-fields{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.krn-page .krn-popup-actions{display:flex;gap:8px;justify-content:flex-end;margin:0}.krn-page .krn-close{border-radius:50%;box-sizing:initial;cursor:pointer;height:24px;padding:4px;transition:background .15s,transform .15s;width:24px}.krn-page .krn-close:hover{background:var(--krn-bg);transform:rotate(90deg)}.krn-page .krn-icon{border-radius:8px;box-sizing:initial;cursor:pointer;height:24px;padding:4px;transition:transform .15s;width:24px}.krn-page .krn-icon:hover{transform:scale(1.1)}.krn-page .krn-icon-edit{background:#ffe97a}.krn-page .krn-icon-delete{background:#fdecec}.krn-page .krn-icon-lg{height:28px;width:28px}.krn-page .krn-filter{align-items:flex-end;background:#fff;border:1px solid var(--krn-border);border-radius:var(--krn-radius);box-shadow:var(--krn-shadow);display:flex;flex-wrap:wrap;gap:12px 16px;margin-bottom:18px;padding:14px 16px}.krn-page .krn-filter .krn-field{min-width:160px}.krn-page .krn-table-wrap{background:#fff;border:1px solid var(--krn-border);border-radius:var(--krn-radius);box-shadow:var(--krn-shadow);max-height:70vh;overflow:auto}.krn-page .krn-table{border-collapse:initial;border-spacing:0;font-size:13px;width:100%}.krn-page .krn-th{background:var(--krn-navy-soft);border-bottom:2px solid #cfd2f0;color:var(--krn-navy);font-size:13px;font-weight:700;line-height:1.5;padding:10px;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:2}.krn-page .krn-td{border-bottom:1px solid var(--krn-border);line-height:1.4;padding:10px;text-align:left}.krn-page .krn-td-nowrap{white-space:nowrap}.krn-page .krn-table tr:nth-child(odd):not(:first-child){background:var(--krn-bg)}.krn-page .krn-table tr:not(:first-child):hover .krn-td{background:#eef3fb}.krn-page .krn-card-list{display:flex;flex-wrap:wrap;gap:16px}.krn-page .krn-card{background:var(--krn-done);border:1px solid var(--krn-done-border);border-radius:var(--krn-radius);box-shadow:var(--krn-shadow);box-sizing:border-box;font-size:14px;max-width:100%;padding:4px 16px;position:relative;width:560px}.krn-page .krn-card-open{background:var(--krn-open);border-color:var(--krn-open-border);cursor:pointer;transition:transform .15s,box-shadow .15s}.krn-page .krn-card-open:hover{box-shadow:0 2px 4px #141c461a,0 10px 24px #141c461a;transform:translateY(-2px)}.krn-page .krn-card-cols{display:flex;gap:16px;justify-content:space-between;padding-top:8px}.krn-page .krn-card-col{flex:1 1;min-width:0}.krn-page .krn-line{align-items:baseline;display:flex;flex-wrap:wrap;gap:2px 6px;line-height:1.5;margin:0 0 8px}.krn-page .krn-line b{color:var(--krn-muted);font-size:12px;font-weight:600}.krn-page .krn-line-warn,.krn-page .krn-line-warn b{color:var(--krn-red)}.krn-page .krn-line .krn-input{height:32px;margin-top:4px}.krn-page .krn-card-side{align-items:flex-start;display:flex;justify-content:flex-end;padding-top:8px}.krn-page .krn-note-label{color:var(--krn-muted);font-size:12px;font-weight:600;margin:4px 0 0}.krn-page .krn-note{line-height:1.5;margin:4px 0 16px;word-break:break-word}.krn-page .krn-card-footer{display:flex;justify-content:flex-end;margin:0 0 12px}@media (prefers-reduced-motion:reduce){.krn-page *{transition:none!important}}@media only screen and (max-width:600px){.krn-page .krn-title{font-size:18px}.krn-page .krn-form{gap:14px;grid-template-columns:1fr;padding:14px}.krn-page .krn-btn{width:100%}.krn-page .krn-filter{padding:12px}.krn-page .krn-filter .krn-field{flex:1 1 140px;min-width:0}.krn-page .krn-card{font-size:12px;width:100%}.krn-page .krn-card-cols{flex-direction:column;gap:0}.krn-page .krn-card-side{padding-top:0;position:absolute;right:12px;top:8px}.krn-page .krn-card-col:first-child{padding-right:44px}.krn-page .krn-line{font-size:12px}.krn-page .krn-input-sm{width:100%}}.select_item_gbj{width:350px}.btn_reset_input_gbj_mobile{margin:0}@media only screen and (max-width:600px){.btn_reset_input_gbj_mobile{margin:12px 0 0}.select_item_gbj{width:100%}}.byb-page{--byb-navy:#2d357a;--byb-navy-soft:#e8e9f8;--byb-blue:#81bfda;--byb-blue-dark:#4a9bc0;--byb-green:#1f8a4c;--byb-green-dark:#17703d;--byb-red:#d93636;--byb-red-dark:#b82a2a;--byb-text:#1f2430;--byb-muted:#6b7280;--byb-border:#e3e6ee;--byb-bg:#f6f7fb;--byb-radius:12px;--byb-shadow:0 1px 3px #141c4614,0 6px 18px #141c460f;color:var(--byb-text);font-family:Inter,Segoe UI,system-ui,-apple-system,Roboto,sans-serif}.byb-page :focus-visible{border-radius:6px;outline:2px solid var(--byb-blue-dark);outline-offset:2px}.byb-page p{margin-top:0}.byb-page .byb-title{border-bottom:2px solid var(--byb-border);color:var(--byb-navy);font-size:22px;font-weight:700;letter-spacing:1px;margin:0 0 8px;padding-bottom:12px}.byb-page .byb-tabs{border-bottom:1px solid var(--byb-border);display:flex;gap:4px;margin:12px 0 18px;overflow-x:auto}.byb-page .byb-tab{border-bottom:3px solid #0000;border-radius:8px 8px 0 0;color:var(--byb-muted);cursor:pointer;font-weight:600;margin:0;padding:10px 22px;transition:color .15s,background .15s;white-space:nowrap}.byb-page .byb-tab:hover{background:var(--byb-bg);color:var(--byb-navy)}.byb-page .byb-tab-active,.byb-page .byb-tab-active:hover{background:var(--byb-navy-soft);border-bottom-color:var(--byb-navy);color:var(--byb-navy)}.byb-page .byb-form{align-items:flex-end;background:#fff;border:1px solid var(--byb-border);border-radius:var(--byb-radius);box-shadow:var(--byb-shadow);display:flex;flex-wrap:wrap;gap:16px 20px;padding:20px}.byb-page .byb-field{margin:0}.byb-page .byb-field>p,.byb-page .byb-label{color:var(--byb-navy);font-size:13px;font-weight:600;margin:0 0 6px}.byb-page .byb-req{color:var(--byb-red);margin-left:2px}.byb-page .byb-date,.byb-page .byb-input,.byb-page .byb-select{background:#fff;border:1.5px solid var(--byb-border);border-radius:8px;box-sizing:border-box;color:var(--byb-text);font-family:inherit;font-size:14px;height:38px;margin:0;padding:6px 10px;transition:border-color .15s,box-shadow .15s}.byb-page .byb-date,.byb-page .byb-select{min-width:150px}.byb-page .byb-input{width:220px}.byb-page .byb-date:focus,.byb-page .byb-input:focus,.byb-page .byb-select:focus{border-color:var(--byb-blue-dark);box-shadow:0 0 0 3px #81bfda40}.byb-page .byb-input::placeholder{color:#9aa1af}.byb-page .byb-select-product{width:350px}.byb-page .byb-select-product [class$=-control]{border:1.5px solid var(--byb-border);border-radius:8px;box-shadow:none;min-height:38px}.byb-page .byb-select-product [class$=-control]:hover{border-color:var(--byb-blue)}.byb-page .byb-radio-group{display:flex;flex-wrap:wrap;gap:8px}.byb-page .byb-radio{align-items:center;background:#fff;border:1.5px solid var(--byb-border);border-radius:999px;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:8px 14px;transition:background .15s,border-color .15s;-webkit-user-select:none;user-select:none}.byb-page .byb-radio:hover{background:var(--byb-navy-soft)}.byb-page .byb-radio input[type=radio]{accent-color:var(--byb-navy);cursor:pointer;margin:0}.byb-page .byb-radio label{cursor:pointer}.byb-page .byb-radio:has(input:checked){background:var(--byb-navy-soft);border-color:var(--byb-navy);color:var(--byb-navy);font-weight:600}.byb-page .byb-submit-wrap{align-items:flex-end;display:flex}.byb-page .byb-btn-export,.byb-page .byb-btn-reset,.byb-page .byb-popup-btn,.byb-page .byb-submit{border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:grid;font-size:14px;font-weight:600;height:38px;margin:0;padding:0 22px;place-items:center;transition:background .15s,transform .1s,box-shadow .15s;-webkit-user-select:none;user-select:none}.byb-page .byb-btn-export:active,.byb-page .byb-btn-reset:active,.byb-page .byb-popup-btn:active,.byb-page .byb-submit:active{transform:scale(.97)}.byb-page .byb-popup-btn,.byb-page .byb-submit{background:var(--byb-red)}.byb-page .byb-submit{padding:0 32px}.byb-page .byb-popup-btn:hover,.byb-page .byb-submit:hover{background:var(--byb-red-dark);box-shadow:0 2px 8px #d936364d}.byb-page .byb-btn-reset{background:var(--byb-blue-dark)}.byb-page .byb-btn-reset:hover{background:#3b86a8}.byb-page .byb-btn-export{background:var(--byb-green)}.byb-page .byb-btn-export:hover{background:var(--byb-green-dark);box-shadow:0 2px 8px #1f8a4c4d}.byb-page .byb-popup-actions{display:flex;justify-content:flex-end}.byb-page .byb-error{color:var(--byb-red)}.byb-page .byb-history{width:100%}.byb-page .byb-filter{align-items:flex-end;background:#fff;border:1px solid var(--byb-border);border-radius:var(--byb-radius);box-shadow:var(--byb-shadow);display:flex;flex-wrap:wrap;gap:12px 16px;margin-bottom:20px;padding:16px}.byb-page .byb-filter .byb-select{width:100%}.byb-page .byb-table-wrap{background:#fff;border:1px solid var(--byb-border);border-radius:var(--byb-radius);box-shadow:var(--byb-shadow);max-height:70vh;overflow:auto}.byb-page .byb-table{border-collapse:initial;border-spacing:0;font-size:13px;width:100%}.byb-page .byb-th{background:var(--byb-navy-soft);border-bottom:2px solid #cfd2f0;color:var(--byb-navy);font-size:13px;font-weight:700;padding:12px 10px;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:2}.byb-page .byb-td{border-bottom:1px solid var(--byb-border);line-height:1.4;padding:12px 10px;text-align:left}.byb-page .byb-table tr:nth-child(odd):not(:first-child){background:var(--byb-bg)}.byb-page .byb-table tr:not(:first-child):hover .byb-td{background:#eef3fb}.byb-page .byb-td-number{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.5px}@media (prefers-reduced-motion:reduce){.byb-page *{transition:none!important}}@media only screen and (max-width:600px){.byb-page .byb-title{font-size:18px}.byb-page .byb-form{gap:14px;padding:14px}.byb-page .byb-date,.byb-page .byb-form>div,.byb-page .byb-input,.byb-page .byb-select,.byb-page .byb-select-product,.byb-page .byb-submit{width:100%}.byb-page .byb-filter{padding:12px}.byb-page .byb-filter>div{flex:1 1 140px}}.container_memo_ppic{margin:24px 24px 24px 204px}.button_submit_memo{background:red;float:right;margin:24px 0;width:90px}.button_submit_memo,.button_tambah_kurang{border:none;border-radius:4px;color:#fff;cursor:pointer;height:32px}.button_tambah_kurang{background:#2d357a;margin:12px 12px 12px 0;width:78px}.date_pick_memo_ppic{background:#e8e9f8;border:none;border-radius:4px;box-shadow:0 0 5pt .5pt #d3d3d3;height:24px;margin:0 0 24px;padding:6px;width:132px}@media only screen and (max-width:600px){.container_memo_ppic{margin:12px auto auto;padding:24px 16px 0}.date_pick_memo_ppic{width:106px}.button_submit_memo{width:76px}}.wrapper_request_lembur{margin-right:12px}.width_select_lembur{width:248px}.input_select_memo_ppic,.input_select_mesin{background:#fff;border:none;border-radius:3px;box-shadow:0 0 5pt .5pt #d3d3d3;cursor:pointer;height:36px;padding:6px}.font_size_lembur{font-size:14px;line-height:18px;padding:12px 6px}.table_header_lembur{color:#2d357a;font-size:16px;font-weight:700}@media only screen and (max-width:600px){.width_100_mobile{width:100%}.font_size_lembur,.table_header_lembur{font-size:11px}}.wrapper-qr-kendaraan{align-items:center;display:flex;flex-direction:column;gap:12px}.title-qr-kendaraan{font-size:18px;font-weight:600}.wrapper-pilih-type-kendaraan{display:flex;gap:8px}.button-type-kendaraan{background:#fff;border:1px solid #999;border-radius:6px;cursor:pointer;padding:8px 20px}.button-type-kendaraan.active{background:red;border-color:red;color:#fff}.input-kendaraan{height:32px;padding:0 8px;width:240px}.reader-kendaraan{max-width:320px;width:100%}.button-scan-kendaraan{background:#1e88e5;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 28px}.hasil-scan-kendaraan{font-weight:600}.wrapper-sub-menu-kendaraan{border-bottom:1px solid #ddd;display:flex;gap:24px;margin-bottom:16px}.sub-menu-kendaraan{border-bottom:3px solid #0000;color:#777;cursor:pointer;font-weight:600;margin-bottom:-1px;padding:8px 4px}.border-active-kendaraan{border-bottom:3px solid #1e88e5;color:#1e88e5}.wrapper-select-kendaraan{max-width:320px;width:100%}.button-type-kendaraan:disabled{cursor:not-allowed;opacity:.6}.popup-kendaraan{border-top:6px solid #1e88e5;padding-top:12px;text-align:center}.popup-kendaraan-success{border-top-color:#2e7d32}.popup-kendaraan-error{border-top-color:#c62828}.popup-kendaraan-title{font-size:18px;font-weight:700;margin:0 0 8px}.popup-kendaraan-message{font-size:15px;margin-bottom:16px;word-break:break-word}.popup-kendaraan-button{background:#1e88e5;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 32px}.header-keterangan-kendaraan{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.badge-opsional-kendaraan{background:#f0f0f0;border-radius:10px;color:#666;font-size:12px;padding:2px 10px}.textarea-keterangan-kendaraan{background:#fff;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:block;font-family:inherit;font-size:15px;line-height:1.4;min-height:96px;padding:10px 12px;resize:none;text-transform:uppercase;transition:border-color .15s,box-shadow .15s;width:100%}.textarea-keterangan-kendaraan::placeholder{color:#aaa;text-transform:none}.textarea-keterangan-kendaraan:focus{border-color:#2684ff;box-shadow:0 0 0 1px #2684ff;outline:none}.textarea-keterangan-kendaraan:disabled{background:#f5f5f5;cursor:not-allowed}.footer-keterangan-kendaraan{color:#888;display:flex;font-size:12px;justify-content:space-between;margin-top:4px}.popup-scan-kendaraan{align-items:center;display:flex;flex-direction:column;gap:10px;text-align:center}.popup-scan-info{color:#555;font-size:14px;word-break:break-word}.popup-scan-kendaraan .reader-kendaraan{margin:0 auto}.button-batal-kendaraan{background:#fff;border:1px solid #999;border-radius:6px;cursor:pointer;padding:8px 32px}.filter-monitoring-kendaraan{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.input-tanggal-kendaraan{border:1px solid #ccc;border-radius:4px;height:32px;padding:0 8px}.button-hari-kendaraan{background:#fff;border:1px solid #999;border-radius:4px;cursor:pointer;font-size:18px;height:32px;line-height:1;width:32px}.button-hari-ini-kendaraan{background:#1e88e5;border:none;border-radius:4px;color:#fff;cursor:pointer;height:32px;padding:0 14px}.wrapper-ringkasan-kendaraan{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.card-ringkasan-kendaraan{border:1px solid #ddd;border-radius:6px;font-size:13px;min-width:90px;padding:8px 14px;text-align:center}.angka-ringkasan-kendaraan{font-size:22px;font-weight:700}.card-ringkasan-merah{border-color:#c62828;color:#c62828}.wrapper-tabel-kendaraan{overflow-x:auto;width:100%}.tabel-kendaraan{border-collapse:collapse;font-size:13px;width:100%}.tabel-kendaraan td,.tabel-kendaraan th{border:1px solid #ddd;padding:8px 10px;text-align:left;white-space:nowrap}.tabel-kendaraan th{background:#f5f5f5}.baris-terlambat{background:#ffebee;color:#c62828}.kosong-tabel-kendaraan{color:#888;text-align:center!important}.baris-klik-kendaraan{cursor:pointer}.baris-klik-kendaraan:hover{background:#f1f5f9}.popup-detail-kendaraan{display:flex;flex-direction:column;gap:12px;max-height:96vh;width:100%}.grid-detail-kendaraan{display:flex;flex-direction:column;overflow-y:auto}.item-detail-kendaraan{border-bottom:1px solid #e5e7eb;display:flex;font-size:14px;gap:16px;justify-content:space-between;padding:8px 0}.label-detail-kendaraan{color:#6b7280;flex-shrink:0}.value-detail-kendaraan{font-weight:600;text-align:right;word-break:break-word}.qr-protected{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.qr-protected svg{pointer-events:none}.qr-box-protected{display:inline-block;position:relative}.qr-cover{background:#222;border-radius:8px;color:#fff;font-weight:600}.qr-cover,.qr-watermark{align-items:center;display:flex;justify-content:center}.qr-watermark{color:#0000001f;font-size:18px;font-weight:700;inset:0;pointer-events:none;position:absolute;transform:rotate(-30deg)}@media print{.qr-protected{display:none!important}}@media only screen and (max-width:600px){.popup-detail-kendaraan{max-height:92vh}}.td-box-white{background:#fff;font-size:16px}.td-box-gray{background:#f2f2f2;font-size:16px}@media only screen and (max-width:600px){.td-box-gray,.td-box-white{font-size:12px}}.font_grand_total_downtime{font-size:18px;font-weight:500;padding:12px 0}@media only screen and (max-width:600px){.font_ganti_produk_mobile{font-size:12px}.font_grand_total_downtime{font-size:16px}.margin_mobile_ganti_produksi{margin-top:12px}}.vertical_scale_rotate{border-right:2px solid #d3d3d3;font-size:14px;height:98px;padding:0 8px;z-index:11}.td_detail_reject{align-content:center;font-size:14px;padding:12px 0}.padding_td_konversi{border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;font-size:14px;padding:12px 0}.padding_td_grand_total{border:1px solid #d3d3d3;font-size:16px;font-weight:500;padding:12px 0}.border_none_konversi{border:none}.lock-header{height:100%!important;max-height:100vh;overflow-y:auto;padding:0}.lock-header thead>tr:first-child>th{background-color:#f0f0f0cc;position:sticky;top:0;z-index:1}.lock-header>table{border-collapse:collapse;width:100%}.lock-header tfoot td{background-color:#f0f0f0;bottom:0;position:sticky;z-index:99}.freeze-items-konversi{position:sticky;z-index:10}.apexcharts-tooltip{font-size:14px!important;padding:4px!important}.apexcharts-tooltip-series-group{line-height:1!important;margin:0!important;padding-bottom:1px!important;padding-top:1px!important}.apexcharts-tooltip-title{line-height:1.3!important;margin-bottom:2px!important;padding-bottom:2px!important}.toggle{color:#052f04;font-family:Arial Rounded MT Bold;font-size:24px;gap:12px;text-shadow:0 0 2px #e8e8e8}.toggle,.toggle__switch{align-items:center;display:flex}.toggle__switch{--bg-toggle:#81bfda;--bg-circle:#fada7a;--w-toggle-switch:52px;--w-h-toggle-circle:24px;--pd-toggle-switch:0.1rem;background-color:var(--bg-toggle);border-radius:4rem;cursor:pointer;height:32px;padding:0 var(--pd-toggle-switch);transition:background-color .5s;width:var(--w-toggle-switch)}.toggle__circle{background-color:var(--bg-circle);border-radius:50%;height:var(--w-h-toggle-circle);margin-left:4px;transition:margin .4s ease-in-out,background-color 1s;width:var(--w-h-toggle-circle)}.color-font-toggle-active{color:#81bfda}#checkbox:checked+.toggle .toggle__circle{margin-left:calc(var(--w-toggle-switch) - var(--pd-toggle-switch)*2 - var(--w-h-toggle-circle))}#checkbox:checked+.toggle>.toggle__switch{--bg-toggle:#fada7a;--bg-circle:#81bfda;box-shadow:0 .3rem 5rem 0 #48a00d4d}.wrapper-popup-newLkm{background:#fff;border-radius:4px;height:90%;margin:calc(5vh - 20px) auto 0;overflow:auto;padding:20px;position:relative;width:90%}.date_lkm{background:#e8e9f8;border:none;border-radius:4px;height:18px;margin-right:8px;width:108px}.date_lkm,.input-select-jenis-lkm{box-shadow:0 0 5pt .5pt #d3d3d3;padding:6px}.input-select-jenis-lkm{background:#fff;border:none;border-radius:3px;cursor:pointer;height:32px;margin-right:6px;width:102px}.input-deskripsi-new-lkm{background:#fff;border:none;border-radius:3px;box-shadow:0 0 5pt .5pt #d3d3d3;font-size:14px;height:18px;margin-bottom:6px;padding:6px;width:98%}.button-plus-minus-lkm{cursor:pointer;height:32px;width:32px}.font-lkm{font-size:14px}.width-wrapper-deskripsi{width:48%}.width-wrapper-bagian-penyebab{width:47%}.textarea-lkm{font-family:sans-serif;font-size:12px;height:56px;resize:none;width:100%}.button-kirim-new-lkm{background:red;border:none;border-radius:4px;color:#fff;cursor:pointer;float:right;height:32px;margin:12px 0;width:72px}.wrapper-submenu-lkm{border-bottom:1px solid #d3d3d3;display:flex;height:48px}.submenu-lkm,.submenu-lkm-active{cursor:pointer;margin-bottom:0;margin-right:12px;padding:0 6px}.submenu-lkm-active{border-bottom:2px solid #4ca756;color:#4ca756;font-weight:550}.select-filter-bulan-tahun-lkm{border:1.5px solid #d3d3d3;border-radius:4px;cursor:pointer;height:32px;padding:0 4px}.title-popup-detail-lkm{flex-wrap:wrap;margin:6px 12px 6px 0}.approve-icon-lkm{cursor:pointer;font-size:14px;margin:12px 0 24px;width:28px}.td-lkm{padding:12px 8px;text-align:left;white-space:nowrap}.font10-mobile-lkm{font-size:14px}.show-qr-lkm{cursor:pointer;margin-top:6px;width:28px}.wrapper-button-tambah-lkm{align-items:center;background:#4ca756;border-radius:4px;cursor:pointer;display:flex;padding:4px 12px}.button-tambah-lkm{color:#fff;font-size:24px;margin:0 0 6px}.text-button-tambah-lkm{background:#0000;border:none;color:#fff;cursor:pointer;white-space:nowrap}.button-refresh-qr-lkm{cursor:pointer;height:30px;width:30px}.select-item-lkm{width:300px}.wrapper-card-akumulasi{align-items:center;border:1px solid #d3d3d3;border-radius:12px;display:flex;margin:6px 18px 6px 0;padding:8px 0;width:272px}.label-text-bpb{background:#0e5d5a;border-radius:0 12px 12px 0;color:#0000;height:36px;margin-right:12px;width:3px}.total-request-text{font-size:18px;font-weight:600;letter-spacing:1px;margin:6px 0}@media only screen and (max-width:600px){.total-request-text{font-size:14px}.wrapper-card-akumulasi{font-size:12px;margin:6px 0;width:100%}.select-item-lkm{width:208px}.wrapper-submenu-lkm{height:36px}.submenu-lkm,.submenu-lkm-active{font-size:12px}.wrapper-button-tambah-lkm{padding:4px 6px}.button-tambah-lkm{font-size:16px;margin:0 0 4px}.text-button-tambah-lkm{font-size:12px}.show-qr-lkm{width:24px}.title-popup-detail-lkm{font-size:12px}.textarea-lkm{height:48px}.button-plus-minus-lkm{height:26px;width:26px}.width-wrapper-bagian-penyebab,.width-wrapper-deskripsi{width:100%}.wrapper-popup-newLkm{width:85%}.font-lkm{font-size:12px;margin:6px 0}.font10-mobile-lkm{font-size:10px}.margin-right-6px-lkm{margin:6px 6px 6px 0}.input-deskripsi-new-lkm{font-size:12px;width:98%}.input-select-jenis-lkm{font-size:12px;height:28px;margin-bottom:8px;width:92px}}.wrapper-button-tambah{align-items:center;background:#4ca756;border-radius:4px;cursor:pointer;display:flex;padding:4px 12px}.wrapper_popup_pick{background:#fff;border-radius:4px;height:auto;margin:calc(29vh - 20px) auto 0;overflow:auto;padding:20px;position:relative;width:90%}.button-tambah{color:#fff;font-size:24px;margin:0 0 6px}.text-button-tambah{background:#0000;border:none;color:#fff;cursor:pointer}.button-reset-bpb{background:#81bfda;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-bottom:6px;padding:8px}.wrapper-input-bpb{align-items:end;background:#0e5d5a;border-radius:6px;color:#fff;display:flex;flex-wrap:wrap;padding:6px 8px 12px}.input-date-bpb{width:102px}.checkbox-bpb,.input-date-bpb{border:1px solid #d3d3d3;border-radius:4px;height:36px;padding:0 4px}.checkbox-bpb{align-items:center;background:#fff;color:#000;display:flex;font-size:12px;margin:12px 6px 0 0}.err-empty{border:2px solid red}.checkbox-barang-jasa{height:18px;margin:0 6px 0 0;width:18px}.select-bpb{font-size:12px;height:38px;width:86px}.select-barang-bpb{margin-right:6px;width:427px}.input-nama-barang-bpb{width:98%}.input-keterangan-bpb{min-width:196px;padding:0 0 0 6px}.button-tambah-bpb{background:#00ff76;border:none;border-radius:4px;cursor:pointer;height:38px;padding:0 8px}.title-form-bpb{font-size:14px;margin:8px 0}.img-tim-bpb{height:42px;margin-right:6px;width:42px}.title-bpb{font-size:18px;margin:16px 0 8px;text-decoration:underline}.wrapper-table-popup-pick{background:#d5f4d4;background:#0e5d5a;border-radius:6px;color:#000;overflow:scroll}.number-table-bpb{font-size:14px;line-height:18px;text-align:center}.td-table-bpb{font-size:14px;line-height:18px;padding:12px 0 12px 6px;text-align:left}.img-delete-bpb{cursor:pointer;height:24px;width:24px}.button-kirim-bpb{background:red;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.close-btn-bpb{cursor:pointer;height:36px;width:36px}@media only screen and (max-width:600px){.close-btn-bpb{height:24px;width:24px}.wrapper_popup_pick{padding:8px}.select-bpb{font-size:10px}.button-kirim-bpb{font-size:12px}.img-delete-bpb{height:18px;padding:0 6px;width:18px}.title-bpb{font-size:14px}.img-tim-bpb{height:36px;width:36px}.title-form-bpb{font-size:12px}.button-tambah-bpb{height:34px}.input-keterangan-bpb{min-width:178px}.input-nama-barang-bpb{min-width:-webkit-fill-available;min-width:fill-available}.select-item-bpb{font-size:12px}.select-barang-bpb{width:100%}.checkbox-barang-jasa-mobile{display:flex;justify-content:space-around;width:100%}.checkbox-bpb,.input-date-bpb{font-size:10px;height:32px}.input-date-bpb{width:82px}.wrapper-input-bpb{justify-content:space-between}.overflow-container-mobile{height:94vh;overflow-y:scroll}.font10-mobile-bpb{font-size:10px}.wrapper-button-tambah-bpb{display:flex;justify-content:flex-end;margin-top:12px;width:100%}}.checkbox-normal{cursor:pointer;height:24px;margin-right:12px;width:24px}input[type=checkbox].cross-checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:1px solid gray;border-radius:3px;cursor:pointer;height:24px;margin:0;position:relative;width:24px}input[type=checkbox].cross-checkbox:checked:after{background:red;color:#fff;content:"X";font-size:20px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.flex-align-center{align-items:center;display:flex}.td-checksheet-apar{padding:12px 4px 6px}.apar-wrapper{aspect-ratio:16/9;position:relative;width:100%}.apar-icon-active{background:#90ee90}.apar-icon-active,.apar-icon-inactive{border-radius:8px;height:auto;position:absolute;transform:translate(-50%,-50%);width:5%}.apar-icon-inactive{background:#f08080}.apar-icon-isTrouble{background:#fd0}.apar-icon-isTrouble,.apar-icon-thirty-days{border-radius:8px;height:auto;position:absolute;transform:translate(-50%,-50%);width:5%}.apar-icon-thirty-days{background:#ff0}.td-checklist-apar{font-size:14px;padding:6px}.button-kirim-apar{background:red;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px}.apar{cursor:pointer;display:inline-block}.popup{background:#222;border-radius:6px;bottom:90%;color:#fff;font-size:18px;line-height:24px;opacity:0;padding:8px 12px;transition:.3s ease;visibility:hidden;white-space:nowrap;z-index:100}.popup,.popup:after{left:50%;position:absolute;transform:translateX(-50%)}.popup:after{border:6px solid #0000;border-top-color:#222;content:"";top:100%}.apar:hover .popup{opacity:1;visibility:visible}@media only screen and (max-width:600px){.th-checksheet-apar{font-size:14px;padding:10px}.td-checksheet-apar{font-size:12px;padding:8px 4px 4px}}.accordion-item{background:#fff;border:1px solid #d3d3d3;border-radius:4px;cursor:pointer;margin-bottom:12px;padding:6px}.font-16-mobile{font-size:24px}@media only screen and (max-width:600px){.accordion-item{font-size:12px}.font-16-mobile{font-size:16px}}.accordion-container-patrol-sp{margin:auto;padding:10px 0;width:100%}.accordion-item-patrol-sp{background:#fff;border:1px solid #ddd;border-radius:10px;margin-bottom:10px;overflow:hidden}.accordion-header-patrol-sp{align-items:center;background:#f5f5f5;cursor:pointer;display:flex;font-weight:700;justify-content:space-between;padding:12px}.accordion-header-patrol-sp.danger{background:#fcc}.accordion-header.warning{background:#fff3cd}.accordion-content-patrol-sp{font-size:14px;padding:12px}.text-danger{color:red;font-weight:700}.table-wrapper{overflow:scroll}.table{border-collapse:collapse;width:100%}.table td,.table th{border:1px solid #ccc;padding:6px;text-align:left}.table th{background:#eee}.accordion-content-wrapper-patrol-sp{max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .25s ease}.accordion-content-wrapper-patrol-sp.open{max-height:1000px;opacity:1}.accordion-content-patrol-sp{padding:0 12px 12px}.pipe{color:#888;font-weight:400;margin:0 10px}@media (max-width:600px){.accordion-header-patrol-sp{gap:5px;line-height:20px}.accordion-title-patrol-sp{display:flex;flex-wrap:wrap;font-size:13px}.accordion-content-patrol-sp{font-size:12px}}.title-popup-add-new-dokumen{font-size:18px;font-weight:550;margin-bottom:0;text-decoration:underline}.input-dimensi-sp{font-size:18px;height:22px;margin:6px 0;width:42px}.barcode-true-sp{color:green;font-weight:700;margin:0 0 6px}.barcode-false-sp{color:red;font-weight:700;margin:0 0 6px}.invert-barcode-true-sp{filter:brightness(0) saturate(100%) invert(44%) sepia(91%) saturate(470%) hue-rotate(76deg) brightness(97%) contrast(100%);width:36px}.invert-barcode-false-sp{filter:invert(14%) sepia(100%) saturate(7000%) hue-rotate(359deg) brightness(100%) contrast(100%)}.text-scan-barcode-true-sp{color:green;font-weight:700}.text-scan-barcode-false-sp{color:red;font-weight:700}.input-checkbox-punching{height:22px;margin-top:3px;width:22px}.title-toleransi-sp{font-weight:700;margin:6px 0;text-align:center}.button-close-patrol-sp{background:none;border:1px solid #000;border-radius:4px}.button-close-patrol-sp,.button-reset-patrol-sp{cursor:pointer;margin-right:12px;padding:6px 12px}.button-reset-patrol-sp{background:#81bfda;border:none;border-radius:4px;color:#fff}.button-kirim-patrol-sp{background:red;border:none;border-radius:4px;color:#fff;cursor:"pointer";padding:6px 12px}.td-data-validasi{padding:12px;text-align:left;white-space:nowrap}.label-checkbox-patrol-sp{cursor:pointer;font-size:20px}@media only screen and (max-width:600px){.label-checkbox-patrol-sp{font-size:14px}}.textarea-komentar-penilai{height:48px;line-height:22px;padding:0 6px;resize:none;width:99%}.accordion-content-ss{max-height:0;opacity:0;overflow:hidden;transform:translateY(-8px) scale(.98);transition:max-height .5s cubic-bezier(.25,.8,.25,1),opacity .35s ease,transform .35s ease;will-change:max-height,opacity,transform}.accordion-content-ss.active{max-height:2000px;opacity:1;transform:translateY(0) scale(1)}.accordion-inner{padding:10px}.text-content{font-size:14px;margin-top:0;word-break:break-word}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.wrapper-card-aspek{display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;width:100%}.wrapper-aspek-penilaian-ss{align-items:center;border:1px solid #d3d3d3;border-radius:6px;display:flex;flex-direction:column;padding:10px}.keterangan-nilai-aspek{font-size:12px;line-height:18px;margin:0 0 6px;max-width:250px;min-width:250px;word-break:break-word}.input-nilai-aspek{font-size:18px;outline:none;padding:6px;text-align:center;width:20px}.wrapper-card-ttd-ss{display:flex;gap:6px;justify-content:space-between;overflow-y:scroll}.wrapper-ttd-ss{align-items:center;border:1px solid #000;display:flex;flex-direction:column}.nama-tanggal-ttd-ss{border-top:1px solid #000;font-size:12px;line-height:36px;margin:0;padding:0 6px;text-align:center;width:-webkit-fill-available}.wrapper-ide{display:flex;flex-wrap:wrap;gap:24px}.font-12-mobile{font-size:14px}@media only screen and (max-width:600px){.margin-0{margin:0}.font-12-mobile{font-size:12px}.font-14-mobile{font-size:14px}.wrapper-aspek-penilaian-ss{width:100%}.nama-tanggal-ttd-ss{font-size:10px;line-height:14px}.accordion-inner{padding:0}.textarea-komentar-penilai{width:94%}}.wrapper_sub_menu_ss{display:flex;flex-wrap:wrap;font-size:16px;font-weight:550;justify-content:space-around;margin-bottom:24px}.sub_menu_ss{border-bottom:3px solid #f6f6fc;color:#2d357a;cursor:pointer;font-weight:400;margin:6px 0 0;padding:6px}.border_active_ss{border-bottom:3px solid #2d357a;font-weight:550}.select-filter-bulan-tahun{border:1.5px solid #d3d3d3;border-radius:4px;cursor:pointer;height:32px;padding:0 4px}.accordion-container-penilaian-karyawan{width:100%}.accordion-item-penilaian-karyawan{border:1px solid #ddd;border-radius:8px;margin-bottom:10px;overflow:hidden}.accordion-header-penilaian-karyawan{grid-gap:12px;align-items:center;background:#fafafa;cursor:pointer;display:grid;gap:12px;grid-template-columns:2fr 1.5fr 2fr 40px;padding:12px}.accordion-header-penilaian-karyawan span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accordion-header-penilaian-karyawan span:last-child{text-align:right}.arrow{transition:transform .3s ease}.arrow.open{transform:rotate(180deg)}.accordion-content-penilaian-karyawan{max-height:0;opacity:0;overflow:hidden;transition:all .3s ease}.accordion-content-penilaian-karyawan.open{max-height:800px;opacity:1}.accordion-inner-penilaian-karyawan{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:16px}.section{background:#fafafa;border-radius:8px;display:grid;grid-template-rows:auto 1fr auto;padding:12px}.section-title{border-bottom:1px solid #ddd;font-weight:700;margin-bottom:10px;padding-bottom:6px}.row{display:flex;font-size:14px;justify-content:space-between;margin-bottom:6px}.row.total{border-top:1px solid #ddd;font-weight:700;margin-top:10px;padding-top:6px}@media only screen and (max-width:600px){.accordion-header-penilaian-karyawan{gap:8px;grid-template-columns:1fr 1fr 1fr 30px}.accordion-inner-penilaian-karyawan{gap:16px}.row{font-size:12px}}.wrapper-pilih-nama-penilaian{max-width:264px;min-width:264px}.input-penilaian{font-size:18px;height:31px;text-align:center;width:98px}.title-absensi{font-size:18px;font-weight:600;margin-bottom:0;text-decoration:underline}.button-kirim-penilaian{background:red;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px}@media only screen and (max-width:600px){.font-12-mobile-penilaian{font-size:12px}.font-14-mobile-penilaian{font-size:14px}.wrapper-pilih-nama-penilaian{max-width:100%;min-width:100%}}.textarea-keterangan-bon{font-size:14px;height:72px;padding:12px;resize:none}.input-nama-bon,.textarea-keterangan-bon{border-radius:8px;width:-webkit-fill-available}.input-nama-bon{font-size:18px;height:36px;padding:0 12px}.tdStyle{border:1px solid #e0e0e0;font-size:13px;padding:6px 10px;text-align:right}.tdForecastStyle{background:#eef6fd}.tdUsageStyle{background:#fff6ea}.thStyle{background:#bcdcf7;border:1px solid #d0d0d0;font-size:14px;padding:8px 10px;text-align:center;white-space:nowrap}.tdCenterStyle{font-size:14px;padding:9px 0}.wrapper-approve-icon-bon{display:flex;gap:24px;justify-content:center}.approve-icon-bon{cursor:pointer;height:24px;width:24px}
/*# sourceMappingURL=main.b360ff16.css.map*/