/* YTSTREAM 3.58 · Notifications + Authentication */

/* ---------- Public notifications ---------- */
.yt358-notifications{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--yt-borde);border-radius:11px;background:var(--yt-superficie);color:var(--yt-texto-2);text-decoration:none;transition:border-color .15s ease,background .15s ease,color .15s ease}
.yt358-notifications .yt-icon{width:17px;height:17px}
.yt358-notifications:hover,.yt358-notifications:focus-visible{border-color:color-mix(in srgb,var(--yt-vinotinto-claro) 42%,var(--yt-borde));background:var(--yt-superficie-2);color:var(--yt-texto)}
.yt358-notifications.has-unread{color:var(--yt-vinotinto-claro);border-color:color-mix(in srgb,var(--yt-vinotinto-claro) 28%,var(--yt-borde))}
.yt358-notifications>span{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:2px solid var(--yt-fondo);border-radius:999px;background:var(--yt-vinotinto-claro);color:#fff;font-size:9px;font-weight:700;line-height:1}
.yt-social-inbox{display:grid;gap:12px}
.yt358-notification-filters{display:flex;gap:6px;overflow:auto;padding:1px 0 3px;scrollbar-width:none}
.yt358-notification-filters::-webkit-scrollbar{display:none}
.yt358-notification-filters button{flex:0 0 auto;min-height:32px;padding:0 11px;border:1px solid var(--yt-borde);border-radius:999px;background:var(--yt-superficie);color:var(--yt-texto-2);font:inherit;font-size:10px;font-weight:620;cursor:pointer}
.yt358-notification-filters button.is-active{border-color:color-mix(in srgb,var(--yt-vinotinto-claro) 40%,var(--yt-borde));background:color-mix(in srgb,var(--yt-vinotinto-claro) 7%,var(--yt-superficie));color:var(--yt-texto)}
.yt-social-inbox__list{display:grid;gap:7px}
.yt-social-inbox__item{grid-template-columns:38px minmax(0,1fr) auto!important;gap:10px!important;padding:10px 11px!important;border-radius:12px!important;box-shadow:none!important}
.yt-social-inbox__avatar,.yt-social-inbox__avatar img{width:38px!important;height:38px!important;border-radius:50%!important}
.yt-social-inbox__item>div{display:grid;gap:2px;min-width:0}
.yt-social-inbox__item>div>span{font-size:9.5px!important;font-weight:540!important;color:var(--yt-texto-2)!important}
.yt-social-inbox__item>div>strong{font-size:11.5px!important;font-weight:650!important;line-height:1.3!important}
.yt-social-inbox__item>div>p{margin:0!important;font-size:10.5px!important;line-height:1.38!important;color:var(--yt-texto-2)!important}
.yt-social-inbox__item>a:last-child{align-self:center;font-size:9.5px!important;font-weight:600!important;white-space:nowrap}
.yt-social-inbox__item.is-unread{border-left:2px solid var(--yt-vinotinto-claro)!important;background:color-mix(in srgb,var(--yt-vinotinto-claro) 4%,var(--yt-superficie))!important}
.yt-social-inbox__item[hidden]{display:none!important}
html[data-yt-tema="light"] .yt358-notifications{background:#fff}
html[data-yt-tema="light"] .yt-social-inbox__item{background:#fff!important;border-color:#e8e1e4!important}
html[data-yt-tema="light"] .yt-social-inbox__item.is-unread{background:#fff8fa!important;border-left-color:#9c294b!important}
@media(max-width:620px){
 .yt358-notifications{width:36px;height:36px;border-radius:10px}
 .yt-social-inbox__item{grid-template-columns:34px minmax(0,1fr)!important;padding:9px!important}
 .yt-social-inbox__avatar,.yt-social-inbox__avatar img{width:34px!important;height:34px!important}
 .yt-social-inbox__item>a:last-child{grid-column:2;justify-self:start;margin-top:2px}
}

/* ---------- WordPress authentication ---------- */
body.login{min-height:100%;background:#0b0b0e;color:#f2eef0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.login:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 75%)}
body.login #login{position:relative;width:min(390px,calc(100% - 32px));padding:7vh 0 32px}
body.login h1 a{width:188px;height:52px;margin-bottom:22px;background-image:url('../branding/ytstream-logo-dark.png');background-size:contain;background-position:center;background-repeat:no-repeat}
body.login .yt358-auth-intro{display:grid;gap:5px;margin:0 0 12px;text-align:left}
body.login .yt358-auth-intro strong{font-size:22px;line-height:1.08;letter-spacing:-.035em;font-weight:700;color:#fff}
body.login .yt358-auth-intro span{font-size:12px;line-height:1.5;color:#aaa1a6}
body.login form{margin-top:0;padding:20px;border:1px solid #2a2529;border-radius:16px;background:#121114;box-shadow:none}
body.login label{color:#c8c0c4;font-size:11px;font-weight:600}
body.login form .input,body.login input[type=text],body.login input[type=password],body.login input[type=email]{min-height:44px;margin:5px 0 15px;padding:8px 11px;border:1px solid #343035;border-radius:10px;background:#0d0c0f;color:#fff;font-size:16px;box-shadow:none}
body.login form .input:focus,body.login input:focus{border-color:#8f2948;box-shadow:0 0 0 3px rgba(143,41,72,.13);outline:none}
body.login .button.wp-hide-pw{color:#b85a76}
body.login .button-primary{min-height:42px;padding:0 17px;border:1px solid #8f2948;border-radius:10px;background:#8f2948;color:#fff;font-size:12px;font-weight:680;box-shadow:none;text-shadow:none;transition:background .15s ease,border-color .15s ease,transform .15s ease}
body.login .button-primary:hover,body.login .button-primary:focus{background:#76223d;border-color:#76223d;color:#fff}
body.login #nav,body.login #backtoblog{padding:0;text-align:center}
body.login #nav a,body.login #backtoblog a{color:#aaa1a6;font-size:11px;text-decoration:none}
body.login #nav a:hover,body.login #backtoblog a:hover{color:#fff}
body.login .message,body.login .notice,body.login #login_error{margin:0 0 12px;padding:10px 12px;border:1px solid #333036;border-left:2px solid #8f2948;border-radius:10px;background:#151317;color:#d9d2d6;font-size:11px;line-height:1.45;box-shadow:none}
body.login .privacy-policy-page-link{margin-top:14px}
body.login .privacy-policy-page-link a{color:#7f777b;font-size:10px}
body.login .forgetmenot{margin-top:4px!important}
@media(prefers-color-scheme:light){
 body.login{background:#f5f2f3;color:#282326}
 body.login:before{background:linear-gradient(rgba(80,49,61,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(80,49,61,.035) 1px,transparent 1px)}
 body.login h1 a{background-image:url('../branding/ytstream-logo-light.png')}
 body.login .yt358-auth-intro strong{color:#241f22}
 body.login .yt358-auth-intro span{color:#71686d}
 body.login form{border-color:#ddd4d8;background:#fff}
 body.login label{color:#51494d}
 body.login form .input,body.login input[type=text],body.login input[type=password],body.login input[type=email]{border-color:#d9d0d4;background:#faf8f9;color:#231f21}
 body.login #nav a,body.login #backtoblog a{color:#665e62}
 body.login #nav a:hover,body.login #backtoblog a:hover{color:#241f22}
 body.login .message,body.login .notice,body.login #login_error{border-color:#ded5d9;border-left-color:#8f2948;background:#fff;color:#4e464a}
}
@media(max-width:480px){body.login #login{padding-top:30px}body.login form{padding:16px;border-radius:14px}body.login .yt358-auth-intro strong{font-size:20px}}