/* PTL1: bahasa visual laporan harian Kerja AI, sub-tab mulai 600 px. */
.ptl-page.card{display:flex;flex-direction:column;gap:20px;min-width:0;padding:24px;background:var(--ui-panel);border-radius:10px}
.ptl-tabs,.ptl-sub{display:flex;gap:4px;border-bottom:1px solid var(--ui-line);min-width:0;max-width:100%;overflow:auto}
.ptl-tabs>button,.ptl-sub>button{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:0;border-radius:0;min-height:42px;padding:0 14px;background:var(--ui-panel);color:var(--ui-muted-text);font-weight:500;border-bottom:2px solid transparent}
.ptl-tabs>button[aria-selected=true],.ptl-sub>button[aria-selected=true]{font-weight:600;color:var(--ui-text);border-bottom-color:var(--ui-text)}
.ptl-map>.card{padding:0;border:0;box-shadow:none;background:transparent}
.ptl-page [hidden]{display:none!important}.ptl-report,.ptl-map,.ptl-laporan,.ptl-body{min-width:0;max-width:100%}
.ptl-date{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ptl-date input{max-width:100%;width:auto}
.ptl-status,.ptl-muted,.ptl-note{color:var(--ui-muted-text);font-size:12px;line-height:1.6}.ptl-status{margin:12px 0 20px}.ptl-note{margin:12px 0 0}
.ptl-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}
.ptl-tile{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;padding:16px;min-width:0;background:var(--ui-panel);border:1px solid var(--ui-line);border-radius:10px;color:var(--ui-text);font-weight:400;white-space:normal}
.ptl-number{font-size:28px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}.ptl-tile:hover{background:var(--ui-hover)}
.ptl-sub{display:none}.ptl-section{margin-top:24px;min-width:0;scroll-margin-top:80px}.ptl-page .ptl-section h2{font-size:16px;font-weight:600;margin:0 0 12px}
.ptl-section .table-wrap{max-width:100%;overflow:auto;max-height:none}.ptl-section table td{white-space:normal;overflow-wrap:anywhere}.ptl-section table{min-width:700px}
.ptl-badge{display:inline-block;font-size:11px;padding:3px 6px;border-radius:4px;line-height:1.4;width:max-content;max-width:100%;white-space:normal;background:var(--ui-muted);color:var(--ui-muted-text)}
.ptl-danger{background:var(--ui-danger-bg);color:var(--ui-danger)}.ptl-ok{background:var(--ui-ok-bg);color:var(--ui-ok)}
.ptl-person,.ptl-flags{display:flex;flex-direction:column;gap:4px;min-width:0}.ptl-person small{display:block;color:var(--ui-muted-text);font-size:11px}
.ptl-actions{display:flex;flex-wrap:wrap;gap:8px}.ptl-info-group{padding:12px 0;border-bottom:1px solid var(--ui-line)}.ptl-info-group>summary{cursor:pointer;font-size:14px;font-weight:600}
@media(min-width:600px){.ptl-sub{display:flex;position:sticky;top:var(--ui-sticky-top);z-index:8;background:var(--ui-panel);padding-top:4px}.ptl-section{display:none}.ptl-section.ptl-on{display:block}.ptl-no-tab{display:none}}
@media(max-width:900px){.ptl-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:599px){.ptl-page.card{padding:16px;gap:16px}.ptl-summary{gap:8px}.ptl-tile{padding:12px}.ptl-number{font-size:23px}.ptl-section table.ui-kartu-hp{min-width:0}.ptl-section .ui-kartu-hp td{min-width:0}.ptl-date{gap:8px}.ptl-date label{width:100%}}
