.kphcc-popup,.kphcc-popup *,.kphcc-popup *::before,.kphcc-popup *::after{box-sizing:border-box}
.kphcc-popup{
	--kphcc-primary:#0b6e4f;--kphcc-primary-dark:#07503a;--kphcc-accent:#d4a73a;--kphcc-overlay:.6;
	--kphcc-ink:#12261f;--kphcc-muted:#43554e;--kphcc-tint:#edf5f1;
	position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	font-size:16px;line-height:1.55;color:var(--kphcc-ink);-webkit-text-size-adjust:100%;text-align:left
}
.kphcc-popup[hidden]{display:none!important}

/* Overlay */
.kphcc-popup .kphcc-overlay{position:absolute;inset:0;background:rgba(6,20,15,var(--kphcc-overlay));opacity:0;transition:opacity .3s ease}
.kphcc-popup.kphcc-blur .kphcc-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.kphcc-popup.is-open .kphcc-overlay{opacity:1}

/* Dialog */
.kphcc-popup .kphcc-dialog{
	position:relative;display:flex;flex-direction:column;width:100%;max-width:560px;
	max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);
	background:#fff;border-radius:22px;overflow:hidden;outline:0;opacity:0;
	box-shadow:0 30px 80px -20px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.12);
	transition:opacity .3s ease,transform .38s cubic-bezier(.2,.8,.2,1)
}
.kphcc-anim-zoom .kphcc-dialog{transform:scale(.93)}
.kphcc-anim-slide .kphcc-dialog{transform:translateY(44px)}
.kphcc-popup.is-open .kphcc-dialog{opacity:1;transform:none}

/* Corner card layout */
.kphcc-pos-corner{align-items:flex-end;justify-content:flex-end;padding:22px;pointer-events:none}
.kphcc-pos-corner .kphcc-overlay{display:none}
.kphcc-pos-corner .kphcc-dialog{pointer-events:auto;max-width:410px}

/* Header */
.kphcc-popup .kphcc-header{
	position:relative;flex:0 0 auto;display:flex;align-items:center;gap:14px;overflow:hidden;
	padding:22px 66px 20px 24px;color:#fff;
	background:linear-gradient(135deg,var(--kphcc-primary) 0%,var(--kphcc-primary-dark) 100%)
}
.kphcc-popup .kphcc-header::before{content:"";position:absolute;right:-46px;top:-70px;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.08)}
.kphcc-popup .kphcc-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--kphcc-accent),rgba(255,255,255,0))}
.kphcc-popup .kphcc-mark{position:relative;z-index:1;flex:0 0 auto;width:54px;height:54px;border-radius:15px;background:#fff;color:var(--kphcc-primary);display:flex;align-items:center;justify-content:center;padding:6px;box-shadow:0 6px 16px rgba(0,0,0,.2)}
.kphcc-popup .kphcc-mark img,.kphcc-popup .kphcc-logo{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border:0;margin:0;box-shadow:none}
.kphcc-popup .kphcc-head-text{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}
.kphcc-popup .kphcc-org{font-size:15px;font-weight:650;line-height:1.3;letter-spacing:.01em;color:#fff}
.kphcc-popup .kphcc-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 11px 3px 9px;border-radius:99px;font-size:13px;font-weight:600;line-height:1.5;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3)}
.kphcc-popup .kphcc-badge[data-type="urgent"]{background:#c23a2b;border-color:#e0766a}
.kphcc-popup .kphcc-badge[data-type="event"],.kphcc-popup .kphcc-badge[data-type="advisory"]{background:var(--kphcc-accent);border-color:transparent;color:#1d1a0d}

/* Close icon */
.kphcc-popup .kphcc-x{position:absolute;z-index:3;top:14px;right:14px;width:38px;height:38px;padding:0;margin:0;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;background:rgba(255,255,255,.16);transition:background .2s ease,transform .2s ease}
.kphcc-popup .kphcc-x:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}

/* Body */
.kphcc-popup .kphcc-body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:24px 26px 6px}
.kphcc-popup .kphcc-title{margin:0 0 10px;padding:0;font-size:clamp(1.3rem,1.05rem + 1.2vw,1.75rem);line-height:1.25;font-weight:750;letter-spacing:-.01em;color:var(--kphcc-ink);text-transform:none}
.kphcc-popup .kphcc-date{display:inline-block;margin:0 0 14px;padding:3px 11px;border-radius:99px;background:var(--kphcc-tint);color:var(--kphcc-primary-dark);font-size:13.5px;font-weight:600}
.kphcc-popup .kphcc-message{color:var(--kphcc-muted);font-size:16px;line-height:1.65;overflow-wrap:anywhere}
.kphcc-popup .kphcc-message>*:first-child{margin-top:0}
.kphcc-popup .kphcc-message p{margin:0 0 .85em;color:inherit}
.kphcc-popup .kphcc-message ul,.kphcc-popup .kphcc-message ol{margin:0 0 .85em;padding-left:1.3em}
.kphcc-popup .kphcc-message a{color:var(--kphcc-primary);text-decoration:underline;text-underline-offset:2px}
.kphcc-popup .kphcc-message h3,.kphcc-popup .kphcc-message h4{margin:1em 0 .4em;color:var(--kphcc-ink);line-height:1.3}
.kphcc-popup .kphcc-message blockquote{margin:0 0 .85em;padding:.2em 0 .2em 1em;border-left:4px solid var(--kphcc-accent)}

