#pgpro .pe9{--pe9:#078c84;color:var(--sc-text-primary,#10233d)}
#pgpro .pe9-tabs.pgpro-e7-subtabs{margin:0 0 10px}
#pgpro .pe9-tabs .pgpro-e7-subtab{flex-basis:0;text-align:center}
#pgpro .pe9-card{margin-bottom:16px;padding:10px 16px 16px;border:1px solid #d6e3e7;border-radius:16px;background:#fff;box-shadow:0 6px 16px rgba(9,53,72,.06)}
#pgpro .pe9-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
#pgpro .pe9-title>div{display:flex;align-items:center;gap:11px}.pe9-title h3{margin:0;font-size:18px}.pe9-title>div>svg{width:23px;height:23px;color:#08766f}
#pgpro .pe9-title .sc-button{display:flex;border-color:var(--pe9);background:var(--pe9);align-items:center;gap:7px;min-height:40px;padding:8px 14px;font-size:12px}#pgpro .pe9-title .sc-button svg{width:18px;height:18px}
#pgpro .pe9-filters{display:grid;gap:12px;margin-bottom:12px}#pgpro .pe9-filters.is-schedule{grid-template-columns:1.1fr 1.05fr .96fr .7fr}#pgpro .pe9-filters.is-mural{grid-template-columns:repeat(4,1fr)}
#pgpro .pe9-filters label{display:grid;gap:5px;min-width:0;color:#102d47;font-size:11px;font-weight:800}#pgpro .pe9-filters select{width:100%;height:38px;border:1px solid #c7dae2;border-radius:8px;background:#fff;color:#102d47;padding:6px 10px;font:650 11px inherit}
#pgpro .pe9-year{display:grid;grid-template-columns:37px 1fr 37px;height:38px;overflow:hidden;border:1px solid #c7dae2;border-radius:8px;background:#fff}.pe9-year button{display:grid;place-items:center;border:0;background:#fff;color:#08766f}.pe9-year button:first-child svg{transform:rotate(180deg)}.pe9-year svg{width:16px;height:16px}.pe9-year strong{display:grid;place-items:center;border-inline:1px solid #dbe6e9;font-size:12px}
#pgpro .pe9-gantt{overflow:auto;border:1px solid #d5e2e6;border-radius:10px}#pgpro .pe9-gantt table{width:100%;min-width:1240px;border-collapse:collapse;table-layout:fixed;font-size:10px}#pgpro .pe9-gantt th,#pgpro .pe9-gantt td{height:42px;padding:7px 6px;border-right:1px solid #d8e4e8;border-bottom:1px solid #d8e4e8;text-align:center;vertical-align:middle}#pgpro .pe9-gantt th{height:35px;background:#eef6f7;color:#102d47;font-weight:800}#pgpro .pe9-gantt th:nth-child(1){width:42px}#pgpro .pe9-gantt th:nth-child(2){width:168px}#pgpro .pe9-gantt th:nth-child(3){width:114px}#pgpro .pe9-gantt th:nth-child(4){width:130px}#pgpro .pe9-gantt th:nth-child(5),#pgpro .pe9-gantt th:nth-child(6){width:94px}#pgpro .pe9-gantt th:nth-child(7){width:120px}#pgpro .pe9-gantt th:nth-child(n+8){width:47px}#pgpro .pe9-gantt tr:last-child td{border-bottom:0}#pgpro .pe9-gantt th:last-child,#pgpro .pe9-gantt td:last-child{border-right:0}
#pgpro .pe9-activity{text-align:left!important}.pe9-activity strong{display:block;line-height:1.35}.pe9-activity>span{display:flex;gap:4px;margin-top:4px;opacity:0;transition:opacity .15s}.pe9-gantt tr:hover .pe9-activity>span{opacity:1}.pe9-activity button{display:grid;place-items:center;width:24px;height:22px;padding:0;border:1px solid #d3e1e5;border-radius:5px;background:#fff;color:#0b6075}.pe9-activity button:last-child{color:#e02236}.pe9-activity svg{width:13px;height:13px}
#pgpro .pe9-status{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:8px;padding:5px 8px;font-size:9px}.pe9-status.is-complete{background:#dff5e8;color:#087647}.pe9-status.is-progress{background:#def1ff;color:#0873bb}.pe9-status.is-pending{background:#eaf0f2;color:#334c5e}
#pgpro .pe9-month{padding:0!important}.pe9-month i{display:block;height:19px;margin-inline:-1px;background:#bec9ce}.pe9-month i.is-complete{background:linear-gradient(90deg,#72c892,#a5dec0)}.pe9-month i.is-progress{background:linear-gradient(90deg,#4da9ec,#82c9f5)}.pe9-month i.is-pending{background:linear-gradient(90deg,#aebcc3,#d2dade)}
#pgpro .pe9-empty{height:115px!important;color:#6f8591;font-size:11px}
#pgpro .pe9-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pe9-photo{overflow:hidden;border:1px solid #d5e2e6;border-radius:10px;background:#fff}.pe9-photo-image{position:relative;height:150px;overflow:hidden;background:#e6eff0}.pe9-photo-image>span{position:absolute;z-index:2;top:8px;left:8px;padding:6px 8px;border-radius:7px;background:rgba(255,255,255,.92);color:#102d47;font-size:10px;font-weight:800}.pe9-photo-image img{width:100%;height:100%;object-fit:cover}.pe9-photo-image>div{position:absolute;right:7px;bottom:7px;display:flex;gap:5px}.pe9-photo-image button{display:grid;place-items:center;width:31px;height:31px;border:0;border-radius:8px;background:#0c405a;color:#fff}.pe9-photo-image button:last-child{color:#ff384b}.pe9-photo-image svg{width:17px;height:17px}.pe9-photo dl{display:grid;gap:4px;margin:0;padding:9px 10px 11px;font-size:10px}.pe9-photo dl div{display:flex;gap:4px;min-width:0}.pe9-photo dt{flex:0 0 auto;font-weight:800}.pe9-photo dd{min-width:0;margin:0;overflow-wrap:anywhere}.pe9-gallery-empty{grid-column:1/-1;display:grid;place-items:center;gap:7px;min-height:205px;color:#718791;text-align:center}.pe9-gallery-empty svg{width:40px;height:40px;padding:13px;border-radius:50%;background:#e1f3f0;color:#078c84}.pe9-gallery-empty strong{color:#12334d;font-size:14px}.pe9-gallery-empty span{font-size:11px}
.pe9-dialog{width:min(690px,calc(100vw - 28px));box-sizing:border-box;overflow-x:hidden;padding:0;border:0;border-radius:15px;background:#fff;color:#10233d;box-shadow:0 24px 70px rgba(5,31,47,.28)}.pe9-dialog::backdrop,.pe9-photo-dialog::backdrop{background:rgba(6,31,48,.52)}.pe9-dialog form{margin:0}.pe9-dialog header{display:flex;align-items:flex-start;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #d8e4e8}.pe9-dialog h3{margin:0;font-size:18px}.pe9-dialog header p{margin:3px 0 0;color:#6a7f8c;font-size:11px}.pe9-dialog header button,.pe9-photo-dialog header button{display:grid;place-items:center;width:30px;height:30px;border:1px solid #d4e1e5;border-radius:8px;background:#fff;color:#486371}.pe9-dialog header svg,.pe9-photo-dialog header svg{width:17px;height:17px}.pe9-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:15px 18px}.pe9-form label{display:grid;gap:5px;color:#183650;font-size:11px;font-weight:750}.pe9-form .wide{grid-column:1/-1}.pe9-form input,.pe9-form select{width:100%;height:38px;box-sizing:border-box;border:1px solid #c9dae0;border-radius:8px;background:#fff;color:#10233d;padding:7px 10px;font:500 12px inherit}.pe9-form label[hidden]{display:none}.pe9-error{min-height:15px;margin:0;color:#cf263a}.pe9-dialog footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid #d8e4e8}.pe9-file input{position:absolute;opacity:0;pointer-events:none}.pe9-file span{display:flex;align-items:center;justify-content:center;gap:8px;height:62px;border:1px dashed #8fbac2;border-radius:9px;background:#f7fbfb;color:#08766f}.pe9-file svg{width:20px;height:20px}
.pe9-photo-dialog{width:min(900px,calc(100vw - 30px));padding:0;border:0;border-radius:14px;background:#fff;color:#10233d}.pe9-photo-dialog header{display:flex;align-items:center;justify-content:space-between;padding:12px 15px}.pe9-photo-dialog img{display:block;width:100%;max-height:72vh;object-fit:contain;background:#0b1f2c}.pe9-photo-dialog p{margin:0;padding:10px 15px;color:#526b79;font-size:11px}
@media(max-width:1100px){#pgpro .pe9-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){#pgpro .pe9-tabs{display:grid;grid-template-columns:1fr 1fr}#pgpro .pe9-tabs button{justify-content:center}#pgpro .pe9-filters.is-schedule,#pgpro .pe9-filters.is-mural{grid-template-columns:repeat(2,minmax(0,1fr))}#pgpro .pe9-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){#pgpro .pe9-tabs,#pgpro .pe9-filters.is-schedule,#pgpro .pe9-filters.is-mural,#pgpro .pe9-gallery,.pe9-form{grid-template-columns:1fr}.pe9-form .wide{grid-column:auto}#pgpro .pe9-title{align-items:flex-start;flex-direction:column}#pgpro .pe9-title .sc-button{width:100%;justify-content:center}}