/* My Portofolio V3 — responsive notifications and persistent-storage status */
.portfolio-notification-panel{overflow:hidden!important;border:1px solid rgba(78,211,255,.26)!important;background:linear-gradient(165deg,rgba(5,12,26,.98),rgba(10,20,38,.98))!important;box-shadow:0 24px 80px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.035) inset!important;border-radius:18px!important}
.portfolio-notification-head{background:linear-gradient(90deg,rgba(34,211,238,.10),rgba(139,92,246,.08))}
.portfolio-notification-item{overflow-wrap:anywhere;background:rgba(255,255,255,.015)}
.portfolio-notification-item:hover{background:rgba(34,211,238,.065)}
.portfolio-notification-actions{flex-wrap:wrap;align-items:center}
.portfolio-notification-actions>button{min-height:34px}
.portfolio-kv-status{position:fixed;left:12px;bottom:12px;z-index:9998;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(84,218,255,.25);border-radius:999px;background:rgba(4,12,25,.88);backdrop-filter:blur(16px);color:#c9f8ff;font:700 11px/1 system-ui;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 12px 40px #0008}.portfolio-kv-status::before{content:"";width:8px;height:8px;border-radius:50%;background:#5eead4;box-shadow:0 0 14px #5eead4}.portfolio-kv-status[data-state="error"]::before{background:#fb7185;box-shadow:0 0 14px #fb7185}
@media(max-width:640px){.portfolio-notification-wrapper{position:fixed!important;inset:0!important;transform:none!important;width:100vw!important;height:100dvh!important;z-index:99999!important;pointer-events:none!important}.portfolio-notification-panel{position:fixed!important;top:max(70px,calc(env(safe-area-inset-top) + 58px))!important;right:10px!important;bottom:10px!important;left:10px!important;width:auto!important;max-width:none!important;max-height:none!important;transform:none!important;pointer-events:auto!important;border-radius:20px!important}.portfolio-notification-scroll{height:calc(100dvh - 150px)!important;max-height:none!important}.portfolio-notification-head{position:sticky;top:0;z-index:3;padding:16px!important;backdrop-filter:blur(18px)}.portfolio-notification-item{padding:15px!important}.portfolio-notification-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}.portfolio-notification-actions>button{width:100%;justify-content:center!important;height:38px!important}.portfolio-kv-status{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));justify-content:center}}