/* Footer */
.kphcc-popup .kphcc-footer{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 26px 24px}
.kphcc-popup .kphcc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;margin:0;border:2px solid transparent;border-radius:12px;font:inherit;font-size:15px;font-weight:650;line-height:1.2;text-decoration:none;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}
.kphcc-popup .kphcc-btn--primary{background:var(--kphcc-primary);color:#fff}
.kphcc-popup .kphcc-btn--primary:hover{background:var(--kphcc-primary-dark);color:#fff;transform:translateY(-1px);box-shadow:0 8px 18px -6px var(--kphcc-primary)}
.kphcc-popup .kphcc-btn--ghost{background:#fff;color:var(--kphcc-primary);border-color:var(--kphcc-primary)}
.kphcc-popup .kphcc-btn--ghost:hover{background:var(--kphcc-tint);color:var(--kphcc-primary-dark)}
.kphcc-popup .kphcc-btn--text{background:transparent;color:var(--kphcc-muted);margin-left:auto;padding:0 10px}
.kphcc-popup .kphcc-btn--text:hover{color:var(--kphcc-ink);background:#f3f5f4}

/* Keyboard focus */
.kphcc-popup a:focus-visible,.kphcc-popup button:focus-visible{outline:3px solid var(--kphcc-accent);outline-offset:2px}
.kphcc-popup .kphcc-btn--primary:focus-visible{outline-color:var(--kphcc-primary-dark)}

/* Auto-close timer bar */
.kphcc-popup .kphcc-progress{display:none;position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--kphcc-accent);transform-origin:left center}
.kphcc-popup.has-timer .kphcc-progress{display:block;animation:kphcc-timer linear forwards}
.kphcc-popup .kphcc-progress.is-paused{animation-play-state:paused}
@keyframes kphcc-timer{from{transform:scaleX(1)}to{transform:scaleX(0)}}

html.kphcc-lock{overflow:hidden!important}

/* Phones */
@media (max-width:540px){
	.kphcc-popup{padding:10px}
	.kphcc-popup .kphcc-dialog{border-radius:18px;max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px)}
	.kphcc-popup .kphcc-header{padding:18px 60px 16px 18px;gap:12px}
	.kphcc-popup .kphcc-mark{width:48px;height:48px;border-radius:13px}
	.kphcc-popup .kphcc-body{padding:20px 18px 4px}
	.kphcc-popup .kphcc-footer{padding:14px 18px 18px;flex-direction:column;align-items:stretch}
	.kphcc-popup .kphcc-btn{width:100%}
	.kphcc-popup .kphcc-btn--text{margin-left:0;order:3}
	.kphcc-pos-corner{padding:10px;justify-content:center}
}
@media (max-height:520px) and (orientation:landscape){
	.kphcc-popup .kphcc-header{padding-top:12px;padding-bottom:12px}
	.kphcc-popup .kphcc-mark{display:none}
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion:reduce){
	.kphcc-popup .kphcc-overlay,.kphcc-popup .kphcc-dialog,.kphcc-popup .kphcc-btn,.kphcc-popup .kphcc-x{transition:none!important;transform:none!important}
	.kphcc-popup.has-timer .kphcc-progress{animation-duration:0s!important}
}
@media (forced-colors:active){.kphcc-popup .kphcc-dialog{border:2px solid CanvasText}}

/* Notification image */
.kphcc-popup .kphcc-figure{flex:0 1 auto;margin:0;padding:0;background:var(--kphcc-tint);overflow:auto;line-height:0}
.kphcc-popup .kphcc-figure a{display:block}
.kphcc-popup .kphcc-img{display:block;width:100%;height:auto;max-width:100%;max-height:300px;object-fit:cover;margin:0;border:0;border-radius:0;box-shadow:none}
.kphcc-popup.kphcc-layout-poster .kphcc-dialog{max-width:640px}
.kphcc-popup.kphcc-layout-poster .kphcc-figure{flex:1 1 auto;background:#fff}
.kphcc-popup.kphcc-layout-poster .kphcc-img{max-height:none;object-fit:contain}
.kphcc-popup.kphcc-layout-poster .kphcc-x{background:rgba(10,20,16,.65)}
.kphcc-popup.kphcc-layout-poster .kphcc-x:hover{background:rgba(10,20,16,.85)}
.kphcc-popup.kphcc-layout-poster .kphcc-footer{padding-top:14px;padding-bottom:18px}
.kphcc-popup .kphcc-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media (max-width:540px){.kphcc-popup .kphcc-img{max-height:220px}.kphcc-popup.kphcc-layout-poster .kphcc-img{max-height:none}}
