.inventory-settings {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
}
.inventory-settings .inventory-settings__disabled {
    min-width: 44px;
    min-height: 44px;
    color: var(--fg-4);
    cursor: help;
}
.inventory-settings__hint {
    display: none;
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    z-index: 50;
    width: 260px;
    max-width: calc(100vw - 32px);
    padding: 12px;
    background: var(--paper-0);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    box-shadow: 0 4px 12px rgba(14,26,36,.12);
    font: 12px/1.45 var(--font-sans);
    color: var(--ink-900);
}
.inventory-settings:hover .inventory-settings__hint,
.inventory-settings:focus-within .inventory-settings__hint,
.inventory-settings.is-open .inventory-settings__hint {
    display: block;
}
.shared-inventory-notice {
    padding: 12px 14px;
    margin-bottom: 16px;
    background: var(--paper-100);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    color: var(--fg-2);
    font: 12px/1.5 var(--font-sans);
    overflow-wrap: anywhere;
}
.shared-inventory-notice p { margin: 0; }
.shared-inventory-notice p + p { margin-top: 6px; color: var(--fg-3); }
.mehr-page > .shared-inventory-notice { margin-bottom: 0; }

/* The contextual notice already explains access rights; keep one visible notice. */
#main-content:has(.shared-inventory-notice) > .inventory-readonly-notice {
    display: none;
}
