Oxicloud/static/css/components/shareDialog.css

.permission-options {
    display: flex;
    gap: 15px;
    margin-top: 5px;
}

.permission-option {
    display: flex;
    align-items: center;
    gap: 5px;
}

.existing-share-item {
    background-color: var(--color-bg-subtle);
    border-radius: var(--radius-sm);
    padding: var(--space-2-5);
    margin-bottom: var(--space-2-5);
}

.share-url {
    font-size: var(--text-xs);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 5px;
    color: var(--color-share-link-text);
}

.share-info {
    font-size: var(--text-2xs);
    display: flex;
    gap: 15px;
    margin-bottom: var(--space-2-5);
    color: var(--color-share-owner-text);
}

.share-protected {
    color: var(--color-share-link-text);
}

.share-expiration {
    color: var(--color-share-remove-text);
}

.share-actions {
    display: flex;
    gap: 5px;
    justify-content: flex-end;
}

.share-link-actions {
    display: flex;
    gap: var(--space-2-5);
    margin-top: 5px;
}

.btn-small {
    font-size: var(--text-xs);
    padding: 5px var(--space-2-5);
}

#notification-message {
    width: 100%;
    padding: var(--space-2-5);
    border: 1px solid var(--color-border-ddd);
    border-radius: var(--radius-sm);
    resize: vertical;
}