/* Each profile follows the layout it replaces; all blocks are decorative. */
.pl-skeleton{width:100%;min-width:0;box-sizing:border-box;padding:0;color:#71849a;text-align:left;overflow:hidden}
.pl-skeleton *{box-sizing:border-box;min-width:0}
.pl-skeleton-shapes{display:grid;gap:16px}
.pl-sk-fill{display:block;border-radius:5px;max-width:100%;height:10px;flex-shrink:0;background:#e6edf4;background-image:linear-gradient(100deg,#e6edf4 25%,#f4f7fa 48%,#e6edf4 72%);background-size:240% 100%;animation:pl-shimmer 1.7s ease-in-out infinite}
.pl-sk-tiny{width:30px}.pl-sk-short{width:65px}.pl-sk-medium{width:110px}.pl-sk-long{width:78%}.pl-sk-full{width:100%}
.pl-sk-pill{height:25px;border-radius:20px}.pl-sk-square{width:34px;height:34px;border-radius:8px}.pl-sk-number{width:46px;height:25px;margin:2px 0}
.pl-sk-avatar{width:36px;height:36px;border-radius:50%}.pl-sk-photo{width:48px;height:44px;border-radius:8px}.pl-sk-dot{width:7px;height:7px;border-radius:50%}
.pl-sk-chevron{height:9px;width:5px}.pl-sk-input{height:38px;border-radius:8px}
.pl-sk-copy{display:grid;gap:9px;flex:1}.pl-sk-copy .pl-sk-short{height:8px;width:48%}
.pl-sk-panel{padding:18px;border:1px solid #e0e8f0;border-radius:14px;background:#fff;display:grid;align-content:start;gap:16px}
.pl-sk-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:25px}
.pl-sk-heading>.pl-sk-medium{height:13px}
.pl-sk-stats{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0!important}
.pl-sk-stats-5{grid-template-columns:repeat(5,minmax(0,1fr))}.pl-sk-stats-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pl-sk-stat{display:grid;gap:12px;padding:18px;border:1px solid #e0e8f0;border-radius:14px;background:#fff}
.pl-sk-chips{display:flex;flex-wrap:wrap;gap:10px}.pl-sk-chips .pl-sk-pill{width:92px;height:32px}
.pl-sk-filters{display:flex;flex-wrap:wrap;gap:12px}.pl-sk-filters>.pl-sk-long{flex:1;width:auto;min-width:160px}.pl-sk-filters>.pl-sk-medium{width:150px}
.pl-sk-dashboard-top{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:16px}
.pl-sk-map{height:240px;border-radius:10px}.pl-sk-chart{height:190px;border-radius:10px}
.pl-sk-hero{height:280px;border-radius:12px}.pl-sk-document{height:80px;border-radius:8px}
.pl-sk-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}
.pl-sk-fields>div{display:grid;align-content:start;gap:10px}.pl-sk-fields>div>.pl-sk-short{height:8px}
.pl-sk-person{display:flex!important;align-items:center;gap:14px;padding:8px 0}
.pl-sk-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.pl-sk-cards{display:grid;gap:14px}.pl-sk-cards-piket{grid-template-columns:repeat(2,minmax(0,1fr))}
.pl-sk-table{width:100%}.pl-sk-table-head,.pl-sk-table-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:center;padding:18px 10px;border-bottom:1px solid #e5edf4}
.pl-sk-table-head{background:#f5f8fb;padding:14px 10px;border-radius:8px 8px 0 0}.pl-sk-table-head .pl-sk-fill{height:8px;width:66%}
.pl-sk-table-row:last-child{border-bottom:0}.pl-sk-cell{display:flex;gap:10px;align-items:center}.pl-sk-cell .pl-sk-long{width:85%}
.pl-sk-table-prin>:is(.pl-sk-table-head,.pl-sk-table-row){grid-template-columns:.8fr 1.8fr 1.4fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:12px}
.pl-sk-table-prin .pl-sk-cell-0 .pl-sk-long,.pl-sk-table-ceisa .pl-sk-cell-1 .pl-sk-long{height:22px;border-radius:15px}
.pl-sk-table-penindakan>:is(.pl-sk-table-head,.pl-sk-table-row){grid-template-columns:2fr 1.4fr 1fr 1fr 1fr}
.pl-sk-table-employees>:is(.pl-sk-table-head,.pl-sk-table-row){grid-template-columns:2fr 1.5fr .8fr .8fr .8fr .8fr 1.3fr}
.pl-sk-table-app-prin>:is(.pl-sk-table-head,.pl-sk-table-row){grid-template-columns:1.8fr 1.3fr 1fr 1fr .9fr .8fr .8fr}
.pl-sk-table-app-penindakan>:is(.pl-sk-table-head,.pl-sk-table-row){grid-template-columns:1fr 1.5fr 1.7fr .8fr 1fr .8fr}
.pl-sk-table-ceisa>:is(.pl-sk-table-head,.pl-sk-table-row){grid-template-columns:1.7fr 1.1fr 1.2fr 1.2fr 1fr 1fr 12px}
.pl-sk-table-captains>:is(.pl-sk-table-head,.pl-sk-table-row){grid-template-columns:1.2fr 1.4fr 1fr}
.pl-sk-pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:8px}.pl-sk-pager>.pl-sk-medium{margin-right:auto;height:8px}
.pl-sk-sarkut-row{display:grid;grid-template-columns:56px minmax(0,1fr) 155px 82px 10px;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid #e0e8f0}
.pl-sk-count{display:grid;justify-items:center;gap:10px}.pl-sk-count .pl-sk-short{height:8px}
.pl-sk-timeline{border-left:1px solid #cedce8;margin-left:4px;padding-left:0}.pl-sk-timeline .pl-sk-dot{margin-left:-4px}.pl-sk-timeline .pl-sk-person{align-items:baseline;padding:12px 0}
.pl-skeleton-label{display:block;margin-top:12px;font-size:12px;font-weight:400;line-height:1.5;color:#71849a}
.pl-loading-host{display:block!important;width:100%;box-sizing:border-box;padding:0!important;min-height:0!important}
.pl-loading-host>:not(.pl-skeleton){display:none!important}
.pl-skeleton-prin-detail,.pl-skeleton-penindakan-detail,.pl-skeleton-ceisa-detail{padding:18px}
@media(max-width:1000px){.pl-sk-table-prin .pl-sk-cell:nth-child(n+7),.pl-sk-table-prin .pl-sk-table-head>.pl-sk-fill:nth-child(n+7){display:none}.pl-sk-table-prin>:is(.pl-sk-table-head,.pl-sk-table-row){grid-template-columns:.8fr 1.8fr 1.3fr 1fr 1fr 1fr}.pl-sk-stats-5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.pl-sk-dashboard-top{grid-template-columns:1fr}.pl-sk-cards-piket{grid-template-columns:1fr}.pl-sk-table-prin .pl-sk-table-head,.pl-sk-table-ceisa .pl-sk-table-head{display:none}.pl-sk-table-prin .pl-sk-table-row,.pl-sk-table-ceisa .pl-sk-table-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px 4px}.pl-sk-table-prin .pl-sk-cell:nth-child(n+7){display:flex}.pl-sk-table-prin .pl-sk-cell-1{grid-area:1/1}.pl-sk-table-prin .pl-sk-cell-0{grid-area:1/2;justify-self:end;width:75px}.pl-sk-table-ceisa .pl-sk-cell-6{display:none}}
@media(max-width:600px){.pl-skeleton-shapes{gap:12px}.pl-sk-panel{padding:14px;gap:14px}.pl-sk-stat{padding:14px;gap:10px}.pl-sk-stats,.pl-sk-stats-5{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pl-sk-stats-3{grid-template-columns:repeat(3,minmax(0,1fr))}.pl-sk-chips{gap:8px}.pl-sk-chips .pl-sk-pill{width:78px;height:28px}.pl-sk-filters{gap:10px}.pl-sk-filters>.pl-sk-long{flex-basis:100%}.pl-sk-filters>.pl-sk-medium{flex:1;width:110px}.pl-sk-fields{gap:18px 14px}.pl-sk-pair{grid-template-columns:1fr;gap:14px}.pl-sk-hero{height:210px}.pl-sk-map{height:220px}.pl-sk-table-head{display:none}.pl-sk-table-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px;padding:16px 2px}.pl-sk-table-employees .pl-sk-cell-0{grid-column:1/-1}.pl-sk-table-employees .pl-sk-cell-6{grid-column:1/-1}.pl-sk-table-penindakan .pl-sk-cell-0{grid-column:1/-1}.pl-sk-table-status .pl-sk-cell:nth-child(n+3){grid-column:1/-1}.pl-sk-sarkut-row{grid-template-columns:42px minmax(0,1fr) 50px 6px;gap:10px;padding:12px 0}.pl-sk-sarkut-row>.pl-sk-photo{width:42px;height:42px}.pl-sk-sarkut-row>.pl-sk-date{display:none}.pl-sk-count .pl-sk-short{width:44px}.pl-sk-sarkut-row .pl-sk-copy .pl-sk-long{width:95%}.pl-sk-person{gap:10px}.pl-sk-pager{gap:6px}.pl-sk-pager>.pl-sk-medium{width:70px}.pl-skeleton-prin-detail,.pl-skeleton-penindakan-detail,.pl-skeleton-ceisa-detail{padding:12px}}
@media(prefers-reduced-motion:reduce){.pl-sk-fill{animation:none}}
.sk-photo-stage{overflow:hidden;touch-action:pan-y pinch-zoom}
.sk-photo-stage.is-photo-loading:after{content:'Memuat foto…';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.92);border:1px solid #dce6f1;padding:8px 12px;border-radius:18px;font-size:12px;color:#34566e;pointer-events:none}
.sk-photo-stage.is-photo-loading img{opacity:.4}
.sk-photo-ghost{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:1}
.sk-photo-arrow,.sk-photo-count{z-index:2}
.sk-photo-open img{user-select:none;-webkit-user-drag:none}
.pl-record-activity{padding:16px 18px;border-top:1px solid #dce6ef;color:#637b92;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.pl-record-activity h4{margin:0 0 10px;color:#254768;font-size:13px}
.pl-activity-row{display:grid;grid-template-columns:9px minmax(0,1fr);gap:9px;padding:8px 0}
.pl-activity-dot{width:6px;height:6px;border-radius:50%;background:#94abc1;margin-top:7px}
.pl-activity-row:first-child .pl-activity-dot{background:#2a79a1}
.pl-activity-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 10px}
.pl-activity-heading strong{font-weight:600;color:#244965}
.pl-activity-heading time{font-size:11px;color:#7a8ea2}
.pl-activity-row p{margin:2px 0;font-size:12px;color:#61788e}
.pl-activity-changes{margin-top:4px}
.pl-activity-changes summary{cursor:pointer;color:#315d80;min-height:30px;line-height:30px}
.pl-activity-changes dl{margin:6px 0 10px;padding:9px 12px;border-radius:8px;background:#f3f7fb}
.pl-activity-changes dl>div{display:grid;grid-template-columns:135px 1fr;gap:8px;padding:4px 0}
.pl-activity-changes dt{font-weight:600}.pl-activity-changes dd{margin:0;white-space:pre-line;color:#395a72}
.pl-activity-old{color:#7b8ea0}.pl-activity-arrow{padding:0 6px;color:#8ea3b5}
.pl-activity-more,.pl-activity-retry{background:#fff;color:#285478;border:1px solid #d6e2ec;border-radius:8px;min-height:36px;padding:6px 12px;cursor:pointer;font:inherit}
.pl-activity-error{color:#9a3b32}.pl-record-activity button:focus-visible{outline:2px solid #2979bd;outline-offset:3px}
@keyframes pl-shimmer{from{background-position:100% 0}to{background-position:-100% 0}}
@media(max-width:600px){.pl-skeleton{padding:12px}.pl-skeleton-row{gap:12px}.pl-skeleton-row em{width:42px}.pl-record-activity{padding:14px 12px}.pl-activity-heading{display:block}.pl-activity-heading time{display:block}.pl-activity-changes dl>div{grid-template-columns:1fr;gap:0}.pl-activity-more,.pl-activity-retry{min-height:44px}}
@media(prefers-reduced-motion:reduce){.pl-skeleton-row :is(i,b,span,em){animation:none}}
/* Connected chronology; the summary alone is visible until expanded. */
.pl-record-activity{padding:0 14px}
.pl-activity-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;padding:15px 0;color:#254768;font-size:13px;font-weight:600;min-height:44px;box-sizing:border-box}
.pl-activity-disclosure>summary::-webkit-details-marker{display:none}
.pl-activity-disclosure>summary:focus-visible{outline:2px solid #2979bd;outline-offset:2px;border-radius:6px}
.pl-activity-chevron{font-size:17px;transition:transform .18s ease}
.pl-activity-disclosure[open]>summary .pl-activity-chevron{transform:rotate(180deg)}
.pl-activity-body{padding:0 0 14px}.pl-activity-order{margin:0 0 10px!important;font-size:11px;color:#8193a4}
.pl-activity-timeline{list-style:none;padding:0;margin:0}
.pl-activity-timeline>.pl-activity-row{position:relative;padding:3px 0 18px;gap:12px;grid-template-columns:8px minmax(0,1fr)}
.pl-activity-timeline>.pl-activity-row:before{content:'';position:absolute;width:1px;background:#cedce8;left:3px;top:13px;bottom:-10px}
.pl-activity-timeline:not(.has-more)>.pl-activity-row:last-child:before{display:none}
.pl-activity-dot{position:relative;z-index:1;width:7px;height:7px;margin-top:6px;box-shadow:0 0 0 3px #f7f9fc}
.pl-activity-timeline>.pl-activity-row:last-child .pl-activity-dot{background:#297fa5}
.pl-activity-timeline>.pl-activity-row>div{min-width:0}
.pl-activity-body [data-activity-feedback]{font-size:12px;color:#74899a}
@media(max-width:600px){.pl-record-activity{padding:0 10px}.pl-activity-heading time{line-height:1.7}}
@media(prefers-reduced-motion:reduce){.pl-activity-chevron{transition:none}}

.pl-sk-sarkut-list{border:1px solid #d8e4ef;border-radius:12px;background:white;overflow:hidden}.pl-sk-sarkut-row>.pl-sk-photo{width:56px}.pl-sk-sarkut-row:last-child{border-bottom:0}.pl-sk-table.pl-sk-cols-4>:is(.pl-sk-table-head,.pl-sk-table-row){grid-template-columns:repeat(4,minmax(0,1fr))}.pl-sk-table.pl-sk-cols-3>:is(.pl-sk-table-head,.pl-sk-table-row){grid-template-columns:1.5fr 1.2fr 1fr}.pl-sk-stats-7{grid-template-columns:repeat(7,minmax(0,1fr))}
@media(max-width:1199px){.pl-sk-dashboard-top{grid-template-columns:1fr}.pl-sk-stats-7{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.pl-sk-sarkut-row{grid-template-columns:46px minmax(0,1fr) 62px 9px;gap:9px;padding:13px 11px}.pl-sk-sarkut-row>.pl-sk-photo{width:46px}.pl-sk-sarkut-row>.pl-sk-date{display:block;grid-column:2;grid-row:2;margin-top:-3px}.pl-sk-date .pl-sk-long{display:none}.pl-sk-sarkut-row>.pl-sk-count{grid-column:3;grid-row:1/3}.pl-sk-sarkut-row>.pl-sk-chevron{grid-column:4;grid-row:1/3}.pl-sk-stats-7{grid-template-columns:repeat(2,minmax(0,1fr))}}
