/* Compact floating widget anchored to the shared navigation. */
dialog.studio-notifications{inset:auto;margin:0;left:280px;top:24px;width:min(420px,calc(100vw - 32px));height:min(580px,72dvh);max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);border:1px solid #d7e3ee;border-radius:24px;background:#f4f7fb;color:var(--ink,#172434);box-shadow:0 24px 70px #17374c26,0 4px 16px #17374c14;overflow:hidden;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;scrollbar-gutter:auto;scroll-padding:0}
dialog.studio-notifications:not([open]){display:none}
dialog.studio-notifications::backdrop{background:#17374c12;backdrop-filter:none;-webkit-backdrop-filter:none}
dialog.studio-notifications>header{position:static;display:flex;align-items:center;gap:12px;padding:18px 20px;background:#ffffffed;border-bottom:1px solid #e2e9f1}
.notification-heading{display:flex;align-items:center;gap:12px;min-width:0}
.notification-heading-icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:1px solid #cfe0f5;border-radius:14px;background:#e8f1ff;color:#246ab2}
dialog.studio-notifications h2{font-size:19px;letter-spacing:-.025em;margin:0}
dialog.studio-notifications header p{margin:3px 0 0;font-size:12px;color:#63798c}
dialog.studio-notifications [data-notification-close]{margin-left:auto;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;border-radius:12px;background:#f1f5f9;border-color:#e1e8ef;font-size:23px;color:#536a7e;box-shadow:none}
dialog.studio-notifications .notification-tools{padding:14px 18px 8px;gap:12px}
dialog.studio-notifications .notification-filter{font-size:12px;line-height:1.35;min-width:0}
dialog.studio-notifications .notification-filter small{font-size:11px;margin-top:3px}
dialog.studio-notifications #notification-refresh{min-height:36px;padding:7px 10px;border-radius:10px}
dialog.studio-notifications #notification-status{margin:3px 20px 11px;min-height:18px;font-size:11px;line-height:1.5;color:#62778a}
dialog.studio-notifications #notification-requests{min-height:0;overflow:auto;margin:0 6px 0 0;padding:0 12px 10px 18px;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin}
dialog.studio-notifications .notification-request{border:1px solid #dce5ee;border-radius:16px;margin-bottom:9px;box-shadow:0 2px 5px #213b5104;background:#fff}
dialog.studio-notifications .notification-request summary{padding:14px;gap:10px;align-items:flex-start}
dialog.studio-notifications .notification-request summary::after{color:#698096;transition:transform .15s}
dialog.studio-notifications .notification-request[open] summary::after{transform:rotate(180deg)}
dialog.studio-notifications .notification-title{font-size:13px;line-height:1.4}
dialog.studio-notifications .notification-title small{font-size:11px;line-height:1.4;margin-top:5px}
dialog.studio-notifications .notification-request time{max-width:92px;font-size:10px}
dialog.studio-notifications .notification-detail{padding:0 14px 14px;font-size:12px;line-height:1.6}
dialog.studio-notifications .notification-detail .button{white-space:normal;text-align:center}
dialog.studio-notifications>footer{padding:12px 18px;border-top:1px solid #e1e8ef;background:#ffffffed;gap:10px;justify-content:space-between;font-size:11px}
dialog.studio-notifications>footer button{min-height:36px;font-size:12px}
dialog.studio-notifications .notification-empty{margin:0;padding:24px 12px;font-size:13px}
@media(max-width:430px){dialog.studio-notifications{border-radius:22px}dialog.studio-notifications>header{padding:14px 16px}.notification-heading-icon{width:36px;height:36px;border-radius:12px}dialog.studio-notifications .notification-tools{padding:11px 14px 7px}dialog.studio-notifications #notification-status{margin-inline:16px}dialog.studio-notifications #notification-requests{padding-left:12px;padding-right:8px}dialog.studio-notifications>footer{padding:10px 14px}dialog.studio-notifications .notification-filter small{display:none}}
@media(max-height:500px){dialog.studio-notifications>header{padding-block:10px}dialog.studio-notifications .notification-tools{padding-block:6px}dialog.studio-notifications .notification-filter small{display:none}dialog.studio-notifications>footer{padding-block:7px}}
@media(prefers-reduced-motion:reduce){dialog.studio-notifications .notification-request summary::after{transition:none}}
@media(prefers-contrast:more){dialog.studio-notifications{border:2px solid #52697d}dialog.studio-notifications::backdrop{background:#17374c30}.notification-heading-icon,dialog.studio-notifications .notification-request{border-color:#697e90}}