/* PartnerScopeNotice: the line under a quick "whose money" filter (Reports filter bar, Accounts owner filter) while its
   partner options are locked because the partner view is off or the partner isn't sharing. Couple palette: the partner
   accent (amber) on the glyph, blue for the user side; never the violet. Light tokens on :root, dark on
   [data-bs-theme="dark"] so it follows the app theme. */

:root {
    --psn-accent: #D97706;
    --psn-badge-bg: #FEF3C7;
    --psn-bg: linear-gradient(135deg, #FFFBEB 0%, #FFFFFF 100%);
    --psn-border: #F3D9A4;
    --psn-pointer-bg: #2563EB;
    --psn-pointer-fg: #FFFFFF;
    --psn-title: #0B0F19;
    --psn-text: #565973;
}

[data-bs-theme="dark"] {
    --psn-accent: #FBBF24;
    --psn-badge-bg: #45331A;
    --psn-bg: linear-gradient(135deg, #FBBF2424 0%, #FBBF240A 100%);
    --psn-border: #4A3A1F;
    --psn-pointer-bg: #60A5FA;
    --psn-pointer-fg: #0B0F19;
    --psn-title: #F1F2FA;
    --psn-text: #B4B7C9;
}

.psn {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-width: 0;
    padding: .55rem .8rem;
    text-align: left;
    background: var(--psn-bg);
    border: 1px solid var(--psn-border);
    border-radius: 12px;
}

.psn-icon {
    position: relative;
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: var(--psn-badge-bg);
    color: var(--psn-accent);
    font-size: 14px;
}

/* The arrow nods toward the avatar toggle at the top right of the page. */
.psn-pointer {
    position: absolute;
    top: -6px;
    right: -6px;
    display: grid;
    place-items: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--psn-pointer-bg);
    color: var(--psn-pointer-fg);
    font-size: 8px;
    transform: rotate(45deg);
    animation: psn-nudge 1.8s ease-in-out infinite;
}

.psn-body { display: flex; flex-wrap: wrap; align-items: baseline; gap: .1rem .45rem; min-width: 0; }

.psn-title { font-size: 13px; font-weight: 600; color: var(--psn-title); white-space: nowrap; }

.psn-text { font-size: 12.5px; line-height: 1.45; color: var(--psn-text); }

/* Reports: the notice takes the filter bar's full width, under the controls. */
.rp-filter > .psn { flex: 1 1 100%; }

/* Accounts: under the owner filter, inside the My Accounts card. */
.acx-owner-notice { margin-top: .5rem; }

@keyframes psn-nudge {
    0%, 100% { transform: rotate(45deg) translateY(0); }
    50% { transform: rotate(45deg) translateY(-2px); }
}

@media (prefers-reduced-motion: reduce) {
    .psn-pointer { animation: none; }
}

@media print {
    .psn { display: none; }
}