.lhpl-page{position:relative}
.lhpl-branded-header{position:relative;min-height:25mm;padding-left:27mm!important;padding-right:27mm!important;box-sizing:border-box}
.lhpl-logo{position:absolute;top:0;width:22mm;height:22mm;object-fit:contain}
.lhpl-logo-dki{left:0}
.lhpl-logo-bapenda{right:0}
.lhpl-qr-box{position:absolute;right:0;top:25.5mm;width:21mm;height:19mm;box-sizing:border-box;border:1px solid #111;background:#fff;display:flex;align-items:center;justify-content:center;font-size:8px;z-index:2}
.lhpl-qr-box img{width:100%;height:100%;object-fit:contain}
.lhpl-qr-empty{color:#777}
.lhpl-photo-grid input[type=file]{max-width:100%}
.lhpl-personnel-page{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(0,1fr);overflow:hidden}.lhpl-personnel-page figure{display:grid;grid-template-rows:1fr auto;min-height:0}.lhpl-personnel-page img{height:27mm}.lhpl-personnel-page figcaption{text-align:center;font-weight:700;font-size:9px;padding:3px;border-top:1px solid #777;overflow-wrap:anywhere}.lhpl-editing{outline:3px solid #b16b21;outline-offset:-3px}.lhpl-editing .lhpl-page{cursor:text}.lhpl-editing [contenteditable]{min-height:1em}
.lhpl-personnel-page{width:190mm;height:auto!important;min-height:0;margin-left:0;padding:0;border:0;display:grid;grid-template-columns:repeat(3,63.333mm);grid-template-rows:repeat(2,auto);gap:2mm 0;align-content:start;overflow:visible}
.lhpl-personnel-page .lhpl-activity-slot{width:63.333mm;margin:0;display:grid;grid-template-rows:var(--lhpl-photo-height,38mm) minmax(7mm,auto);border:var(--lhpl-line-width,1px) solid #222;box-sizing:border-box;min-height:0;overflow:hidden}
.lhpl-personnel-page .lhpl-photo-frame{width:100%;height:var(--lhpl-photo-height,38mm);display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden;background:#f8f8f8}
.lhpl-personnel-page .lhpl-photo-frame>img,.lhpl-personnel-page .lhpl-photo-frame>span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;object-fit:cover;transform-origin:center center}
.lhpl-personnel-page .lhpl-activity-slot figcaption{min-height:7mm;padding:1.2mm 2mm;border-top:1px solid #222;box-sizing:border-box;font-size:8px;line-height:1.25;text-align:center;font-weight:700;overflow-wrap:anywhere}
.lhpl-activity-editor{margin:16px 0;padding:16px;border:1px solid #d8cfc6;border-radius:12px;background:#fff}.lhpl-activity-editor h4{margin:0 0 6px}.lhpl-activity-editor>p{margin:0 0 14px;color:#665f58}.lhpl-activity-editor-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.lhpl-fixed-slot{position:relative;display:grid;gap:7px;padding:9px;border:1px solid #cdbeb1;border-radius:10px;background:#faf8f5;cursor:pointer;overflow:hidden}.lhpl-fixed-slot>b{text-align:center;color:#7b1f2e}.lhpl-activity-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.lhpl-fixed-slot span{min-height:82px;display:flex;align-items:center;justify-content:center;border:1px dashed #b89f8e;border-radius:7px;background:#f1efeb;overflow:hidden}.lhpl-fixed-slot span img{width:100%;height:96px;object-fit:cover}.lhpl-insert-photo{display:block;padding:7px 5px;border-radius:7px;background:#7b1f2e;color:#fff;text-align:center;font-style:normal;font-weight:800}.lhpl-fixed-slot:hover .lhpl-insert-photo,.lhpl-fixed-slot:focus-within .lhpl-insert-photo{background:#5f1421}.lhpl-fixed-slot input[type=text]{width:100%;box-sizing:border-box;min-width:0}.lhpl-fixed-slot:has(img) .lhpl-insert-photo::after{content:' / Ganti'}
@media(max-width:1100px){.lhpl-activity-editor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.lhpl-activity-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lhpl-fixed-slot span img{height:130px}}
@media(max-width:480px){.lhpl-activity-editor-grid{grid-template-columns:1fr}}
.lhpl-page:first-child .lhpl-notes{min-height:27mm;padding:4px;line-height:1.35}
.lhpl-page:first-child .lhpl-sign{margin-top:3px;gap:12mm}
.lhpl-page:first-child .lhpl-sign div{min-height:22mm;grid-template-rows:auto auto 1fr auto}.lhpl-sign-role{font-size:10px;font-weight:400;margin-top:2px}.lhpl-sign span{align-self:end}
.lhpl-page:nth-child(2)>.lhpl-title:first-of-type{width:190mm;margin-left:0;box-sizing:border-box}
.lhpl-layout-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 14px}.lhpl-layout-controls label,.lhpl-zoom-control{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:12px;font-weight:700}.lhpl-layout-controls label{padding:10px;border:1px solid #ddd4cb;border-radius:9px;background:#faf8f5}.lhpl-layout-controls output,.lhpl-zoom-control output{min-width:42px;text-align:right;color:#7b1f2e}.lhpl-zoom-control{grid-template-columns:auto 1fr auto!important}.lhpl-fixed-slot span img{transition:transform .15s ease;transform-origin:center center}
@media(max-width:800px){.lhpl-layout-controls{grid-template-columns:1fr}}