.pn-notification-button{position:relative;display:grid;place-items:center;width:35px;height:35px;color:#7b91ae;border-radius:9px;background:#f3f7fc;flex-shrink:0}.pn-notification-button:hover,.pn-notification-button[aria-expanded=true]{background:#e9f2ff;color:#0866ff}.pn-notification-button .icon{width:19px;height:19px}.pn-notification-button>b{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;border:2px solid white;background:#ff765f;border-radius:9px;color:white;font-size:8px;display:flex;align-items:center;justify-content:center;padding:0 3px}.pn-metrics{grid-template-columns:1.3fr 1fr 1fr;margin:15px 0 19px}.pn-metrics .pr-metric{padding:12px 18px}.pn-metrics .pr-metric>strong,.pn-metrics .pr-metric>div>strong{font-size:30px;margin-top:4px}.pn-summary{background:white;border:1px solid #e1e8f2;border-radius:11px;overflow:hidden}.pn-summary-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px}.pn-summary-head h3{font-size:14px;margin:0 0 6px}.pn-summary-head p{font-size:10px;color:#92a3ba;line-height:1.6}.pn-summary-head select{border:1px solid #e6edf6;background:#f9fbfe;border-radius:6px;padding:7px;font-size:10px;color:#7a91b2}.pn-column-labels{display:flex;justify-content:space-between;background:#fafcfe;border-top:1px solid #edf2f8;border-bottom:1px solid #edf2f8;padding:11px 53px 11px 21px;color:#9badc3;font-size:8px;letter-spacing:.6px}.pn-person-row{display:flex;align-items:center;gap:14px;text-align:left;width:100%;padding:17px 20px;border-bottom:1px solid #edf2f8;transition:background .2s}.pn-person-row:last-child{border-bottom:0}.pn-person-row:hover{background:#f7faff}.pn-person-row>.icon{width:15px;height:15px;color:#b2c2d8;margin-left:3px}.pn-bell-avatar{width:39px;height:39px;border-radius:12px;background:#eef4ff;color:#7c9fce;display:grid;place-items:center;position:relative;flex-shrink:0}.pn-bell-avatar>.icon{width:19px;height:19px}.pn-bell-avatar>i{width:8px;height:8px;border-radius:50%;background:#49b88b;position:absolute;top:2px;right:1px;border:2px solid white}.pn-person-copy{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.pn-person-copy>strong{font-size:13px;font-weight:600;color:#415c83;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pn-person-copy>span{font-size:11px;color:#8ca0bc;line-height:1.6}.pn-person-copy time{color:#6c88ae;font-weight:500}.pn-person-copy em{display:inline-block;margin-left:8px;padding:2px 6px;border-radius:4px;background:#edf8f2;color:#67a78a;font-size:9px;font-style:normal;white-space:nowrap}.pn-person-copy>small{font-size:9px;color:#a7b6ca;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pn-total{display:flex;flex-direction:column;text-align:center;min-width:58px;gap:4px}.pn-total b{font-size:25px;color:#0866ff;font-weight:600;line-height:1.2}.pn-total small{font-size:9px;color:#9db0c9}.pn-fresh{background:#f2f9ff}.pn-fresh .pn-bell-avatar{background:#e5f1ff;color:#438de8}.pn-notice-drawer{margin:15px 0 0;background:#fff;border:1px solid #dce7f5;border-radius:10px;box-shadow:0 6px 20px #4967920a;overflow:hidden}.pn-notice-drawer>header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;background:#f6faff;border-bottom:1px solid #e9f0f9}.pn-notice-drawer>header strong{display:flex;align-items:center;gap:7px;color:#6789b6;font-size:11px;font-weight:550}.pn-notice-drawer>header .icon{width:16px;height:16px}.pn-notice-drawer>header button{color:#a6b7cc}.pn-notice-drawer>div{max-height:270px;overflow:auto}.pn-notice-item{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid #f0f4fa}.pn-notice-item>p{font-size:10px;color:#91a5c0;line-height:1.8;flex:1;min-width:0}.pn-notice-item strong{font-weight:550;color:#5a7da9}.pn-notice-item p>small{display:block;font-size:8px;color:#adbace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pn-notice-item>span:last-child{display:flex;flex-direction:column;gap:6px;white-space:nowrap;text-align:right}.pn-notice-item>span>b{font-size:10px;color:#5fa784;font-weight:550}.pn-notice-item>span>small{font-size:8px;color:#a0b2ca}.pn-no-notices{padding:22px 15px;color:#9aacc3;font-size:11px;text-align:center}.pn-small-bell{width:28px;height:28px;display:grid;place-items:center;flex-shrink:0;border-radius:8px;background:#edf4ff;color:#8aa9d2}.pn-small-bell>.icon{width:14px;height:14px}
.photo-person-modal{width:min(650px,94vw);display:flex;flex-direction:column;overflow:hidden}.photo-person-modal .modal-header{flex-shrink:0;padding:18px 23px;border-bottom:1px solid #e7edf6}.photo-person-modal .modal-header h2{font-size:17px;color:#3d5a84}.pn-person-body{overflow:auto;min-height:0;max-height:calc(85dvh - 77px);padding:20px 23px;background:#f7f9fd}.pn-person-overview{display:flex;align-items:center;gap:12px;padding:0 0 18px;border-bottom:1px solid #e5edf7;margin-bottom:17px}.pn-person-overview>.pr-initials{width:40px;height:40px;border-radius:12px;font-size:12px}.pn-person-overview strong{font-size:18px;color:#0866ff;font-weight:600}.pn-person-overview strong>span{font-size:12px;color:#8fa5c2;font-weight:400}.pn-person-overview p{font-size:10px;color:#98a9c1;margin-top:7px;line-height:1.6}.pn-modal-event{border:1px solid #e2eaf5;border-radius:9px;background:white;padding:15px;margin-bottom:12px}.pn-modal-event-head{display:flex;align-items:center;gap:9px}.pn-modal-event-head>div{flex:1;min-width:0}.pn-modal-event-head strong{font-size:12px;color:#5d7da8;font-weight:550}.pn-modal-event-head p{font-size:9px;color:#a0b1c9;margin-top:5px;line-height:1.6}.pn-increment{font-size:10px;color:#61a581;background:#edf8f2;border-radius:5px;padding:5px 7px;white-space:nowrap}.pn-modal-facts{font-size:10px;color:#8c9fbc;padding:12px 0;line-height:1.7}.pn-modal-facts b{color:#6486b4;font-weight:550}.pn-modal-facts>span{color:#a8b6cb}.pn-modal-event .pr-gallery{gap:7px}.pn-modal-event .pr-gallery>button{max-height:160px}.pn-modal-foot{font-size:9px;text-align:center;color:#a3b3ca;padding:8px}.pn-more{padding:11px;background:white;border:1px solid #e0e9f5;width:100%;border-radius:7px;font-size:11px;color:#8aa4c7}.pn-image-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;font-size:10px;color:#91a6c3}.pn-image-toolbar button{display:flex;align-items:center;gap:6px;color:#6c91c1;font-size:11px;padding:4px 0}.pn-image-toolbar .icon{width:15px;height:15px}.pn-full-image{width:100%;height:auto;max-height:56dvh;object-fit:contain;border-radius:7px;background:#edf2f8}.pn-image-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:16px;color:#9aacc5;font-size:10px}.pn-image-controls button{display:grid;place-items:center;border:1px solid #e0e8f4;border-radius:8px;width:33px;height:33px;background:white;color:#7b9bc6}.pn-image-controls .icon{width:17px;height:17px}
@media(max-width:760px){.pn-summary-head{padding:15px 13px;align-items:flex-start}.pn-summary-head h3{font-size:13px}.pn-summary-head p{font-size:9px}.pn-summary-head select{font-size:9px;padding:6px;max-width:112px}.pn-column-labels{padding:10px 43px 10px 14px;font-size:7px;letter-spacing:.3px}.pn-person-row{padding:15px 13px;gap:10px}.pn-bell-avatar{width:32px;height:32px;border-radius:10px}.pn-bell-avatar>.icon{width:17px;height:17px}.pn-person-copy>strong{font-size:12px}.pn-person-copy>span{font-size:9px}.pn-person-copy em{font-size:8px;margin-left:5px}.pn-person-copy>small{font-size:8px}.pn-total{min-width:42px}.pn-total b{font-size:23px}.pn-total small{font-size:8px}.pn-person-row>.icon{width:12px;margin-left:0}.pn-metrics .pr-metric{padding:12px 10px}.pn-metrics .pr-metric>strong,.pn-metrics .pr-metric>div>strong{font-size:27px}.pn-person-body{padding:16px 13px;max-height:calc(88dvh - 68px)}.photo-person-modal .modal-header{padding:14px 16px}.photo-person-modal .modal-header h2{font-size:16px}.pn-modal-event{padding:12px}.pn-person-overview strong{font-size:17px}.pn-modal-event-head strong{font-size:11px}.pn-modal-facts{font-size:9px}.pn-modal-event .pr-gallery{gap:5px}.pn-notice-item{padding:11px 12px;gap:8px}.pn-notice-item>p{font-size:9px}}
.pn-summary-head>div{flex:1;min-width:0}.pn-summary-head select{width:auto;max-width:150px;flex-shrink:0}.pn-person-copy>span{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.pn-person-copy em{margin-left:4px}
.pr-header{z-index:8;overflow:visible}.pn-notification-wrap{position:relative;flex-shrink:0}.pn-notification-wrap .pn-notice-drawer{position:absolute;top:calc(100% + 13px);right:-4px;width:380px;max-width:calc(100vw - 28px);margin:0;background:white;border:1px solid #dce6f4;border-radius:12px;box-shadow:0 14px 45px #254b7c29;z-index:20;overflow:hidden;animation:pn-dropdown-in .15s ease-out}.pn-notification-wrap .pn-notice-drawer>header{padding:14px 15px}.pn-notification-wrap .pn-notice-drawer>div{max-height:min(380px,60dvh);overflow-y:auto;overscroll-behavior:contain}.pn-notification-wrap .pn-notice-item{align-items:flex-start;padding:14px 15px}.pn-notification-wrap .pn-notice-item>p{font-size:11px;line-height:1.75}.pn-notification-wrap .pn-notice-item p>small{font-size:9px}.pn-notification-wrap .pn-notice-item>span:last-child{padding-top:3px}.pn-notification-wrap .pn-notice-item:hover{background:#f8fbff}.pn-notification-wrap .pn-small-bell{margin-top:3px}@keyframes pn-dropdown-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.pn-notification-wrap{position:static}.pn-notification-wrap .pn-notice-drawer{top:calc(100% - 2px);left:12px;right:12px;width:auto;max-width:none}.pn-notification-wrap .pn-notice-item>p{font-size:10px}}
/* Photo reports share the familiar rhythm of a normal conversation. */
.pc-chat.pr-dashboard{padding:16px 24px;background:#e8edf3;color:#26364b}.pc-chat .pr-heading{display:none}.pc-chat .pr-filters{max-width:960px;margin:0 auto 16px;border:0;border-radius:12px;padding:12px 16px;box-shadow:0 1px 3px #2439540a}.pc-chat .pr-filter-row{grid-template-columns:1.2fr 1fr 1fr;gap:12px}.pc-chat .pr-filter-row label{font-size:11px;color:#68798f;gap:5px}.pc-chat .pr-filter-row input,.pc-chat .pr-filter-row select{font-size:12px;background:#f6f8fb}.pc-chat #photo-updated{font-size:10px}.pc-chat #photo-results{max-width:800px;margin:auto}.pc-summary{display:flex;align-items:center;gap:12px;background:#fff;border-radius:12px;padding:15px 18px;box-shadow:0 1px 3px #263e5410}.pc-summary-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eaf2ff;color:#0876f8}.pc-summary-icon .icon{width:21px;height:21px}.pc-summary>div{display:flex;flex:1;flex-direction:column;gap:5px}.pc-summary strong{font-size:17px;font-weight:650;color:#223e61}.pc-summary>div>span{font-size:12px;color:#75869c}.pc-summary-day{font-size:11px;color:#6e829e;background:#f2f5fa;padding:6px 9px;border-radius:20px;white-space:nowrap}.pc-people{margin:12px 0 20px}.pc-people-head{display:flex;align-items:center;justify-content:space-between;margin:0 3px 8px;color:#738297;font-size:11px}.pc-people-head select{font-size:11px;color:#526a87;background:transparent;border:0;max-width:140px;padding:4px}.pc-person-strip{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 8px;scrollbar-width:thin}.pc-person{display:flex;align-items:center;gap:8px;background:#ffffffcc;border:1px solid #dfe6ef;border-radius:24px;padding:5px 11px 5px 5px;flex-shrink:0;font-size:12px;color:#3e516c;max-width:240px}.pc-person:hover{background:#fff;border-color:#94bcf1}.pc-person>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-person b{color:#0866ff;font-size:13px;white-space:nowrap}.pc-person small{font-size:10px;font-weight:400;color:#7890ad}.pc-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#dce8fb;color:#4275b9;font-size:11px;font-weight:600}.pc-person .pc-avatar{width:28px;height:28px;font-size:10px}.pc-day{display:flex;justify-content:center;margin:18px 0 22px}.pc-day>span{border-radius:20px;background:#cdd5df;color:#fff;padding:5px 13px;font-size:11px}.pc-feed{padding:0 8px}.pc-message{display:flex;gap:10px;margin:0 0 20px;align-items:flex-start}.pc-message>.pc-avatar{margin-top:20px;background:#f6f9fd;box-shadow:0 1px 3px #213c5e15}.pc-message-body{min-width:0;max-width:440px;width:calc(100% - 44px)}.pc-sender{font-size:12px;color:#66758a;padding:0 0 6px 3px;text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-bubble{display:flex;flex-direction:column;text-align:left;width:100%;background:#fff;border-radius:3px 14px 14px 14px;border:1px solid #dce3ed;padding:13px 15px;box-shadow:0 1px 2px #263c5810;color:#29394f;gap:7px}.pc-bubble:hover{border-color:#a9c4e9}.pc-bubble:focus-visible,.pc-person:focus-visible,.pc-sender:focus-visible,.pc-avatar:focus-visible{outline:2px solid #0866ff;outline-offset:3px}.pc-bubble-title{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:14px;line-height:1.6}.pc-bubble-title>b{font-weight:600}.pc-plus{margin-left:auto;padding:2px 7px;background:#e8f6ee;color:#24805a;border-radius:5px;font-size:11px;white-space:nowrap}.pc-group{font-size:11px;color:#8491a2;line-height:1.5;overflow-wrap:anywhere}.pc-thumbnails{display:flex;gap:5px}.pc-thumbnails:empty{display:none}.pc-thumbnails>span{position:relative;width:82px;height:70px;border-radius:7px;overflow:hidden;background:#f1f5fa}.pc-thumbnails img{width:100%;height:100%;object-fit:cover}.pc-thumbnails em{position:absolute;inset:0;background:#162f5677;color:white;display:grid;place-items:center;font-size:19px;font-style:normal}.pc-bubble-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:10px;color:#8c98a9;padding-top:4px}.pc-bubble-bottom b{color:#5880b2;font-weight:600}.pc-bubble-bottom time{font-size:10px;white-space:nowrap}.pc-album-warning{font-size:11px;color:#a17834}.pc-fresh .pc-bubble{border-color:#9cc8f6;background:#f5faff}.pc-feed-foot{text-align:center;font-size:11px;color:#8d9aaa;padding:10px 0 15px}.pc-earlier{display:block;margin:0 auto 20px;border-radius:20px;background:#fff;padding:8px 16px;color:#4c7cae;font-size:11px;box-shadow:0 1px 3px #24436615}.pc-empty{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:45px 10px;color:#8190a5;font-size:12px}.pc-empty>.icon{width:35px;height:35px;color:#a3b4cc}.pc-empty strong{font-size:15px;color:#566d8b}.pc-chat .pr-note{max-width:800px;margin:14px auto 0;color:#8492a4;border-top-color:#d7e0eb;font-size:10px}.pc-chat .pr-error{max-width:800px;margin:12px auto}.photo-person-modal .pn-person-body{background:#e8edf3}.photo-person-modal .pn-modal-event{border-radius:3px 14px 14px 14px;box-shadow:0 1px 2px #263c5810}.photo-person-modal .pn-small-bell{display:none}.photo-person-modal .pn-modal-event-head strong{color:#344f73;font-size:13px}.photo-person-modal .pn-modal-event-head p{font-size:11px;color:#8392a7}.photo-person-modal .pn-modal-facts{font-size:12px}.photo-person-modal .pn-modal-facts>span{color:#8797ad}
@media(max-width:760px){.pc-chat.pr-dashboard{padding:12px 10px}.pc-chat .pr-filters{padding:11px}.pc-chat .pr-filter-row{grid-template-columns:1fr 1fr;gap:9px}.pc-chat .pr-filter-row>label:first-child{grid-column:1/-1}.pc-chat .pr-filter-row>label:last-child{grid-column:auto}.pc-chat #photo-updated{font-size:9px}.pc-summary{padding:13px;gap:10px}.pc-summary strong{font-size:16px}.pc-summary>div>span{font-size:11px}.pc-summary-day{display:none}.pc-summary-icon{width:34px;height:34px}.pc-feed{padding:0 2px}.pc-message{gap:8px}.pc-message-body{max-width:calc(100% - 42px);width:calc(100% - 42px)}.pc-bubble{padding:12px}.pc-bubble-title{font-size:13px}.pc-plus{font-size:10px}.pc-person{font-size:11px}.pc-feed-foot{font-size:10px}}
.pn-modal-event .pr-gallery>button{position:relative;contain:layout paint}.pn-modal-event .pr-gallery img{opacity:0;transition:opacity .15s;width:100%;height:100%;object-fit:cover}.pn-modal-event .pr-gallery .pn-preview-ready img{opacity:1}.pn-preview-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#edf2f8;color:#8b9bb1;font-size:10px}.pn-preview-ready .pn-preview-status{display:none}.pn-preview-failed .pn-preview-status{font-size:0}.pn-preview-failed .pn-preview-status:after{content:'Bấm xem ảnh gốc';font-size:10px;padding:8px;line-height:1.6}
.pn-modal-event .pr-gallery img{object-fit:contain;background:#f6f8fc}.pn-preview-failed .pn-preview-status:after{content:'Ảnh tạm chưa tải được'}